qms-angular 1.1.46 → 1.1.48

package/fesm2015/qms-angular.js

@@ -165,6 +165,7 @@ const en = {
         "INSERT_TOOLTIP": "Insert a tooltip",
         "CONTENT": "Content",
         "TEMPLATE": "Template",
+        "RESET": "Reset",
         "CONTENT_TEMPLATE": "Content Template",
         "CREATE_NEW_TEMPLATE": "Create new template",
         "UPDATE_TEMPLATE": "Update template",
@@ -724,6 +725,7 @@ const no = {
         "INSERT_TOOLTIP": "Sett inn et verktøytips",
         "CONTENT": "Innhold",
         "TEMPLATE": "Mal",
+        "RESET": "Nullstille",
         "CONTENT_TEMPLATE": "Innholdsmal",
         "CREATE_NEW_TEMPLATE": "Lag ny mal",
         "UPDATE_TEMPLATE": "Oppdater mal",
@@ -4240,7 +4242,7 @@ QMSContentChangesDirective.propDecorators = {
     qmsContentChanges: [{ type: Input }]
 };
 
-const ɵ0$6 = { appearance: 'fill' }, ɵ1$1 = { color: 'none' };
+const ɵ0$7 = { appearance: 'fill' }, ɵ1$1 = { color: 'none' };
 class QmsAngularModule {
 }
 QmsAngularModule.decorators = [
@@ -4366,7 +4368,7 @@ QmsAngularModule.decorators = [
                     QMSContentChangesDirective
                 ],
                 providers: [
-                    { provide: MAT_FORM_FIELD_DEFAULT_OPTIONS, useValue: ɵ0$6 },
+                    { provide: MAT_FORM_FIELD_DEFAULT_OPTIONS, useValue: ɵ0$7 },
                     { provide: MAT_RADIO_DEFAULT_OPTIONS, useValue: ɵ1$1 },
                     QMSUploadingFileGuard
                 ],
@@ -4666,7 +4668,7 @@ QMSListItem.propDecorators = {
     _lines: [{ type: ContentChildren, args: [QMSListLine, { descendants: true },] }]
 };
 
-const ɵ0$5 = {
+const ɵ0$6 = {
     expandedHeight: '*',
     collapsedHeight: '*'
 };
@@ -4708,7 +4710,7 @@ QMSListModule.decorators = [
                 providers: [
                     {
                         provide: MAT_EXPANSION_PANEL_DEFAULT_OPTIONS,
-                        useValue: ɵ0$5
+                        useValue: ɵ0$6
                     }
                 ],
                 schemas: [
@@ -12910,7 +12912,7 @@ function BuildResourceNO(LANG = null) {
             "Upload failed": "Kunne ikke laste opp",
             "Upload in progress": "Laster opp fil",
             "White": "Hvit",
-            "Widget toolbar": "Widget verktøylinje ",
+            "Widget toolbar": "Widget verktøylinje",
             "Words: %0": "Ord: %0",
             "Yellow": "Gul",
             "image widget": "Bilde-widget",
@@ -13019,6 +13021,7 @@ function BuildResourceNO(LANG = null) {
             "Templates": LANG.QMSCKEDITOR.TEMPLATES,
             "About CKEditor": LANG.QMSCKEDITOR.ABOUT_CKEDITOR,
             "Create Table of Contents": LANG.QMSCKEDITOR.CREATE_TABLE_OF_CONTENTS,
+            "Edit anchor": "Rediger anker"
         }
     };
 }
@@ -15779,7 +15782,8 @@ function getToolbarConfiguration$1(LANG) {
                 name: 'deleteTemplate',
                 attrs: {
                     button: {
-                        'data-tooltip': `${LANG.BPMN.DELETE_TEMPLATE}`
+                        'data-tooltip': `${LANG.BPMN.DELETE_TEMPLATE}`,
+                        'data-before': `${LANG.DELETE}`
                     }
                 }
             },
@@ -15788,7 +15792,8 @@ function getToolbarConfiguration$1(LANG) {
                 name: 'saveAsTemplate',
                 attrs: {
                     button: {
-                        'data-tooltip': `${LANG.BPMN.SAVE_AS_TEMPLATE}`
+                        'data-tooltip': `${LANG.BPMN.SAVE_AS_TEMPLATE}`,
+                        'data-before': `${LANG.QMSCKEDITOR.TEMPLATE}`
                     }
                 }
             },
@@ -15797,7 +15802,8 @@ function getToolbarConfiguration$1(LANG) {
                 name: 'resetToTempTemplate',
                 attrs: {
                     button: {
-                        'data-tooltip': `${LANG.BPMN.RESET_TO_LAST_SAVE}`
+                        'data-tooltip': `${LANG.BPMN.RESET_TO_LAST_SAVE}`,
+                        'data-before': `${LANG.QMSCKEDITOR.RESET}`
                     }
                 }
             },
@@ -16634,7 +16640,6 @@ class BpmnService {
                 'delete backspace': (evt) => {
                     evt.preventDefault();
                     graph.removeCells(selection.collection.toArray());
-                    resetCellView();
                 },
                 'ctrl+z': () => {
                     const notify = isSelectedCellViewInSelection(selection);
@@ -16797,10 +16802,10 @@ class BpmnService {
                             }
                         }
                         else if (shapeDetail.connectionTypeId === ShapeFlowChartConnectionType.Deviation) {
-                            connectionName = this.LANG.BPMN.LINK_TO_DEVIATION;
+                            connectionName = LANG.BPMN.LINK_TO_DEVIATION;
                         }
                         else if (shapeDetail.connectionTypeId === ShapeFlowChartConnectionType.Checklist) {
-                            connectionName = this.LANG.BPMN.LINK_TO_CHECKLIST;
+                            connectionName = LANG.BPMN.LINK_TO_CHECKLIST;
                         }
                         if (shapeDetail.connectionTypeId !== ShapeFlowChartConnectionType.Activity) {
                             list[i][`style`].cursor = 'pointer';
@@ -20903,10 +20908,11 @@ class QMSCKEditorImageMapComponent extends QMSCKEditorBaseComponent {
         this.naturalImageWidth = this.imageMapData.imageWidth;
         this.initFormControl();
         this.initSvgIcons(iconRegistry, sanitizer);
+        this.selectedTarget = data.defaultTargetNewWindow ? TargetTypeName.new : TargetTypeName.same;
     }
     initDefaultValues() {
         this.selectedLinkType = LinkType.url;
-        this.selectedTarget = TargetTypeName.new;
+        this.selectedTarget = this.data.defaultTargetNewWindow ? TargetTypeName.new : TargetTypeName.same;
         this.selectedProtocol = ProtocolTypeName.http;
         this.url = '';
         this.processedUrl = '';
@@ -21147,7 +21153,7 @@ class QMSCKEditorImageMapComponent extends QMSCKEditorBaseComponent {
                 this.myImageMap.areas[this.currentAreaId].aalt = this.anchorText;
             }
             else {
-                this.myImageMap.areas[this.currentAreaId].atarget = this.selectedTarget || TargetTypeName.new;
+                this.myImageMap.areas[this.currentAreaId].atarget = this.selectedTarget || (this.data.defaultTargetNewWindow ? TargetTypeName.new : TargetTypeName.same);
                 this.myImageMap.areas[this.currentAreaId].aalt = this.advisoryTitle;
             }
             this.myImageMap.areas[this.currentAreaId].ahref = ahref;
@@ -21978,7 +21984,7 @@ var app;
     }
     app.Link = Link;
 })(app || (app = {}));
-const ɵ0$4 = function (flags) {
+const ɵ0$5 = function (flags) {
     if (this.hasFlag(flags, 'RENDER')) {
         this.render();
     }
@@ -22013,7 +22019,7 @@ const NavigatorElementView = joint.dia.ElementView.extend({
         position: ['TRANSFORM'],
         angle: ['TRANSFORM']
     },
-    confirmUpdate: ɵ0$4,
+    confirmUpdate: ɵ0$5,
     render: ɵ1,
     update: ɵ2
 });
@@ -22043,7 +22049,7 @@ var appShapes = /*#__PURE__*/Object.freeze({
     erd: erd,
     uml: uml,
     org: org,
-    'ɵ0': ɵ0$4,
+    'ɵ0': ɵ0$5,
     'ɵ1': ɵ1,
     'ɵ2': ɵ2
 });
@@ -28612,6 +28618,7 @@ class QMSCKEditorComponent extends QMSCKEditorBaseComponent {
         data.editorContent = this.qmsckContentInput;
         data.linkJavaScriptLinksAllowed = this.qmsckData.linkJavaScriptLinksAllowed;
         data.enabledInterconnected = this.qmsckData.enabledInterconnected;
+        data.defaultTargetNewWindow = this.qmsckData.defaultTargetNewWindow;
         const dialogTemplate = this.dialog.open(QMSCKEditorImageMapComponent, {
             data,
             disableClose: true,
@@ -30032,7 +30039,7 @@ QmsStepperComponent.propDecorators = {
     selectionChangeEvent: [{ type: Output }]
 };
 
-const ɵ0$3 = { displayDefaultIndicatorType: false };
+const ɵ0$4 = { displayDefaultIndicatorType: false };
 class QmsStepperModule {
 }
 QmsStepperModule.decorators = [
@@ -30053,7 +30060,7 @@ QmsStepperModule.decorators = [
                 ],
                 providers: [{
                         provide: STEPPER_GLOBAL_OPTIONS,
-                        useValue: ɵ0$3
+                        useValue: ɵ0$4
                     }]
             },] }
 ];
@@ -32010,7 +32017,7 @@ var PaginationSize;
     PaginationSize["large"] = "large";
     PaginationSize["mobile"] = "mobile";
 })(PaginationSize || (PaginationSize = {}));
-const ɵ0$2 = { overlayPanelClass: 'customCDKpanel' };
+const ɵ0$3 = { overlayPanelClass: 'customCDKpanel' };
 class QMSPaginatorComponent {
     constructor(trans) {
         this.trans = trans;
@@ -32197,7 +32204,7 @@ QMSPaginatorComponent.decorators = [
                 providers: [
                     {
                         provide: MAT_SELECT_CONFIG,
-                        useValue: ɵ0$2,
+                        useValue: ɵ0$3,
                     },
                 ],
                 styles: ["::ng-deep .customCDKpanel{transform:none!important}::ng-deep .qms-paginator{display:block}::ng-deep .qms-paginator .qms-paginator-outer-container{display:flex}::ng-deep .qms-paginator .mat-paginator-container{display:flex;align-items:center;justify-content:flex-end;padding:0 8px;flex-wrap:wrap-reverse;width:100%}::ng-deep .qms-paginator .mat-paginator-container .qms-btn-icon{width:40px;height:40px;line-height:40px}::ng-deep .qms-paginator .mat-paginator-container .mat-select .mat-select-arrow{margin-top:20px}::ng-deep .qms-paginator .mat-paginator-container .qms-total-result{margin-right:24px;margin-bottom:21px}::ng-deep .qms-paginator .mat-paginator-container .qms-total-result span{font-family:Open Sans;font-weight:400;font-size:14px;line-height:22px;color:rgba(0,0,0,.6)}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size{margin-right:24px;display:flex;align-items:baseline}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .qms-pagesize-label{font-weight:400;font-size:14px;line-height:22px;color:#323232;font-family:Open Sans;font-style:normal;margin-right:8px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .qms-form-page-size .mat-form-field-flex{width:80px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .qms-form-select-page-size .mat-form-field-flex{width:51px;padding-left:9px;padding-right:5px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .jump-page .mat-form-field-wrapper .mat-form-field-flex{width:55px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .mat-form-field-flex{height:40px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-page-size .mat-form-field-flex .mat-form-field-infix{padding-top:4px;border-top:0;padding-bottom:0;height:25px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions{display:flex;align-items:center;margin-bottom:15px}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions .selected{background-color:#e5eefb;color:#1954a9}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions .qms-3d{font-weight:600;font-size:14px;line-height:22px;color:#323232}::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions button:not(.qms-btn-disabled) .qms-btn-icon-wrapper{color:#323232}::ng-deep .qms-paginator .mat-paginator-container-mobile .mat-select .mat-select-arrow{margin-top:20px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-total-result{margin-bottom:16px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-total-result span{font-family:Open Sans;font-style:normal;font-weight:400;font-size:12px;line-height:16px;color:rgba(0,0,0,.6)}::ng-deep .qms-paginator .mat-paginator-container-mobile .mat-paginator-container{justify-content:flex-start}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size{margin-right:24px;display:flex;align-items:baseline}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .qms-pagesize-label{font-weight:400;font-size:12px;line-height:22px;color:#323232;font-family:Open Sans;font-style:normal;margin-right:8px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .qms-form-page-size .mat-form-field-flex{width:80px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .qms-form-select-page-size .mat-form-field-flex{width:51px;padding-left:9px;padding-right:5px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .jump-page .mat-form-field-wrapper .mat-form-field-flex{width:55px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .mat-form-field-flex{height:40px}::ng-deep .qms-paginator .mat-paginator-container-mobile .qms-paginator-page-size .mat-form-field-flex .mat-form-field-infix{padding-top:4px;border-top:0;padding-bottom:0;height:25px}::ng-deep .qms-paginator .size-small .mat-paginator-container{justify-content:flex-start}::ng-deep .qms-paginator .mr-b-size-small{margin-bottom:17px!important}"]
@@ -33879,7 +33886,7 @@ const SelectDepartmentAnimationTrigger = [
     ])
 ];
 
-const ɵ0$1 = {
+const ɵ0$2 = {
     clickAction: 'noop'
 };
 class SelectDepartmentComponent {
@@ -34119,7 +34126,7 @@ SelectDepartmentComponent.decorators = [
                 providers: [
                     {
                         provide: MAT_CHECKBOX_DEFAULT_OPTIONS,
-                        useValue: ɵ0$1
+                        useValue: ɵ0$2
                     }
                 ],
                 animations: [SelectDepartmentAnimationTrigger],
@@ -34319,7 +34326,7 @@ class QMSSelectAccessDialog {
     }
 }
 
-const ɵ0 = {
+const ɵ0$1 = {
     clickAction: 'noop'
 };
 class QMSSelectAccessDialogComponent {
@@ -34871,7 +34878,7 @@ QMSSelectAccessDialogComponent.decorators = [
                 providers: [
                     {
                         provide: MAT_CHECKBOX_DEFAULT_OPTIONS,
-                        useValue: ɵ0
+                        useValue: ɵ0$1
                     }
                 ],
                 encapsulation: ViewEncapsulation.None,
@@ -34934,6 +34941,1465 @@ QMSSelectAccessDialogModule.decorators = [
 class FilterPersonModel {
 }
 
+class SelectProcessDataTreeComponent {
+    constructor(cdRef, domSanitizer, appIconService, iconRegistry, eleRef, trans, overlay, viewContainerRef, treeDepartmentService) {
+        this.cdRef = cdRef;
+        this.domSanitizer = domSanitizer;
+        this.appIconService = appIconService;
+        this.iconRegistry = iconRegistry;
+        this.eleRef = eleRef;
+        this.trans = trans;
+        this.overlay = overlay;
+        this.viewContainerRef = viewContainerRef;
+        this.treeDepartmentService = treeDepartmentService;
+        this.spinnerArr = new Array(12).fill(0);
+        this.arrSkeleton = new Array(6).fill(0);
+        this.height = '50vh';
+        this.config = new QMSSelectDepartmentTreeConfig();
+        this.isIncludeChildren = false;
+        this.onSearchEvent = new EventEmitter();
+        this.onPagingSearchEvent = new EventEmitter();
+        this.onValueChangeEvent = new EventEmitter();
+        this.selectionNodeChangeEvent = new EventEmitter();
+        this.onCheckNodeEvent = new EventEmitter();
+        this.onExpandNodeEvent = new EventEmitter();
+        this.onLoadMoreEvent = new EventEmitter();
+        this.onCheckItemSearchEvent = new EventEmitter();
+        this.onCheckAllItemSearchEvent = new EventEmitter();
+        this.toggleIncludeChildEvent = new EventEmitter();
+        this.MODE_VIEW_ENUM = ModeDepartmentTreeeViewEnum;
+        this.ITEM_SIZE = 50;
+        this.ngUnsubscribe = new Subject();
+        this.resultSearchSelected = [];
+        this.resultSelected = [];
+        this.getDataTree$ = new BehaviorSubject([]);
+        this.searchDepartment$ = new BehaviorSubject(new QMSDepartmentPagingModel());
+        this.resultSearch = [];
+        this.getIndexView$ = new BehaviorSubject(0);
+        this.scrollToNodeEvent$ = new Subject();
+        this.getActiveNodeEvent$ = new Subject();
+        this.activeNode = '';
+        this.PAGINATION_SIZE = PaginationSize;
+        this.PAGE_SIZE_OPTION = [5, 10, 15, 20, 25, 100];
+        this.CURRENT_PAGESIZE = 10;
+        this.nestedTreeNodeMap = new Map();
+        this.flatTreeNodeMap = new Map();
+        this.checkListSelection = new SelectionModel(true);
+        this.checkListSelectionSearch = new SelectionModel(true);
+        this._selectedList = [];
+        this.selectedListAfterDataNodeChange$ = new Subject();
+        this.formSearchControl = new FormControl('');
+        this.getLoading$ = new BehaviorSubject(false);
+        this.getLoadingMore$ = new BehaviorSubject(true);
+        this.untilDestroyLoadMore$ = new Subject();
+        this.onBeforeInitNodeSelected$ = new Subject();
+        this.textSearchSubject$ = new BehaviorSubject('');
+        this.itemIconType = ItemIconType;
+        this._transformer = (node, level) => {
+            const flatNode = this.convertToFlatNode(node) || new QMSFlatNodeTree();
+            flatNode.id = node.id;
+            flatNode.name = node.name;
+            flatNode.expandable = (node.children && node.children.length > 0) || (!!node.childCount) || node.expandable;
+            flatNode.level = level;
+            flatNode.parentId = node.parentId;
+            flatNode.markedGetChildren = node.children.length > 0;
+            flatNode.itemIcon = node.itemIcon;
+            flatNode.itemIconSvg = node.itemIconSvg;
+            flatNode.isFile = node.isFile;
+            flatNode.disabled = node.disabled;
+            flatNode.isGroup = node.isGroup;
+            flatNode.groupId = node.groupId;
+            flatNode.externalName = node.externalName;
+            flatNode.childCount = node.childCount;
+            flatNode.selectedChildCount = node.selectedChildCount;
+            flatNode.markedGetChildCountRecurrsive = node.markedGetChildCountRecurrsive;
+            flatNode.isIncludeChildWhenChecked = node.isIncludeChildWhenChecked;
+            this.flatTreeNodeMap.set(flatNode, node);
+            this.nestedTreeNodeMap.set(node, flatNode);
+            return flatNode;
+        };
+        this.getLevel = (node) => node === null || node === void 0 ? void 0 : node.level;
+        this._getChild = (node) => node.children;
+        this.isExpandable = (node) => node.expandable;
+        this.hasChild = (_, node) => node.expandable;
+        this._handlingLazyObject = {
+            checkAllSearch: false,
+            checkItemSearch: false,
+            checkNode: false,
+            expand: false
+        };
+        // Init tree data
+        this.getDataTree$
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(data => {
+            if (!this.dataSource)
+                return;
+            this.dataSource.data = data;
+            this.cdRef.detectChanges();
+        });
+        // Register icon
+        appIconService.registerProcessIcon(iconRegistry, domSanitizer);
+        appIconService.registerProcessAreaIcon(iconRegistry, domSanitizer);
+        appIconService.registerDocumentIcon(iconRegistry, domSanitizer);
+        appIconService.registerFolderIcon(iconRegistry, domSanitizer);
+        appIconService.registerDeviationIcon(iconRegistry, domSanitizer);
+        appIconService.registerChecklistIcon(iconRegistry, domSanitizer);
+        appIconService.registerRiskIcon(iconRegistry, domSanitizer);
+        this.trans.getLanguageSubject$.pipe(takeUntil(this.ngUnsubscribe)).subscribe((res) => {
+            if (res) {
+                this.LANG = this.trans.getObjectLang(res);
+            }
+        });
+        this._handleSearchEvent();
+        this._handleActiveNodeEvent();
+        this._handleItemSelectionChanged();
+        this.getLoading$.pipe(takeUntil(this.ngUnsubscribe), tap(res => {
+            res ? this.formSearchControl.disable() : this.formSearchControl.enable();
+        })).subscribe();
+    }
+    set rowsSkeleton(value) {
+        this.arrSkeleton = new Array(value).fill(0);
+    }
+    get departmentRoots() {
+        if (!this.treeControl)
+            return;
+        return this.treeControl.dataNodes.filter(node => node.level === 0);
+    }
+    get isAllDepartmentSelected() {
+        return !!this.treeControl && this.treeControl.dataNodes.every(node => this.isSelectedNode(node));
+    }
+    get isIndeterminateCheckboxAllTree() {
+        return !this.isAllDepartmentSelected && this.checkListSelection.selected.length > 0;
+    }
+    get currentTreeData() {
+        return this.getDataTree$.getValue();
+    }
+    get isSelectAllResultSearch() {
+        return this.resultSearch.length && this.resultSearch.every(x => this.checkListSelectionSearch.isSelected(x));
+    }
+    get indeterminateSearchResult() {
+        return !this.isSelectAllResultSearch && !!this.resultSearch.length && this.resultSearch.some(x => this.checkListSelectionSearch.isSelected(x));
+    }
+    ngAfterContentInit() {
+        this.getLoadingMore$.next(false);
+        this.cdRef.detectChanges();
+    }
+    ngAfterViewInit() {
+        this.getIndexView$.pipe(takeUntil(merge(this.ngUnsubscribe, this.untilDestroyLoadMore$)), tap(_ => this.getLoadingMore$.next(this.config.lazy)), delay(700), tap(value => {
+            this.getLoadingMore$.next(false);
+            if (value === 0)
+                this.cdkVirtualScrollViewport &&
+                    this.cdkVirtualScrollViewport.scrolledIndexChange
+                        .pipe(takeUntil(this.untilDestroyLoadMore$), map(_ => this.cdkVirtualScrollViewport.measureScrollOffset('bottom')), pairwise(), filter(([x1, x2]) => x1 > x2 && x2 < 140), throttleTime(200), tap(_ => {
+                        if (this.getLoadingMore$.value)
+                            return;
+                        if (!this.config.lazy) {
+                            this.onDestroyLoadMore();
+                            return;
+                        }
+                        this.onLoadMoreEvent.emit();
+                        this.getLoadingMore$.next(true);
+                    }))
+                        .subscribe();
+        })).subscribe();
+        this.onBeforeInitNodeSelected$.pipe(takeUntil(this.ngUnsubscribe), tap(_ => {
+            this._handleListSelected();
+            this.getLoadingMore$.next(false);
+        })).subscribe();
+        this.cdRef.detectChanges();
+    }
+    ngOnInit() {
+        this.isIncludeChildren = this.config.isIncludeChildren;
+        this._initTreeData();
+        if (!this.config.lazy) {
+            this._handleListSelected();
+            return;
+        }
+        //action for lazy config
+        this._initListSelected();
+        this._handleAfterDataNodeChangeEvent();
+        this.selectedListAfterDataNodeChange$.next(this.treeControl.dataNodes);
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    onDestroyLoadMore() {
+        this.untilDestroyLoadMore$.next();
+        this.untilDestroyLoadMore$.complete();
+    }
+    _initTreeData() {
+        this.treeControl = new FlatTreeControl(this.getLevel, this.isExpandable);
+        this.treeFlattener = new MatTreeFlattener(this._transformer, this.getLevel, this.isExpandable, this._getChild);
+        this.dataSource = new MatTreeFlatDataSource(this.treeControl, this.treeFlattener);
+        const _treeDataInput = _.cloneDeep(this.config.treeData);
+        if (!_treeDataInput.length)
+            return;
+        const treeData = this.treeDepartmentService.convertToTreeData(_treeDataInput);
+        this.updateDataTree(treeData);
+        this.getLoading$.next(false);
+    }
+    _handleListSelected() {
+        if (!this.config.selectedList.length)
+            return;
+        const selectedList = this.config.selectedList.sort((x, y) => x.isGroup ? -1 : y.isGroup ? 1 : 0);
+        for (let i = 0; i < selectedList.length; i++) {
+            const item = selectedList[i];
+            const node = this.getNodeById(item.id);
+            if (node) {
+                const nestedNode = this.convertToNestedNode(node);
+                nestedNode.isGroup = item.isGroup;
+                nestedNode.groupId = item.groupId;
+                this.checkListSelection.select(node);
+                this.handleCheckNode(node);
+                this.onExpandAllParent(node);
+            }
+        }
+        this.cdRef.detectChanges();
+    }
+    _initListSelected() {
+        this._selectedList = this.treeDepartmentService.convertToTreeData(this.config.selectedList);
+        //Convert array selectedList into nested array as 1 level form
+        const indexRemove = [];
+        for (let i = 0; i < this._selectedList.length; i++) {
+            const item = this._selectedList[i];
+            const result = this.treeDepartmentService.getDescendantsOfNode(item);
+            item.children = result;
+            const index = this._selectedList.findIndex(x => result.some(x1 => x1.id === x.id));
+            if (index < 0)
+                continue;
+            indexRemove.push(index);
+        }
+        this._selectedList = this._selectedList.filter((_, index) => !indexRemove.includes(index));
+        this.resultSelected.push(...this._selectedList);
+        this.onValueChangeEvent.emit(this.resultSelected);
+    }
+    // handle selected list when data nodes change
+    _handleAfterDataNodeChangeEvent() {
+        if (this.config.lazy) {
+            this.selectedListAfterDataNodeChange$
+                .pipe(takeUntil(this.ngUnsubscribe), tap(data => {
+                if (!this._selectedList.length)
+                    return;
+                this._selectedList.forEach(item => {
+                    if (!item.parentId) {
+                        const node = this.getNodeById(item.id);
+                        if (node)
+                            item.parentId = node.parentId;
+                    }
+                });
+                for (let i = 0; i < data.length; i++) {
+                    const element = data[i];
+                    const item = this._selectedList.find(x => { var _a; return x.id === element.id || ((_a = x.children) === null || _a === void 0 ? void 0 : _a.some(x1 => x1.id === element.id)); });
+                    if (!!item) {
+                        const node = this.getNodeById(item.id);
+                        if (!node)
+                            continue;
+                        const nestedNode = this.convertToNestedNode(node);
+                        nestedNode.isGroup = item.isGroup;
+                        nestedNode.groupId = item.groupId;
+                        this.checkListSelection.select(node);
+                        const descendants = this.getListChildrenOfNode(node);
+                        if (node.markedGetChildren) {
+                            if (!item.children.length)
+                                continue;
+                            const itemSelect = descendants.filter(x => item.children.map(x1 => x1.id).includes(x.id));
+                            if (!itemSelect.length)
+                                continue;
+                            itemSelect.forEach(_item => {
+                                const _nestedNode = this.convertToNestedNode(_item);
+                                _nestedNode.groupId = item.children[0].groupId;
+                                _nestedNode.isGroup = false;
+                            });
+                            this.checkListSelection.select(...itemSelect);
+                        }
+                    }
+                }
+            }))
+                .subscribe();
+        }
+    }
+    /**
+     * This method use for lazy mode, do some thing before init list node selected
+     * @param callback
+     * @returns
+     */
+    onBeforeInitNodeSelected(callback) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.config.lazy)
+                return;
+            this.getLoadingMore$.next(true);
+            if (!!callback)
+                yield callback();
+            this.onBeforeInitNodeSelected$.next();
+        });
+    }
+    //Handle item selection changed
+    _handleItemSelectionChanged() {
+        this.checkListSelection.changed
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(({ added, removed }) => {
+            const checkExistInResult = (node) => this.resultSelected.findIndex(x => x.id === node.id) > -1;
+            if (added.length) {
+                added.forEach(node => {
+                    const nestedNode = _.cloneDeep(this.convertToNestedNode(node));
+                    nestedNode.children = [];
+                    if (!this.config.lazy)
+                        nestedNode.childCount = this.getListChildrenOfNode(node).length;
+                    const existGroup = _.cloneDeep(this.getAllParentNode(node)
+                        .map(item => this.convertToNestedNode(item))
+                        .reverse()
+                        .find(x => x.isGroup));
+                    if (!!existGroup) {
+                        const flatExistGroup = this.getNodeById(existGroup.id);
+                        nestedNode.groupId = existGroup.id;
+                        const groupResult = this.resultSelected.find(x => x.id === existGroup.id);
+                        if (groupResult && !groupResult.children.some(x => x.id === nestedNode.id)) {
+                            groupResult.isGroup = existGroup.isGroup;
+                            groupResult.children.push(nestedNode);
+                        }
+                        this._onSelectionNodeChangeEvent('updated', [groupResult]);
+                        // re-filter result selected
+                        this.resultSelected = this.resultSelected.filter(item => !this.getListChildrenOfNode(flatExistGroup).map(x => x.id).includes(item.id));
+                        return;
+                    }
+                    if (checkExistInResult(node))
+                        return;
+                    this.resultSelected.push(nestedNode);
+                    this._onSelectionNodeChangeEvent('added', [nestedNode]);
+                });
+            }
+            if (removed.length) {
+                removed.forEach(node => {
+                    const nestedNode = this.convertToNestedNode(node);
+                    const children = this.getListChildrenOfNode(node);
+                    if (nestedNode.isGroup) {
+                        const _item = this.resultSelected.find(x => x.id === node.id);
+                        if (!_item)
+                            return;
+                        children.forEach(item => item.groupId = null);
+                        this.resultSelected.splice(this.resultSelected.indexOf(_item), 1);
+                        this._onSelectionNodeChangeEvent('removed', [_item]);
+                        return;
+                    }
+                    const group = this.resultSelected.find(x => x.id === nestedNode.groupId);
+                    if (!group) {
+                        const _item = this.resultSelected.find(x => x.id === node.id);
+                        if (!_item)
+                            return;
+                        this.resultSelected.splice(this.resultSelected.indexOf(_item), 1);
+                        this._onSelectionNodeChangeEvent('removed', [_item]);
+                        return;
+                    }
+                    const childNodes = this.getListChildrenOfNode(node).concat(node);
+                    for (let i = 0; i < childNodes.length; i++) {
+                        const item = childNodes[i];
+                        const _node = this.getNodeById(item.id);
+                        if (group.children.some(x => x.id === _node.id) && !this.isSelectedNode(_node)) {
+                            const _item = group.children.find(x => x.id === item.id);
+                            if (!_item)
+                                return;
+                            group.children.splice(group.children.indexOf(_item), 1);
+                            this._onSelectionNodeChangeEvent('updated', [group]);
+                        }
+                    }
+                });
+            }
+            this._mapToResultSearch();
+            this.onValueChangeEvent.emit(this.resultSelected);
+        });
+    }
+    _onSelectionNodeChangeEvent(state, data) {
+        switch (state) {
+            case 'removed':
+                this.selectionNodeChangeEvent.emit({
+                    removed: data,
+                    added: [],
+                    updated: [],
+                    source: new SelectionModel(true, this.resultSelected)
+                });
+                break;
+            case 'updated':
+                this.selectionNodeChangeEvent.emit({
+                    removed: [],
+                    added: [],
+                    updated: data,
+                    source: new SelectionModel(true, this.resultSelected)
+                });
+                break;
+            case 'added':
+                this.selectionNodeChangeEvent.emit({
+                    removed: [],
+                    added: data,
+                    updated: [],
+                    source: new SelectionModel(true, this.resultSelected)
+                });
+                break;
+            default:
+                return;
+        }
+    }
+    _handleSearchEvent() {
+        this.searchDepartment$
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(result => {
+            this.resultSearch = [];
+            this.CURRENT_PAGESIZE = result.pageSize;
+            this.getLoading$.next(false);
+            if (result && result.length) {
+                result.data.forEach(item => {
+                    var _a;
+                    const node = this.getNodeById(item.id);
+                    let location = [];
+                    if (this.config.lazy) {
+                        location = ((_a = item.path) === null || _a === void 0 ? void 0 : _a.map(x => ({ name: x }))) || [];
+                    }
+                    else {
+                        const parents = node ? this.getAllParentNode(node) : [];
+                        location = parents.length ? parents.map((x) => ({
+                            id: x.id,
+                            name: x.name,
+                        })).reverse() : [];
+                    }
+                    this.resultSearch.push(Object.assign(Object.assign({}, item), { disabled: !this.config.lazy && this.config.checkSearchMappingTree && !node, location: [
+                            ...location,
+                            {
+                                id: item.id,
+                                name: item.name,
+                            }
+                        ], isLoading: false }));
+                });
+                this.textSearchSubject$.next(this.formSearchControl.value);
+                if (this.config.clearCheckListSelectionSearchWhenHandle)
+                    this.checkListSelectionSearch.clear();
+                this._mapToResultSearch();
+                this.setIndexView(1);
+            }
+        });
+    }
+    _handleActiveNodeEvent() {
+        this.scrollToNodeEvent$.pipe(takeUntil(this.ngUnsubscribe), switchMap((val) => {
+            const delayTiming = this.getIndexView$.value === 1 ? 700 : 0;
+            this.setIndexView(0);
+            return of(val).pipe(delay(delayTiming), takeUntil(this.ngUnsubscribe));
+        }))
+            .subscribe(res => {
+            this.onScrollIntoNode(res);
+        });
+        this.getActiveNodeEvent$.pipe(takeUntil(this.ngUnsubscribe), switchMap(val => {
+            this.activeNode = val;
+            return timer(1500);
+        }))
+            .subscribe(_ => {
+            this.activeNode = '';
+        });
+    }
+    updateDataTree(data) {
+        this.getDataTree$.next(data);
+    }
+    setLoadingStateNode(isLoading, nodeId) {
+        const node = this.getNodeById(nodeId);
+        if (!node)
+            return;
+        node.isLoading = isLoading;
+        this.checkLoadingOfParent(node);
+    }
+    onExpandNode(node) {
+        if (!(node === null || node === void 0 ? void 0 : node.expandable))
+            return;
+        this.treeControl.toggle(node);
+        if (this.config.lazy && this.treeControl.isExpanded(node) && !node.markedGetChildren) {
+            node.isLoading = true;
+            this.checkLoadingOfParent(node);
+        }
+        this.onExpandNodeEvent.emit(node);
+    }
+    onOptionSearchSelected(value) {
+        const flatNode = this.getNodeById(value.id);
+        if (!flatNode)
+            return;
+        this.checkListSelection.select(flatNode);
+        this.handleCheckNode(flatNode);
+        this.onScrollIntoNode(flatNode.id);
+    }
+    onCheckAllRootTreeNode() {
+        if (this.config.isSelectOne || !this.config.activeSelectAllNode)
+            return;
+        if (this.isAllDepartmentSelected) {
+            this.treeControl.dataNodes.forEach(node => {
+                const nestedNode = this.convertToNestedNode(node);
+                nestedNode.isGroup = false;
+            });
+            this.checkListSelection.deselect(...this.treeControl.dataNodes);
+            return;
+        }
+        ;
+        this.departmentRoots.forEach(node => {
+            if (!this.isIncludeChildren) {
+                this.treeControl.dataNodes.filter(x => !this.isSelectedNode(x))
+                    .forEach(x => this.onCheckNode(x));
+                return;
+            }
+            if (!this.isSelectedNode(node)) {
+                this.onCheckNode(node);
+                return;
+            }
+            const nestedNode = this.convertToNestedNode(node);
+            if (nestedNode.isGroup && this.isCheckAll(node) || !node.expandable)
+                return;
+            this.getListChildrenOfNode(node)
+                .filter(item => !this.isSelectedNode(item))
+                .forEach(item => !this.isSelectedNode(item) && this.onCheckNode(item));
+            if (!nestedNode.isGroup) {
+                this.checkListSelection.deselect(node);
+                this.onCheckNode(node);
+                return;
+            }
+        });
+    }
+    onCheckNode(node, fireEventCheckNode = true) {
+        if (!node)
+            return;
+        if (fireEventCheckNode)
+            this.onCheckNodeEvent.emit(node);
+        this.checkListSelection.toggle(node);
+        if (this.config.isSelectOne) {
+            this._handleSelectOne(node.id);
+            return;
+        }
+        if (this.config.lazy && node.expandable && !node.markedGetChildren && fireEventCheckNode) {
+            if (!this._handlingLazyObject.checkNode) {
+                this.handleCheckNode(node);
+                return;
+            }
+            node.isLoading = this.isIncludeChildren;
+            const children = this.getListChildrenOfNode(node).filter(x => x.expandable && !x.markedGetChildren);
+            children.forEach(x => x.isLoading = this.isIncludeChildren);
+            return;
+        }
+        this.handleCheckNode(node);
+    }
+    _handleSelectOne(nodeId) {
+        const nodeTree = this.treeControl.dataNodes.find(node => node.id === nodeId);
+        const reSelectSelection = (...params) => {
+            params.forEach(selection => {
+                const selected = selection.selected.filter(x => x.id !== nodeId);
+                selection.deselect(...selected);
+            });
+        };
+        if (!nodeTree) {
+            const item = this.checkListSelectionSearch.selected.find(x => x.id === nodeId);
+            if (!item)
+                return;
+            this.resultSelected = [{
+                    id: item.id,
+                    parentId: item.parentId,
+                    name: item.name,
+                    externalName: item.externalName,
+                    children: []
+                }];
+            this._selectedList = [...this.resultSelected];
+            this.onValueChangeEvent.emit(this.resultSelected);
+            reSelectSelection(this.checkListSelection, this.checkListSelectionSearch);
+            this.cdRef.detectChanges();
+            return;
+        }
+        if (this.isSelectedNode(nodeTree)) {
+            const nestedNode = this.convertToNestedNode(this.checkListSelection.selected[0]);
+            this._selectedList = [...this.resultSelected];
+            reSelectSelection(this.checkListSelection, this.checkListSelectionSearch);
+            return;
+        }
+        this.resultSelected = [];
+        this._selectedList = [];
+    }
+    onExpandAllParent(node) {
+        const parents = this.getAllParentNode(node);
+        if (parents === null || parents === void 0 ? void 0 : parents.length) {
+            parents.forEach(parent => {
+                if (!this.treeControl.isExpanded(parent))
+                    this.onExpandNode(parent);
+            });
+        }
+    }
+    onRemoveNode(nodeId) {
+        const flatNode = this.getNodeById(nodeId);
+        if (!flatNode) {
+            const item = this._selectedList.find(x => x.id === nodeId);
+            if (!item)
+                return;
+            this._updateSelectedList('remove', item, this._selectedList, this.resultSelected);
+            this.cdRef.detectChanges();
+            return;
+        }
+        this.checkListSelection.deselect(flatNode);
+        this.handleCheckNode(flatNode);
+    }
+    onSelectNode(...nodeIds) {
+        const nodes = this.treeControl.dataNodes.filter(x => nodeIds.includes(x.id));
+        if (!nodes.length)
+            return;
+        this.checkListSelection.select(...nodes);
+    }
+    onDeselectNode(...nodeIds) {
+        const nodes = this.treeControl.dataNodes.filter(x => nodeIds.includes(x.id));
+        if (!nodes.length)
+            return;
+        this.checkListSelection.deselect(...nodes);
+    }
+    /**
+     * Toggles a value between selected and deselected.
+     * @param nodeId :id of node
+     */
+    onToggleNode(nodeId) {
+        const node = this.getNodeById(nodeId);
+        if (!node)
+            return;
+        this.checkListSelection.toggle(node);
+    }
+    isIndeterminate(node) {
+        const childSelected = this.getListChildrenOfNode(node).filter(item => this.isSelectedNode(item));
+        return (!!childSelected.length && !this.isSelectedNode(node));
+    }
+    isCheckAll(node) {
+        const listCheck = [...this.getListChildrenOfNode(node), node];
+        return listCheck.every(item => this.isSelectedNode(item));
+    }
+    /**
+     * This function handle check node of tree
+     * @param node node of tree
+     * @param callback do something before handle check node
+     * @returns
+     */
+    onBeforeCheckNode(node, callback) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this._handlingLazyObject.checkNode = true;
+            if (!!callback)
+                yield callback(node);
+            this.handleCheckNode(node);
+            this._handlingLazyObject.checkNode = false;
+        });
+    }
+    handleCheckNode(node) {
+        const isSelected = this.isSelectedNode(node);
+        const childSelected = this.getChildrenSelected(node);
+        const nestedNode = this.convertToNestedNode(node);
+        if (isSelected) {
+            // Check existed group
+            const existedGroup = this.getAllParentNode(node).find(x => this.convertToNestedNode(x).isGroup);
+            if (!this.isIncludeChildren) {
+                nestedNode.groupId = existedGroup === null || existedGroup === void 0 ? void 0 : existedGroup.id;
+                return;
+            }
+            const children = this.getListChildrenOfNode(node);
+            nestedNode.isGroup = !existedGroup && !!children.length;
+            if (!children.length)
+                return;
+            children.forEach(x => {
+                const _node = this.convertToNestedNode(x);
+                _node.groupId = existedGroup ? existedGroup.id : node.id;
+                _node.isGroup = false;
+            });
+            this.updateDataTree(this.currentTreeData);
+            this.checkListSelection.deselect(...childSelected.map(x => this.resetNode(x)));
+            this.checkListSelection.select(...children.map(x => this.resetNode(x)));
+            return;
+        }
+        const _selectedIndex = this._selectedList.findIndex(x => x.id === node.id);
+        _selectedIndex > -1 && this._selectedList.splice(_selectedIndex, 1);
+        const deselectNodes = (this.isIncludeChildren || nestedNode.isGroup) ? childSelected : [node];
+        this.checkListSelection.deselect(...deselectNodes);
+        nestedNode.isGroup = false;
+        this.updateDataTree(this.currentTreeData);
+        return;
+    }
+    resetNode(node) {
+        node.isGroup = false;
+        return node;
+    }
+    isSelectedNode(node) {
+        return node && this.checkListSelection.isSelected(node);
+    }
+    getChildrenSelected(node) {
+        return this.getListChildrenOfNode(node).filter(x => this.isSelectedNode(x));
+    }
+    /**
+     * Gets a list of the data node's subtree of descendent data nodes.
+     * @param node
+     * @returns
+     */
+    getListChildrenOfNode(node) {
+        const flatNode = this.getNodeById(node.id);
+        if (!flatNode)
+            return [];
+        return this.treeControl.getDescendants(flatNode);
+    }
+    _mapToNestedListNode(flatNodeList) {
+        return flatNodeList.map(item => this.convertToNestedNode(item));
+    }
+    convertToNestedNode(node) {
+        return this.flatTreeNodeMap.get(node) || {};
+    }
+    convertToFlatNode(node) {
+        return this.nestedTreeNodeMap.get(node);
+    }
+    getAllParentNode(node) {
+        const listParent = [];
+        let parent = this.getParentNode(node);
+        while (parent) {
+            listParent.push(parent);
+            parent = this.getParentNode(parent);
+        }
+        return listParent;
+    }
+    getParentNode(node) {
+        const currentLevel = this.getLevel(node);
+        if (currentLevel < 1)
+            return;
+        const index = this.treeControl.dataNodes.indexOf(node) - 1;
+        for (let i = index; i >= 0; i--) {
+            const currentNode = this.treeControl.dataNodes[i];
+            if (this.getLevel(currentNode) < currentLevel) {
+                return currentNode;
+            }
+        }
+        return;
+    }
+    getItemIconType(item) {
+        if (!!item.itemMatIcon)
+            return this.itemIconType.name;
+        if (!!item.itemIconSvg)
+            return this.itemIconType.svg;
+        if (!!item.itemIcon)
+            return this.itemIconType.path;
+        return;
+    }
+    onScrollIntoNode(nodeId) {
+        const flatNode = this.getNodeById(nodeId);
+        if (!nodeId)
+            return;
+        this.onExpandNode(flatNode);
+        this.onExpandAllParent(flatNode);
+        const index = this.treeControl.dataNodes.findIndex(x => x.id === flatNode.id);
+        if (!this.cdkVirtualScrollViewport)
+            return;
+        this.cdkVirtualScrollViewport.scrollToIndex(index, 'smooth');
+        this.getActiveNodeEvent$.next(nodeId);
+    }
+    onSearch() {
+        var _a;
+        if (!this.formSearchControl.value || ((_a = this.formSearchControl.value) === null || _a === void 0 ? void 0 : _a.trim()) === '')
+            return;
+        this.getLoading$.next(true);
+        this.setIndexView(1);
+        this.onSearchEvent.emit(this.formSearchControl.value);
+        if (!this.paginatorSearch)
+            return;
+        this.paginatorSearch.changePage(0);
+        this.paginatorSearch.renderDisplayNumberOfpages();
+    }
+    setResultSearch(data) {
+        this.searchDepartment$.next(data);
+    }
+    onClickResultItem(item) {
+        const node = this.getNodeById(item.id);
+        if (node) {
+            this.scrollToNode(node.id);
+        }
+    }
+    onBreadCrumbItemClick(item) {
+        const node = this.getNodeById(item.id);
+        if (node) {
+            this.setIndexView(0);
+            of(node.id).pipe(delay(700), takeUntil(this.ngUnsubscribe)).subscribe(res => {
+                this.onScrollIntoNode(res);
+            });
+        }
+    }
+    onCheckItemSearchResult(item) {
+        this.checkListSelectionSearch.toggle(item);
+        if (this.config.isSelectOne) {
+            this.checkListSelectionSearch.deselect(...this.checkListSelectionSearch.selected.filter(x => x.id != item.id));
+        }
+        this.onCheckItemSearchEvent.emit({
+            state: this.checkListSelectionSearch.isSelected(item),
+            item: item
+        });
+        if (this.config.lazy) {
+            if (!this._handlingLazyObject.checkItemSearch) {
+                this._handleCheckResutlSearch(item);
+                return;
+            }
+            return;
+        }
+        this._handleCheckResutlSearch(item);
+        this.onValueChangeEvent.emit(this.resultSelected);
+    }
+    onBeforeCheckItemSearch(item, callback) {
+        return __awaiter(this, void 0, void 0, function* () {
+            item.isLoading = true;
+            this._handlingLazyObject.checkItemSearch = true;
+            // hold state before call method callback to prevent lost it's state unexpected
+            const isSelect = this.isSelectItemSearch(item.id);
+            if (!!callback)
+                yield callback(item);
+            item.isLoading = false;
+            this._handleCheckResutlSearch(item, isSelect);
+            this.onValueChangeEvent.emit(this.resultSelected);
+            this._handlingLazyObject.checkItemSearch = false;
+        });
+    }
+    onBeforeCheckAllSearch(callback) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this._handlingLazyObject.checkAllSearch = true;
+            if (!!callback)
+                yield callback(this.resultSearch);
+            this._handlingLazyObject.checkAllSearch = false;
+            if (!this.resultSearch.length)
+                return;
+            for (let i = 0; i < this.resultSearch.length; i++) {
+                const item = this.resultSearch[i];
+                this._handleCheckResutlSearch(item);
+            }
+        });
+    }
+    canHandleItemSearchResult(item) {
+        if (!this.treeControl)
+            return false;
+        return this.treeControl.dataNodes.some(node => node.id === item.id) || this.config.lazy;
+    }
+    _mapToResultSearch() {
+        if (!!this.resultSearch.length)
+            this.resultSearch.forEach(item => {
+                var _a;
+                const isExistInResultSelected = (_a = this.resultSelected) === null || _a === void 0 ? void 0 : _a.some(x => { var _a; return x.id === item.id || ((_a = x.children) === null || _a === void 0 ? void 0 : _a.some(y => y.id === item.id)); });
+                isExistInResultSelected ? this.checkListSelectionSearch.select(item) : this.checkListSelectionSearch.deselect(item);
+            });
+    }
+    _handleCheckResutlSearch(item, state = this.isSelectItemSearch(item.id)) {
+        item.isLoading = false;
+        const currentNode = this.getNodeById(item.id.toString());
+        if (!!currentNode) {
+            if (state) {
+                if (this.checkListSelection.isSelected(currentNode))
+                    return;
+                if (this.checkListSelectionSearch.isSelected(item))
+                    this.checkListSelection.select(currentNode);
+            }
+            else {
+                this.checkListSelection.deselect(currentNode);
+            }
+            this.config.isSelectOne ? this._handleSelectOne(currentNode.id) : this.handleCheckNode(currentNode);
+            this.cdRef.detectChanges();
+            return;
+        }
+        if (this.config.isSelectOne) {
+            this._handleSelectOne(item.id);
+            return;
+        }
+        this._updateSelectedList(state ? 'add' : 'remove', item, this._selectedList, this.resultSelected);
+    }
+    isSelectItemSearch(id) {
+        return this.checkListSelectionSearch.selected.some(x => x.id === id);
+    }
+    _updateSelectedList(state, item, ...selectedLists) {
+        if (!item)
+            return;
+        selectedLists.forEach(selectedList => {
+            const itemExisted = selectedList.find(x => x.id === item.id);
+            switch (state) {
+                case 'add':
+                    if (item.groupId) {
+                        const group = selectedList.find(x => x.id === item.groupId);
+                        if (!group && !itemExisted) {
+                            selectedList.push(item);
+                        }
+                        !group.children.some(x => x.id === item.id) && group.children.push(item);
+                        return;
+                    }
+                    !itemExisted && selectedList.push(item);
+                    break;
+                case 'remove':
+                    if (!itemExisted) {
+                        const group = selectedList.find(x => x.children.some(x1 => x1.id === item.id));
+                        if (!group)
+                            return;
+                        const index = group.children.findIndex(x => x.id === item.id);
+                        if (index < 0)
+                            return;
+                        group.children.splice(index, 1);
+                        return;
+                    }
+                    selectedList.splice(selectedList.indexOf(itemExisted), 1);
+                    const itemSelectionSearch = this.checkListSelectionSearch.selected.find(x => x.id === itemExisted.id);
+                    itemSelectionSearch && this.checkListSelectionSearch.deselect(itemSelectionSearch);
+                    break;
+                default:
+                    break;
+            }
+        });
+    }
+    onSelectAllSearchResult(checked) {
+        checked = !checked;
+        if (!this.resultSearch.length)
+            return;
+        if (this.config.handleCheckAllItemSearch) {
+            for (let i = 0; i < this.resultSearch.length; i++) {
+                const item = this.resultSearch[i];
+                if (checked) {
+                    const treeNode = this.treeControl.dataNodes.find(node => node.id === item.id);
+                    const canSelect = (!!treeNode || this.config.lazy);
+                    if (!canSelect)
+                        continue;
+                    !this.checkListSelectionSearch.isSelected(item) && this.checkListSelectionSearch.select(item);
+                }
+                else {
+                    const _itemSelections = this.checkListSelectionSearch.selected.filter(x => x.id === item.id);
+                    if (_itemSelections.length)
+                        this.checkListSelectionSearch.deselect(..._itemSelections);
+                }
+                if (!this.config.lazy || !this._handlingLazyObject.checkAllSearch)
+                    this._handleCheckResutlSearch(item, checked);
+            }
+        }
+        this.onCheckAllItemSearchEvent.emit(checked);
+        this.onValueChangeEvent.emit(this.resultSelected);
+    }
+    isDisableChecboxAllSearch() {
+        return this.resultSearch && this.resultSearch.every(x => x.disabled);
+    }
+    onPagingSearchResult(val) {
+        this.getLoading$.next(true);
+        this.onPagingSearchEvent.emit(val);
+    }
+    scrollToNode(nodeId) {
+        this.scrollToNodeEvent$.next(nodeId);
+    }
+    setIndexView(index) {
+        if (index === 1 && this.config.resetToggleIncludeChildWhenChangeView) {
+            this.isIncludeChildren = false;
+        }
+        this.getIndexView$.next(index);
+    }
+    canActiveNodeExternal(node) {
+        const allParent = this.getAllParentNode(node);
+        return !allParent || allParent.every(item => this.treeControl.isExpanded(item));
+    }
+    getHeightStyleRefNode(nodeId) {
+        const nodeEle = this.eleRef.nativeElement.querySelector(`.mat-tree-node#mat-node-${nodeId}`);
+        return `${(nodeEle === null || nodeEle === void 0 ? void 0 : nodeEle.clientHeight) || 0}px`;
+    }
+    getSelectedNodeStorage() {
+        return JSON.parse(localStorage.getItem('selectedNode'));
+    }
+    setSelectedNodeStorage(node) {
+        this.isIncludeChildren && localStorage.setItem('selectedNode', JSON.stringify(node));
+    }
+    setDefaultPaginatorSize(options) {
+        this.PAGE_SIZE_OPTION = options;
+    }
+    trackBy(index, item) {
+        return item;
+    }
+    /**
+         * This function use for lazy load children of node
+         * @param node node update. if node is null data auto insert as roots
+         * @param data list children to update node.
+         * @param mode default is update that replace current list children by new list children , if mode = 'insert' will insert new values to list children existed before.
+    */
+    updateChildOfNode(node, data = [], mode = 'update') {
+        node.isLoading = false;
+        this.checkLoadingOfParent(node);
+        const nestedNode = this.convertToNestedNode(node);
+        const dataNodes = this.treeDepartmentService.convertToTreeData(data).filter(x => x.parentId === node.id);
+        if (!nestedNode)
+            return;
+        switch (mode) {
+            case 'insert':
+                nestedNode.children.push(...dataNodes);
+                break;
+            case 'update':
+                nestedNode.children = dataNodes;
+                break;
+        }
+        this.updateDataTree(this.currentTreeData);
+        const _node = this.getNodeById(node.id);
+        const nodes = this.treeControl.getDescendants(_node);
+        for (let i = 0; i < this.resultSelected.length; i++) {
+            const item = this.resultSelected[i];
+            this._reUpdateSelectionNode(item.id);
+            const descendants = this.treeDepartmentService.getDescendantsOfNode(item);
+            if (!descendants.length)
+                continue;
+            for (let j = 0; j < descendants.length; j++) {
+                const child = descendants[j];
+                this._reUpdateSelectionNode(child.id);
+            }
+        }
+        this.selectedListAfterDataNodeChange$.next([_node, ...nodes]);
+    }
+    //re-select when update children of node
+    _reUpdateSelectionNode(nodeId) {
+        const node = this.getNodeById(nodeId);
+        if (!node || this.checkListSelection.isSelected(node))
+            return;
+        const existInSelection = this.checkListSelection.selected.find(x => x.id == node.id);
+        if (existInSelection)
+            this.checkListSelection.deselect(existInSelection);
+        this.checkListSelection.select(node);
+    }
+    checkLoadingOfParent(node) {
+        const allParent = this.getAllParentNode(node);
+        if (!allParent.length)
+            return;
+        for (let i = 0; i < allParent.length; i++) {
+            const parent = allParent[i];
+            const descendants = this.treeControl.getDescendants(parent);
+            parent.isLoading = descendants.some(x => x.isLoading);
+        }
+    }
+    getNodeById(id) {
+        return this.treeControl.dataNodes.find(node => node.id === id) || undefined;
+    }
+    getRootOfNode(node) {
+        const allParent = this.getAllParentNode(node);
+        if (!allParent.length)
+            return undefined;
+        return allParent.pop();
+    }
+    addRootTree(data = []) {
+        this.getLoadingMore$.next(false);
+        if (!data.length)
+            return;
+        const treeNodeData = this.treeDepartmentService.convertToTreeData(data);
+        // re-check root was existed in tree
+        for (let i = 0; i < treeNodeData.length; i++) {
+            const item = treeNodeData[i];
+            const node = this.getNodeById(item.id);
+            if (!!node && node.expandable && !node.markedGetChildren) {
+                const nestedNode = this.convertToNestedNode(node);
+                nestedNode.children = item.children;
+                nestedNode.markedGetChildren = true;
+                return;
+            }
+            if (!node)
+                this.currentTreeData.push(item);
+        }
+        this.updateDataTree(this.currentTreeData);
+        this.selectedListAfterDataNodeChange$.next(data);
+    }
+    getCheckedStatusNode(node) {
+        return this.isSelectedNode(node);
+    }
+    updateNodeInformation(node) {
+        let nestedNode = this.convertToNestedNode(node);
+        if (!nestedNode) {
+            return;
+        }
+        nestedNode.childCount = node.childCount;
+        nestedNode.name = node.name;
+        nestedNode.itemIcon = node.itemIcon;
+        nestedNode.itemIconSvg = node.itemIconSvg;
+        nestedNode.selectedChildCount = node.selectedChildCount;
+        nestedNode.markedGetChildCountRecurrsive = node.markedGetChildCountRecurrsive;
+        nestedNode.isIncludeChildWhenChecked = node.isIncludeChildWhenChecked;
+    }
+    updateSelectedResultData(node) {
+        const nodeResult = this.resultSelected.find((x) => x.id === node.id);
+        if (nodeResult) {
+            nodeResult.childCount = node.childCount;
+            nodeResult.selectedChildCount = node.selectedChildCount;
+        }
+    }
+    callCheckNodeOutside(node) {
+        this.checkListSelection.toggle(node);
+        //this.handleCheckNode(node);
+    }
+}
+SelectProcessDataTreeComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'qms-select-process-data-tree',
+                template: "<div [ngClass]=\"['qms-select-department-tree-container', (config.customClass || '')]\">\n  <div class=\"input-select-department\">\n    <form (ngSubmit)=\"!getLoading$.value && onSearch()\" *ngIf=\"config.enableTreeSearch\" class=\"input-field\">\n      <mat-form-field class=\"w100\" qms-form qms-search-field>\n        <input [formControl]=\"formSearchControl\" type=\"text\" placeholder=\"Search\" matInput />\n        <button *ngIf=\"!getLoading$.value\" type=\"submit\" qms-btn-icon color=\"light\" matSuffix>\n          <mat-icon>search</mat-icon>\n        </button>\n        <mat-progress-spinner [@inOutAnimation] matSuffix mode=\"indeterminate\" diameter=\"20\"\n          *ngIf=\"getLoading$.value\"></mat-progress-spinner>\n        <div *ngIf=\"!!formSearchControl.value && !getLoading$.value\" qms-input-clear matSuffix>\n          <button qms-btn-icon color=\"light\" [@inOutAnimation] aria-label=\"Clear\" (click)=\"formSearchControl.reset()\">\n            <mat-icon>close</mat-icon>\n          </button>\n        </div>\n      </mat-form-field>\n    </form>\n    <div [@inOutAnimation] *ngIf=\"(getIndexView$ | async) === 1 && (textSearchSubject$ | async)\"\n      class=\"sub-text ms-1 fw500\">\n      {{LANG.RESULT_SEARCH_FOR}}<i><b>\"{{textSearchSubject$ | async}}\"</b></i>\n    </div>\n    <div [class.justify-content-between]=\"config.enableIncludeChild && !config.isSelectOne\"\n      class=\"select__toggle-include toggle-include-child my-1 d-flex justify-content-end  align-items-center\">\n      <mat-slide-toggle *ngIf=\"config.enableIncludeChild && !config.isSelectOne\"\n        [disabled]=\"(getIndexView$ | async) === 1 && config.disableToggleIncludeChildWhenChangeView\"\n        [(ngModel)]=\"isIncludeChildren\" (ngModelChange)=\"toggleIncludeChildEvent.emit($event)\" color=\"default\"\n        qms-group-options>\n        <span class=\"text-label\">{{config.selectIncludeLabel || LANG.SELECT_INCLUDE_CHILD}}</span>\n      </mat-slide-toggle>\n      <button class=\"btn-arrow\" [@inOutAnimation] *ngIf=\"(getIndexView$ | async) === 1 && config.enableTreeSearch\"\n        (click)=\"setIndexView(0)\" qms-btn-icon color=\"light\" [qms-tool-tip]=\"LANG.BACK_TO_TREE\" mode=\"dark\"\n        position=\"top\">\n        <mat-icon>arrow_back</mat-icon>\n      </button>\n      <button class=\"btn-arrow\" [@inOutAnimation]\n        *ngIf=\"(getIndexView$ | async) === 0 && config.enableTreeSearch && (textSearchSubject$ | async)\"\n        (click)=\"setIndexView(1)\" qms-btn-icon color=\"light\" [qms-tool-tip]=\"LANG.GOTO_SEACH_RESULT\" mode=\"dark\"\n        position=\"top\">\n        <mat-icon>arrow_forward</mat-icon>\n      </button>\n    </div>\n  </div>\n  <div [@inOutAnimation]\n    *ngIf=\"(getIndexView$ | async) === 0 && config.modeView === MODE_VIEW_ENUM.ExternalView && !!config.headerName\"\n    class=\"header-view-tree\">\n    <div class=\"header-view header-title\">\n      {{config.headerName.treeName}}\n    </div>\n    <div class=\"header-view header-title\">\n      {{config.headerName.externalName}}\n    </div>\n  </div>\n  <mat-divider class=\"mx-auto\"></mat-divider>\n  <div [@animateSlideView]=\"(getIndexView$ | async)\" [ngStyle]=\"{\n    minHeight: height\n  }\" class=\"tree-department-wrapper\">\n    <div *ngIf=\"(getIndexView$ | async) === 0\" class=\"tree-view w100 h100\">\n      <div class=\"tree-view-main h100\">\n        <div *ngIf=\"!config.isSelectOne && !!treeControl.dataNodes && config.activeSelectAllNode\"\n          class=\"checkbox-all-tree\" [class.sticky-position]=\"config.modeView === MODE_VIEW_ENUM.ExternalView\">\n          <!-- Checkbox all root node -->\n          <mat-checkbox [@inOutAnimation] (click)=\"onCheckAllRootTreeNode()\"\n            [indeterminate]=\"isIndeterminateCheckboxAllTree\" [checked]=\"isAllDepartmentSelected\" qms-group-options\n            color=\"default\" label=\"none\" class=\"checkbox-all\">\n            <span class=\"text-label \">{{LANG.CHOOSE_ALL}}</span>\n            <span>(<b>{{treeControl.dataNodes.length}}</b>)</span>\n          </mat-checkbox>\n          <mat-divider class=\"mx-auto\"></mat-divider>\n        </div>\n        <cdk-virtual-scroll-viewport *ngIf=\"dataSource.data\" [ngClass]=\"{\n                    'has-checkbox-all': !config.isSelectOne && config.modeView === MODE_VIEW_ENUM.Basic,\n                    'select-department-tree': true\n                  }\" [itemSize]=\"ITEM_SIZE\" [ngStyle]=\"{height: height}\">\n          <ng-container *cdkVirtualFor=\"let node of dataSource; trackBy: trackBy\">\n            <div class=\"qms-tree-node mt-1\" [style.padding-left]=\"node.level * (config.isMobile ? 12 :24) + 'px'\"\n              [attr.data-id]=\"node.id\" [id]=\"'mat-node-'+node.id\" [@triggerColor]=\"activeNode == node.id\" [ngClass]=\"{\n                              'mat-tree-node-disabled-all': node.disabled,\n                              'w-100': config.isSelectOne,\n                              'selected-theme': this.checkListSelection.isSelected(node) && config.isSelectOne,\n                              'expand-node': treeControl.isExpandable(node) && treeControl.isExpanded(node),\n                              'active-external-view': config.modeView === MODE_VIEW_ENUM.ExternalView,\n                              'node-loading': node.isLoading\n                        }\">\n              <div class=\"node-expand-area\">\n                <button class=\"btn-toggle\" qms-btn-icon color=\"light\" (click)=\"onExpandNode(node)\"\n                  *ngIf=\"treeControl.isExpandable(node) && !node.isLoading\">\n                  <mat-icon>\n                    {{ treeControl.isExpanded(node) ? \"expand_more\" : \"chevron_right\" }}\n                  </mat-icon>\n                </button>\n                <ng-container *ngIf=\"node.isLoading; then loadingSpinner\"></ng-container>\n              </div>\n              <ng-container [ngTemplateOutlet]=\"config.isSelectOne ? nodeWithoutCheckboxTemplate : showCheckboxTemplate\"\n                [ngTemplateOutletContext]=\"{ node: node }\"></ng-container>\n              <div *ngIf=\"config.modeView === MODE_VIEW_ENUM.ExternalView\" class=\"external-view-node\">\n                <span class=\"node-external\" qms-elipsify position=\"top\" mode=\"dark\">\n                  {{node.externalName || ''}}\n                </span>\n              </div>\n            </div>\n          </ng-container>\n        </cdk-virtual-scroll-viewport>\n        <ng-container [@inOutAnimation] *ngIf=\"config.spinnerWhenGetMore && getLoadingMore$| async ;then maskOverlay\">\n        </ng-container>\n      </div>\n    </div>\n    <div *ngIf=\"(getIndexView$ | async) === 1\" [ngStyle]=\"{\n      height: height\n    }\" class=\"qms-view-search-result\">\n      <div *ngIf=\"config.modeView === MODE_VIEW_ENUM.ExternalView\"\n        class=\"qms-view-search-result__header d-flex align-items-center justify-content-between\">\n        <div class=\"header-title\">\n          <span qms-elipsify mode=\"dark\" position=\"top\">\n            {{config.headerName.resultSearchName}}\n          </span>\n        </div>\n        <div class=\"header-title\">\n          <span qms-elipsify mode=\"dark\" position=\"top\">\n            {{config.headerName.externalName}}\n          </span>\n        </div>\n      </div>\n      <ng-container *ngIf=\"getLoading$.value; then loading\"></ng-container>\n      <div class=\"qms-view-search-result__wrapper\"\n        [class.active-external]=\"config.modeView === MODE_VIEW_ENUM.ExternalView\"\n        *ngIf=\"!!resultSearch.length && !getLoading$.value\">\n        <div class=\"\">\n          <mat-checkbox [@inOutAnimation]\n            [disabled]=\"!resultSearch.length || config.isSelectOne || isDisableChecboxAllSearch()\" #checkAllSearch\n            [indeterminate]=\"indeterminateSearchResult\" [checked]=\"isSelectAllResultSearch\" qms-group-options\n            color=\"default\" label=\"none\" class=\"checkbox-all\"\n            (click)=\"!config.isSelectOne && onSelectAllSearchResult(checkAllSearch.checked)\">\n            <span class=\"text-label header-title\">{{LANG.CHOOSE_ALL}}</span>\n            <span>(<b>{{resultSearch.length}}</b>)</span>\n          </mat-checkbox>\n        </div>\n        <div [@inOutAnimation] [@listAnimation]\n          [class.active-paging]=\"searchDepartment$.value.length > 10 && config.enablePagingSearch\" class=\"result\">\n          <div [qms-tool-tip]=\"!canHandleItemSearchResult(item) ? LANG.ITEM_NOT_MATCH_TO_TREE : ''\" mode=\"dark\"\n            position=\"top\" *ngFor=\"let item of resultSearch\"\n            (click)=\"$event.stopImmediatePropagation(); !item.disabled && onCheckItemSearchResult(item)\"\n            [class.active]=\"checkListSelectionSearch.isSelected(item)\" class=\"result-item user-select-none\" matRipple>\n            <mat-checkbox [@inOutAnimation] *ngIf=\"!item.isLoading\" [disabled]=\"item.disabled\"\n              (click)=\"$event.stopImmediatePropagation(); !item.disabled && onCheckItemSearchResult(item)\"\n              [checked]=\"checkListSelectionSearch.isSelected(item)\" qms-group-options color=\"default\" label=\"none\">\n            </mat-checkbox>\n            <div *ngIf=\"item.isLoading\" [@inOutAnimation] class=\"position-relative\">\n              <ng-container *ngIf=\"item.isLoading; then loadingSpinner\"></ng-container>\n            </div>\n            <div class=\"result-item__content\">\n              <div class=\"item-result-content-wraper\">\n                <div class=\"text-gray fw-bold fs-base mb0\">{{item.name}}</div>\n                <qms-breadcrumb *ngIf=\"item.location?.length > 1\" [type]=\"config.isMobile ? 'mobile': ''\"\n                  [numDisplayItem]=\"6\" (onItemClick)=\"$event.stopImmediatePropagation()\" class=\"breadcrumb-container\"\n                  [nodes]=\"item.location\">\n                </qms-breadcrumb>\n                <div *ngIf=\"item.location?.length === 1\" class=\"d-flex align-items-center\">\n                  <span qms-elipsify mode=\"dark\" position=\"top\"\n                    class=\"item-breadcrumb-disable d-block\">{{item.location[0].name}}</span>\n                </div>\n              </div>\n              <div *ngIf=\"config.modeView === MODE_VIEW_ENUM.ExternalView\" class=\"external-name\">\n                <span qms-elipsify mode=\"dark\" position=\"top\" class=\"text-gray fs-base mb0\">{{item.externalName}}\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div [@inOutAnimation] *ngIf=\"!resultSearch.length && !getLoading$.value\" class=\"result no-result\">\n        <ng-container *ngTemplateOutlet=\"noResult\"></ng-container>\n      </div>\n      <mat-divider *ngIf=\"searchDepartment$.value.length > 10 && config.enablePagingSearch\"\n        class=\"mx-auto\"></mat-divider>\n      <qms-paginator #paginatorSearch *ngIf=\"searchDepartment$.value.length > 10 && config.enablePagingSearch \"\n        [length]=\"searchDepartment$.value.length\" [numHidden]=\"0\" [pageSize]=\"CURRENT_PAGESIZE\"\n        [pageSizeOptions]=\"PAGE_SIZE_OPTION\" (page)='onPagingSearchResult($event)'\n        [size]='config.isMobile ? PAGINATION_SIZE.small : PAGINATION_SIZE.medium'>\n      </qms-paginator>\n    </div>\n  </div>\n\n  <!-- Template for Checkbox -->\n  <ng-template #showCheckboxTemplate let-node=\"node\">\n    <mat-checkbox [id]=\"'node-'+node.id\" qms-group-options color=\"default\" label=\"none\" class=\"flex-direction-row\"\n      [disabled]=\"node.isLoading\" [checked]=\"checkListSelection.isSelected(node)\"\n      (click)=\"!node.isLoading && onCheckNode(node)\" [attr.disabled]=\"node.disabled || node.isLoading\">\n      <img [title]=\"node.itemIconSvg\" *ngIf=\"node.itemIconSvg\" class=\"material-icons type-icon\"\n        [src]=\"node.itemIconSvg\" />\n      <span *ngIf=\"node.itemIcon\" [class]=\"node.itemIcon\" [qmsTransformIcon]=\"node.itemIcon\"\n        class=\"material-icons-outlined type-icon\"></span>\n      <span *ngIf=\"node.itemMatIcon\" class=\"material-icons-outlined type-icon\">{{\n        node.itemMatIcon }}\n      </span>\n      <span class=\"text-name cursor-pointer ml5 123\" [ngClass]=\"{ disabled: node.disabled }\">{{ node.name}}\n      </span>\n    </mat-checkbox>\n  </ng-template>\n\n  <!-- Template node without checkbox -->\n  <ng-template #nodeWithoutCheckboxTemplate let-node=\"node\">\n    <div [id]=\"'node-'+node.id\" (click)=\"onCheckNode(node)\" class=\"node-without-checkbox\">\n      <div class=\"node-info\">\n        <span *ngIf=\"node.itemIcon\" [class]=\"node.itemIcon\" [qmsTransformIcon]=\"node.itemIcon\"\n          class=\"material-icons-outlined type-icon\"></span>\n        <span *ngIf=\"node.itemMatIcon\" class=\"material-icons-outlined type-icon\">{{\n          node.itemMatIcon }}\n        </span>\n        <span class=\"text-name cursor-pointer pl-10 123\" [ngClass]=\"{ disabled: node.disabled }\">{{ node.name }}</span>\n      </div>\n      <div class=\"node-state\">\n        <mat-icon *ngIf=\"checkListSelection.isSelected(node)\">check</mat-icon>\n      </div>\n    </div>\n  </ng-template>\n</div>\n\n<ng-template #noResult>\n  <svg width=\"89\" height=\"130\" viewBox=\"0 0 89 88\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <rect x=\"0.5\" width=\"88\" height=\"88\" rx=\"44\" fill=\"white\" />\n    <rect x=\"0.5\" width=\"88\" height=\"88\" rx=\"44\" fill=\"#0163B2\" fill-opacity=\"0.12\" />\n    <path\n      d=\"M44.5 56.6936L58.096 64.8996L54.488 49.4336L66.5 39.0276L50.682 37.6856L44.5 23.0996L38.318 37.6856L22.5 39.0276L34.512 49.4336L30.904 64.8996L44.5 56.6936Z\"\n      fill=\"#0163B3\" />\n    <text x=\"10\" y=\"105\" fill=\"#0163B2\">{{LANG.NO_RESULT}}</text>\n  </svg>\n</ng-template>\n\n<!-- Template loading -->\n<ng-template #loading>\n  <div [ngStyle]=\"{\n    'height': searchDepartment$.value.length ? (config.modeView === MODE_VIEW_ENUM.ExternalView ? 'calc(100% - 90px)' : 'calc(100% - 50px)' ) : height\n  }\" class=\"qms-loading-container\">\n    <div class=\"qms-loader\" *ngFor=\"let item of arrSkeleton\">\n      <div class=\"qms-loader__wrapper\">\n        <div class=\"row-loader\">\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n<!-- Template mask overlay -->\n<ng-template #maskOverlay>\n  <div class=\"mask-overlay\">\n    <mat-spinner [diameter]=\"50\" [strokeWidth]=\"5\"></mat-spinner>\n  </div>\n</ng-template>\n\n<!-- Loading spinner -->\n<ng-template #loadingSpinner>\n  <div class=\"qms-spinner center\">\n    <mat-spinner [diameter]=\"20\" [strokeWidth]=\"2\"></mat-spinner>\n  </div>\n</ng-template>",
+                animations: [
+                    AnimationTreeDepartment
+                ],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: ["@charset \"UTF-8\";@font-face{font-family:icomoon;src:url(../assets/fonts/icomoon.eot?aghldx);src:url(../assets/fonts/icomoon.eot?aghldx#iefix) format(\"embedded-opentype\"),url(../assets/fonts/icomoon.ttf?aghldx) format(\"truetype\"),url(../assets/fonts/icomoon.woff?aghldx) format(\"woff\"),url(../assets/fonts/icomoon.svg?aghldx#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-acutely-toxic .path1:before{content:\"\uE91B\";color:#e32730}.icon-acutely-toxic .path2:before{content:\"\uE922\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path3:before{content:\"\uE923\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path4:before{content:\"\uE924\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path5:before{content:\"\uE925\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path6:before{content:\"\uE926\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path7:before{content:\"\uE927\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path8:before{content:\"\uE928\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path9:before{content:\"\uE929\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path10:before{content:\"\uE92A\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path11:before{content:\"\uE92B\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path12:before{content:\"\uE92C\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path13:before{content:\"\uE92D\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path14:before{content:\"\uE92E\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path15:before{content:\"\uE92F\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path16:before{content:\"\uE930\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path17:before{content:\"\uE931\";margin-left:-1em;color:#323232}.icon-add-column:before{content:\"\uE932\"}.icon-add-tooltip:before{content:\"\uE933\"}.icon-admin:before{content:\"\uE934\"}.icon-annual-cycle:before{content:\"\uE935\"}.icon-assignment-repete:before{content:\"\uE936\"}.icon-barrier-add:before{content:\"\uE937\"}.icon-barrier-edit:before{content:\"\uE938\"}.icon-barrier-view:before{content:\"\uE939\"}.icon-button-group:before{content:\"\uE93A\"}.icon-chemical-manager:before{content:\"\uE93B\"}.icon-chronic-health-hazard .path1:before{content:\"\uE93C\";color:#e32730}.icon-chronic-health-hazard .path2:before{content:\"\uE93D\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path3:before{content:\"\uE93E\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path4:before{content:\"\uE93F\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path5:before{content:\"\uE940\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path6:before{content:\"\uE941\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path7:before{content:\"\uE942\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path8:before{content:\"\uE943\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path9:before{content:\"\uE944\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path10:before{content:\"\uE945\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path11:before{content:\"\uE946\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path12:before{content:\"\uE947\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path13:before{content:\"\uE948\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path14:before{content:\"\uE949\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path15:before{content:\"\uE94A\";margin-left:-1em;color:#323232}.icon-contingency:before{content:\"\uE94B\"}.icon-corrosive .path1:before{content:\"\uE94C\";color:#323232}.icon-corrosive .path2:before{content:\"\uE94D\";margin-left:-1em;color:#323232}.icon-corrosive .path3:before{content:\"\uE94E\";margin-left:-1em;color:#323232}.icon-corrosive .path4:before{content:\"\uE94F\";margin-left:-1em;color:#323232}.icon-corrosive .path5:before{content:\"\uE950\";margin-left:-1em;color:#323232}.icon-corrosive .path6:before{content:\"\uE951\";margin-left:-1em;color:#323232}.icon-corrosive .path7:before{content:\"\uE952\";margin-left:-1em;color:#323232}.icon-corrosive .path8:before{content:\"\uE953\";margin-left:-1em;color:#323232}.icon-corrosive .path9:before{content:\"\uE954\";margin-left:-1em;color:#323232}.icon-corrosive .path10:before{content:\"\uE955\";margin-left:-1em;color:#323232}.icon-corrosive .path11:before{content:\"\uE956\";margin-left:-1em;color:#323232}.icon-corrosive .path12:before{content:\"\uE957\";margin-left:-1em;color:#323232}.icon-corrosive .path13:before{content:\"\uE958\";margin-left:-1em;color:#323232}.icon-corrosive .path14:before{content:\"\uE959\";margin-left:-1em;color:#323232}.icon-corrosive .path15:before{content:\"\uE95A\";margin-left:-1em;color:#323232}.icon-corrosive .path16:before{content:\"\uE95B\";margin-left:-1em;color:#323232}.icon-corrosive .path17:before{content:\"\uE95C\";margin-left:-1em;color:#323232}.icon-corrosive .path18:before{content:\"\uE95D\";margin-left:-1em;color:#323232}.icon-corrosive .path19:before{content:\"\uE95E\";margin-left:-1em;color:#323232}.icon-corrosive .path20:before{content:\"\uE95F\";margin-left:-1em;color:#323232}.icon-corrosive .path21:before{content:\"\uE960\";margin-left:-1em;color:#e32730}.icon-dashboard:before{content:\"\uE961\"}.icon-database-sds:before{content:\"\uE962\"}.icon-description-add:before{content:\"\uE963\"}.icon-description-edit:before{content:\"\uE964\"}.icon-description-view:before{content:\"\uE965\";color:#666}.icon-document-read .path1:before{content:\"\uE966\";color:#000;opacity:.6}.icon-document-read .path2:before{content:\"\uE967\";margin-left:-1em;color:#fff}.icon-document-read .path3:before{content:\"\uE968\";margin-left:-1em;color:#000;opacity:.6}.icon-draft:before{content:\"\uE969\"}.icon-expired-off:before{content:\"\uE96A\"}.icon-expired-on:before{content:\"\uE96B\"}.icon-explosive .path1:before{content:\"\uE96C\";color:#e32730}.icon-explosive .path2:before{content:\"\uE96D\";margin-left:-1em;color:#323232}.icon-explosive .path3:before{content:\"\uE96E\";margin-left:-1em;color:#323232}.icon-explosive .path4:before{content:\"\uE96F\";margin-left:-1em;color:#323232}.icon-explosive .path5:before{content:\"\uE970\";margin-left:-1em;color:#323232}.icon-explosive .path6:before{content:\"\uE971\";margin-left:-1em;color:#323232}.icon-explosive .path7:before{content:\"\uE972\";margin-left:-1em;color:#323232}.icon-explosive .path8:before{content:\"\uE973\";margin-left:-1em;color:#323232}.icon-explosive .path9:before{content:\"\uE974\";margin-left:-1em;color:#323232}.icon-explosive .path10:before{content:\"\uE975\";margin-left:-1em;color:#323232}.icon-explosive .path11:before{content:\"\uE976\";margin-left:-1em;color:#323232}.icon-explosive .path12:before{content:\"\uE977\";margin-left:-1em;color:#323232}.icon-explosive .path13:before{content:\"\uE978\";margin-left:-1em;color:#323232}.icon-explosive .path14:before{content:\"\uE979\";margin-left:-1em;color:#323232}.icon-explosive .path15:before{content:\"\uE97A\";margin-left:-1em;color:#323232}.icon-explosive .path16:before{content:\"\uE97B\";margin-left:-1em;color:#323232}.icon-explosive .path17:before{content:\"\uE97C\";margin-left:-1em;color:#323232}.icon-explosive .path18:before{content:\"\uE97D\";margin-left:-1em;color:#323232}.icon-explosive .path19:before{content:\"\uE97E\";margin-left:-1em;color:#323232}.icon-explosive .path20:before{content:\"\uE97F\";margin-left:-1em;color:#323232}.icon-explosive .path21:before{content:\"\uE980\";margin-left:-1em;color:#323232}.icon-explosive .path22:before{content:\"\uE981\";margin-left:-1em;color:#323232}.icon-explosive .path23:before{content:\"\uE982\";margin-left:-1em;color:#323232}.icon-explosive .path24:before{content:\"\uE983\";margin-left:-1em;color:#323232}.icon-explosive .path25:before{content:\"\uE984\";margin-left:-1em;color:#323232}.icon-explosive .path26:before{content:\"\uE985\";margin-left:-1em;color:#323232}.icon-explosive .path27:before{content:\"\uE986\";margin-left:-1em;color:#323232}.icon-explosive .path28:before{content:\"\uE987\";margin-left:-1em;color:#323232}.icon-explosive .path29:before{content:\"\uE988\";margin-left:-1em;color:#323232}.icon-explosive .path30:before{content:\"\uE989\";margin-left:-1em;color:#323232}.icon-explosive .path31:before{content:\"\uE98A\";margin-left:-1em;color:#323232}.icon-explosive .path32:before{content:\"\uE98B\";margin-left:-1em;color:#323232}.icon-explosive .path33:before{content:\"\uE98C\";margin-left:-1em;color:#323232}.icon-explosive .path34:before{content:\"\uE98D\";margin-left:-1em;color:#323232}.icon-explosive .path35:before{content:\"\uE98E\";margin-left:-1em;color:#323232}.icon-explosive .path36:before{content:\"\uE98F\";margin-left:-1em;color:#323232}.icon-explosive .path37:before{content:\"\uE990\";margin-left:-1em;color:#323232}.icon-explosive .path38:before{content:\"\uE991\";margin-left:-1em;color:#323232}.icon-explosive .path39:before{content:\"\uE992\";margin-left:-1em;color:#323232}.icon-explosive .path40:before{content:\"\uE993\";margin-left:-1em;color:#323232}.icon-explosive .path41:before{content:\"\uE994\";margin-left:-1em;color:#323232}.icon-explosive .path42:before{content:\"\uE995\";margin-left:-1em;color:#323232}.icon-explosive .path43:before{content:\"\uE996\";margin-left:-1em;color:#323232}.icon-explosive .path44:before{content:\"\uE997\";margin-left:-1em;color:#323232}.icon-explosive .path45:before{content:\"\uE998\";margin-left:-1em;color:#323232}.icon-explosive .path46:before{content:\"\uE999\";margin-left:-1em;color:#323232}.icon-file-excel:before{content:\"\uE99A\"}.icon-file-pdf:before{content:\"\uE99B\"}.icon-file-pdf-verified .path1:before{content:\"\uE99C\";color:#000;opacity:.6}.icon-file-pdf-verified .path2:before{content:\"\uE99D\";margin-left:-1em;color:#fff}.icon-file-pdf-verified .path3:before{content:\"\uE99E\";margin-left:-1em;color:#000;opacity:.6}.icon-file-word:before{content:\"\uE99F\"}.icon-filter-alt:before{content:\"\uE9A0\"}.icon-flammable .path1:before{content:\"\uE9A1\";color:#323232}.icon-flammable .path2:before{content:\"\uE9A2\";margin-left:-1em;color:#323232}.icon-flammable .path3:before{content:\"\uE9A3\";margin-left:-1em;color:#e32730}.icon-gas-under-pressure .path1:before{content:\"\uE9A4\";color:#323232}.icon-gas-under-pressure .path2:before{content:\"\uE9A5\";margin-left:-1em;color:#e32730}.icon-health-hazard .path1:before{content:\"\uE9A6\";color:#323232}.icon-health-hazard .path2:before{content:\"\uE9A7\";margin-left:-1em;color:#e32730}.icon-line-break:before{content:\"\uE9A8\"}.icon-location:before{content:\"\uE9A9\"}.icon-measure-add:before{content:\"\uE9AA\"}.icon-measure-edit:before{content:\"\uE9AB\"}.icon-measure-view:before{content:\"\uE9AC\";color:#666}.icon-messages:before{content:\"\uE9AD\"}.icon-monitoring:before{content:\"\uE9AE\";color:#666}.icon-move:before{content:\"\uE9AF\"}.icon-oxidizing .path1:before{content:\"\uE9B0\";color:#e32730}.icon-oxidizing .path2:before{content:\"\uE9B1\";margin-left:-1em;color:#323232}.icon-oxidizing .path3:before{content:\"\uE9B2\";margin-left:-1em;color:#323232}.icon-oxidizing .path4:before{content:\"\uE9B3\";margin-left:-1em;color:#323232}.icon-process-area-closed:before{content:\"\uE9B4\"}.icon-process-area-open:before{content:\"\uE9B5\"}.icon-process-linked .path1:before{content:\"\uE9B6\";color:#000;opacity:.6}.icon-process-linked .path2:before{content:\"\uE9B7\";margin-left:-1em;color:#666}.icon-risk:before{content:\"\uE9B8\"}.icon-search-in-file:before{content:\"\uE9B9\"}.icon-sort-ascending:before{content:\"\uE9BA\"}.icon-sort-descending:before{content:\"\uE9BB\"}.icon-subscript:before{content:\"\uE9BC\"}.icon-superscript:before{content:\"\uE9BD\"}.icon-syncronice-favorites:before{content:\"\uE9BE\"}.icon-system-settings:before{content:\"\uE9BF\"}.icon-view-three-outlined:before{content:\"\uE9C0\"}.icon-workplace-safety:before{content:\"\uE9C1\"}.icon-checklist:before{content:\"\uE900\"}.icon-department-document .path1:before{content:\"\uE901\";color:#000;opacity:.6}.icon-department-document .path2:before{content:\"\uE902\";margin-left:-1em;color:#00804c}.icon-department-folder-closed .path1:before{content:\"\uE903\";color:#000;opacity:.6}.icon-department-folder-closed .path2:before{content:\"\uE904\";margin-left:-1em;color:#00804c}.icon-department-folder-open .path1:before{content:\"\uE905\";color:#000;opacity:.6}.icon-department-folder-open .path2:before{content:\"\uE906\";margin-left:-1em;color:#00804c}.icon-deviation:before{content:\"\uE907\"}.icon-dropdown-folder .path1:before{content:\"\uE908\";color:#00324e}.icon-dropdown-folder .path2:before{content:\"\uE909\";margin-left:-1em;color:#fff;opacity:.6}.icon-enterprise-document .path1:before{content:\"\uE90A\";color:#000;opacity:.6}.icon-enterprise-document .path2:before{content:\"\uE90B\";margin-left:-1em;color:#cf4714}.icon-enterprise-folder-closed .path1:before{content:\"\uE90C\";color:#000;opacity:.6}.icon-enterprise-folder-closed .path2:before{content:\"\uE90D\";margin-left:-1em;color:#cf4714}.icon-enterprise-folder-open .path1:before{content:\"\uE90E\";color:#000;opacity:.6}.icon-enterprise-folder-open .path2:before{content:\"\uE90F\";margin-left:-1em;color:#cf4714}.icon-folder-closed:before{content:\"\uE910\"}.icon-folder-open:before{content:\"\uE911\"}.icon-keyboard_arrow_down:before{content:\"\uE912\"}.icon-keyboard_arrow_up:before{content:\"\uE913\"}.icon-local-document .path1:before{content:\"\uE914\";color:#000;opacity:.6}.icon-local-document .path2:before{content:\"\uE915\";margin-left:-1em;color:#1954a9}.icon-local-folder-closed .path1:before{content:\"\uE916\";color:#000;opacity:.6}.icon-local-folder-closed .path2:before{content:\"\uE917\";margin-left:-1em;color:#1954a9}.icon-local-folder-open .path1:before{content:\"\uE918\";color:#000;opacity:.6}.icon-local-folder-open .path2:before{content:\"\uE919\";margin-left:-1em;color:#1954a9}.icon-process:before{content:\"\uE91A\"}.icon-regional-document .path1:before{content:\"\uE91C\";color:#000;opacity:.6}.icon-regional-document .path2:before{content:\"\uE91D\";margin-left:-1em;color:#662e0d}.icon-regional-folder-closed .path1:before{content:\"\uE91E\";color:#000;opacity:.6}.icon-regional-folder-closed .path2:before{content:\"\uE91F\";margin-left:-1em;color:#662e0d}.icon-regional-folder-open .path1:before{content:\"\uE920\";color:#000;opacity:.6}.icon-regional-folder-open .path2:before{content:\"\uE921\";margin-left:-1em;color:#662e0d}.qms-select-department-tree-container{font-family:Open Sans,sans-serif}.qms-select-department-tree-container .mr10{margin-right:10px}.qms-select-department-tree-container .mt5{margin-bottom:5px}.qms-select-department-tree-container .mb5{margin-top:5px}.qms-select-department-tree-container .w100{width:100%}.qms-select-department-tree-container .h100{height:100%}.qms-select-department-tree-container .fw500{font-weight:500!important}.qms-select-department-tree-container .text-right{text-align:right}.qms-select-department-tree-container .mt20{margin-top:20px}.qms-select-department-tree-container .d-flex{display:flex}.qms-select-department-tree-container .align-items-center{align-items:center}.qms-select-department-tree-container .justify-content-end{justify-content:flex-end}.qms-select-department-tree-container .text-selected{color:rgba(0,0,0,.6);font-size:12px;line-height:16px;margin-top:1rem}.qms-select-department-tree-container .input-field{display:flex;align-items:center;position:relative}.qms-select-department-tree-container .input-field ::ng-deep .mat-form-field-wrapper{padding-bottom:8px!important}.qms-select-department-tree-container .input-field ::ng-deep .mat-form-field-underline{bottom:8px!important}.qms-select-department-tree-container .input-field input.input-search{width:100%;padding:10px;outline:none;border:none;background:var(--background-input-text)}.qms-select-department-tree-container .input-field .btn-search{cursor:pointer;vertical-align:middle;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.qms-select-department-tree-container .input-field .line__divider{border-bottom:1px solid #ccc;height:1px;margin-top:10px;min-width:300px;max-width:100%}.qms-select-department-tree-container .header-title{font-weight:500;color:var(--ws-text-primary);font-size:16px;display:flex;align-items:center}.qms-select-department-tree-container .header-title .header-view{padding:4px 0}.qms-select-department-tree-container .sticky-position{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:1;background:#fff}.qms-select-department-tree-container .header-view-tree{display:grid;grid-template-columns:1fr 200px;grid-column-gap:2px;-moz-column-gap:2px;column-gap:2px;padding:4px 12px 4px 0}.qms-select-department-tree-container .header-view-tree .header-view:first-child{padding-left:12px}.qms-select-department-tree-container .tree-department-wrapper{padding-right:4px;overflow:hidden;position:relative;transition:height .3s ease-in-out}.qms-select-department-tree-container .tree-department-wrapper .tree-view.active-mode-external-view{width:100%;display:grid;grid-template-columns:1fr 200px;grid-column-gap:2px;-moz-column-gap:2px;column-gap:2px}.qms-select-department-tree-container .tree-department-wrapper .tree-view.active-mode-external-view .tree-view-main>.separate{height:38px}.qms-select-department-tree-container .tree-department-wrapper .tree-view.active-mode-external-view .tree-view-main>.separate.h-0{height:0}.qms-select-department-tree-container .tree-department-wrapper .tree-view.active-mode-external-view .tree-view-main:last-child{height:100%;padding-left:4px;position:relative}.qms-select-department-tree-container .tree-department-wrapper .tree-view.active-mode-external-view .tree-view-main:last-child:after{position:absolute;content:\"\";top:0;bottom:-38px;left:0;width:1px;background:rgba(0,0,0,.12)}.qms-select-department-tree-container .tree-department-wrapper .tree-view.active-mode-external-view .tree-view-main .external-list-item-container .node-external{overflow:hidden;transition:all .1s ease-in-out}.qms-select-department-tree-container .tree-department-wrapper .tree-view.active-mode-external-view .tree-view-main .external-list-item-container .node-external .node-external-content{padding:5px 15px;height:calc(100% - 2px);color:var(--default-color);font-size:14px;display:flex;align-items:center}.qms-select-department-tree-container .tree-department-wrapper .tree-view.active-mode-external-view .tree-view-main .external-list-item-container .node-external .node-external-content span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qms-select-department-tree-container .mask-overlay{z-index:1000;background-color:rgba(34,33,33,.1);position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;overflow:hidden;display:grid;place-items:center}.qms-select-department-tree-container .select-department-tree>.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{padding:0 4px!important}.qms-select-department-tree-container .select-department-tree .qms-tree-node{display:flex;align-items:center;border-radius:4px}.qms-select-department-tree-container .select-department-tree .qms-tree-node:hover{background-color:rgba(0,0,0,.08)}.qms-select-department-tree-container .select-department-tree .qms-tree-node>.node-expand-area{width:48px;height:48px;position:relative}.qms-select-department-tree-container .select-department-tree .qms-tree-node.active-external-view .mat-checkbox.qms-group-options{width:calc(100% - 250px)}.qms-select-department-tree-container .select-department-tree .qms-tree-node.node-loading{background:var(--primary-light-6-opacity)}.qms-select-department-tree-container .select-department-tree .qms-tree-node>.external-view-node{flex-basis:200px;overflow:hidden}.qms-select-department-tree-container .select-department-tree .qms-tree-node>.external-view-node .node-external{overflow:hidden;transition:all .1s ease-in-out;display:block}.qms-select-department-tree-container .select-department-tree .qms-tree-node>.external-view-node .node-external .node-external-content{padding:5px 15px;height:calc(100% - 2px);color:var(--default-color);font-size:14px;display:flex;align-items:center}.qms-select-department-tree-container .select-department-tree .qms-tree-node>.external-view-node .node-external .node-external-content span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qms-select-department-tree-container .select-department-tree .qms-tree-node.expand-node{color:var(--primary)}.qms-select-department-tree-container .select-department-tree .qms-tree-node.expand-node:hover{background:var(--primary-light-6-opacity)}.qms-select-department-tree-container .select-department-tree .qms-tree-node.expand-node:active{background:var(--primary-light-12-opacity)}.qms-select-department-tree-container .select-department-tree .qms-tree-node.expand-node .mat-icon{color:var(--primary)}.qms-select-department-tree-container .select-department-tree .qms-tree-node .node-without-checkbox{cursor:pointer;width:100%;display:flex;justify-content:space-between;align-items:center}.qms-select-department-tree-container .select-department-tree .qms-tree-node .node-without-checkbox .mat-icon{color:var(--primary);margin-right:4px}.qms-select-department-tree-container .select-department-tree .qms-tree-node.selected-theme{background:var(--primary-light-12-opacity)}.qms-select-department-tree-container .select-department-tree .qms-tree-node.mat-tree-node-disabled-all{cursor:default!important;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qms-select-department-tree-container .select-department-tree .qms-tree-node.mat-tree-node-disabled-all .mat-icon-rtl-mirror,.qms-select-department-tree-container .select-department-tree .qms-tree-node.mat-tree-node-disabled-all .type-icon,.qms-select-department-tree-container .select-department-tree .qms-tree-node.mat-tree-node-disabled-all button.mat-button-disabled{color:rgba(0,0,0,.38)}.qms-select-department-tree-container .select-department-tree .qms-tree-node.mat-tree-node-disabled-all .text-name.disabled{color:rgba(0,0,0,.38);cursor:default!important;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qms-select-department-tree-container .select-department-tree .qms-tree-node.mat-tree-node-disabled-all.active{background-color:transparent}.qms-select-department-tree-container .text-name{position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;cursor:pointer;width:100%}.qms-select-department-tree-container .cursor-pointer{cursor:pointer}.qms-select-department-tree-container .ml5{margin-left:15px!important}.qms-select-department-tree-container .pl-10{padding-left:10px}.qms-select-department-tree-container ::ng-deep .mat-checkbox.qms-group-options.flex-direction-row .mat-checkbox-layout{white-space:normal}.qms-select-department-tree-container ::ng-deep .mat-checkbox.qms-group-options.flex-direction-row .node-text>span{display:block}.qms-select-department-tree-container ::ng-deep .mat-checkbox.qms-group-options.flex-direction-row .mat-checkbox-label{flex-direction:row;align-items:center;position:relative;padding-bottom:2px}.qms-select-department-tree-container .qms-view-search-result{width:100%;overflow:hidden}.qms-select-department-tree-container .qms-view-search-result__header{position:relative}.qms-select-department-tree-container .qms-view-search-result__header:after{position:absolute;content:\"\";bottom:0;left:0;width:100%;height:1px;background-color:rgba(0,0,0,.1)}.qms-select-department-tree-container .qms-view-search-result__header .header-title{padding:8px 0;display:inline-block}.qms-select-department-tree-container .qms-view-search-result__header .header-title:first-child{padding-left:12px}.qms-select-department-tree-container .qms-view-search-result__header .header-title:nth-child(2){flex-basis:200px}.qms-select-department-tree-container .qms-view-search-result>.no-result{height:100%;display:flex;justify-content:center;align-items:center}.qms-select-department-tree-container .qms-view-search-result__wrapper{height:calc(100% - 50px);width:100%}.qms-select-department-tree-container .qms-view-search-result__wrapper.active-external{height:calc(100% - 90px)!important}.qms-select-department-tree-container .qms-view-search-result__wrapper .result{max-height:calc(100% - 44px);overflow-y:auto;margin-bottom:4px;padding-right:4px}.qms-select-department-tree-container .qms-view-search-result__wrapper .result.active-paging{max-height:calc(100% - 40px)}.qms-select-department-tree-container .qms-view-search-result__wrapper .result-item{border-radius:4px;display:grid;grid-template-columns:45px 1fr;align-items:center;cursor:pointer;transition:background .3s ease;min-height:40px}.qms-select-department-tree-container .qms-view-search-result__wrapper .result-item:not(:first-child){margin-top:4px!important}.qms-select-department-tree-container .qms-view-search-result__wrapper .result-item.active,.qms-select-department-tree-container .qms-view-search-result__wrapper .result-item:hover{background:linear-gradient(0deg,rgba(1,99,178,.12),rgba(1,99,178,.12)),#fff}.qms-select-department-tree-container .qms-view-search-result__wrapper .result-item__content{display:flex;align-items:center}.qms-select-department-tree-container .qms-view-search-result__wrapper .result-item__content .item-result-content-wraper{padding:5px 15px;width:100%}.qms-select-department-tree-container .qms-view-search-result__wrapper .result-item__content .external-name{flex-basis:200px}.qms-select-department-tree-container .qms-view-search-result__wrapper .result-item__content .external-name span{width:200px;display:inline-block}.qms-select-department-tree-container .qms-view-search-result ::ng-deep .mat-checkbox.qms-group-options{display:flex;height:100%}.qms-select-department-tree-container ::ng-deep .breadcrumb-container{flex-wrap:wrap}.qms-select-department-tree-container ::ng-deep .mat-button-focus-overlay{background-color:transparent}.qms-select-department-tree-container ::ng-deep .qms-breadcrumb-item{margin:0}.qms-select-department-tree-container ::ng-deep .qms-breadcrumb-item-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:color .3s ease}.qms-select-department-tree-container ::ng-deep .qms-breadcrumb-item-text:not(:last-child){max-width:150px!important}.qms-select-department-tree-container ::ng-deep .qms-paginator .mat-paginator-container .qms-total-result{margin-bottom:0;margin-right:12px;height:100%;display:flex;align-items:center}.qms-select-department-tree-container ::ng-deep .qms-paginator .mat-paginator-container .qms-total-result span{font-weight:600;color:rgba(0,0,0,.8)}.qms-select-department-tree-container ::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions{margin-bottom:0;grid-column-gap:2px;-moz-column-gap:2px;column-gap:2px}.qms-select-department-tree-container ::ng-deep .qms-paginator .mat-paginator-container .qms-paginator-range-actions>.qms-total-result{margin-bottom:0}.qms-select-department-tree-container ::ng-deep .qms-paginator .mat-form-field-wrapper{padding-bottom:0}.qms-select-department-tree-container ::ng-deep .qms-paginator .qms-paginator-page-size{align-items:center}.qms-select-department-tree-container .text-gray{color:#242424}.qms-select-department-tree-container .mb0{margin-bottom:0!important}.qms-select-department-tree-container .fs-base{font-size:14px!important}.qms-select-department-tree-container .user-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.qms-select-department-tree-container .item-breadcrumb-disable{cursor:not-allowed;color:rgba(0,0,0,.6);font-weight:400;font-size:14px;max-width:250px}.qms-select-department-tree-container ::ng-deep .mat-checkbox.checkbox-all .mat-checkbox-label{flex-direction:row;align-items:center;grid-column-gap:4px;-moz-column-gap:4px;column-gap:4px}.qms-select-department-tree-container ::ng-deep .btn-arrow{width:40px;height:40px;line-height:40px}.qms-select-department-tree-container .qms-loading-container{overflow:hidden;display:grid;grid-template-rows:repeat(60px)}.qms-select-department-tree-container .qms-loading-container .qms-loader{position:relative;width:100%;height:100%;padding:10px 0;overflow:hidden}.qms-select-department-tree-container .qms-loading-container .qms-loader:after{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(110deg,hsla(0,0%,91%,0),hsla(0,0%,89%,0) 40%,hsla(0,0%,89%,.5) 50%,hsla(0,0%,89%,0) 60%,hsla(0,0%,89%,0));-webkit-animation:animate-loading 1.2s linear infinite;animation:animate-loading 1.2s linear infinite}.qms-select-department-tree-container .qms-loading-container .qms-loader__wrapper{position:relative;width:100%;height:100%}.qms-select-department-tree-container .qms-loading-container .qms-loader__wrapper .row-loader{background-color:#eee;position:absolute;left:0;width:100%;height:40px}@-webkit-keyframes animate-loading{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes animate-loading{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.qms-select-department-tree-container .qms-spinner{font-size:20px;position:relative;display:inline-block;width:1em;height:1em}.qms-select-department-tree-container .qms-spinner.center{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.qms-select-department-tree-container .mat-spinner circle,.qms-select-department-tree-container ::ng-deep .mat-progress-spinner circle{stroke:#1b75be!important}@media screen and (max-width:600px){.qms-select-department-tree-container .external-view-node{flex-basis:65px!important}.qms-select-department-tree-container .qms-tree-node.active-external-view .mat-checkbox.qms-group-options{width:calc(100% - 110px)!important}.qms-select-department-tree-container .header-view-tree{grid-template-columns:1fr 80px!important}.qms-select-department-tree-container ::ng-deep .cdk-virtual-scroll-content-wrapper{right:0!important}.qms-select-department-tree-container .header-title{font-size:14px!important}.qms-select-department-tree-container .node-external,.qms-select-department-tree-container .text-label,.qms-select-department-tree-container .text-label+span,.qms-select-department-tree-container .text-name{font-size:12px}.qms-select-department-tree-container .node-expand-area{width:30px!important;height:30px!important}.qms-select-department-tree-container .node-expand-area .qms-btn-icon{width:30px;height:30px;line-height:30px}.qms-select-department-tree-container .fs-base{font-size:12px!important}.qms-select-department-tree-container .qms-select-department-tree-container .breadcrumb-container{flex-wrap:nowrap!important}.qms-select-department-tree-container ::ng-deep .qms-breadcrumb-item-text{font-size:12px!important;max-width:175px!important}.qms-select-department-tree-container ::ng-deep .qms-paginator .mat-paginator-container .qms-total-result{display:none!important}.qms-select-department-tree-container ::ng-deep .qms-paginator .size-small .mat-paginator-container{justify-content:center!important}.qms-select-department-tree-container .qms-view-search-result__header>.header-title:nth-child(2){flex-basis:120px!important}.qms-select-department-tree-container .result-item__content .external-name{flex-basis:75px!important}.qms-select-department-tree-container .result-item__content .external-name span{width:75px!important}}"]
+            },] }
+];
+SelectProcessDataTreeComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef },
+    { type: DomSanitizer },
+    { type: QMSIconRegistryService },
+    { type: MatIconRegistry },
+    { type: ElementRef },
+    { type: TranslateLibraryService },
+    { type: Overlay },
+    { type: ViewContainerRef },
+    { type: QMSSelectDepartmentTreeGlobalService }
+];
+SelectProcessDataTreeComponent.propDecorators = {
+    rowsSkeleton: [{ type: Input }],
+    height: [{ type: Input }],
+    config: [{ type: Input }],
+    onSearchEvent: [{ type: Output }],
+    onPagingSearchEvent: [{ type: Output }],
+    onValueChangeEvent: [{ type: Output }],
+    selectionNodeChangeEvent: [{ type: Output }],
+    onCheckNodeEvent: [{ type: Output }],
+    onExpandNodeEvent: [{ type: Output }],
+    onLoadMoreEvent: [{ type: Output }],
+    onCheckItemSearchEvent: [{ type: Output }],
+    onCheckAllItemSearchEvent: [{ type: Output }],
+    toggleIncludeChildEvent: [{ type: Output }],
+    cdkVirtualScrollViewport: [{ type: ViewChild, args: [CdkVirtualScrollViewport,] }],
+    paginatorSearch: [{ type: ViewChild, args: ['paginatorSearch',] }]
+};
+
+class QMSSelectProcessDataTreeModule {
+}
+QMSSelectProcessDataTreeModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    SelectProcessDataTreeComponent
+                ],
+                exports: [
+                    SelectProcessDataTreeComponent
+                ],
+                imports: [
+                    CommonModule,
+                    MatTreeModule,
+                    MatCheckboxModule,
+                    MatAutocompleteModule,
+                    MatIconModule,
+                    MatProgressBarModule,
+                    QmsAngularModule,
+                    MatInputModule,
+                    ReactiveFormsModule,
+                    FormsModule,
+                    MatButtonModule,
+                    MatExpansionModule,
+                    MatSlideToggleModule,
+                    QMSButtonModule,
+                    MatFormFieldModule,
+                    MatChipsModule,
+                    SharedModule,
+                    QMSBreadcrumbModule,
+                    MatRippleModule,
+                    QmsPaginatorModule,
+                    MatPaginatorModule,
+                    MatDividerModule,
+                    ScrollingModule,
+                    MatProgressSpinnerModule
+                ]
+            },] }
+];
+
+const ɵ0 = {
+    clickAction: 'noop'
+};
+class SelectProcessDataComponent {
+    constructor(cdRef, dialogRef, data, trans) {
+        this.cdRef = cdRef;
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.trans = trans;
+        this.ngUnsubscribe = new Subject();
+        this.onPagingEvent = new EventEmitter();
+        this.popupData = new SelectDepartmentPopupData();
+        this.resultSelected = [];
+        this.onSearchEvent = new EventEmitter();
+        this.onCheckNodeEvent = new EventEmitter();
+        this.onExpandNodeEvent = new EventEmitter();
+        this.onLoadMoreEvent = new EventEmitter();
+        this.onCheckItemSearchEvent = new EventEmitter();
+        this.onCheckAllItemSearchEvent = new EventEmitter();
+        this.toggleIncludeChildEvent = new EventEmitter();
+        this.resultSearch = [];
+        this.isActiveViewSearch = false;
+        this.trans.getLanguageSubject$.pipe(takeUntil(this.ngUnsubscribe)).subscribe((res) => {
+            if (res) {
+                this.LANG = this.trans.getObjectLang(res);
+            }
+        });
+        // Init popup data
+        this.popupData = _.cloneDeep(this.data);
+    }
+    get isIncludeChild() {
+        return !!this.treeProcessData && this.treeProcessData.isIncludeChildren;
+    }
+    ngAfterViewInit() {
+        console.log(this.treeProcessData);
+        this.cdRef.detectChanges();
+    }
+    onCloseDialog() {
+        this.dialogRef.close(this.treeProcessData.resultSelected);
+    }
+    ngOnInit() {
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    get currentTreeData() {
+        return this.treeProcessData ? this.treeProcessData.currentTreeData : [];
+    }
+    displayWhenSelectDepartmentOption($event) {
+        return '';
+    }
+    onScrollToNode(node) {
+        // this.treeProcessData.scrollToNode(node.id);
+    }
+    onRemoveNode(node) {
+        this.treeProcessData.onRemoveNode(node.id);
+    }
+    /**
+   * Gets a list of the data node's subtree of descendent data nodes.
+   */
+    getChildrenNode(node) {
+        return this.treeProcessData.getListChildrenOfNode(node);
+    }
+    onResultDepartmentChange(data) {
+        this.resultSelected = data.map(item => {
+            return Object.assign(Object.assign({}, item), { tooltip: this.generateTootip(item) });
+        });
+    }
+    defaultFormatTooltipNode(node) {
+        return node.isGroup ? this.formatString(this.popupData.config.tooltipIncludeLabel ? this.popupData.config.tooltipIncludeLabel : this.LANG.TOOLTIP_INCLUDE_SUB_DEPARTMENT, node.name, node.children.length.toString()) : node.name;
+    }
+    generateTootip(node) {
+        return !!this.popupData.formatTooltipItemResult ? this.popupData.formatTooltipItemResult(node) : this.defaultFormatTooltipNode(node);
+    }
+    updateResultSearch(data) {
+        if (!this.treeProcessData)
+            return;
+        this.treeProcessData.setResultSearch(data);
+    }
+    formatString(...replacements) {
+        let result = arguments[0];
+        for (let i = 0; i < arguments.length - 1; i++) {
+            const reg = new RegExp(`\\{${i}\\}`, 'gm');
+            result = result.replace(reg, arguments[i + 1]);
+        }
+        return result;
+    }
+    /**
+         * This function use for lazy load children of node
+         * @param node node update
+         * @param data list children to update node.
+         * @param mode default is update that replace current list children by new list children , if mode = 'insert' will insert new value to list children existed before.
+    */
+    updateChildOfNode(node, data, mode = 'update') {
+        this.treeProcessData.updateChildOfNode(node, data, mode);
+    }
+    addRootTree(data = []) {
+        this.treeProcessData.addRootTree(data);
+    }
+    /**
+   * This function handle check node of tree
+   * @param node node of tree
+   * @param callback do something before handle check node
+   * @returns
+   */
+    onBeforeCheckNode(node, callback) {
+        return this.treeProcessData.onBeforeCheckNode(node, callback);
+    }
+    handleCheckNode(node) {
+        if (!this.treeProcessData)
+            return;
+        this.treeProcessData.handleCheckNode(node);
+    }
+    /**
+   * This method use for lazy mode, do some thing before init list node selected
+   * @param callback
+   * @returns
+   */
+    onBeforeInitNodeSelected(callback) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.treeProcessData)
+                return;
+            if (!!callback)
+                yield this.treeProcessData.onBeforeInitNodeSelected(callback);
+        });
+    }
+    /**
+     * Get node by id of node
+     * @param nodeId id of node
+     * @returns
+     */
+    findNode(nodeId) {
+        if (!this.treeProcessData)
+            return;
+        return this.treeProcessData.treeControl.dataNodes.find(node => node.id === nodeId.toString());
+    }
+    /**
+   * This method use for lazy mode, do some thing before select all result search
+   * @param callback
+   * @returns
+   */
+    onBeforeCheckAllSearch(callback) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.treeProcessData)
+                return;
+            yield this.treeProcessData.onBeforeCheckAllSearch(callback);
+        });
+    }
+    /**
+  * This method use for lazy mode, do some thing before check item result
+  * @param callback
+  * @returns
+  */
+    onBeforeCheckItemSearch(item, callback) {
+        return this.treeProcessData.onBeforeCheckItemSearch(item, callback);
+    }
+    setLoadingStateNode(isLoading, nodeId) {
+        !!this.treeProcessData && this.treeProcessData.setLoadingStateNode(isLoading, nodeId);
+    }
+    /**
+     * Select a value or an array of values.
+     */
+    onSelectNode(...nodeIds) {
+        this.treeProcessData.onSelectNode(...nodeIds);
+    }
+    /**
+     * Deselects a value or an array of values.
+     */
+    onDeselectNode(...nodeIds) {
+        this.treeProcessData.onDeselectNode(...nodeIds);
+    }
+    /**
+    * Toggles a value between selected and deselected.
+    */
+    onToggleNode(nodeId) {
+        this.treeProcessData.onToggleNode(nodeId);
+    }
+    getNodeById(nodeId) {
+        return this.treeProcessData.getNodeById(nodeId);
+    }
+    isNodeLoading(nodeId) {
+        if (!this.treeProcessData)
+            return false;
+        const node = this.treeProcessData.getNodeById(nodeId);
+        return !!node && node.isLoading;
+    }
+    setLoadingMore(state) {
+        if (!this.treeProcessData)
+            return;
+        this.treeProcessData.getLoadingMore$.next(state);
+    }
+    setLoading(state) {
+        if (!this.treeProcessData)
+            return;
+        this.treeProcessData.getLoading$.next(state);
+    }
+    setLoadingNode(nodeId, state) {
+        if (!this.treeProcessData)
+            return;
+        const node = this.treeProcessData.getNodeById(nodeId);
+        if (!!node)
+            node.isLoading = state;
+    }
+    updateTreeData(data = this.currentTreeData) {
+        !!this.treeProcessData && this.treeProcessData.updateDataTree(data);
+    }
+    onDestroyLoadMore() {
+        this.treeProcessData.onDestroyLoadMore();
+    }
+    setSelectedListData(data) {
+        this.popupData.config.selectedList = data;
+    }
+    getCheckedStatusNode(node) {
+        return this.treeProcessData.getCheckedStatusNode(node);
+    }
+    updateNodeInformation(node) {
+        return this.treeProcessData.updateNodeInformation(node);
+    }
+    updateSelectedResultData(node) {
+        return this.treeProcessData.updateSelectedResultData(node);
+    }
+    getAllParentNode(node) {
+        return this.treeProcessData.getAllParentNode(node);
+    }
+    onCheckNode(node, fireEventCheckNode = true) {
+        return this.treeProcessData.onCheckNode(node, fireEventCheckNode);
+    }
+    getChildrenSelected(node) {
+        return this.treeProcessData.getChildrenSelected(node);
+    }
+}
+SelectProcessDataComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'qms-select-process-data',
+                template: "<div class=\"qms-select-department\">\n  <div class=\"header-dialog mb-2\">\n    <span>{{popupData.headerName}}</span>\n    <button matDialogClose class=\"btn-close-dialog\" color=\"light\" qms-btn-icon>\n      <mat-icon>close</mat-icon>\n    </button>\n  </div>\n  <div>\n    <div class=\"qms-scrollbar\">\n      <div>\n        <qms-select-process-data-tree #treeProcessData customClass=\"custom-department-tree\"\n          [height]=\"popupData.config.isMobile ? '38vh' : '50vh'\" [rowsSkeleton]=\"9\" [config]=\"popupData.config\"\n          (onSearchEvent)=\"onSearchEvent.emit($event)\" (onValueChangeEvent)=\"onResultDepartmentChange($event)\"\n          (onPagingSearchEvent)=\"onPagingEvent.emit($event)\" (onCheckNodeEvent)=\"onCheckNodeEvent.emit($event)\"\n          (onExpandNodeEvent)=\"onExpandNodeEvent.emit($event)\" (onLoadMoreEvent)=\"onLoadMoreEvent.emit()\"\n          (onCheckAllItemSearchEvent)=\"onCheckAllItemSearchEvent.emit($event)\"\n          (onCheckItemSearchEvent)=\"onCheckItemSearchEvent.emit($event)\"\n          (toggleIncludeChildEvent)=\"toggleIncludeChildEvent.emit($event)\">\n        </qms-select-process-data-tree>\n      </div>\n    </div>\n    <div class=\"line__divider\"></div>\n    <div [@heightAnimation] *ngIf=\"treeProcessData && !!treeProcessData.resultSelected.length\" class=\" pr-0 pe-0\">\n      <div class=\"header-title\">{{LANG.RESULTS}}</div>\n      <div class=\"result-content pr-0 pe-0\">\n        <mat-chip-list class=\"panel__item qms-scrollbar\">\n          <div [@inOutAnimation_2] [id]=\"'item-result-'+item.id\" *ngFor=\"let item of treeProcessData.resultSelected\">\n            <mat-chip [@updateItemAnimation] *qmsContentChanges=\"item.children?.length\"\n              [qms-tool-tip]=\"generateTootip(item)\" position=\"top\" mode=\"dark\" qms-chip [removable]=\"true\">\n              <span (click)=\"onScrollToNode(item)\" qms-chip-body>\n                <span class=\"related__item__content_name\" #itemName>\n                  <span>{{item.name}}</span>\n                  <span class=\"select__include-children__count\" *ngIf=\"!!item?.isGroup && !popupData.config.lazy\">\n                    {{item.children.length}}/{{item.childCount}}\n                  </span>\n                  <span class=\"select__include-children__count\" *ngIf=\"!!item?.isGroup && popupData.config.lazy\">\n                    {{item.selectedChildCount}}/{{item.childCount}}\n                  </span>\n                </span>\n              </span>\n              <mat-icon *ngIf=\"!isNodeLoading(item.id); else loadingSpinner\"\n                (click)=\"onRemoveNode(item)\">cancel</mat-icon>\n            </mat-chip>\n          </div>\n        </mat-chip-list>\n      </div>\n    </div>\n    <mat-divider *ngIf=\"treeProcessData && !!treeProcessData.resultSelected.length\" class=\"mx-auto\"></mat-divider>\n    <div class=\"confirm__button__groups\">\n      <button (click)=\"onCloseDialog()\" class=\"btn-add\"\n        [disabled]=\"!resultSelected.length && !popupData.config.canAddNullResult\"\n        [class.qms-btn-disabled]=\"!resultSelected.length && !popupData.config.canAddNullResult\" qms-btn>\n        <span>{{LANG.ADD}}</span>\n        <span>\n          ({{treeProcessData.resultSelected.length}})\n        </span>\n      </button>\n      <button qms-btn-text mat-dialog-close>\n        Cancel\n      </button>\n    </div>\n  </div>\n</div>\n\n<!-- Loading spinner -->\n<ng-template #loadingSpinner>\n  <div class=\"qms-spinner-wrapper\">\n    <div class=\"qms-spinner center\">\n      <mat-spinner [diameter]=\"20\" [strokeWidth]=\"2\"></mat-spinner>\n    </div>\n  </div>\n</ng-template>",
+                providers: [
+                    {
+                        provide: MAT_CHECKBOX_DEFAULT_OPTIONS,
+                        useValue: ɵ0
+                    }
+                ],
+                animations: [SelectDepartmentAnimationTrigger],
+                styles: ["@charset \"UTF-8\";@font-face{font-family:icomoon;src:url(../assets/fonts/icomoon.eot?aghldx);src:url(../assets/fonts/icomoon.eot?aghldx#iefix) format(\"embedded-opentype\"),url(../assets/fonts/icomoon.ttf?aghldx) format(\"truetype\"),url(../assets/fonts/icomoon.woff?aghldx) format(\"woff\"),url(../assets/fonts/icomoon.svg?aghldx#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-acutely-toxic .path1:before{content:\"\uE91B\";color:#e32730}.icon-acutely-toxic .path2:before{content:\"\uE922\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path3:before{content:\"\uE923\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path4:before{content:\"\uE924\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path5:before{content:\"\uE925\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path6:before{content:\"\uE926\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path7:before{content:\"\uE927\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path8:before{content:\"\uE928\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path9:before{content:\"\uE929\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path10:before{content:\"\uE92A\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path11:before{content:\"\uE92B\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path12:before{content:\"\uE92C\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path13:before{content:\"\uE92D\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path14:before{content:\"\uE92E\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path15:before{content:\"\uE92F\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path16:before{content:\"\uE930\";margin-left:-1em;color:#323232}.icon-acutely-toxic .path17:before{content:\"\uE931\";margin-left:-1em;color:#323232}.icon-add-column:before{content:\"\uE932\"}.icon-add-tooltip:before{content:\"\uE933\"}.icon-admin:before{content:\"\uE934\"}.icon-annual-cycle:before{content:\"\uE935\"}.icon-assignment-repete:before{content:\"\uE936\"}.icon-barrier-add:before{content:\"\uE937\"}.icon-barrier-edit:before{content:\"\uE938\"}.icon-barrier-view:before{content:\"\uE939\"}.icon-button-group:before{content:\"\uE93A\"}.icon-chemical-manager:before{content:\"\uE93B\"}.icon-chronic-health-hazard .path1:before{content:\"\uE93C\";color:#e32730}.icon-chronic-health-hazard .path2:before{content:\"\uE93D\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path3:before{content:\"\uE93E\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path4:before{content:\"\uE93F\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path5:before{content:\"\uE940\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path6:before{content:\"\uE941\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path7:before{content:\"\uE942\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path8:before{content:\"\uE943\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path9:before{content:\"\uE944\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path10:before{content:\"\uE945\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path11:before{content:\"\uE946\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path12:before{content:\"\uE947\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path13:before{content:\"\uE948\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path14:before{content:\"\uE949\";margin-left:-1em;color:#323232}.icon-chronic-health-hazard .path15:before{content:\"\uE94A\";margin-left:-1em;color:#323232}.icon-contingency:before{content:\"\uE94B\"}.icon-corrosive .path1:before{content:\"\uE94C\";color:#323232}.icon-corrosive .path2:before{content:\"\uE94D\";margin-left:-1em;color:#323232}.icon-corrosive .path3:before{content:\"\uE94E\";margin-left:-1em;color:#323232}.icon-corrosive .path4:before{content:\"\uE94F\";margin-left:-1em;color:#323232}.icon-corrosive .path5:before{content:\"\uE950\";margin-left:-1em;color:#323232}.icon-corrosive .path6:before{content:\"\uE951\";margin-left:-1em;color:#323232}.icon-corrosive .path7:before{content:\"\uE952\";margin-left:-1em;color:#323232}.icon-corrosive .path8:before{content:\"\uE953\";margin-left:-1em;color:#323232}.icon-corrosive .path9:before{content:\"\uE954\";margin-left:-1em;color:#323232}.icon-corrosive .path10:before{content:\"\uE955\";margin-left:-1em;color:#323232}.icon-corrosive .path11:before{content:\"\uE956\";margin-left:-1em;color:#323232}.icon-corrosive .path12:before{content:\"\uE957\";margin-left:-1em;color:#323232}.icon-corrosive .path13:before{content:\"\uE958\";margin-left:-1em;color:#323232}.icon-corrosive .path14:before{content:\"\uE959\";margin-left:-1em;color:#323232}.icon-corrosive .path15:before{content:\"\uE95A\";margin-left:-1em;color:#323232}.icon-corrosive .path16:before{content:\"\uE95B\";margin-left:-1em;color:#323232}.icon-corrosive .path17:before{content:\"\uE95C\";margin-left:-1em;color:#323232}.icon-corrosive .path18:before{content:\"\uE95D\";margin-left:-1em;color:#323232}.icon-corrosive .path19:before{content:\"\uE95E\";margin-left:-1em;color:#323232}.icon-corrosive .path20:before{content:\"\uE95F\";margin-left:-1em;color:#323232}.icon-corrosive .path21:before{content:\"\uE960\";margin-left:-1em;color:#e32730}.icon-dashboard:before{content:\"\uE961\"}.icon-database-sds:before{content:\"\uE962\"}.icon-description-add:before{content:\"\uE963\"}.icon-description-edit:before{content:\"\uE964\"}.icon-description-view:before{content:\"\uE965\";color:#666}.icon-document-read .path1:before{content:\"\uE966\";color:#000;opacity:.6}.icon-document-read .path2:before{content:\"\uE967\";margin-left:-1em;color:#fff}.icon-document-read .path3:before{content:\"\uE968\";margin-left:-1em;color:#000;opacity:.6}.icon-draft:before{content:\"\uE969\"}.icon-expired-off:before{content:\"\uE96A\"}.icon-expired-on:before{content:\"\uE96B\"}.icon-explosive .path1:before{content:\"\uE96C\";color:#e32730}.icon-explosive .path2:before{content:\"\uE96D\";margin-left:-1em;color:#323232}.icon-explosive .path3:before{content:\"\uE96E\";margin-left:-1em;color:#323232}.icon-explosive .path4:before{content:\"\uE96F\";margin-left:-1em;color:#323232}.icon-explosive .path5:before{content:\"\uE970\";margin-left:-1em;color:#323232}.icon-explosive .path6:before{content:\"\uE971\";margin-left:-1em;color:#323232}.icon-explosive .path7:before{content:\"\uE972\";margin-left:-1em;color:#323232}.icon-explosive .path8:before{content:\"\uE973\";margin-left:-1em;color:#323232}.icon-explosive .path9:before{content:\"\uE974\";margin-left:-1em;color:#323232}.icon-explosive .path10:before{content:\"\uE975\";margin-left:-1em;color:#323232}.icon-explosive .path11:before{content:\"\uE976\";margin-left:-1em;color:#323232}.icon-explosive .path12:before{content:\"\uE977\";margin-left:-1em;color:#323232}.icon-explosive .path13:before{content:\"\uE978\";margin-left:-1em;color:#323232}.icon-explosive .path14:before{content:\"\uE979\";margin-left:-1em;color:#323232}.icon-explosive .path15:before{content:\"\uE97A\";margin-left:-1em;color:#323232}.icon-explosive .path16:before{content:\"\uE97B\";margin-left:-1em;color:#323232}.icon-explosive .path17:before{content:\"\uE97C\";margin-left:-1em;color:#323232}.icon-explosive .path18:before{content:\"\uE97D\";margin-left:-1em;color:#323232}.icon-explosive .path19:before{content:\"\uE97E\";margin-left:-1em;color:#323232}.icon-explosive .path20:before{content:\"\uE97F\";margin-left:-1em;color:#323232}.icon-explosive .path21:before{content:\"\uE980\";margin-left:-1em;color:#323232}.icon-explosive .path22:before{content:\"\uE981\";margin-left:-1em;color:#323232}.icon-explosive .path23:before{content:\"\uE982\";margin-left:-1em;color:#323232}.icon-explosive .path24:before{content:\"\uE983\";margin-left:-1em;color:#323232}.icon-explosive .path25:before{content:\"\uE984\";margin-left:-1em;color:#323232}.icon-explosive .path26:before{content:\"\uE985\";margin-left:-1em;color:#323232}.icon-explosive .path27:before{content:\"\uE986\";margin-left:-1em;color:#323232}.icon-explosive .path28:before{content:\"\uE987\";margin-left:-1em;color:#323232}.icon-explosive .path29:before{content:\"\uE988\";margin-left:-1em;color:#323232}.icon-explosive .path30:before{content:\"\uE989\";margin-left:-1em;color:#323232}.icon-explosive .path31:before{content:\"\uE98A\";margin-left:-1em;color:#323232}.icon-explosive .path32:before{content:\"\uE98B\";margin-left:-1em;color:#323232}.icon-explosive .path33:before{content:\"\uE98C\";margin-left:-1em;color:#323232}.icon-explosive .path34:before{content:\"\uE98D\";margin-left:-1em;color:#323232}.icon-explosive .path35:before{content:\"\uE98E\";margin-left:-1em;color:#323232}.icon-explosive .path36:before{content:\"\uE98F\";margin-left:-1em;color:#323232}.icon-explosive .path37:before{content:\"\uE990\";margin-left:-1em;color:#323232}.icon-explosive .path38:before{content:\"\uE991\";margin-left:-1em;color:#323232}.icon-explosive .path39:before{content:\"\uE992\";margin-left:-1em;color:#323232}.icon-explosive .path40:before{content:\"\uE993\";margin-left:-1em;color:#323232}.icon-explosive .path41:before{content:\"\uE994\";margin-left:-1em;color:#323232}.icon-explosive .path42:before{content:\"\uE995\";margin-left:-1em;color:#323232}.icon-explosive .path43:before{content:\"\uE996\";margin-left:-1em;color:#323232}.icon-explosive .path44:before{content:\"\uE997\";margin-left:-1em;color:#323232}.icon-explosive .path45:before{content:\"\uE998\";margin-left:-1em;color:#323232}.icon-explosive .path46:before{content:\"\uE999\";margin-left:-1em;color:#323232}.icon-file-excel:before{content:\"\uE99A\"}.icon-file-pdf:before{content:\"\uE99B\"}.icon-file-pdf-verified .path1:before{content:\"\uE99C\";color:#000;opacity:.6}.icon-file-pdf-verified .path2:before{content:\"\uE99D\";margin-left:-1em;color:#fff}.icon-file-pdf-verified .path3:before{content:\"\uE99E\";margin-left:-1em;color:#000;opacity:.6}.icon-file-word:before{content:\"\uE99F\"}.icon-filter-alt:before{content:\"\uE9A0\"}.icon-flammable .path1:before{content:\"\uE9A1\";color:#323232}.icon-flammable .path2:before{content:\"\uE9A2\";margin-left:-1em;color:#323232}.icon-flammable .path3:before{content:\"\uE9A3\";margin-left:-1em;color:#e32730}.icon-gas-under-pressure .path1:before{content:\"\uE9A4\";color:#323232}.icon-gas-under-pressure .path2:before{content:\"\uE9A5\";margin-left:-1em;color:#e32730}.icon-health-hazard .path1:before{content:\"\uE9A6\";color:#323232}.icon-health-hazard .path2:before{content:\"\uE9A7\";margin-left:-1em;color:#e32730}.icon-line-break:before{content:\"\uE9A8\"}.icon-location:before{content:\"\uE9A9\"}.icon-measure-add:before{content:\"\uE9AA\"}.icon-measure-edit:before{content:\"\uE9AB\"}.icon-measure-view:before{content:\"\uE9AC\";color:#666}.icon-messages:before{content:\"\uE9AD\"}.icon-monitoring:before{content:\"\uE9AE\";color:#666}.icon-move:before{content:\"\uE9AF\"}.icon-oxidizing .path1:before{content:\"\uE9B0\";color:#e32730}.icon-oxidizing .path2:before{content:\"\uE9B1\";margin-left:-1em;color:#323232}.icon-oxidizing .path3:before{content:\"\uE9B2\";margin-left:-1em;color:#323232}.icon-oxidizing .path4:before{content:\"\uE9B3\";margin-left:-1em;color:#323232}.icon-process-area-closed:before{content:\"\uE9B4\"}.icon-process-area-open:before{content:\"\uE9B5\"}.icon-process-linked .path1:before{content:\"\uE9B6\";color:#000;opacity:.6}.icon-process-linked .path2:before{content:\"\uE9B7\";margin-left:-1em;color:#666}.icon-risk:before{content:\"\uE9B8\"}.icon-search-in-file:before{content:\"\uE9B9\"}.icon-sort-ascending:before{content:\"\uE9BA\"}.icon-sort-descending:before{content:\"\uE9BB\"}.icon-subscript:before{content:\"\uE9BC\"}.icon-superscript:before{content:\"\uE9BD\"}.icon-syncronice-favorites:before{content:\"\uE9BE\"}.icon-system-settings:before{content:\"\uE9BF\"}.icon-view-three-outlined:before{content:\"\uE9C0\"}.icon-workplace-safety:before{content:\"\uE9C1\"}.icon-checklist:before{content:\"\uE900\"}.icon-department-document .path1:before{content:\"\uE901\";color:#000;opacity:.6}.icon-department-document .path2:before{content:\"\uE902\";margin-left:-1em;color:#00804c}.icon-department-folder-closed .path1:before{content:\"\uE903\";color:#000;opacity:.6}.icon-department-folder-closed .path2:before{content:\"\uE904\";margin-left:-1em;color:#00804c}.icon-department-folder-open .path1:before{content:\"\uE905\";color:#000;opacity:.6}.icon-department-folder-open .path2:before{content:\"\uE906\";margin-left:-1em;color:#00804c}.icon-deviation:before{content:\"\uE907\"}.icon-dropdown-folder .path1:before{content:\"\uE908\";color:#00324e}.icon-dropdown-folder .path2:before{content:\"\uE909\";margin-left:-1em;color:#fff;opacity:.6}.icon-enterprise-document .path1:before{content:\"\uE90A\";color:#000;opacity:.6}.icon-enterprise-document .path2:before{content:\"\uE90B\";margin-left:-1em;color:#cf4714}.icon-enterprise-folder-closed .path1:before{content:\"\uE90C\";color:#000;opacity:.6}.icon-enterprise-folder-closed .path2:before{content:\"\uE90D\";margin-left:-1em;color:#cf4714}.icon-enterprise-folder-open .path1:before{content:\"\uE90E\";color:#000;opacity:.6}.icon-enterprise-folder-open .path2:before{content:\"\uE90F\";margin-left:-1em;color:#cf4714}.icon-folder-closed:before{content:\"\uE910\"}.icon-folder-open:before{content:\"\uE911\"}.icon-keyboard_arrow_down:before{content:\"\uE912\"}.icon-keyboard_arrow_up:before{content:\"\uE913\"}.icon-local-document .path1:before{content:\"\uE914\";color:#000;opacity:.6}.icon-local-document .path2:before{content:\"\uE915\";margin-left:-1em;color:#1954a9}.icon-local-folder-closed .path1:before{content:\"\uE916\";color:#000;opacity:.6}.icon-local-folder-closed .path2:before{content:\"\uE917\";margin-left:-1em;color:#1954a9}.icon-local-folder-open .path1:before{content:\"\uE918\";color:#000;opacity:.6}.icon-local-folder-open .path2:before{content:\"\uE919\";margin-left:-1em;color:#1954a9}.icon-process:before{content:\"\uE91A\"}.icon-regional-document .path1:before{content:\"\uE91C\";color:#000;opacity:.6}.icon-regional-document .path2:before{content:\"\uE91D\";margin-left:-1em;color:#662e0d}.icon-regional-folder-closed .path1:before{content:\"\uE91E\";color:#000;opacity:.6}.icon-regional-folder-closed .path2:before{content:\"\uE91F\";margin-left:-1em;color:#662e0d}.icon-regional-folder-open .path1:before{content:\"\uE920\";color:#000;opacity:.6}.icon-regional-folder-open .path2:before{content:\"\uE921\";margin-left:-1em;color:#662e0d}.qms-select-department{font-family:Open Sans,sans-serif}.qms-select-department .cursor-pointer{cursor:pointer}.qms-select-department .ml-5{margin-left:10px}.qms-select-department .padding-5{padding:5px}.qms-select-department .header-dialog{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:16px}.qms-select-department .input__field{display:flex;align-items:center;position:relative}.qms-select-department .input__field input.input-search{width:100%;padding:10px;outline:none;border:none;background:var(--background-input-text)}.qms-select-department .input__field .btn-search{cursor:pointer;vertical-align:middle;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.qms-select-department .line__divider{border-bottom:1px solid #ccc;height:1px;margin-top:10px;min-width:300px;max-width:100%}.qms-select-department .mat-expansion-panel-header{height:30px;font-size:12px;letter-spacing:1px;font-family:Raleway;font-weight:600;padding:0}.qms-select-department .mat-expansion-panel-header .mat-expansion-panel-header-title{align-items:center;margin-left:12px}.qms-select-department .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none}.qms-select-department .panel__item{max-height:175px;margin-top:4px;overflow-x:hidden;overflow-y:auto;padding-right:5px;width:100%;display:block}.qms-select-department .panel__item .related__item__inline{max-width:100%}.qms-select-department .panel__item ::ng-deep .mat-chip-list-wrapper{margin:0 -4px!important}.qms-select-department .panel__item .select__toggle-include{width:100%}.qms-select-department .panel__item .select__toggle-include.toggle-include-child .mat-slide-toggle.qms-group-options .mat-slide-toggle-thumb{background-color:#5a5a5a!important}.qms-select-department .panel__item .related__item__content{height:32px;line-height:32px;background-color:var(--related-item-background);max-width:100%;margin-bottom:5px;margin-left:2.5px;margin-right:2.5px}.qms-select-department .panel__item .related__item__content .mat-icon{color:var(--related-mat-icon-color);font-size:24px}.qms-select-department .header-title{font-weight:600;color:rgba(0,0,0,.87)}.qms-select-department .result-content{padding-right:0!important}.qms-select-department .result-content .mat-chip-list{min-height:40px}.qms-select-department .result-content .mat-chip-list .mat-icon{color:rgba(0,0,0,.3)!important;cursor:pointer}.qms-select-department .result-content .mat-chip-list .mat-icon:hover{color:#000!important}.qms-select-department .result-content span.related__item__content_name{min-width:calc(100% - 13px);max-width:250px;display:flex;align-items:center}.qms-select-department .result-content span.related__item__content_name>span:first-child{display:inline-block;margin-right:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.qms-select-department .result-content span.related__item__content_name .select__include-children__count{font-size:.75rem;color:rgba(0,0,0,.5);font-weight:600;line-height:16px}.qms-select-department .text-name{position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;cursor:pointer;width:100%}.qms-select-department ::ng-deep .mat-checkbox.qms-group-options.flex-direction-row .mat-checkbox-layout{white-space:normal}.qms-select-department ::ng-deep .mat-checkbox.qms-group-options.flex-direction-row .mat-checkbox-label{flex-direction:row;align-items:center;position:relative;padding-bottom:2px}.qms-select-department .confirm__button__groups .btn-add>.qms-btn-wrapper{display:flex;justify-content:center;align-items:center}.qms-select-department ::ng-deep .custom-department-tree .qms-view-search-result{height:100%!important}.qms-select-department ::ng-deep .custom-department-tree .qms-view-search-result .result{max-height:calc(100% - 80px)!important}.qms-select-department ::ng-deep .custom-department-tree .loading-container{height:calc(100% - 40px)!important}.qms-select-department ::ng-deep.btn-close-dialog.qms-btn-icon:focus:not(:hover){background-color:unset!important;color:unset!important}.qms-spinner-wrapper{display:inline-block;width:22px;height:22px}.qms-spinner-wrapper .qms-spinner{font-size:20px;width:1em;height:1em;position:absolute;right:5px;top:50%;transform:translateY(-50%)}.qms-spinner-wrapper .qms-spinner .mat-progress-spinner circle,.qms-spinner-wrapper .qms-spinner .mat-spinner circle{stroke:#1b75be!important}@media screen and (max-width:600px){::ng-deep .cdk-global-overlay-wrapper{justify-content:center!important;width:100vw}.header-title{font-size:14px}.related__item__content_name{font-size:12px!important}}"]
+            },] }
+];
+SelectProcessDataComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef },
+    { type: MatDialogRef },
+    { type: SelectDepartmentPopupData, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] },
+    { type: TranslateLibraryService }
+];
+SelectProcessDataComponent.propDecorators = {
+    treeProcessData: [{ type: ViewChild, args: ['treeProcessData',] }],
+    onPagingEvent: [{ type: Output }],
+    onSearchEvent: [{ type: Output }],
+    onCheckNodeEvent: [{ type: Output }],
+    onExpandNodeEvent: [{ type: Output }],
+    onLoadMoreEvent: [{ type: Output }],
+    onCheckItemSearchEvent: [{ type: Output }],
+    onCheckAllItemSearchEvent: [{ type: Output }],
+    toggleIncludeChildEvent: [{ type: Output }]
+};
+
+class QMSSelectProcessDataModule {
+}
+QMSSelectProcessDataModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    SelectProcessDataComponent,
+                ],
+                imports: [
+                    CommonModule,
+                    MatProgressBarModule,
+                    MatTreeModule,
+                    MatCheckboxModule,
+                    ReactiveFormsModule,
+                    FormsModule,
+                    QmsAngularModule,
+                    MatIconModule,
+                    QMSTreeModule,
+                    MatButtonModule,
+                    MatDialogModule,
+                    MatExpansionModule,
+                    MatAutocompleteModule,
+                    MatInputModule,
+                    QMSAppIconModule,
+                    QMSButtonModule,
+                    MatSlideToggleModule,
+                    QMSButtonModule,
+                    MatFormFieldModule,
+                    MatChipsModule,
+                    QMSSelectProcessDataTreeModule,
+                    MatDividerModule,
+                    MatProgressSpinnerModule
+                ],
+                exports: [
+                    SelectProcessDataComponent
+                ],
+                schemas: [
+                    CUSTOM_ELEMENTS_SCHEMA
+                ]
+            },] }
+];
+
 /*
  * Public API Surface of qms-angular
  */
@@ -34942,5 +36408,5 @@ class FilterPersonModel {
  * Generated bundle index. Do not edit.
  */
 
-export { AnimationTreeDepartment, AutocompleteOffDirective, BREADCRUMB_DROPDOWN_ICON, BUTTON_TOGGLE_DEFAULT_OPTIONS, BUTTON_TOGGLE_GROUP, BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR, BannerType, BpmnService, BreadcrumbNode, BreadcrumbType, ButtonToggleChange, CHECKLIST_ICON, CKEditorEventConst, CKEditorModule, CdkDetailRowDirective, ConfirmDialog, DEPARTMENT_FOLDER_ICON, DEPARTMENT_FOLDER_OUTLINED_ICON, DEVIATION_ICON, DOCUMENT_DEPARTMENT_ICON, DOCUMENT_ENTERPRISE_ICON, DOCUMENT_ICON, DOCUMENT_LOCAL_ICON, DOCUMENT_REGIONAL_ICON, DataType, DateFormatPipe, DepartmentLocationBreadCrumb, DepartmentSearchResultModel, DocumentNodeType$1 as DocumentNodeType, ENTERPRISE_FOLDER_ICON, ENTERPRISE_FOLDER_OUTLINED_ICON, EllipsifyDirective, FileErrorType, FileType, FilterPersonModel, FlatNodeNavDrawer, FlowChartConst, FlowchartViewMode, ISelectOneItem, InformationCoverItem, KEYBOARD_DOWN_ICON, KEYBOARD_UP_ICON, LOCAL_FOLDER_ICON, LOCAL_FOLDER_OUTLINED_ICON, LinkAnchor, LinkType, MarginDirective, MfeUtil, ModeDepartmentTreeeViewEnum, ModuleType$1 as ModuleType, NORMAL_FOLDER_ICON, NORMAL_FOLDER_OUTLINED_ICON, NavigatorElementView, NavigatorLinkView, NewTreeComponent, NewTreeModel, OptionSelectAccessEnum, OptionSelectAccessModel, PROCESS_AREA_ICON, PROCESS_AREA_OUTLINED_ICON, PROCESS_ICON, PROCESS_INTERCONNECTED_ICON, PaginationSize, PopupData, ProtocolType, ProtocolTypeName, QMSAccessItem, QMSAccessPagingChangeModel, QMSAccessPagingModel, QMSAnchor, QMSAppBar, QMSAppIconModule, QMSAttachmentListDirective, QMSBPMNComponent, QMSBPMNConfig, QMSBasicTreeComponent, QMSBreadcrumb, QMSBreadcrumbDirectionIconDirective, QMSBreadcrumbItemDirective, QMSBreadcrumbModule, QMSButton, QMSButtonIcon, QMSButtonModule, QMSButtonToggle, QMSButtonToggleGroup, QMSCKEditorBaseComponent, QMSCKEditorBaseService, QMSCKEditorBpmn, QMSCKEditorBpmnApiService, QMSCKEditorBpmnComponent, QMSCKEditorBpmnTemplate, QMSCKEditorComponent, QMSCKEditorConfirmComponent, QMSCKEditorData, QMSCKEditorDialogData, QMSCKEditorFlowchart, QMSCKEditorFlowchartService, QMSCKEditorFullscreenComponent, QMSCKEditorGlobalService, QMSCKEditorInjector, QMSCKEditorLinkAnchorDocument, QMSCKEditorLinkComponent, QMSCKEditorLinkService, QMSCKEditorLoadTemplateComponent, QMSCKEditorModule, QMSCKEditorPlugin, QMSCKEditorRelatedComponent, QMSCKEditorRelation, QMSCKEditorSaveAsTemplate, QMSCKEditorTemplate, QMSCKEditorTemplateService, QMSCKEditorToastService, QMSCKEditorTreeComponent, QMSCKEdtiorInputData, QMSChipBodyDirective, QMSChipInputChipListDirective, QMSChipInputDirective, QMSChipInputSelectDropDownDirective, QMSChipInputSelectFieldDirective, QMSChipInputSelectTriggerDirective, QMSCollapseGroupDirective, QMSComment, QMSConfirmDialog, QMSContentChangesDirective, QMSDepartmentPagingModel, QMSDialogConfig, QMSDialogContainer, QMSDialogContainerV2, QMSDialogContent, QMSDialogFooter, QMSDialogHeader, QMSDrawerContentDirective, QMSDrawerDirective, QMSDrawerHeaderActionDirective, QMSDrawerHeaderDirective, QMSDropdownMenuItem, QMSEditFileNameDialog, QMSEditFileNameDialogModule, QMSFileAttachment, QMSFileUploadDirective, QMSFileUploadDisplayDirective, QMSFileUploadMultipleDirective, QMSFileUploadMultipleDisplayDirective, QMSFileUploadMultipleSelectorDirective, QMSFileUploadSelectorDirective, QMSFlatNodeTree, QMSFormDialog, QMSFormFieldDatePickerDirective, QMSFormFieldDirective, QMSFormFieldTextareaDirective, QMSGroupOptionDirective, QMSIconRegistryService, QMSInputChipDirective, QMSInputClearDirective, QMSList, QMSListExpansion, QMSListExpansionHeader, QMSListHeader, QMSListItem, QMSListLeadingIcon, QMSListLine, QMSListModule, QMSMultiIconDirective, QMSNavDrawerComponent, QMSNavDrawerModule, QMSNavigationDrawerComponent, QMSNavigationDrawerModule, QMSNewTreeModule, QMSPaginatorComponent, QMSProcessDocumentItem, QMSRangeSliderDirective, QMSRangeSliderLockUpDirective, QMSRangeSliderModule, QMSRelatedGlobalService, QMSRelatedModule, QMSRichText, QMSRichTextModule, QMSRowDetailDirective, QMSScrolableAttachmentListDirective, QMSScrollbarDirective, QMSSearchFieldDirective, QMSSelectAccessData, QMSSelectAccessDialog, QMSSelectAccessDialogComponent, QMSSelectAccessDialogModule, QMSSelectAccessGlobalService, QMSSelectAccessResult, QMSSelectDepartmentGlobalService, QMSSelectDepartmentModule, QMSSelectDepartmentTreeConfig, QMSSelectDepartmentTreeGlobalService, QMSSelectDepartmentTreeModule, QMSSelectIncludeChildrenGlobalService, QMSSelectIncludeChildrenModule, QMSSelectOneGlobalService, QMSSelectOneModule, QMSSelectProcessDocumentGlobalService, QMSSelectProcessDocumentModule, QMSSideSheetModule, QMSSnackbarConfig, QMSSuffixDirective, QMSSuffixFieldDirective, QMSTabGroupAdvancedDirective, QMSTabGroupDirective, QMSTabLabelDirective, QMSTabModule, QMSTableAction, QMSTableActionBlock, QMSTableChildrenDirective, QMSTableDirective, QMSTableModule, QMSTableRowDirective, QMSTextBlockDirective, QMSTextBlockLine, QMSTextTruncateDirective, QMSThemingLibraryService, QMSToolTipComponent, QMSToolTipRendererDirective, QMSTooltipImageDirective, QMSTooltipModule, QMSTreeConfig, QMSTreeGlobalService, QMSTreeModel, QMSTreeModule, QMSUploadFileErrorDialog, QMSUploadFileErrorDialogModule, QMSUploadingFileGuard, QMS_LANGUAGES, QMS_THEMES, QMS_THEME_DEFAULT, QmsAngularComponent, QmsAngularModule, QmsAngularService, QmsAppBarComponent, QmsAppBarModule, QmsBPMNModule, QmsBadgesComponent, QmsBadgesModule, QmsBannerButtonType, QmsBannerComponent, QmsBannerConfirmButton, QmsBannerConfirmButtonClick, QmsBannerConfirmComponent, QmsBannerConfirmModule, QmsBannerContent, QmsBannerLoadingComponent, QmsBannerLoadingModule, QmsBannerModule, QmsCkeditorLinkSimpleComponent, QmsPaginatorModule, QmsReportContentPortraitComponent, QmsReportCoverPortraitComponent, QmsReportModule, QmsStatusDropdownComponent, QmsStatusDropdownModule, QmsStatusDropdownOption, QmsStatusDropdownType, QmsStepperComponent, QmsStepperModule, REGIONAL_FOLDER_ICON, REGIONAL_FOLDER_OUTLINED_ICON, RISK_ICON, RelatedConst, RelatedContentComponent, RelatedItemType, RelatedListComponent, RelatedPopupComponent, Result, RiskAnalysis, RiskAnalysisComponent, RiskDanger, RiskListComponent, RiskResult, RiskResultComponent, SaveTemplateComponent, ScrollToSelectedDirective, SelectAccessAnimationTrigger, SelectConst, SelectDepartmentComponent, SelectDepartmentPopupData, SelectDepartmentTreeComponent, SelectDialog, SelectIncludeChildrenPopUpComponent, SelectOneDialog, SelectOneNextData, SelectOneNextDialog, SelectOnePopupData, SelectOption, SelectOptionTypes, SelectPopupData, SelectProcessDocumentPopupComponent, SelectProcessDocumentPopupData, SelectedOption, SelectedProcessDocumentItem, SharedModule, ShowHideSearchResultConst, SideNav, SideNavItem, SidenavComponent, TargetType, TargetTypeName, TranslateLibraryService, TreeComponent, TreeConfig, TreeFlatNode, TreeModel, TreeModelNavDrawer, TreeNode$1 as TreeNode, UploadErrorData, app, basic, en, erd, fsa, mixinColor, no, notExceedSize, org, pn, requiredFileType, standard, uml, ɵ2, SharedMaterialModule as ɵa, TreeComponent as ɵb, QMSCKEditorUploadService as ɵc, QMSTreeModule as ɵd, QMSBasicTreeComponent as ɵe, QMSCKEditorTreeService as ɵf, QMSCKEditorTemplateComponent as ɵg, QMSCKEditorCommonService as ɵh, QMSSelectProcessDocumentGlobalService as ɵi, LinkAttachmentComponent as ɵj, QMSCKEditorTooltipComponent as ɵk, QMSCKEditorTooltip as ɵl, QMSCKEditorImageMapComponent as ɵm, QMSCKEditorImageMap as ɵn, QMSCKEditorBPMNConnectionService as ɵo, QMSCKEditorBpmnData as ɵp, QMSCKEditorAboutComponent as ɵq, QMSCKEditorFlowchartComponent as ɵr, BPMNLinkComponent as ɵs, ShapeLink as ɵt };
+export { AnimationTreeDepartment, AutocompleteOffDirective, BREADCRUMB_DROPDOWN_ICON, BUTTON_TOGGLE_DEFAULT_OPTIONS, BUTTON_TOGGLE_GROUP, BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR, BannerType, BpmnService, BreadcrumbNode, BreadcrumbType, ButtonToggleChange, CHECKLIST_ICON, CKEditorEventConst, CKEditorModule, CdkDetailRowDirective, ConfirmDialog, DEPARTMENT_FOLDER_ICON, DEPARTMENT_FOLDER_OUTLINED_ICON, DEVIATION_ICON, DOCUMENT_DEPARTMENT_ICON, DOCUMENT_ENTERPRISE_ICON, DOCUMENT_ICON, DOCUMENT_LOCAL_ICON, DOCUMENT_REGIONAL_ICON, DataType, DateFormatPipe, DepartmentLocationBreadCrumb, DepartmentSearchResultModel, DocumentNodeType$1 as DocumentNodeType, ENTERPRISE_FOLDER_ICON, ENTERPRISE_FOLDER_OUTLINED_ICON, EllipsifyDirective, FileErrorType, FileType, FilterPersonModel, FlatNodeNavDrawer, FlowChartConst, FlowchartViewMode, ISelectOneItem, InformationCoverItem, KEYBOARD_DOWN_ICON, KEYBOARD_UP_ICON, LOCAL_FOLDER_ICON, LOCAL_FOLDER_OUTLINED_ICON, LinkAnchor, LinkType, MarginDirective, MfeUtil, ModeDepartmentTreeeViewEnum, ModuleType$1 as ModuleType, NORMAL_FOLDER_ICON, NORMAL_FOLDER_OUTLINED_ICON, NavigatorElementView, NavigatorLinkView, NewTreeComponent, NewTreeModel, OptionSelectAccessEnum, OptionSelectAccessModel, PROCESS_AREA_ICON, PROCESS_AREA_OUTLINED_ICON, PROCESS_ICON, PROCESS_INTERCONNECTED_ICON, PaginationSize, PopupData, ProtocolType, ProtocolTypeName, QMSAccessItem, QMSAccessPagingChangeModel, QMSAccessPagingModel, QMSAnchor, QMSAppBar, QMSAppIconModule, QMSAttachmentListDirective, QMSBPMNComponent, QMSBPMNConfig, QMSBasicTreeComponent, QMSBreadcrumb, QMSBreadcrumbDirectionIconDirective, QMSBreadcrumbItemDirective, QMSBreadcrumbModule, QMSButton, QMSButtonIcon, QMSButtonModule, QMSButtonToggle, QMSButtonToggleGroup, QMSCKEditorBaseComponent, QMSCKEditorBaseService, QMSCKEditorBpmn, QMSCKEditorBpmnApiService, QMSCKEditorBpmnComponent, QMSCKEditorBpmnTemplate, QMSCKEditorComponent, QMSCKEditorConfirmComponent, QMSCKEditorData, QMSCKEditorDialogData, QMSCKEditorFlowchart, QMSCKEditorFlowchartService, QMSCKEditorFullscreenComponent, QMSCKEditorGlobalService, QMSCKEditorInjector, QMSCKEditorLinkAnchorDocument, QMSCKEditorLinkComponent, QMSCKEditorLinkService, QMSCKEditorLoadTemplateComponent, QMSCKEditorModule, QMSCKEditorPlugin, QMSCKEditorRelatedComponent, QMSCKEditorRelation, QMSCKEditorSaveAsTemplate, QMSCKEditorTemplate, QMSCKEditorTemplateService, QMSCKEditorToastService, QMSCKEditorTreeComponent, QMSCKEdtiorInputData, QMSChipBodyDirective, QMSChipInputChipListDirective, QMSChipInputDirective, QMSChipInputSelectDropDownDirective, QMSChipInputSelectFieldDirective, QMSChipInputSelectTriggerDirective, QMSCollapseGroupDirective, QMSComment, QMSConfirmDialog, QMSContentChangesDirective, QMSDepartmentPagingModel, QMSDialogConfig, QMSDialogContainer, QMSDialogContainerV2, QMSDialogContent, QMSDialogFooter, QMSDialogHeader, QMSDrawerContentDirective, QMSDrawerDirective, QMSDrawerHeaderActionDirective, QMSDrawerHeaderDirective, QMSDropdownMenuItem, QMSEditFileNameDialog, QMSEditFileNameDialogModule, QMSFileAttachment, QMSFileUploadDirective, QMSFileUploadDisplayDirective, QMSFileUploadMultipleDirective, QMSFileUploadMultipleDisplayDirective, QMSFileUploadMultipleSelectorDirective, QMSFileUploadSelectorDirective, QMSFlatNodeTree, QMSFormDialog, QMSFormFieldDatePickerDirective, QMSFormFieldDirective, QMSFormFieldTextareaDirective, QMSGroupOptionDirective, QMSIconRegistryService, QMSInputChipDirective, QMSInputClearDirective, QMSList, QMSListExpansion, QMSListExpansionHeader, QMSListHeader, QMSListItem, QMSListLeadingIcon, QMSListLine, QMSListModule, QMSMultiIconDirective, QMSNavDrawerComponent, QMSNavDrawerModule, QMSNavigationDrawerComponent, QMSNavigationDrawerModule, QMSNewTreeModule, QMSPaginatorComponent, QMSProcessDocumentItem, QMSRangeSliderDirective, QMSRangeSliderLockUpDirective, QMSRangeSliderModule, QMSRelatedGlobalService, QMSRelatedModule, QMSRichText, QMSRichTextModule, QMSRowDetailDirective, QMSScrolableAttachmentListDirective, QMSScrollbarDirective, QMSSearchFieldDirective, QMSSelectAccessData, QMSSelectAccessDialog, QMSSelectAccessDialogComponent, QMSSelectAccessDialogModule, QMSSelectAccessGlobalService, QMSSelectAccessResult, QMSSelectDepartmentGlobalService, QMSSelectDepartmentModule, QMSSelectDepartmentTreeConfig, QMSSelectDepartmentTreeGlobalService, QMSSelectDepartmentTreeModule, QMSSelectIncludeChildrenGlobalService, QMSSelectIncludeChildrenModule, QMSSelectOneGlobalService, QMSSelectOneModule, QMSSelectProcessDataModule, QMSSelectProcessDataTreeModule, QMSSelectProcessDocumentGlobalService, QMSSelectProcessDocumentModule, QMSSideSheetModule, QMSSnackbarConfig, QMSSuffixDirective, QMSSuffixFieldDirective, QMSTabGroupAdvancedDirective, QMSTabGroupDirective, QMSTabLabelDirective, QMSTabModule, QMSTableAction, QMSTableActionBlock, QMSTableChildrenDirective, QMSTableDirective, QMSTableModule, QMSTableRowDirective, QMSTextBlockDirective, QMSTextBlockLine, QMSTextTruncateDirective, QMSThemingLibraryService, QMSToolTipComponent, QMSToolTipRendererDirective, QMSTooltipImageDirective, QMSTooltipModule, QMSTreeConfig, QMSTreeGlobalService, QMSTreeModel, QMSTreeModule, QMSUploadFileErrorDialog, QMSUploadFileErrorDialogModule, QMSUploadingFileGuard, QMS_LANGUAGES, QMS_THEMES, QMS_THEME_DEFAULT, QmsAngularComponent, QmsAngularModule, QmsAngularService, QmsAppBarComponent, QmsAppBarModule, QmsBPMNModule, QmsBadgesComponent, QmsBadgesModule, QmsBannerButtonType, QmsBannerComponent, QmsBannerConfirmButton, QmsBannerConfirmButtonClick, QmsBannerConfirmComponent, QmsBannerConfirmModule, QmsBannerContent, QmsBannerLoadingComponent, QmsBannerLoadingModule, QmsBannerModule, QmsCkeditorLinkSimpleComponent, QmsPaginatorModule, QmsReportContentPortraitComponent, QmsReportCoverPortraitComponent, QmsReportModule, QmsStatusDropdownComponent, QmsStatusDropdownModule, QmsStatusDropdownOption, QmsStatusDropdownType, QmsStepperComponent, QmsStepperModule, REGIONAL_FOLDER_ICON, REGIONAL_FOLDER_OUTLINED_ICON, RISK_ICON, RelatedConst, RelatedContentComponent, RelatedItemType, RelatedListComponent, RelatedPopupComponent, Result, RiskAnalysis, RiskAnalysisComponent, RiskDanger, RiskListComponent, RiskResult, RiskResultComponent, SaveTemplateComponent, ScrollToSelectedDirective, SelectAccessAnimationTrigger, SelectConst, SelectDepartmentComponent, SelectDepartmentPopupData, SelectDepartmentTreeComponent, SelectDialog, SelectIncludeChildrenPopUpComponent, SelectOneDialog, SelectOneNextData, SelectOneNextDialog, SelectOnePopupData, SelectOption, SelectOptionTypes, SelectPopupData, SelectProcessDataComponent, SelectProcessDataTreeComponent, SelectProcessDocumentPopupComponent, SelectProcessDocumentPopupData, SelectedOption, SelectedProcessDocumentItem, SharedModule, ShowHideSearchResultConst, SideNav, SideNavItem, SidenavComponent, TargetType, TargetTypeName, TranslateLibraryService, TreeComponent, TreeConfig, TreeFlatNode, TreeModel, TreeModelNavDrawer, TreeNode$1 as TreeNode, UploadErrorData, app, basic, en, erd, fsa, mixinColor, no, notExceedSize, org, pn, requiredFileType, standard, uml, ɵ2, SharedMaterialModule as ɵa, TreeComponent as ɵb, QMSCKEditorUploadService as ɵc, QMSTreeModule as ɵd, QMSBasicTreeComponent as ɵe, QMSCKEditorTreeService as ɵf, QMSCKEditorTemplateComponent as ɵg, QMSCKEditorCommonService as ɵh, QMSSelectProcessDocumentGlobalService as ɵi, LinkAttachmentComponent as ɵj, QMSCKEditorTooltipComponent as ɵk, QMSCKEditorTooltip as ɵl, QMSCKEditorImageMapComponent as ɵm, QMSCKEditorImageMap as ɵn, QMSCKEditorBPMNConnectionService as ɵo, QMSCKEditorBpmnData as ɵp, QMSCKEditorAboutComponent as ɵq, QMSCKEditorFlowchartComponent as ɵr, BPMNLinkComponent as ɵs, ShapeLink as ɵt };
 //# sourceMappingURL=qms-angular.js.map