tnx-shared 5.1.395 → 5.1.398

package/bundles/tnx-shared.umd.js

@@ -2412,20 +2412,7 @@
     var ModuleConfigService = /** @class */ (function () {
         function ModuleConfigService(moduleConfigVal) {
             if (moduleConfigVal === void 0) { moduleConfigVal = null; }
-            if (!moduleConfigVal) {
-                // get from session storage
-                var data = sessionStorage.getItem('moduleConfigVal');
-                if (data) {
-                    this._config = JSON.parse(data);
-                }
-                else {
-                    console.error('cannot find moduleConfigVal');
-                }
-            }
-            else {
-                this._config = moduleConfigVal();
-                sessionStorage.setItem('moduleConfigVal', JSON.stringify(this._config));
-            }
+            this._config = moduleConfigVal();
         }
         ModuleConfigService.prototype.getConfig = function () {
             return this._config;
@@ -3451,8 +3438,7 @@
             }
             else {
                 if (this.isDesktop()) {
-                    this.staticMenuDesktopInactive = !this
-                        .staticMenuDesktopInactive;
+                    this.staticMenuDesktopInactive = !this.staticMenuDesktopInactive;
                 }
                 else {
                     this.staticMenuMobileActive = !this.staticMenuMobileActive;
@@ -3965,6 +3951,13 @@
         CommonService.prototype.guidEmpty = function () {
             return '00000000-0000-0000-0000-000000000000';
         };
+        /**
+         * kiểm tra xem chuỗi có phải một guid khác với cả guidEmpty
+         * @date 8/11/2022 - 11:51:31 AM
+         *
+         * @param {string} guid
+         * @returns {boolean}
+         */
         CommonService.prototype.isValidGuid = function (guid) {
             return guid != null && guid !== '' && guid !== this.guidEmpty();
         };
@@ -10230,19 +10223,20 @@
                 // Chuyển đổi sang dùng instanceId nếu đăng nhập bằng identityv4 nhưng phải sử dụng base userOrgv5
                 var userId = _this.getUserIdFromToken(decoded);
                 _this.getStaffInfo(userId).then(function (rs1) {
-                    var user = _this.mapUserInfo(decoded, rs1, userId);
-                    var userPublicInfo = _this.getUserPublicInfo(user);
-                    if ((!user.avatar || user.avatar == '') && user.gender != null) {
-                        user.avatar = user.gender == 0 ? _this.DEFAULT_AVATAR_FEMALE : _this.DEFAULT_AVATAR_MALE;
+                    var mappedUser = _this.mapUserInfo(decoded, rs1, userId);
+                    var userPublicInfo = _this.getUserPublicInfo(mappedUser);
+                    if ((!mappedUser.avatar || mappedUser.avatar == '') && mappedUser.gender != null) {
+                        mappedUser.avatar = mappedUser.gender == 0 ? _this.DEFAULT_AVATAR_FEMALE : _this.DEFAULT_AVATAR_MALE;
                     }
                     localStorage.setItem(_this.CURRENT_USER_KEY, JSON.stringify(userPublicInfo));
-                    rootContext.data.currentUser = user;
+                    rootContext.data.currentUser = mappedUser;
                     if (firstTimeLogin) {
                         rootContext.fireEvent(ComCtxConstants.ROOT.NEED_CLEAR_PERMISSION_CACHE);
                         return;
                     }
                     rootContext.fireReplayEvent(ComCtxConstants.ROOT.USER_LOADED, true);
                 }, function (err) {
+                    console.log(err);
                 });
             });
         };
@@ -10260,34 +10254,30 @@
         };
         UserService.prototype.mergePublicAndPrivateInfo = function (userPublicInfo, infoFromToken) {
             var _this = this;
-            if (userPublicInfo == null && infoFromToken == null) {
+            if (userPublicInfo == null || infoFromToken == null) {
                 return null;
             }
             var result = new TnUser();
-            if (userPublicInfo) {
-                this.addProperty(result, userPublicInfo);
-            }
-            if (infoFromToken) {
-                // mapping mot so truong trong token co key != trong TnUser
-                var customProcess = function (destination, original, key) {
-                    if (key === 'fullname') {
-                        destination.fullName = original[key];
-                        return true;
-                    }
-                    if (key === 'sub') {
-                        destination.origin = original[key];
-                        if (!_this._commonService.isValidGuid(destination.userId)) {
-                            destination.userId = _this.getUserIdFromToken(infoFromToken);
-                        }
-                    }
-                    if (key === 'username' && (destination.userName == null || destination.userName === '')) {
-                        destination.userName = original[key];
-                        return true;
+            this.addProperty(result, userPublicInfo);
+            // mapping mot so truong trong token co key != trong TnUser
+            var customProcess = function (destination, original, key) {
+                if (key === 'fullname') {
+                    destination.fullName = original[key];
+                    return true;
+                }
+                if (key === 'sub') {
+                    destination.origin = original[key];
+                    if (!_this._commonService.isValidGuid(destination.userId)) {
+                        destination.userId = _this.getUserIdFromToken(infoFromToken);
                     }
-                    return false;
-                };
-                this.addProperty(result, infoFromToken, customProcess);
-            }
+                }
+                if (key === 'username' && (destination.userName == null || destination.userName === '')) {
+                    destination.userName = original[key];
+                    return true;
+                }
+                return false;
+            };
+            this.addProperty(result, infoFromToken, customProcess);
             return result;
         };
         /**
@@ -10515,7 +10505,7 @@
          * Hàm dùng để lấy thông tin cơ bản nhiều người dùng dựa vào userName,
          * hiện tại chưa có thông tin về đơn vị và chức vụ người dùng để giảm load và vì chưa dùng đến
          * @param {string} userName
-         * @return {Promise<BasicUserInfo[]>
+         * @return {Promise<BasicUserInfo[]>}
          */
         UserService.prototype.getBasicUserInfoByUserName = function (userName) {
             var _this = this;
@@ -10562,24 +10552,23 @@
                 var storageItem, userInfos, check, svUrl;
                 var _this = this;
                 return __generator(this, function (_c) {
-                    switch (_c.label) {
-                        case 0:
-                            storageItem = localStorage.getItem(this.USER_INFO_KEY);
-                            userInfos = JSON.parse(storageItem);
-                            check = userInfos ? userNames.indexOf(userInfos['userName']) > -1 : null;
-                            if (!check) return [3 /*break*/, 1];
-                            return [2 /*return*/, userInfos];
-                        case 1:
-                            svUrl = this.serviceUri + "/GetBasicUsersInfoByUserNames?userNames=" + userNames;
-                            return [4 /*yield*/, this._http.get(svUrl).pipe(operators.shareReplay(this.REPLAY_COUNT), operators.retry(this.RETRY_COUNT), operators.catchError(function (err) { return _this.handleError(err, _this._injector); }), operators.map(function (repsonse) {
-                                    localStorage.setItem(_this.USER_INFO_KEY + '_' + repsonse.data.map(function (x) {
-                                        if (x.userName)
-                                            return x.userName;
-                                    }), JSON.stringify(repsonse.data));
-                                    return repsonse.data;
-                                })).toPromise().catch(function (err) { return []; })];
-                        case 2: return [2 /*return*/, _c.sent()];
+                    storageItem = localStorage.getItem(this.USER_INFO_KEY);
+                    userInfos = JSON.parse(storageItem);
+                    check = userInfos ? userNames.indexOf(userInfos['userName']) > -1 : null;
+                    if (check) {
+                        return [2 /*return*/, userInfos];
+                    }
+                    else {
+                        svUrl = this.serviceUri + "/GetBasicUsersInfoByUserNames?userNames=" + userNames;
+                        return [2 /*return*/, this._http.get(svUrl).pipe(operators.shareReplay(this.REPLAY_COUNT), operators.retry(this.RETRY_COUNT), operators.catchError(function (err) { return _this.handleError(err, _this._injector); }), operators.map(function (repsonse) {
+                                localStorage.setItem(_this.USER_INFO_KEY + '_' + repsonse.data.map(function (x) {
+                                    if (x.userName)
+                                        return x.userName;
+                                }), JSON.stringify(repsonse.data));
+                                return repsonse.data;
+                            })).toPromise().catch(function (err) { return []; })];
                     }
+                    return [2 /*return*/];
                 });
             });
         };
@@ -25350,10 +25339,7 @@
                         }
                     });
                     if (_this.appSwitcherItems.length === 1) {
-                        if (_this._appContext.getRootContext().data.isLoggingOut === true) {
-                            return;
-                        }
-                        _this.switchApp(_this.appSwitcherItems[0]);
+                        setTimeout(function (x) { return _this.switchApp(_this.appSwitcherItems[0]); }, 100);
                     }
                 }
             });
@@ -26057,7 +26043,7 @@
             return c;
         };
         CoreConfigService.prototype.getAuthConfig = function () {
-            var scope = 'openid profile email';
+            var scope = 'openid profile email offline_access';
             if (this.environment.authenticationSettings.scope) {
                 scope = this.environment.authenticationSettings.scope;
             }
@@ -26072,7 +26058,9 @@
                 showDebugInformation: false,
                 requestAccessToken: true,
                 useSilentRefresh: false,
-                clearHashAfterLogin: true
+                clearHashAfterLogin: true,
+                timeoutFactor: 0.5,
+                sessionCheckIntervall: 1 * 60 * 1000
             };
         };
         return CoreConfigService;
@@ -29486,6 +29474,10 @@
         { type: i0.Injector }
     ]; };
 
+    (function (MenuSource) {
+        MenuSource[MenuSource["JSON"] = 0] = "JSON";
+        MenuSource[MenuSource["LocalStorage"] = 1] = "LocalStorage";
+    })(exports.MenuSource || (exports.MenuSource = {}));
     var TnMenu = /** @class */ (function () {
         function TnMenu() {
             this.isRootMenu = false;
@@ -29551,24 +29543,17 @@
         MenuService.prototype.setMenuItems = function (menus, clearPrevMenu) {
             var _this = this;
             if (clearPrevMenu === void 0) { clearPrevMenu = false; }
-            return this.setVisibleMenus(menus).then(function (rs) {
+            return this.setVisibleMenus(menus)
+                .then(function (rs) {
                 var _a;
-                var temp = [];
+                var oldMenu = clearPrevMenu ? [] : _this._commonService.cloneObject(_this.getMenuItems());
                 menus.forEach(function (m) {
                     if (!m.isRootMenu) {
-                        temp.push(m);
-                    }
-                    else {
-                        _this._rootMenu.label = m.label;
+                        oldMenu.push(m);
+                        return;
                     }
+                    _this._rootMenu.label = m.label;
                 });
-                var oldMenu = _this._commonService.cloneObject(_this.getMenuItems());
-                if (clearPrevMenu) {
-                    oldMenu = temp;
-                }
-                else {
-                    oldMenu.push.apply(oldMenu, __spread(temp));
-                }
                 _this._menuItems.length = 0;
                 (_a = _this._menuItems).push.apply(_a, __spread(_this.recursiveOrderBy(oldMenu)));
                 _this.menuChanged.next(_this._menuItems);
@@ -29695,7 +29680,7 @@
                             if (menuElem.isRootMenu) {
                                 return [2 /*return*/];
                             }
-                            if (pathPrefix != null && pathPrefix !== '' && menuElem.routerLink != null && !(menuElem.ignoreBasePath === true)) {
+                            if (pathPrefix != null && pathPrefix !== '' && menuElem.routerLink != null && menuElem.ignoreBasePath !== true) {
                                 menuElem.routerLink = (pathPrefix || '') + (menuElem.routerLink || '');
                             }
                             if (!menuElem.isCustomAuthen) return [3 /*break*/, 1];
@@ -30959,12 +30944,10 @@
             }
         };
         CommonAppComponentComponent.prototype.ngAfterContentInit = function () {
-            // // Set dynamic all children
-            // console.log(this.children);
+            // Set dynamic all children
         };
         CommonAppComponentComponent.prototype.ngOnInit = function () {
             var _this = this;
-            // console.log(this.children);
             var root = this._applicationContext.getRootContext();
             this.rootData = root.data;
             root.data.currentAppMetadata = this.environment.appMetadata.appSwitcher.find(function (x) { return x.code.toLowerCase() == _this.appCode.toLowerCase(); });
@@ -31230,11 +31213,11 @@
                 }
                 else if (evt.type === 'logout') {
                     // cleanup storage
-                    _this._applicationContext.getRootContext().data.isLoggingOut = true;
                     _this._authenService.cleanupLocalStorage();
                     _this._authenService.cleanupSessionStorage();
                     _this._storageUpdatedService.cleanupStorageService();
-                    _this._oauthService.revokeTokenAndLogout(null, true).then(function (res) {
+                    _this._oauthService.revokeTokenAndLogout(null, true)
+                        .then(function (res) {
                     });
                 }
                 else if (evt.type == 'session_terminated') {
@@ -31254,6 +31237,14 @@
             if (this._oauthService.hasValidAccessToken()) {
                 this._componentContextService.fireReplayEvent(ComCtxConstants.ROOT.USER_READY, this.firstTimeLogin);
                 this._oauthService.setupAutomaticSilentRefresh();
+                // setInterval(() => {
+                //     console.log('start silent refresh');
+                //     this._oauthService.silentRefresh().then(rs => {
+                //         console.log('silent refresh', rs);
+                //     }).catch(err => {
+                //         console.log('silent refresh error', err);
+                //     });
+                // }, 20000);
             }
             else {
                 if (!this._storageService.getItem('currentUrl')) {
@@ -46130,7 +46121,7 @@
     AppSubMenuComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: '[app-submenu]',
-                    template: "\n        <ng-template ngFor let-child let-i=\"index\" [ngForOf]=\"(root ? item : item.items)\">\n\n            <li *ngIf=\"child.visible !== false\" [ngClass]=\"{'active-menuitem': child.activated, 'active-menuitem-2': !root}\">\n                <a [href]=\"child.href\" class=\"ripplelink\" [attr.tabindex]=\"!visible ? '-1' : null\" [attr.level]=\"child.level\"\n                    [ngClass]=\"{'active-menuitem-routerlink': child.activated}\" (click)=\"itemClick($event, child)\" (mouseenter)=\"onMouseEnter(child)\"\n                >\n                    <i [ngClass]=\"child.icon\" [attr.level]=\"level\"></i>\n                    <span *ngIf=\"child.fullLabel\" class=\"menu-label\" [pTooltip]=\"child.fullLabel\" tooltipPosition=\"top\">\n                        {{child.label}}\n                        <b *ngIf=\"child.count\" class=\"count-container\">\n                            <span>{{child.count}}</span>\n                        </b>\n                    </span>\n                    <span *ngIf=\"!child.fullLabel\" class=\"menu-label\">\n                        {{child.label}}\n                        <b *ngIf=\"child.count\" class=\"count-container\">\n                            <span>{{child.count}}</span>\n                        </b>\n                    </span>\n                    <i *ngIf=\"child.items\" class=\"pi pi-angle-down menuitem-toggle-icon\"></i>\n                </a>\n\n                <ul *ngIf=\"child.items\" app-submenu [item]=\"child\" [level]=\"level + 1\" [visible]=\"child.activated\"\n                [@children]=\"((_commonService.isSlim()||_commonService.isHorizontal()) && root ? (child.activated ? 'visible' : 'hidden') : child.activated) ? 'visibleAnimated' : 'hiddenAnimated'\">\n                </ul>\n            </li>\n\n        </ng-template>\n    ",
+                    template: "\n        <ng-template ngFor let-child let-i=\"index\" [ngForOf]=\"(root ? item : item.items)\">\n\n            <li *ngIf=\"child.visible !== false\"\n                    [ngClass]=\"{'active-menuitem': child.activated, 'active-menuitem-2': !root}\">\n                <a [href]=\"child.href\" class=\"ripplelink\" [attr.tabindex]=\"!visible ? '-1' : null\"\n                        [attr.level]=\"child.level\"\n                        [ngClass]=\"{'active-menuitem-routerlink': child.activated}\" (click)=\"itemClick($event, child)\"\n                        (mouseenter)=\"onMouseEnter(child)\"\n                >\n                    <i [ngClass]=\"child.icon\" [attr.level]=\"level\"></i>\n                    <span *ngIf=\"child.fullLabel\" class=\"menu-label\" [pTooltip]=\"child.fullLabel\" tooltipPosition=\"top\">\n                        {{child.label}}\n                        <b *ngIf=\"child.count\" class=\"count-container\">\n                            <span>{{child.count}}</span>\n                        </b>\n                    </span>\n                    <span *ngIf=\"!child.fullLabel\" class=\"menu-label\">\n                        {{child.label}}\n                        <b *ngIf=\"child.count\" class=\"count-container\">\n                            <span>{{child.count}}</span>\n                        </b>\n                    </span>\n                    <i *ngIf=\"child.items\" class=\"pi pi-angle-down menuitem-toggle-icon\"></i>\n                </a>\n\n                <ul *ngIf=\"child.items\" app-submenu [item]=\"child\" [level]=\"level + 1\" [visible]=\"child.activated\"\n                        [@children]=\"((_commonService.isSlim()||_commonService.isHorizontal()) && root ? (child.activated ? 'visible' : 'hidden') : child.activated) ? 'visibleAnimated' : 'hiddenAnimated'\">\n                </ul>\n            </li>\n\n        </ng-template>\n    ",
                     animations: [
                         animations$1.trigger('children', [
                             animations$1.state('hiddenAnimated', animations$1.style({
@@ -46187,18 +46178,24 @@
                 // Nếu là môi trường triển khai thì cộng thêm tiền tố phân hệ vào router link để có thể chuột phải mở tab mới
                 funcSetNewTabLink = function (link) { return "/" + appCodeLowerCase + link; };
             }
-            this._router.events.pipe(operators.filter(function (event) { return event instanceof i3$1.NavigationEnd; }))
+            this._router
+                .events
+                .pipe(operators.filter(function (event) { return event instanceof i3$1.NavigationEnd; }))
                 .subscribe(function (event) {
                 for (var i in _this.model) {
                     var item = _this.model[i];
                     _this.activeItem(item);
                 }
             });
-            this._menuService.menuChanged.subscribe(function (rawMenus) {
+            this._menuService
+                .menuChanged
+                .subscribe(function (rawMenus) {
                 // reformat lại toàn bộ menu
                 _this.model = rawMenus;
                 _this.deQuySetNewTabLink(_this.model, funcSetNewTabLink, 1);
-                _this._applicationContext.getRootContext().fireEvent(ComCtxConstants.ROOT.MENU_RELOAD);
+                _this._applicationContext
+                    .getRootContext()
+                    .fireEvent(ComCtxConstants.ROOT.MENU_RELOAD);
             });
         }
         AppMenuComponent.prototype.deQuySetNewTabLink = function (menus, func, level) {
@@ -46221,12 +46218,12 @@
             });
         };
         AppMenuComponent.prototype.ngOnInit = function () {
-            if (this.autoRenderMenu === true) {
+            if (this.autoRenderMenu) {
                 this.environment = this._moduleConfigService.getConfig().environment;
                 var appCode = this._moduleConfigService.getConfig().appCode;
                 this._menuService.renderMenuByAppCode(appCode);
-                this.model = this._menuService.getMenuItems();
             }
+            this.model = this._menuService.getMenuItems();
         };
         AppMenuComponent.prototype.activeItem = function (item) {
             if (item.url) {
@@ -46251,8 +46248,9 @@
                     this._title.setTitle(item.label + " - " + this.environment.appMetadata.main.owner);
                     item.activated = true;
                 }
-                else
+                else {
                     item.activated = false;
+                }
             }
             return item.activated;
         };
@@ -46310,7 +46308,7 @@
     AppMenuComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-menu',
-                    template: "\n        <ul app-submenu [item]=\"model\" [level]=\"0\" [root]=\"true\" class=\"layout-menu layout-main-menu clearfix\" visible=\"true\"></ul>\n    ",
+                    template: "\n        <ul app-submenu [item]=\"model\" [level]=\"0\" [root]=\"true\" class=\"layout-menu layout-main-menu clearfix\"\n                visible=\"true\"></ul>\n    ",
                     styles: ["\n\n    "]
                 },] }
     ];
@@ -55901,7 +55899,7 @@
     UserPickerBoxComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'user-picker-box',
-                    template: "<div [ngClass]=\"{'p-grid p-m-0': controlSetting.userType == userType.CanBo}\" class=\"tn-l-user-picker-box\">\r\n    <ng-container [ngIf]=\"controlSetting.userType == userType.CanBo\">\r\n        <as-split [unit]=\"'pixel'\">\r\n            <as-split-area [size]=\"330\">\r\n                <tn-custom-scrollbar>\r\n                    <p-tree [style]=\"{'width': '100%'}\" styleClass=\"tn-tree-beauty tree-organization-picker\"\r\n                        [value]=\"rootTreeNode\" filterPlaceholder=\"T\u00ECm \u0111\u01A1n v\u1ECB / ph\u00F2ng ban\" selectionMode=\"single\"\r\n                        [filter]=\"true\" [(selection)]=\"selectedTreeNode\" (onNodeExpand)=\"onNodeExpand($event)\"\r\n                        (onNodeSelect)=\"nodeSelect($event)\" [emptyMessage]=\"'Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3'\">\r\n                        <ng-template let-node pTemplate=\"default\">\r\n                            <span id=\"{{node.data}}\" class=\"custom-node\">{{node.label}}</span>\r\n                        </ng-template>\r\n                    </p-tree>\r\n                </tn-custom-scrollbar>\r\n            </as-split-area>\r\n            <as-split-area [size]=\"'*'\">\r\n                <ng-container *ngTemplateOutlet=\"entityPickerBox\"></ng-container>\r\n            </as-split-area>\r\n        </as-split>\r\n    </ng-container>\r\n    <ng-container [ngIf]=\"controlSetting.userType == userType.Normal\">\r\n        <ng-container *ngTemplateOutlet=\"entityPickerBox\"></ng-container>\r\n    </ng-container>\r\n</div>\r\n<ng-template #entityPickerBox>\r\n    <entity-picker-box #entityPickerBox [control]=\"control\" [parentSetting]=\"parentSetting\" [advanceData]=\"advanceData\"\r\n        [readOnlyValues]=\"readOnlyValues\" [selectedValue]=\"selectedValue\" (onChanged)=\"handleChangedEntity($event)\"\r\n        (onSelect)=\"handleSelectEntity($event)\" (onUnSelect)=\"handleUnSelectEntity($event)\"\r\n        (onDone)=\"handleDone($event)\" (onRowSelect)=\"handleRowSelect($event)\">\r\n    </entity-picker-box>\r\n</ng-template>\r\n<ng-template #buttonTemplate>\r\n    <button type=\"button\" pButton icon=\"pi pi-save\" class=\"p-button-text\" [label]=\"'Ch\u1ECDn'\"\r\n        (click)=\"handleSelect($event)\"></button>\r\n    <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n        [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"handleCancelDialog($event)\"></button>\r\n</ng-template>",
+                    template: "<div [ngClass]=\"{'p-grid p-m-0': controlSetting.userType == userType.CanBo}\" class=\"tn-l-user-picker-box\">\r\n    <ng-template [ngIf]=\"controlSetting.userType == userType.CanBo\">\r\n        <as-split [unit]=\"'pixel'\">\r\n            <as-split-area [size]=\"330\">\r\n                <tn-custom-scrollbar>\r\n                    <p-tree [style]=\"{'width': '100%'}\" styleClass=\"tn-tree-beauty tree-organization-picker\"\r\n                        [value]=\"rootTreeNode\" filterPlaceholder=\"T\u00ECm \u0111\u01A1n v\u1ECB / ph\u00F2ng ban\" selectionMode=\"single\"\r\n                        [filter]=\"true\" [(selection)]=\"selectedTreeNode\" (onNodeExpand)=\"onNodeExpand($event)\"\r\n                        (onNodeSelect)=\"nodeSelect($event)\" [emptyMessage]=\"'Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3'\">\r\n                        <ng-template let-node pTemplate=\"default\">\r\n                            <span id=\"{{node.data}}\" class=\"custom-node\">{{node.label}}</span>\r\n                        </ng-template>\r\n                    </p-tree>\r\n                </tn-custom-scrollbar>\r\n            </as-split-area>\r\n            <as-split-area [size]=\"'*'\">\r\n                <ng-container *ngTemplateOutlet=\"entityPickerBox\"></ng-container>\r\n            </as-split-area>\r\n        </as-split>\r\n    </ng-template>\r\n    <ng-template [ngIf]=\"controlSetting.userType == userType.Normal\">\r\n        <ng-container *ngTemplateOutlet=\"entityPickerBox\"></ng-container>\r\n    </ng-template>\r\n\r\n</div>\r\n<ng-template #entityPickerBox>\r\n    <entity-picker-box #entityPickerBox [control]=\"control\" [parentSetting]=\"parentSetting\" [advanceData]=\"advanceData\"\r\n        [readOnlyValues]=\"readOnlyValues\" [selectedValue]=\"selectedValue\" (onChanged)=\"handleChangedEntity($event)\"\r\n        (onSelect)=\"handleSelectEntity($event)\" (onUnSelect)=\"handleUnSelectEntity($event)\"\r\n        (onDone)=\"handleDone($event)\" (onRowSelect)=\"handleRowSelect($event)\">\r\n    </entity-picker-box>\r\n</ng-template>\r\n<ng-template #buttonTemplate>\r\n    <button type=\"button\" pButton icon=\"pi pi-save\" class=\"p-button-text\" [label]=\"'Ch\u1ECDn'\"\r\n        (click)=\"handleSelect($event)\"></button>\r\n    <button type=\"button\" pButton icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n        [label]=\"'FORM.CANCEL' | translate\" preventTab (click)=\"handleCancelDialog($event)\"></button>\r\n</ng-template>",
                     providers: [ComponentContextService],
                     styles: [".action-btn{background-color:#fff;border:1px solid #0a89bf;color:#0a89bf;cursor:pointer;font-size:16px;margin:4px 2px;text-align:center;width:40px}.content-all{display:flex;flex-direction:column}.content-top{flex-grow:1}.content-bottom,.content-top{overflow:hidden;padding:5px 0}.content-bottom{border-top:1px solid #ddd;flex:0 0 50%}.tn-l-button-group{padding-bottom:1em}.tn-l-button-group-picker{background:#fff;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.tn-l-user-picker-box{height:100%}.tn-l-left-sidebar-wrapper{border-right:1px solid #aaa;height:100%}.tn-l-left-sidebar-area{height:100%}.tn-l-right-content-wrapper{height:100%;padding-bottom:0;padding-top:0}@media (max-width:640px){.entityPicker{height:auto}.tn-l-search-button-group{padding-bottom:1em}.tn-l-button-group-picker{left:auto;padding-bottom:5px;position:static;top:auto;transform:none}.tn-l-left-sidebar-wrapper{border-bottom:1px solid #aaa;border-right:unset;height:calc(100vh - 300px)}}::ng-deep .user-picker-box-dialog .p-dialog-content{overflow:hidden;padding:0}::ng-deep .user-picker-box-dialog .p-tree{border:none;padding:0}::ng-deep .user-picker-box-dialog .p-tree-wrapper{padding:.5rem}::ng-deep .user-picker-box-dialog .p-tree .p-tree-filter-container{background-color:#fff;margin-bottom:0;padding:.5em;position:-webkit-sticky;position:sticky;top:0;z-index:4}::ng-deep .user-picker-box-dialog .p-tree-empty-message{padding:.5rem}::ng-deep .user-picker-box-dialog .p-tree .p-tree-filter-container .p-tree-filter-icon{right:1em}::ng-deep .user-picker-box-dialog .ps__rail-y{z-index:10}@media (max-width:640px){::ng-deep .user-picker-box-dialog .p-dialog-content{overflow:auto}::ng-deep .user-picker-box-dialog .tn-dialog-scrollbar>div{min-height:100%!important}::ng-deep .user-picker-box-dialog .tn-l-right-content-wrapper{padding:0}}"]
                 },] }