qms-angular 1.0.56 → 1.0.60

package/fesm2015/qms-angular.js

@@ -38,7 +38,7 @@ import { MatSelectModule } from '@angular/material/select';
 import { MatSnackBarConfig, MatSnackBar, MatSnackBarModule } from '@angular/material/snack-bar';
 import { CKEditorModule as CKEditorModule$1 } from '@ckeditor/ckeditor5-angular';
 import { __awaiter } from 'tslib';
-import * as $ from 'jquery';
+import * as $$1 from 'jquery';
 import * as _ from 'lodash';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { MatBadgeModule } from '@angular/material/badge';
@@ -3840,7 +3840,7 @@ QMSBreadcrumbModule.decorators = [
             },] }
 ];
 
-var DataType;
+var DataType$1;
 (function (DataType) {
     DataType[DataType["process"] = 2] = "process";
     DataType[DataType["document"] = 1] = "document";
@@ -3852,9 +3852,9 @@ var DataType;
     DataType[DataType["deviationType"] = 8] = "deviationType";
     DataType[DataType["checklistCategory"] = 9] = "checklistCategory";
     DataType[DataType["riskFolder"] = 10] = "riskFolder";
-})(DataType || (DataType = {}));
+})(DataType$1 || (DataType$1 = {}));
 
-var DocumentNodeType;
+var DocumentNodeType$1;
 (function (DocumentNodeType) {
     DocumentNodeType[DocumentNodeType["Document"] = 1] = "Document";
     DocumentNodeType[DocumentNodeType["LinkDocument"] = 2] = "LinkDocument";
@@ -3864,7 +3864,7 @@ var DocumentNodeType;
     DocumentNodeType[DocumentNodeType["TopFolder"] = 6] = "TopFolder";
     DocumentNodeType[DocumentNodeType["DepartmentFolder"] = 7] = "DepartmentFolder";
     DocumentNodeType[DocumentNodeType["RegionalFolder"] = 8] = "RegionalFolder";
-})(DocumentNodeType || (DocumentNodeType = {}));
+})(DocumentNodeType$1 || (DocumentNodeType$1 = {}));
 
 class RelatedConst {
 }
@@ -3979,6 +3979,7 @@ class TreeComponent {
         this.selectedData = [];
         this.selectedRiskData = [];
         this.disabledList = [];
+        this.expandToChildNode = [];
         this.selectNodeEvent = new EventEmitter();
         this.selectFolderEvent = new EventEmitter();
         this.checkBoxEvent = new EventEmitter();
@@ -4015,7 +4016,7 @@ class TreeComponent {
         this.isChecked = false;
         this.idCheckIcon = '';
         this.listChildNode = [];
-        this.dataType = DataType;
+        this.dataType = DataType$1;
         this.transformer = (node, level) => {
             let checkHasChild = true;
             if (!node.children) {
@@ -4028,7 +4029,7 @@ class TreeComponent {
             else if (!!node.children &&
                 node.children.length &&
                 node.children.length === 1 &&
-                !node.children[0].name.length &&
+                !node.children[0].name &&
                 node.id.toString() === this.areaOfCurrentProcess) {
                 checkHasChild = false;
             }
@@ -4076,19 +4077,25 @@ class TreeComponent {
             (changes.selectedData.currentValue.length > 0 ||
                 JSON.stringify(changes.selectedData.currentValue) !==
                     JSON.stringify(changes.selectedData.previousValue))) {
-            this.checkSelected(changes.selectedData.currentValue);
-        }
-        else {
-            for (let i = 0; i < this.treeControl.dataNodes.length; i++) {
-                this.checklistSelection.deselect(this.treeControl.dataNodes[i]);
+            if (changes.selectedData.currentValue) {
+                this.checkSelected(changes.selectedData.currentValue);
+            }
+            else {
+                for (let i = 0; i < this.treeControl.dataNodes.length; i++) {
+                    this.checklistSelection.deselect(this.treeControl.dataNodes[i]);
+                }
             }
         }
         if (changes.disabledList && JSON.stringify(changes.disabledList.currentValue) !== JSON.stringify(changes.disabledList.previousValue)) {
             this.checkDisabledList();
         }
+        // expand all parent to show node
+        if (changes.expandToChildNode && JSON.stringify(changes.expandToChildNode.currentValue) !== JSON.stringify(changes.expandToChildNode.previousValue)) {
+            this.openExpandToChildNode();
+        }
     }
     ngOnInit() {
-        this.initTreeData();
+        // this.initTreeData();
     }
     initTreeData() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
@@ -4131,6 +4138,10 @@ class TreeComponent {
         if (this.treeConfig.expandAll) {
             this.treeControl.expandAll();
         }
+        //Disabled node
+        if (this.disabledList.length) {
+            this.checkDisabledList();
+        }
         // Risk Tree
         if (this.selectedRiskData.length) {
             const selectedData = [];
@@ -4145,8 +4156,57 @@ class TreeComponent {
             this.checkSelected(selectedData);
             this.checkBoxEvent.emit(selectedData);
         }
-        //check disabled list
-        this.checkDisabledList();
+        if (this.parentNodeOnClick) {
+            for (let i = 0; i < this.treeControl.dataNodes.length; i++) {
+                const tree = this.treeControl.dataNodes[i];
+                if (this.parentNodeOnClick.parentId === tree.id || this.parentNodeOnClick.id === tree.id) {
+                    this.getParent(tree);
+                }
+            }
+        }
+    }
+    getParent(node) {
+        const { treeControl } = this;
+        const currentLevel = treeControl.getLevel(node);
+        if (currentLevel < 1) {
+            return null;
+        }
+        const index = treeControl.dataNodes.indexOf(node) - 1;
+        for (let i = index; i >= 0; i--) {
+            const currentNode = treeControl.dataNodes[i];
+            if (treeControl.getLevel(currentNode) < currentLevel) {
+                treeControl.expand(currentNode);
+                return currentNode;
+            }
+        }
+    }
+    openExpandToChildNode() {
+        if (this.expandToChildNode.length) {
+            if (this.expandToChildNode[0] === '') {
+                this.idCheckIcon = '';
+                this.treeControl.collapseAll();
+                this.cdRef.detectChanges();
+                return;
+            }
+            let itemMarkChecked = this.expandToChildNode[this.expandToChildNode.length - 1].toUpperCase();
+            this.idCheckIcon = itemMarkChecked;
+            // get all children nodes on same level
+            let listChildNodeSameLevel = this.findChildNode(itemMarkChecked, this.dataSource.data);
+            // get all children in all level
+            this.listChildNode = [];
+            this.getChild(listChildNodeSameLevel);
+            this.getChildNodeSelectOne.emit(this.listChildNode);
+            for (let i = 0; i < this.treeControl.dataNodes.length; i++) {
+                if (itemMarkChecked === this.treeControl.dataNodes[i].id) {
+                    this.selectNodeEvent.emit(this.treeControl.dataNodes[i]);
+                }
+                this.expandToChildNode.forEach(el => {
+                    if (this.treeControl.dataNodes[i].id === el.toUpperCase()) {
+                        this.treeControl.expand(this.treeControl.dataNodes[i]);
+                    }
+                });
+            }
+        }
     }
     checkDisabledList() {
         // Disable List
@@ -4242,7 +4302,7 @@ class TreeComponent {
                 this.checklistSelection.deselect(tree);
                 for (let j = 0; j < itemSelected.length; j++) {
                     const element = itemSelected[j];
-                    if (tree.id === element.id && (!element.parentId || tree.parentId === element.parentId) && !tree.disabled) {
+                    if (tree.id === element.id && (!element.parentId || tree.parentId === element.parentId)) {
                         this.checklistSelection.select(tree);
                     }
                 }
@@ -4294,6 +4354,7 @@ class TreeComponent {
     }
     /** Toggle the to-do item selection. Select/deselect all the descendants node */
     todoItemSelectionToggle(node) {
+        this.selectNodeEvent.emit(node);
         // tree have duplicate node
         if (this.treeConfig.canHaveDupId) {
             for (let i = 0; i < this.treeControl.dataNodes.length; i++) {
@@ -4362,7 +4423,9 @@ class TreeComponent {
                 }
             }
         });
-        this.checkBoxEvent.emit(this.checklistSelection.selected);
+        setTimeout(() => {
+            this.checkBoxEvent.emit(this.checklistSelection.selected);
+        }, 500);
     }
     todoFolderSelection(nodes) {
         nodes.forEach(node => {
@@ -4390,11 +4453,11 @@ class TreeComponent {
     checkDataTypeSelectNode(node) {
         let itemType = -1;
         switch (this.moduleId) {
-            case DataType.process:
-                itemType = node.expandable ? DataType.area : DataType.process;
+            case DataType$1.process:
+                itemType = node.expandable ? DataType$1.area : DataType$1.process;
                 break;
-            case DataType.document:
-                itemType = node.expandable ? DataType.folder : DataType.document;
+            case DataType$1.document:
+                itemType = node.expandable ? DataType$1.folder : DataType$1.document;
                 break;
             default:
                 itemType = this.moduleId;
@@ -4552,17 +4615,17 @@ class TreeComponent {
             return this.treeControl.isExpanded(node) ? this.openIcon : this.closeIcon;
         }
         switch (this.moduleId) {
-            case DataType.document: {
+            case DataType$1.document: {
                 const nodeData = this.treeData.filter(x => { return x.rootId === node.id; });
                 if (nodeData.length > 0) {
                     switch (nodeData[0].levelType) {
-                        case DocumentNodeType.DepartmentFolder:
+                        case DocumentNodeType$1.DepartmentFolder:
                             return this.treeControl.isExpanded(node) ? 'department_folder_outlined' : 'department_folder';
-                        case DocumentNodeType.RegionalFolder:
+                        case DocumentNodeType$1.RegionalFolder:
                             return this.treeControl.isExpanded(node) ? 'regional_folder_outlined' : 'regional_folder';
-                        case DocumentNodeType.TopFolder:
+                        case DocumentNodeType$1.TopFolder:
                             return this.treeControl.isExpanded(node) ? 'enterprise_folder_outlined' : 'enterprise_folder';
-                        case DocumentNodeType.Folder:
+                        case DocumentNodeType$1.Folder:
                             return this.treeControl.isExpanded(node) ? 'local_folder_outlined' : 'local_folder';
                         default:
                             return this.treeControl.isExpanded(node) ? 'folder_outlined' : 'folder';
@@ -4570,7 +4633,7 @@ class TreeComponent {
                 }
                 return this.treeControl.isExpanded(node) ? 'keyboard_up' : 'keyboard_down';
             }
-            case DataType.process:
+            case DataType$1.process:
                 return this.treeControl.isExpanded(node) ? 'process_area_outlined' : 'process_area';
             default:
                 return this.treeControl.isExpanded(node) ? 'keyboard_up' : 'keyboard_down';
@@ -4578,26 +4641,26 @@ class TreeComponent {
     }
     getItemIcon(node) {
         switch (this.moduleId) {
-            case DataType.document:
+            case DataType$1.document:
                 switch (node.levelType) {
-                    case DocumentNodeType.DepartmentFolder:
+                    case DocumentNodeType$1.DepartmentFolder:
                         return 'document_department';
-                    case DocumentNodeType.RegionalFolder:
+                    case DocumentNodeType$1.RegionalFolder:
                         return 'document_regional';
-                    case DocumentNodeType.TopFolder:
+                    case DocumentNodeType$1.TopFolder:
                         return 'document_enterprise';
-                    case DocumentNodeType.Folder:
+                    case DocumentNodeType$1.Folder:
                         return 'document_local';
                     default:
                         return 'document';
                 }
-            case DataType.process:
+            case DataType$1.process:
                 return 'process';
-            case DataType.checklist:
+            case DataType$1.checklist:
                 return 'checklist';
-            case DataType.deviation:
+            case DataType$1.deviation:
                 return 'deviation';
-            case DataType.risk:
+            case DataType$1.risk:
                 return 'risk';
             default:
                 return 'document';
@@ -4611,11 +4674,19 @@ class TreeComponent {
     getNodeId(node) {
         return `_${node.parentId ? node.parentId : ''}_${node.id}_${node.level}`;
     }
+    getNodeByIdAndParentId(nodeId, parentId) {
+        return this.treeControl.dataNodes.find(x => {
+            return x.id === nodeId && x.parentId === parentId;
+        });
+    }
+    expandNode(node) {
+        this.treeControl.expand(node);
+    }
 }
 TreeComponent.decorators = [
     { type: Component, args: [{
                 selector: 'qms-tree',
-                template: "<mat-tree\r\n  [dataSource]=\"dataSource\"\r\n  [treeControl]=\"treeControl\"\r\n  class=\"tree__container\"\r\n>\r\n  <mat-tree-node\r\n    class=\"tree-branch\"\r\n    *matTreeNodeDef=\"let node\"\r\n    matTreeNodeToggle\r\n    matTreeNodePadding\r\n  >\r\n    <!-- form thu 1 - child -->\r\n    <mat-checkbox\r\n      qms-group-options\r\n      [disabled]=\"node.disabled\"\r\n      color=\"default\"\r\n      *ngIf=\"node.name && showCheckBox && !onlyCheckBoxForChild && !onlyFolder\"\r\n      class=\"checklist-leaf-node\"\r\n      [checked]=\"checklistSelection.isSelected(node)\"\r\n      (change)=\"todoItemSelectionToggle(node)\"\r\n    >\r\n    </mat-checkbox>\r\n\r\n    <!-- form thu 2 -->\r\n    <mat-checkbox\r\n      qms-group-options\r\n      [disabled]=\"node.disabled\"\r\n      color=\"default\"\r\n      *ngIf=\"node.name && showCheckBox && onlyCheckBoxForChild && !onlyFolder\"\r\n      class=\"ml-10 checklist-leaf-node\"\r\n      [checked]=\"checklistSelection.isSelected(node)\"\r\n      (change)=\"todoItemSelectionToggle(node)\"\r\n    ></mat-checkbox>\r\n    <div\r\n      class=\"expand-node\"\r\n      *ngIf=\"node.name && !onlyFolder\"\r\n      [class.bgSelected]=\"treeConfig.selectOne && idCheckIcon == node.id\"\r\n      (click)=\"selectNode(node)\"\r\n    >\r\n      <div class=\"expand-node__text\">\r\n        <mat-icon\r\n          *ngIf=\"displayType === itemIconType.name && !onlyCheckBoxForChild\"\r\n          class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n        >\r\n          {{ itemIcon }}\r\n        </mat-icon>\r\n\r\n        <mat-icon\r\n          *ngIf=\"displayType === itemIconType.svg && !onlyCheckBoxForChild\"\r\n          class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n          [svgIcon]=\"itemIconSvg\"\r\n        >\r\n        </mat-icon>\r\n\r\n        <img\r\n          *ngIf=\"displayType === itemIconType.path && !onlyCheckBoxForChild\"\r\n          class=\"mat-icon\"\r\n          [src]=\"itemIconPath\"\r\n        />\r\n\r\n        <img\r\n          *ngIf=\"displayType === itemIconType.base64 && !onlyCheckBoxForChild\"\r\n          class=\"mat-icon image-base64\"\r\n          [src]=\"getImagePath()\"\r\n        />\r\n\r\n        <mat-icon\r\n          *ngIf=\"displayType === itemIconType.none && !onlyCheckBoxForChild\"\r\n          class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n          [svgIcon]=\"getItemIcon(node)\"\r\n        ></mat-icon>\r\n        <span class=\"text-node\">{{ node.name }}</span>\r\n      </div>\r\n      <mat-icon\r\n        class=\"icon-check\"\r\n        *ngIf=\"treeConfig.selectOne && idCheckIcon == node.id\"\r\n        >done</mat-icon\r\n      >\r\n    </div>\r\n  </mat-tree-node>\r\n\r\n  <mat-tree-node *matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding>\r\n    <!-- form thu 1 - parent -->\r\n    <mat-checkbox\r\n      qms-group-options\r\n      [disabled]=\"node.disabled\"\r\n      color=\"default\"\r\n      *ngIf=\"showCheckBox && !onlyCheckBoxForChild\"\r\n      [checked]=\"descendantsAllSelected(node)\"\r\n      [indeterminate]=\"descendantsPartiallySelected(node)\"\r\n      (change)=\"todoItemSelectionToggle(node)\"\r\n    ></mat-checkbox>\r\n    <button\r\n      class=\"button-boder\"\r\n      mat-icon-button\r\n      matTreeNodeToggle\r\n      [disableRipple]=\"!node.hasChild\"\r\n      [attr.aria-label]=\"'toggle ' + node.filename\"\r\n    >\r\n      <mat-icon\r\n        *ngIf=\"openIcon && closeIcon\"\r\n        class=\"mat-icon-rtl-mirror\"\r\n        [ngStyle]=\"{\r\n          color: treeControl.isExpanded(node) ? openIconColor : closeIconColor\r\n        }\"\r\n        >{{ getNodeIcon(node) }}</mat-icon\r\n      >\r\n      <mat-icon\r\n        *ngIf=\"!openIcon || !closeIcon\"\r\n        class=\"mat-icon-rtl-mirror\"\r\n        [ngClass]=\"{\r\n          'open-icon': treeControl.isExpanded(node),\r\n          'not-department-icon': moduleId !== dataType.document\r\n        }\"\r\n        [svgIcon]=\"getNodeIcon(node)\"\r\n      >\r\n      </mat-icon>\r\n    </button>\r\n    <span\r\n      *ngIf=\"expandOnTitleClick\"\r\n      matTreeNodeToggle\r\n      class=\"text-node-parent\"\r\n      style=\"cursor: pointer\"\r\n      (click)=\"onExpandNode(node)\"\r\n      [ngStyle]=\"{\r\n        color: treeControl.isExpanded(node) ? openIconColor : '#000000'\r\n      }\"\r\n    >\r\n      <span>{{ node.name }}</span>\r\n      <mat-icon\r\n        class=\"icon-check\"\r\n        *ngIf=\"treeConfig.selectOne && idCheckIcon == node.id\"\r\n        >done</mat-icon\r\n      >\r\n    </span>\r\n    <span\r\n      *ngIf=\"!expandOnTitleClick\"\r\n      class=\"text-node-parent\"\r\n      (click)=\"selectFolderNode(node)\"\r\n      style=\"cursor: pointer\"\r\n      [id]=\"getNodeId(node)\"\r\n    >\r\n      <span>{{ node.name }}</span>\r\n      <mat-icon\r\n        class=\"icon-check\"\r\n        *ngIf=\"treeConfig.selectOne && idCheckIcon == node.id\"\r\n        >done</mat-icon\r\n      >\r\n    </span>\r\n  </mat-tree-node>\r\n</mat-tree>\r\n",
+                template: "<mat-tree\r\n  [dataSource]=\"dataSource\"\r\n  [treeControl]=\"treeControl\"\r\n  class=\"tree__container\"\r\n>\r\n  <mat-tree-node\r\n    class=\"tree-branch\"\r\n    *matTreeNodeDef=\"let node\"\r\n    matTreeNodeToggle\r\n    matTreeNodePadding\r\n  >\r\n    <!-- form thu 1 - child -->\r\n    <mat-checkbox\r\n      qms-group-options\r\n      [disabled]=\"node.disabled\"\r\n      color=\"default\"\r\n      *ngIf=\"node.name && showCheckBox && !onlyCheckBoxForChild && !onlyFolder\"\r\n      class=\"checklist-leaf-node\"\r\n      [checked]=\"checklistSelection.isSelected(node)\"\r\n      (change)=\"todoItemSelectionToggle(node)\"\r\n    >\r\n    </mat-checkbox>\r\n\r\n    <!-- form thu 2 -->\r\n    <mat-checkbox\r\n      qms-group-options\r\n      [disabled]=\"node.disabled\"\r\n      color=\"default\"\r\n      *ngIf=\"node.name && showCheckBox && onlyCheckBoxForChild && !onlyFolder\"\r\n      class=\"ml-10 checklist-leaf-node\"\r\n      [checked]=\"checklistSelection.isSelected(node)\"\r\n      (change)=\"todoItemSelectionToggle(node)\"\r\n    ></mat-checkbox>\r\n    <div\r\n      class=\"expand-node\"\r\n      *ngIf=\"node.name && !onlyFolder\"\r\n      [class.bgSelected]=\"treeConfig.selectOne && idCheckIcon == node.id\"\r\n      (click)=\"selectNode(node)\"\r\n      [id]=\"getNodeId(node)\"\r\n    >\r\n      <div class=\"expand-node__text\">\r\n        <mat-icon\r\n          *ngIf=\"displayType === itemIconType.name && !onlyCheckBoxForChild\"\r\n          class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n        >\r\n          {{ itemIcon }}\r\n        </mat-icon>\r\n\r\n        <mat-icon\r\n          *ngIf=\"displayType === itemIconType.svg && !onlyCheckBoxForChild\"\r\n          class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n          [svgIcon]=\"itemIconSvg\"\r\n        >\r\n        </mat-icon>\r\n\r\n        <img\r\n          *ngIf=\"displayType === itemIconType.path && !onlyCheckBoxForChild\"\r\n          class=\"mat-icon\"\r\n          [src]=\"itemIconPath\"\r\n        />\r\n\r\n        <img\r\n          *ngIf=\"displayType === itemIconType.base64 && !onlyCheckBoxForChild\"\r\n          class=\"mat-icon image-base64\"\r\n          [src]=\"getImagePath()\"\r\n        />\r\n\r\n        <mat-icon\r\n          *ngIf=\"displayType === itemIconType.none && !onlyCheckBoxForChild\"\r\n          class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n          [svgIcon]=\"getItemIcon(node)\"\r\n        ></mat-icon>\r\n        <span class=\"text-node\">{{ node.name }}</span>\r\n      </div>\r\n      <mat-icon\r\n        class=\"icon-check\"\r\n        *ngIf=\"treeConfig.selectOne && idCheckIcon == node.id\"\r\n        >done</mat-icon\r\n      >\r\n    </div>\r\n  </mat-tree-node>\r\n\r\n  <mat-tree-node *matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding>\r\n    <!-- form thu 1 - parent -->\r\n    <mat-checkbox\r\n      qms-group-options\r\n      [disabled]=\"node.disabled\"\r\n      color=\"default\"\r\n      *ngIf=\"node.name && showCheckBox && !onlyCheckBoxForChild\"\r\n      [checked]=\"descendantsAllSelected(node)\"\r\n      [indeterminate]=\"descendantsPartiallySelected(node)\"\r\n      (change)=\"todoItemSelectionToggle(node)\"\r\n    ></mat-checkbox>\r\n    <button\r\n      class=\"button-boder\"\r\n      mat-icon-button\r\n      matTreeNodeToggle\r\n      [disableRipple]=\"!node.hasChild\"\r\n      [attr.aria-label]=\"'toggle ' + node.filename\"\r\n      *ngIf=\"node.name\"\r\n    >\r\n      <mat-icon\r\n        *ngIf=\"openIcon && closeIcon\"\r\n        class=\"mat-icon-rtl-mirror\"\r\n        [ngStyle]=\"{\r\n          color: treeControl.isExpanded(node) ? openIconColor : closeIconColor\r\n        }\"\r\n        >{{ getNodeIcon(node) }}</mat-icon\r\n      >\r\n      <mat-icon\r\n        *ngIf=\"!openIcon || !closeIcon\"\r\n        class=\"mat-icon-rtl-mirror\"\r\n        [ngClass]=\"{\r\n          'open-icon': treeControl.isExpanded(node),\r\n          'not-department-icon': moduleId !== dataType.document\r\n        }\"\r\n        [svgIcon]=\"getNodeIcon(node)\"\r\n      >\r\n      </mat-icon>\r\n    </button>\r\n    <span\r\n      *ngIf=\"expandOnTitleClick\"\r\n      matTreeNodeToggle\r\n      class=\"text-node-parent\"\r\n      style=\"cursor: pointer\"\r\n      (click)=\"onExpandNode(node)\"\r\n      [ngStyle]=\"{\r\n        color: treeControl.isExpanded(node) ? openIconColor : '#000000'\r\n      }\"\r\n    >\r\n      <span>{{ node.name }}</span>\r\n      <mat-icon\r\n        class=\"icon-check\"\r\n        *ngIf=\"treeConfig.selectOne && idCheckIcon == node.id\"\r\n        >done</mat-icon\r\n      >\r\n    </span>\r\n    <span\r\n      *ngIf=\"!expandOnTitleClick\"\r\n      class=\"text-node-parent\"\r\n      (click)=\"selectFolderNode(node)\"\r\n      style=\"cursor: pointer\"\r\n      [id]=\"getNodeId(node)\"\r\n    >\r\n      <span>{{ node.name }}</span>\r\n      <mat-icon\r\n        class=\"icon-check\"\r\n        *ngIf=\"treeConfig.selectOne && idCheckIcon == node.id\"\r\n        >done</mat-icon\r\n      >\r\n    </span>\r\n  </mat-tree-node>\r\n</mat-tree>\r\n",
                 encapsulation: ViewEncapsulation.None,
                 styles: ["@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format(\"woff2\");unicode-range:U+1f??}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format(\"woff2\");unicode-range:U+0370-03ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2) format(\"woff2\");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}.tree__container{font-family:Open Sans;font-style:normal;font-weight:400;font-size:.875rem;line-height:19px;color:#323232}.tree__container .mat-tree-node{color:#000;min-height:0}.tree__container .mat-tree-node .mat-checkbox.qms-group-options{padding:0}.tree__container .mat-tree-node .mat-checkbox.qms-group-options .mat-checkbox-inner-container{margin-right:11px}.tree__container .button{margin-left:6px}.tree__container .button:focus,.tree__container .button:hover{background-color:#009ef2;border-radius:2px;width:auto}.tree__container .button-boder:focus,.tree__container .button:focus{outline:0}.tree__container .button-folder-boder:focus{outline:0}.tree__container .button-folder-boder:focus,.tree__container .button-folder-boder:hover{background-color:#009ef2;border-radius:2px;width:auto}.tree__container .expand-node{margin-left:8px;min-height:32px;justify-content:space-between;width:100%}.tree__container .expand-node,.tree__container .expand-node .expand-node__text{display:flex;align-items:center}.tree__container .expand-node .mat-icon{color:rgba(0,0,0,.6);margin-right:17px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.tree__container .expand-node .mat-icon svg{display:block;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.tree__container .expand-node.bgSelected .icon-check{color:#1954a9}.tree__container .text-node-parent{width:100%;display:flex;align-items:center;justify-content:space-between;margin-left:10px;cursor:pointer}.tree__container .text-node-parent.active-item{color:#1954a9!important}.tree__container .text-node-parent.bgSelected .icon-check{color:#1954a9}.tree__container .mr-11{margin-right:11px}.tree__container .ml-10{margin-left:10px}.tree__container .tree-branch:hover{background-color:#e5eefb}.tree__container .image-base64{width:20px;height:20px}.tree__container .mat-checkbox.qms-group-options.mat-checkbox-checked{background:transparent!important}::ng-deep .mat-tree .mat-checkbox.qms-group-options{padding:0}::ng-deep .mat-tree .mat-checkbox.qms-group-options.mat-checkbox-checked{background-color:transparent}::ng-deep .mat-tree .mat-checkbox.qms-group-options .mat-checkbox-inner-container{margin-right:0}svg{display:block;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.open-icon.not-department-icon svg path,.open-icon svg path:first-child{fill:#1954a9}"]
             },] }
@@ -4633,6 +4704,8 @@ TreeComponent.propDecorators = {
     selectedRiskData: [{ type: Input }],
     disabledList: [{ type: Input }],
     expandOnTitleClick: [{ type: Input }],
+    expandToChildNode: [{ type: Input }],
+    parentNodeOnClick: [{ type: Input }],
     selectNodeEvent: [{ type: Output }],
     selectFolderEvent: [{ type: Output }],
     checkBoxEvent: [{ type: Output }],
@@ -4676,7 +4749,7 @@ QMSTreeModule.decorators = [
 class RelatedContentComponent {
     constructor() {
         this.contents = [];
-        this.dataType = DataType;
+        this.dataType = DataType$1;
         this.imageProcess = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAwLjVWNi41SDJWMTYuNUgxMlYxOC41SDE4VjEyLjVIMTJWMTQuNUg0VjYuNUg2VjQuNUgxMlY2LjVIMThWMC41SDEyVjIuNUg2VjAuNUgwWk00IDIuNVY0LjVIMlYyLjVINFpNMTYgMi41VjQuNUgxNFYyLjVIMTZaTTE2IDE2LjVWMTQuNUgxNFYxNi41SDE2WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC42Ii8+DQo8L3N2Zz4NCg==';
     }
     ngOnInit() {
@@ -4710,7 +4783,7 @@ class RelatedListComponent {
         this.iconRegistry = iconRegistry;
         this.appIconService = appIconService;
         this.relatedData = [];
-        this.dataType = DataType;
+        this.dataType = DataType$1;
         // imageProcess = '../qms-angular/src/assets/images/union.svg';
         this.imageProcess = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAwLjVWNi41SDJWMTYuNUgxMlYxOC41SDE4VjEyLjVIMTJWMTQuNUg0VjYuNUg2VjQuNUgxMlY2LjVIMThWMC41SDEyVjIuNUg2VjAuNUgwWk00IDIuNVY0LjVIMlYyLjVINFpNMTYgMi41VjQuNUgxNFYyLjVIMTZaTTE2IDE2LjVWMTQuNUgxNFYxNi41SDE2WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC42Ii8+DQo8L3N2Zz4NCg==';
         this.updateData = new EventEmitter();
@@ -4764,43 +4837,43 @@ class RelatedListComponent {
     }
     getNodeIcon(item) {
         switch (item.itemType) {
-            case DataType.folder: {
+            case DataType$1.folder: {
                 switch (item.levelType) {
-                    case DocumentNodeType.DepartmentFolder:
+                    case DocumentNodeType$1.DepartmentFolder:
                         return 'department_folder_outlined';
-                    case DocumentNodeType.RegionalFolder:
+                    case DocumentNodeType$1.RegionalFolder:
                         return 'regional_folder_outlined';
-                    case DocumentNodeType.TopFolder:
+                    case DocumentNodeType$1.TopFolder:
                         return 'enterprise_folder_outlined';
-                    case DocumentNodeType.Folder:
+                    case DocumentNodeType$1.Folder:
                         return 'local_folder_outlined';
                     default:
                         return 'folder_outlined';
                 }
             }
-            case DataType.document: {
+            case DataType$1.document: {
                 switch (item.levelType) {
-                    case DocumentNodeType.DepartmentFolder:
+                    case DocumentNodeType$1.DepartmentFolder:
                         return 'document_department';
-                    case DocumentNodeType.RegionalFolder:
+                    case DocumentNodeType$1.RegionalFolder:
                         return 'document_regional';
-                    case DocumentNodeType.TopFolder:
+                    case DocumentNodeType$1.TopFolder:
                         return 'document_enterprise';
-                    case DocumentNodeType.Folder:
+                    case DocumentNodeType$1.Folder:
                         return 'document_local';
                     default:
                         return 'document';
                 }
             }
-            case DataType.area:
+            case DataType$1.area:
                 return 'process_area_outlined';
-            case DataType.process:
+            case DataType$1.process:
                 return 'process';
-            case DataType.deviation:
+            case DataType$1.deviation:
                 return 'deviation';
-            case DataType.checklist:
+            case DataType$1.checklist:
                 return 'checklist';
-            case DataType.risk:
+            case DataType$1.risk:
                 return 'risk';
             default:
                 return 'folder_outlined';
@@ -4831,13 +4904,13 @@ RelatedListComponent.propDecorators = {
     onItemSelect: [{ type: Output }]
 };
 
-var ModuleType;
+var ModuleType$1;
 (function (ModuleType) {
     ModuleType[ModuleType["documentProcess"] = 1] = "documentProcess";
     ModuleType[ModuleType["deviation"] = 2] = "deviation";
     ModuleType[ModuleType["checklist"] = 3] = "checklist";
     ModuleType[ModuleType["risk"] = 4] = "risk";
-})(ModuleType || (ModuleType = {}));
+})(ModuleType$1 || (ModuleType$1 = {}));
 
 class PopupData {
     constructor() {
@@ -4871,6 +4944,9 @@ class SearchRelatedItemsToChecklist {
 class SearchRelatedItemsToRisk {
 }
 
+class TreeModel {
+}
+
 class QMSRelatedGlobalService {
     constructor() {
         this.searchRelated = new BehaviorSubject([]);
@@ -4889,6 +4965,9 @@ QMSRelatedGlobalService.decorators = [
 ];
 QMSRelatedGlobalService.ctorParameters = () => [];
 
+class TreeFlatNode {
+}
+
 class RelatedPopupComponent {
     constructor(cdRef, translate, dialogRef, globalService, iconRegistry, sanitizer, appIconService, elem, data) {
         this.cdRef = cdRef;
@@ -4913,8 +4992,8 @@ class RelatedPopupComponent {
         this.documentCheckedList = [];
         this.singleProcessList = [];
         this.singleDocumentList = [];
-        this.module = ModuleType;
-        this.dataType = DataType;
+        this.module = ModuleType$1;
+        this.dataType = DataType$1;
         this.itemType = 0;
         this.selectedRiskData = [];
         this.disabledList = [];
@@ -4932,6 +5011,7 @@ class RelatedPopupComponent {
         this.listChildrenSelectOne = [];
         this.onSearch = new EventEmitter();
         this.onExpandFolder = new EventEmitter();
+        this.parentNodeSelected = new TreeFlatNode();
         this.moduleId = data.moduleId;
         this.moduleName = data.moduleName;
         this.treeData1 = data.treeData1;
@@ -4977,8 +5057,82 @@ class RelatedPopupComponent {
             }
         });
         this.globalService.splitViewValue.pipe(takeUntil(this.ngUnsubscribe)).subscribe((res) => {
-            if (res) {
-                this.itemInSplitview = res;
+            this.itemInSplitview = res;
+            if (res.length) {
+                let listNodeProcess = [];
+                let listNodeDocs = [];
+                res.forEach(item => {
+                    if (item.itemType === DataType$1.process) {
+                        let newNodeProcess = new TreeModel();
+                        newNodeProcess.childId = item.id;
+                        newNodeProcess.childName = item.itemName;
+                        newNodeProcess.displayId = +item.itemNumberId;
+                        newNodeProcess.parentId = "";
+                        newNodeProcess.rootId = item.parentId;
+                        newNodeProcess.rootName = item === null || item === void 0 ? void 0 : item.parentName;
+                        newNodeProcess.subName = null;
+                        newNodeProcess.statusId = item.status;
+                        listNodeProcess.push(newNodeProcess);
+                    }
+                    else {
+                        let newNodeDocs = new TreeModel();
+                        newNodeDocs.childId = item.id;
+                        newNodeDocs.childName = item.itemName;
+                        newNodeDocs.displayId = +item.itemNumberId;
+                        newNodeDocs.parentId = "";
+                        newNodeDocs.rootId = item.parentId;
+                        newNodeDocs.rootName = item === null || item === void 0 ? void 0 : item.parentName;
+                        newNodeDocs.subName = null;
+                        newNodeDocs.statusId = item.status;
+                        listNodeDocs.push(newNodeDocs);
+                    }
+                });
+                let idsProcess = new Set(this.treeData1.map(d => d.childId));
+                this.treeData1 = [...this.treeData1, ...listNodeProcess.filter(d => !idsProcess.has(d.childId))];
+                let idsDocs = new Set(this.treeData2.map(d => d.childId));
+                this.treeData2 = [...this.treeData2, ...listNodeDocs.filter(d => !idsDocs.has(d.childId))];
+                if (this.checkedNodeList.length) {
+                    this.selectedData = [];
+                    this.selectedData2 = [];
+                    let selectProcess = [];
+                    let selectDocument = [];
+                    this.checkedNodeList.forEach(x => {
+                        if (x.itemType === DataType$1.area || x.itemType === DataType$1.process) {
+                            this.treeData1.forEach(item => {
+                                if (item.childId && x.id === item.childId || !item.childId && (x.id === item.rootId)) {
+                                    selectProcess.push({
+                                        disabled: false,
+                                        expandable: x.itemType == DataType$1.area ? true : false,
+                                        hasChild: x.itemType == DataType$1.area ? true : false,
+                                        id: x.id,
+                                        level: 0,
+                                        levelType: undefined,
+                                        name: x.itemName,
+                                        parentId: x.parentId
+                                    });
+                                }
+                            });
+                        }
+                        else {
+                            this.treeData2.forEach(item => {
+                                if (item.childId && x.id === item.childId || !item.childId && (x.id === item.rootId)) {
+                                    selectDocument.push({
+                                        disabled: false,
+                                        expandable: x.itemType == DataType$1.folder ? true : false,
+                                        hasChild: x.itemType == DataType$1.folder ? true : false,
+                                        id: x.id,
+                                        level: 0,
+                                        levelType: undefined,
+                                        name: x.itemName,
+                                        parentId: x.parentId
+                                    });
+                                }
+                            });
+                        }
+                    });
+                    this.selectedData = [...this.selectedData, ...selectProcess];
+                    this.selectedData2 = [...this.selectedData2, ...selectDocument];
+                }
             }
         });
         this.myControl.valueChanges.pipe(debounceTime(1000)).subscribe((val) => {
@@ -5001,16 +5155,16 @@ class RelatedPopupComponent {
     getDataTypeId(moduleId) {
         let itemType;
         switch (moduleId) {
-            case ModuleType.documentProcess:
+            case ModuleType$1.documentProcess:
                 itemType = this.dataType.process;
                 break;
-            case ModuleType.deviation:
+            case ModuleType$1.deviation:
                 itemType = this.dataType.deviation;
                 break;
-            case ModuleType.checklist:
+            case ModuleType$1.checklist:
                 itemType = this.dataType.checklist;
                 break;
-            case ModuleType.risk:
+            case ModuleType$1.risk:
                 itemType = this.dataType.risk;
                 break;
             default:
@@ -5115,7 +5269,7 @@ class RelatedPopupComponent {
         return related ? related.itemName : undefined;
     }
     selectRelated(item) {
-        var _a, _b;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         if (((_a = this.treeConfig1) === null || _a === void 0 ? void 0 : _a.selectOne) || ((_b = this.treeConfig2) === null || _b === void 0 ? void 0 : _b.selectOne)) {
             this.disabledList = [];
             this.disabledList2 = [];
@@ -5147,6 +5301,78 @@ class RelatedPopupComponent {
                     };
                     this.dataTrees.toArray()[1].todoItemSelection([treeNode]);
                 }
+                else {
+                    let newNodeDocs = new TreeModel();
+                    newNodeDocs.rootId = (_c = item.breadcumbs[item.breadcumbs.length - 1]) === null || _c === void 0 ? void 0 : _c['id'];
+                    newNodeDocs.rootName = (_d = item.breadcumbs[item.breadcumbs.length - 1]) === null || _d === void 0 ? void 0 : _d['name'];
+                    newNodeDocs.parentId = '';
+                    newNodeDocs.subName = null;
+                    newNodeDocs.childId = item.id;
+                    newNodeDocs.childName = item.itemName;
+                    newNodeDocs.statusId = item === null || item === void 0 ? void 0 : item['itemStatus'];
+                    newNodeDocs.displayId = +item.itemNumberId;
+                    this.treeData2 = [...this.treeData2, newNodeDocs];
+                    let newSelectedDocs = new TreeFlatNode();
+                    newSelectedDocs.disabled = false;
+                    newSelectedDocs.expandable = false;
+                    newSelectedDocs.hasChild = false;
+                    newSelectedDocs.id = item.id;
+                    newSelectedDocs.level = 0;
+                    newSelectedDocs.levelType = undefined;
+                    newSelectedDocs.name = item.itemName;
+                    newSelectedDocs.parentId = (_e = item.breadcumbs[item.breadcumbs.length - 1]) === null || _e === void 0 ? void 0 : _e['id'];
+                    this.selectedData2 = [];
+                    this.selectedData = [];
+                    let selectProcess = [];
+                    let selectDocument = [];
+                    if (this.checkedNodeList.length) {
+                        this.checkedNodeList.forEach(x => {
+                            if (x.itemType === DataType$1.area || x.itemType === DataType$1.process) {
+                                this.treeData1.forEach(item => {
+                                    if (item.childId && x.id === item.childId || !item.childId && (x.id === item.rootId)) {
+                                        selectProcess.push({
+                                            disabled: false,
+                                            expandable: x.itemType == DataType$1.area ? true : false,
+                                            hasChild: x.itemType == DataType$1.area ? true : false,
+                                            id: x.id,
+                                            level: 0,
+                                            levelType: undefined,
+                                            name: x.itemName,
+                                            parentId: x.parentId
+                                        });
+                                    }
+                                });
+                            }
+                            else {
+                                this.treeData2.forEach(item => {
+                                    if (item.childId && x.id === item.childId || !item.childId && (x.id === item.rootId)) {
+                                        selectDocument.push({
+                                            disabled: false,
+                                            expandable: x.itemType == DataType$1.folder ? true : false,
+                                            hasChild: x.itemType == DataType$1.folder ? true : false,
+                                            id: x.id,
+                                            level: 0,
+                                            levelType: undefined,
+                                            name: x.itemName,
+                                            parentId: x.parentId
+                                        });
+                                    }
+                                });
+                            }
+                        });
+                    }
+                    this.selectedData = [...this.selectedData, ...selectProcess];
+                    this.selectedData2 = [...this.selectedData2, ...selectDocument, newSelectedDocs];
+                    setTimeout(() => {
+                        const treeNode = {
+                            id: newNodeDocs.childId,
+                            name: newNodeDocs.childName,
+                            children: [],
+                            parentId: newNodeDocs.rootId
+                        };
+                        this.dataTrees.toArray()[1].todoItemSelection([treeNode]);
+                    }, 500);
+                }
             }
             else if (item.itemType === this.dataType.folder) {
                 position = this.treeData2.findIndex(x => {
@@ -5162,7 +5388,9 @@ class RelatedPopupComponent {
                             itemName: item.itemName,
                             itemType: typeId,
                             itemNumberId: item.itemNumberId,
-                            levelType: item.levelType
+                            levelType: item.levelType,
+                            parentId: item.parentId,
+                            parentName: item.parentName
                         });
                     }
                     else {
@@ -5207,7 +5435,9 @@ class RelatedPopupComponent {
                             itemName: node.rootName,
                             itemType: typeId,
                             itemNumberId: item.itemNumberId,
-                            levelType: item.levelType
+                            levelType: item.levelType,
+                            parentId: item.parentId,
+                            parentName: item.parentName
                         });
                     }
                     else {
@@ -5233,7 +5463,7 @@ class RelatedPopupComponent {
             else if (item.itemType === this.dataType.deviation ||
                 item.itemType === this.dataType.checklist) {
                 position = this.treeData1.findIndex(x => {
-                    return x.childId.toLowerCase() === item.id.toLowerCase();
+                    return x.childId && x.childId.toLowerCase() === item.id.toLowerCase();
                 });
                 if (position >= 0) {
                     node = this.treeData1[position];
@@ -5249,17 +5479,91 @@ class RelatedPopupComponent {
             }
             else {
                 position = this.treeData1.findIndex(x => {
-                    return x.childId.toLowerCase() === item.id.toLowerCase();
+                    return x.childId && x.childId.toLowerCase() === item.id.toLowerCase();
                 });
-                node = this.treeData1[position];
-                typeId = this.itemType;
-                const treeNode = {
-                    id: node.childId,
-                    name: node.childName,
-                    children: [],
-                    parentId: node.rootId
-                };
-                this.dataTrees.toArray()[0].todoItemSelection([treeNode]);
+                if (position >= 0) {
+                    node = this.treeData1[position];
+                    typeId = this.itemType;
+                    const treeNode = {
+                        id: node.childId,
+                        name: node.childName,
+                        children: [],
+                        parentId: node.rootId
+                    };
+                    this.dataTrees.toArray()[0].todoItemSelection([treeNode]);
+                }
+                else {
+                    let newNodeProcess = new TreeModel();
+                    newNodeProcess.rootId = (_f = item.breadcumbs[item.breadcumbs.length - 1]) === null || _f === void 0 ? void 0 : _f['id'];
+                    newNodeProcess.rootName = (_g = item.breadcumbs[item.breadcumbs.length - 1]) === null || _g === void 0 ? void 0 : _g['name'];
+                    newNodeProcess.parentId = '';
+                    newNodeProcess.subName = null;
+                    newNodeProcess.childId = item.id;
+                    newNodeProcess.childName = item.itemName;
+                    newNodeProcess.statusId = item === null || item === void 0 ? void 0 : item['itemStatus'];
+                    newNodeProcess.displayId = +item.itemNumberId;
+                    this.treeData1 = [...this.treeData1, newNodeProcess];
+                    let newSelectedProcess = new TreeFlatNode();
+                    newSelectedProcess.disabled = false;
+                    newSelectedProcess.expandable = false;
+                    newSelectedProcess.hasChild = false;
+                    newSelectedProcess.id = item.id;
+                    newSelectedProcess.level = 0;
+                    newSelectedProcess.levelType = undefined;
+                    newSelectedProcess.name = item.itemName;
+                    newSelectedProcess.parentId = (_h = item.breadcumbs[item.breadcumbs.length - 1]) === null || _h === void 0 ? void 0 : _h['id'];
+                    this.selectedData = [];
+                    this.selectedData2 = [];
+                    let selectProcess = [];
+                    let selectDocument = [];
+                    if (this.checkedNodeList.length) {
+                        this.checkedNodeList.forEach(x => {
+                            if (x.itemType === DataType$1.area || x.itemType === DataType$1.process) {
+                                this.treeData1.forEach(item => {
+                                    if (item.childId && x.id === item.childId || !item.childId && (x.id === item.rootId)) {
+                                        selectProcess.push({
+                                            disabled: false,
+                                            expandable: x.itemType == DataType$1.area ? true : false,
+                                            hasChild: x.itemType == DataType$1.area ? true : false,
+                                            id: x.id,
+                                            level: 0,
+                                            levelType: undefined,
+                                            name: x.itemName,
+                                            parentId: x.parentId
+                                        });
+                                    }
+                                });
+                            }
+                            else {
+                                this.treeData2.forEach(item => {
+                                    if (item.childId && x.id === item.childId || !item.childId && (x.id === item.rootId)) {
+                                        selectDocument.push({
+                                            disabled: false,
+                                            expandable: x.itemType == DataType$1.folder ? true : false,
+                                            hasChild: x.itemType == DataType$1.folder ? true : false,
+                                            id: x.id,
+                                            level: 0,
+                                            levelType: undefined,
+                                            name: x.itemName,
+                                            parentId: x.parentId
+                                        });
+                                    }
+                                });
+                            }
+                        });
+                    }
+                    this.selectedData = [...this.selectedData, ...selectProcess, newSelectedProcess];
+                    this.selectedData2 = [...this.selectedData2, ...selectDocument];
+                    setTimeout(() => {
+                        const treeNode = {
+                            id: newNodeProcess.childId,
+                            name: newNodeProcess.childName,
+                            children: [],
+                            parentId: newNodeProcess.rootId
+                        };
+                        this.dataTrees.toArray()[0].todoItemSelection([treeNode]);
+                    }, 500);
+                }
             }
         }
     }
@@ -5294,7 +5598,8 @@ class RelatedPopupComponent {
                         itemName: x.name,
                         itemType: itemType,
                         itemNumberId: item.displayId.toString(),
-                        parentId: item.rootId
+                        parentId: item.rootId,
+                        parentName: item.rootName
                     });
                 });
             }
@@ -5486,7 +5791,7 @@ class RelatedPopupComponent {
         return (elmHeight + elmMargin);
     }
     getItemChipName(item) {
-        if (item.itemType === DataType.checklist || item.itemType === DataType.deviation) {
+        if (item.itemType === DataType$1.checklist || item.itemType === DataType$1.deviation) {
             return (item.parentName && item.itemName !== item.parentName) ? `${item.parentName}/${item.itemName}` : item.itemName;
         }
         return item.itemName;
@@ -5496,43 +5801,43 @@ class RelatedPopupComponent {
     }
     getNodeIcon(item) {
         switch (item.itemType) {
-            case DataType.folder: {
+            case DataType$1.folder: {
                 switch (item.levelType) {
-                    case DocumentNodeType.DepartmentFolder:
+                    case DocumentNodeType$1.DepartmentFolder:
                         return 'department_folder_outlined';
-                    case DocumentNodeType.RegionalFolder:
+                    case DocumentNodeType$1.RegionalFolder:
                         return 'regional_folder_outlined';
-                    case DocumentNodeType.TopFolder:
+                    case DocumentNodeType$1.TopFolder:
                         return 'enterprise_folder_outlined';
-                    case DocumentNodeType.Folder:
+                    case DocumentNodeType$1.Folder:
                         return 'local_folder_outlined';
                     default:
                         return 'folder_outlined';
                 }
             }
-            case DataType.document: {
+            case DataType$1.document: {
                 switch (item.levelType) {
-                    case DocumentNodeType.DepartmentFolder:
+                    case DocumentNodeType$1.DepartmentFolder:
                         return 'document_department';
-                    case DocumentNodeType.RegionalFolder:
+                    case DocumentNodeType$1.RegionalFolder:
                         return 'document_regional';
-                    case DocumentNodeType.TopFolder:
+                    case DocumentNodeType$1.TopFolder:
                         return 'document_enterprise';
-                    case DocumentNodeType.Folder:
+                    case DocumentNodeType$1.Folder:
                         return 'document_local';
                     default:
                         return 'document';
                 }
             }
-            case DataType.area:
+            case DataType$1.area:
                 return 'process_area_outlined';
-            case DataType.process:
+            case DataType$1.process:
                 return 'process';
-            case DataType.deviation:
+            case DataType$1.deviation:
                 return 'deviation';
-            case DataType.checklist:
+            case DataType$1.checklist:
                 return 'checklist';
-            case DataType.risk:
+            case DataType$1.risk:
                 return 'risk';
             default:
                 return 'folder_outlined';
@@ -5546,25 +5851,25 @@ class RelatedPopupComponent {
     }
     getTitle(type) {
         switch (type) {
-            case DataType.process:
+            case DataType$1.process:
                 return this.LANG.PROCESSES;
-            case DataType.area:
+            case DataType$1.area:
                 return this.LANG.PROCESS_AREA;
-            case DataType.document:
+            case DataType$1.document:
                 return this.LANG.DOCUMENTS;
-            case DataType.folder:
+            case DataType$1.folder:
                 return this.LANG.FOLDER;
-            case DataType.deviation:
+            case DataType$1.deviation:
                 return this.LANG.DEVIATION;
-            case DataType.deviationType:
+            case DataType$1.deviationType:
                 return this.LANG.DEVIATION_TYPE;
-            case DataType.checklist:
+            case DataType$1.checklist:
                 return this.LANG.CHECKLIST;
-            case DataType.checklistCategory:
+            case DataType$1.checklistCategory:
                 return this.LANG.CHECKLIST_CATEGORY;
-            case DataType.risk:
+            case DataType$1.risk:
                 return this.LANG.ASSESSMENT;
-            case DataType.riskFolder:
+            case DataType$1.riskFolder:
                 return this.LANG.FOLDER;
         }
     }
@@ -5613,38 +5918,43 @@ class RelatedPopupComponent {
             [].forEach.call(itemElement, (el) => {
                 el.classList.add('active-item');
             });
-            let item = new IRelated();
-            item.id = node.id;
-            item.itemType = type;
-            item.itemName = node.name;
-            item.levelType = node.levelType;
-            this.selectedFolder = node;
             if (type === this.dataType.folder) {
                 this.splitViewTitle = `${this.LANG.MESSAGE.DOCUMENTS_IN.toUpperCase()} "${node.name}"`;
             }
             else if (type === this.dataType.area) {
                 this.splitViewTitle = `${this.LANG.MESSAGE.PROCESSES_IN.toUpperCase()} "${node.name}"`;
             }
+            let item = new IRelated();
+            item.id = node.id;
+            item.itemType = type;
+            item.itemName = node.name;
+            item.levelType = node.levelType;
+            this.selectedFolder = node;
+            this.parentNodeSelected = new TreeFlatNode();
+            this.parentNodeSelected = Object.assign({}, node);
             this.onExpandFolder.emit(item);
         }
     }
     canShowSearchOption(moduleId) {
         if (this.canOnlySelectItem &&
-            (moduleId === DataType.checklistCategory
-                || moduleId === DataType.riskFolder
-                || moduleId === DataType.deviationType
-                || (moduleId === DataType.area && this.treeConfig1 && !this.treeConfig1.singleSelectedNode)
-                || (moduleId === DataType.folder && this.treeConfig2 && !this.treeConfig2.singleSelectedNode))) {
+            (moduleId === DataType$1.checklistCategory
+                || moduleId === DataType$1.riskFolder
+                || moduleId === DataType$1.deviationType
+                || (moduleId === DataType$1.area && this.treeConfig1 && !this.treeConfig1.singleSelectedNode)
+                || (moduleId === DataType$1.folder && this.treeConfig2 && !this.treeConfig2.singleSelectedNode))) {
             return false;
         }
         return this.getModuleFilteredOptions(moduleId).length > 0;
     }
     selectNodeTreeEvent(node) {
         var _a, _b, _c, _d;
+        if (!node.itemType) {
+            return;
+        }
         let position = -1;
         let parentName = '';
         let itemNumberId = '';
-        if (node.itemType == DataType.folder || node.itemType == DataType.document) {
+        if (node.itemType == DataType$1.folder || node.itemType == DataType$1.document) {
             position = !node.expandable ? this.treeData2.findIndex(p => p.childId === node.id && p.rootId === node.parentId) :
                 this.treeData2.findIndex(p => p.rootId === node.id);
             parentName = this.treeData2[position].parentId ? this.treeData2[position].subName : this.treeData2[position].rootName;
@@ -5676,7 +5986,7 @@ class RelatedPopupComponent {
 RelatedPopupComponent.decorators = [
     { type: Component, args: [{
                 selector: 'qms-related-popup',
-                template: "<div id=\"qmslib_related_popup\" class=\"qmslib__related__popup__container\">\r\n  <div id=\"qmslib_related_popup_header\">\r\n    <span mat-icon-button class=\"button__close\" (click)=\"onCloseClick()\">\r\n      <mat-icon mat-icon>close</mat-icon>\r\n    </span>\r\n    <div id=\"qmslib_related_popup_header_001\" mat-dialog-content>\r\n      <span>{{ moduleName | uppercase }}</span>\r\n    </div>\r\n  </div>\r\n\r\n  <div\r\n    id=\"qmslib_related_popup_search\"\r\n    class=\"input__field\"\r\n    (click)=\"showSearchResult()\"\r\n  >\r\n    <input\r\n      #name\r\n      type=\"text\"\r\n      placeholder=\"{{ LANG.SEARCH }}\"\r\n      matInput\r\n      [formControl]=\"myControl\"\r\n      [matAutocomplete]=\"auto\"\r\n      #autoCompleteInputSearch\r\n    />\r\n    <mat-icon>search</mat-icon>\r\n  </div>\r\n\r\n  <div class=\"line__divider\"></div>\r\n\r\n  <mat-autocomplete\r\n    #auto=\"matAutocomplete\"\r\n    [displayWith]=\"displayRelated\"\r\n    class=\"mat-autocomplete_related-viewport\"\r\n  >\r\n    <cdk-virtual-scroll-viewport\r\n      qms-scrollbar\r\n      itemSize=\"10\"\r\n      class=\"related-viewport\"\r\n    >\r\n      <ng-container *ngFor=\"let type of searchOrder\">\r\n        <div\r\n          class=\"search__module-result\"\r\n          *ngIf=\"canShowSearchOption(type.value)\"\r\n        >\r\n          <span class=\"search__module-title\">{{ getTitle(type.value) }}</span>\r\n          <mat-option\r\n            class=\"search__option\"\r\n            *ngFor=\"let option of getModuleFilteredOptions(type.value)\"\r\n            [value]=\"option\"\r\n            (click)=\"selectRelated(option)\"\r\n          >\r\n            <qms-list-item type=\"image-square\">\r\n              <mat-icon\r\n                leading-icon\r\n                type=\"image-square\"\r\n                [svgIcon]=\"getNodeIcon(option)\"\r\n              ></mat-icon>\r\n              <div qms-list-header>\r\n                <div\r\n                  qms-line\r\n                  type=\"caption\"\r\n                  qms-tool-tip=\"{{\r\n                    isEllipsisActive(searchItemResult) ? option.parentName : ''\r\n                  }}\"\r\n                  mode=\"dark\"\r\n                  *ngIf=\"getParentName(option)\"\r\n                >\r\n                  <span #searchItemResult class=\"search__result__parent-name\">\r\n                    {{ option.parentName }}\r\n                  </span>\r\n                </div>\r\n                <div qms-line type=\"subtitle\" class=\"search__option-name\">\r\n                  {{ option.itemName }}\r\n                </div>\r\n                <div\r\n                  class=\"caption\"\r\n                  *ngIf=\"option.breadcumbs && option.breadcumbs.length\"\r\n                >\r\n                  <qms-breadcrumb\r\n                    class=\"breadcrumb-containe\"\r\n                    type=\"table\"\r\n                    numDisplayItem=\"1\"\r\n                    [nodes]=\"option.breadcumbs\"\r\n                  >\r\n                  </qms-breadcrumb>\r\n                </div>\r\n              </div>\r\n              <div qms-line color=\"default-subtitle\" *ngIf=\"getItemId(option)\">\r\n                <span class=\"material-icons-outlined search__description-icon\">\r\n                  local_offer\r\n                </span>\r\n                {{ getItemId(option) }}\r\n              </div>\r\n            </qms-list-item>\r\n          </mat-option>\r\n        </div>\r\n      </ng-container>\r\n    </cdk-virtual-scroll-viewport>\r\n  </mat-autocomplete>\r\n\r\n  <div class=\"row\">\r\n    <div\r\n      class=\"qms-scrollbar qmslib_related_popup_content\"\r\n      [ngClass]=\"{\r\n        panel__content_item: checkedNodeList.length,\r\n        panel__content: !checkedNodeList.length,\r\n        'col-6': splitView,\r\n        'col-12': !splitView\r\n      }\"\r\n    >\r\n      <mat-expansion-panel\r\n        hideToggle\r\n        id=\"qmslib_related_popup_common_001\"\r\n        [expanded]=\"isCommonExpanded\"\r\n        (opened)=\"isCommonExpanded = true\"\r\n        (closed)=\"isCommonExpanded = false\"\r\n        class=\"panel-tree\"\r\n      >\r\n        <mat-expansion-panel-header class=\"padding-5\">\r\n          <mat-panel-title *ngIf=\"moduleId === module.documentProcess\">\r\n            {{ LANG.PROCESSES | uppercase }}\r\n          </mat-panel-title>\r\n          <mat-panel-title *ngIf=\"moduleId === module.deviation\">\r\n            {{ LANG.DEVIATION | uppercase }}\r\n          </mat-panel-title>\r\n          <mat-panel-title *ngIf=\"moduleId === module.checklist\">\r\n            {{ LANG.CHECKLIST | uppercase }}\r\n          </mat-panel-title>\r\n          <mat-panel-title *ngIf=\"moduleId === module.risk\">\r\n            {{ LANG.ASSESSMENT | uppercase }}\r\n          </mat-panel-title>\r\n          <button qms-btn-icon class=\"related_popup_toggle-btn\">\r\n            <mat-icon>\r\n              {{\r\n                isCommonExpanded ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\"\r\n              }}\r\n            </mat-icon>\r\n          </button>\r\n        </mat-expansion-panel-header>\r\n        <div id=\"qmslib_related_popup_common_002\">\r\n          <qms-tree\r\n            [treeData]=\"treeData1\"\r\n            [treeConfig]=\"treeConfig1\"\r\n            [selectedData]=\"selectedData\"\r\n            [selectedRiskData]=\"selectedRiskData\"\r\n            [disabledList]=\"disabledList\"\r\n            (checkBoxEvent)=\"getCommonCheckedNode($event)\"\r\n            (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.area)\"\r\n            (selectNodeEvent)=\"selectNodeTreeEvent($event)\"\r\n            (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\r\n            [expandOnTitleClick]=\"!splitView\"\r\n          ></qms-tree>\r\n        </div>\r\n      </mat-expansion-panel>\r\n\r\n      <div\r\n        *ngIf=\"moduleId === module.documentProcess\"\r\n        class=\"line__divider\"\r\n      ></div>\r\n\r\n      <mat-expansion-panel\r\n        hideToggle\r\n        *ngIf=\"moduleId === module.documentProcess\"\r\n        id=\"qmslib_related_popup_document_001\"\r\n        [expanded]=\"isDocumentExpanded\"\r\n        (opened)=\"isDocumentExpanded = true\"\r\n        (closed)=\"isDocumentExpanded = false\"\r\n        class=\"panel-tree\"\r\n      >\r\n        <mat-expansion-panel-header class=\"padding-5\">\r\n          <mat-panel-title> {{ LANG.DOCUMENTS | uppercase }} </mat-panel-title>\r\n          <button qms-btn-icon class=\"related_popup_toggle-btn\">\r\n            <mat-icon>\r\n              {{\r\n                isDocumentExpanded ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\"\r\n              }}\r\n            </mat-icon>\r\n          </button>\r\n        </mat-expansion-panel-header>\r\n        <div id=\"qmslib_related_popup_document_002\">\r\n          <qms-tree\r\n            [treeData]=\"treeData2\"\r\n            [treeConfig]=\"treeConfig2\"\r\n            [selectedData]=\"selectedData2\"\r\n            [disabledList]=\"disabledList2\"\r\n            (checkBoxEvent)=\"getDocumentCheckedNode($event)\"\r\n            (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.folder)\"\r\n            (selectNodeEvent)=\"selectNodeTreeEvent($event)\"\r\n            (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\r\n            [expandOnTitleClick]=\"!splitView\"\r\n          ></qms-tree>\r\n        </div>\r\n      </mat-expansion-panel>\r\n    </div>\r\n    <div\r\n      *ngIf=\"splitView\"\r\n      class=\"\r\n        qms-scrollbar\r\n        qmslib-related-popup-splitview qmslib_related_popup_content\r\n        col-6\r\n      \"\r\n      [ngClass]=\"{\r\n        panel__content_item: checkedNodeList.length,\r\n        panel__content: !checkedNodeList.length\r\n      }\"\r\n    >\r\n      <div class=\"splitview-header\" *ngIf=\"selectedFolder\">\r\n        {{ splitViewTitle }}\r\n      </div>\r\n      <div class=\"expand-node\" *ngFor=\"let node of itemInSplitview\">\r\n        <mat-checkbox\r\n          qms-group-options\r\n          [disabled]=\"node.disabled\"\r\n          color=\"default\"\r\n          [checked]=\"isNodeSelected(node)\"\r\n          (change)=\"toggleSelectItem(node)\"\r\n        ></mat-checkbox>\r\n        <mat-icon\r\n          class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n          [svgIcon]=\"getNodeIcon(node)\"\r\n        ></mat-icon>\r\n        <span class=\"text-node\">{{ node.itemName }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div *ngIf=\"checkedNodeList.length\" class=\"line__divider\"></div>\r\n\r\n  <div *ngIf=\"checkedNodeList.length\" class=\"panel__item qms-scrollbar\">\r\n    <div class=\"related__item__inline\" *ngFor=\"let item of checkedNodeList\">\r\n      <button\r\n        *ngIf=\"item.itemName\"\r\n        mat-button\r\n        class=\"related__item__content\"\r\n        qms-tool-tip=\"{{\r\n          isEllipsisActive(itemName) ? getItemChipName(item) : ''\r\n        }}\"\r\n        mode=\"dark\"\r\n      >\r\n        <span class=\"related__item__content_name\" #itemName>{{\r\n          getItemChipName(item)\r\n        }}</span>\r\n        <mat-icon\r\n          *ngIf=\"!(treeConfig1?.selectOne || treeConfig2?.selectOne)\"\r\n          (click)=\"removeCheckedNodeList(item)\"\r\n          >cancel</mat-icon\r\n        >\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"line__divider\"></div>\r\n\r\n  <div class=\"confirm__button__groups\">\r\n    <button\r\n      *ngIf=\"!checkedNodeList.length\"\r\n      qms-btn\r\n      style=\"margin-top: 7px\"\r\n      (click)=\"onAddClick()\"\r\n    >\r\n      {{ LANG.ADD }}\r\n    </button>\r\n    <button\r\n      *ngIf=\"checkedNodeList.length\"\r\n      qms-btn\r\n      style=\"margin-top: 0px\"\r\n      (click)=\"onAddClick()\"\r\n    >\r\n      {{ LANG.ADD }} ({{ checkedNodeList.length }})\r\n    </button>\r\n    <button\r\n      qms-btn-text\r\n      [ngStyle]=\"{ 'margin-top': checkedNodeList.length ? '0px' : '7px' }\"\r\n      (click)=\"onCloseClick()\"\r\n    >\r\n      {{ LANG.CANCEL }}\r\n    </button>\r\n  </div>\r\n</div>\r\n",
+                template: "<div id=\"qmslib_related_popup\" class=\"qmslib__related__popup__container\">\r\n  <div id=\"qmslib_related_popup_header\">\r\n    <span mat-icon-button class=\"button__close\" (click)=\"onCloseClick()\">\r\n      <mat-icon mat-icon>close</mat-icon>\r\n    </span>\r\n    <div id=\"qmslib_related_popup_header_001\" mat-dialog-content>\r\n      <span>{{ moduleName | uppercase }}</span>\r\n    </div>\r\n  </div>\r\n\r\n  <div\r\n    id=\"qmslib_related_popup_search\"\r\n    class=\"input__field\"\r\n    (click)=\"showSearchResult()\"\r\n  >\r\n    <input\r\n      #name\r\n      type=\"text\"\r\n      placeholder=\"{{ LANG.SEARCH }}\"\r\n      matInput\r\n      [formControl]=\"myControl\"\r\n      [matAutocomplete]=\"auto\"\r\n      #autoCompleteInputSearch\r\n    />\r\n    <mat-icon>search</mat-icon>\r\n  </div>\r\n\r\n  <div class=\"line__divider\"></div>\r\n\r\n  <mat-autocomplete\r\n    #auto=\"matAutocomplete\"\r\n    [displayWith]=\"displayRelated\"\r\n    class=\"mat-autocomplete_related-viewport\"\r\n  >\r\n    <cdk-virtual-scroll-viewport\r\n      qms-scrollbar\r\n      itemSize=\"10\"\r\n      class=\"related-viewport\"\r\n    >\r\n      <ng-container *ngFor=\"let type of searchOrder\">\r\n        <div\r\n          class=\"search__module-result\"\r\n          *ngIf=\"canShowSearchOption(type.value)\"\r\n        >\r\n          <span class=\"search__module-title\">{{ getTitle(type.value) }}</span>\r\n          <mat-option\r\n            class=\"search__option\"\r\n            *ngFor=\"let option of getModuleFilteredOptions(type.value)\"\r\n            [value]=\"option\"\r\n            (click)=\"selectRelated(option)\"\r\n          >\r\n            <qms-list-item type=\"image-square\">\r\n              <mat-icon\r\n                leading-icon\r\n                type=\"image-square\"\r\n                [svgIcon]=\"getNodeIcon(option)\"\r\n              ></mat-icon>\r\n              <div qms-list-header>\r\n                <div\r\n                  qms-line\r\n                  type=\"caption\"\r\n                  qms-tool-tip=\"{{\r\n                    isEllipsisActive(searchItemResult) ? option.parentName : ''\r\n                  }}\"\r\n                  mode=\"dark\"\r\n                  *ngIf=\"getParentName(option)\"\r\n                >\r\n                  <span #searchItemResult class=\"search__result__parent-name\">\r\n                    {{ option.parentName }}\r\n                  </span>\r\n                </div>\r\n                <div qms-line type=\"subtitle\" class=\"search__option-name\">\r\n                  {{ option.itemName }}\r\n                </div>\r\n                <div\r\n                  class=\"caption\"\r\n                  *ngIf=\"option.breadcumbs && option.breadcumbs.length\"\r\n                >\r\n                  <qms-breadcrumb\r\n                    class=\"breadcrumb-containe\"\r\n                    type=\"table\"\r\n                    numDisplayItem=\"1\"\r\n                    [nodes]=\"option.breadcumbs\"\r\n                  >\r\n                  </qms-breadcrumb>\r\n                </div>\r\n              </div>\r\n              <div qms-line color=\"default-subtitle\" *ngIf=\"getItemId(option)\">\r\n                <span class=\"material-icons-outlined search__description-icon\">\r\n                  local_offer\r\n                </span>\r\n                {{ getItemId(option) }}\r\n              </div>\r\n            </qms-list-item>\r\n          </mat-option>\r\n        </div>\r\n      </ng-container>\r\n    </cdk-virtual-scroll-viewport>\r\n  </mat-autocomplete>\r\n\r\n  <div class=\"row\">\r\n    <div\r\n      class=\"qms-scrollbar qmslib_related_popup_content\"\r\n      [ngClass]=\"{\r\n        panel__content_item: checkedNodeList.length,\r\n        panel__content: !checkedNodeList.length,\r\n        'col-6': splitView,\r\n        'col-12': !splitView\r\n      }\"\r\n    >\r\n      <mat-expansion-panel\r\n        hideToggle\r\n        id=\"qmslib_related_popup_common_001\"\r\n        [expanded]=\"isCommonExpanded\"\r\n        (opened)=\"isCommonExpanded = true\"\r\n        (closed)=\"isCommonExpanded = false\"\r\n        class=\"panel-tree\"\r\n      >\r\n        <mat-expansion-panel-header class=\"padding-5\">\r\n          <mat-panel-title *ngIf=\"moduleId === module.documentProcess\">\r\n            {{ LANG.PROCESSES | uppercase }}\r\n          </mat-panel-title>\r\n          <mat-panel-title *ngIf=\"moduleId === module.deviation\">\r\n            {{ LANG.DEVIATION | uppercase }}\r\n          </mat-panel-title>\r\n          <mat-panel-title *ngIf=\"moduleId === module.checklist\">\r\n            {{ LANG.CHECKLIST | uppercase }}\r\n          </mat-panel-title>\r\n          <mat-panel-title *ngIf=\"moduleId === module.risk\">\r\n            {{ LANG.ASSESSMENT | uppercase }}\r\n          </mat-panel-title>\r\n          <button qms-btn-icon class=\"related_popup_toggle-btn\">\r\n            <mat-icon>\r\n              {{\r\n                isCommonExpanded ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\"\r\n              }}\r\n            </mat-icon>\r\n          </button>\r\n        </mat-expansion-panel-header>\r\n        <div id=\"qmslib_related_popup_common_002\">\r\n          <qms-tree\r\n            [treeData]=\"treeData1\"\r\n            [treeConfig]=\"treeConfig1\"\r\n            [selectedData]=\"selectedData\"\r\n            [selectedRiskData]=\"selectedRiskData\"\r\n            [disabledList]=\"disabledList\"\r\n            (checkBoxEvent)=\"getCommonCheckedNode($event)\"\r\n            (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.area)\"\r\n            (selectNodeEvent)=\"selectNodeTreeEvent($event)\"\r\n            (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\r\n            [expandOnTitleClick]=\"!splitView\"\r\n            [parentNodeOnClick]=\"parentNodeSelected\"\r\n          ></qms-tree>\r\n        </div>\r\n      </mat-expansion-panel>\r\n\r\n      <div\r\n        *ngIf=\"moduleId === module.documentProcess\"\r\n        class=\"line__divider\"\r\n      ></div>\r\n\r\n      <mat-expansion-panel\r\n        hideToggle\r\n        *ngIf=\"moduleId === module.documentProcess\"\r\n        id=\"qmslib_related_popup_document_001\"\r\n        [expanded]=\"isDocumentExpanded\"\r\n        (opened)=\"isDocumentExpanded = true\"\r\n        (closed)=\"isDocumentExpanded = false\"\r\n        class=\"panel-tree\"\r\n      >\r\n        <mat-expansion-panel-header class=\"padding-5\">\r\n          <mat-panel-title> {{ LANG.DOCUMENTS | uppercase }} </mat-panel-title>\r\n          <button qms-btn-icon class=\"related_popup_toggle-btn\">\r\n            <mat-icon>\r\n              {{\r\n                isDocumentExpanded ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\"\r\n              }}\r\n            </mat-icon>\r\n          </button>\r\n        </mat-expansion-panel-header>\r\n        <div id=\"qmslib_related_popup_document_002\">\r\n          <qms-tree\r\n            [treeData]=\"treeData2\"\r\n            [treeConfig]=\"treeConfig2\"\r\n            [selectedData]=\"selectedData2\"\r\n            [disabledList]=\"disabledList2\"\r\n            (checkBoxEvent)=\"getDocumentCheckedNode($event)\"\r\n            (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.folder)\"\r\n            (selectNodeEvent)=\"selectNodeTreeEvent($event)\"\r\n            (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\r\n            [expandOnTitleClick]=\"!splitView\"\r\n            [parentNodeOnClick]=\"parentNodeSelected\"\r\n          ></qms-tree>\r\n        </div>\r\n      </mat-expansion-panel>\r\n    </div>\r\n    <div\r\n      *ngIf=\"splitView\"\r\n      class=\"\r\n        qms-scrollbar\r\n        qmslib-related-popup-splitview qmslib_related_popup_content\r\n        col-6\r\n      \"\r\n      [ngClass]=\"{\r\n        panel__content_item: checkedNodeList.length,\r\n        panel__content: !checkedNodeList.length\r\n      }\"\r\n    >\r\n      <div class=\"splitview-header\" *ngIf=\"selectedFolder\">\r\n        {{ splitViewTitle }}\r\n      </div>\r\n      <div class=\"expand-node\" *ngFor=\"let node of itemInSplitview\">\r\n        <mat-checkbox\r\n          qms-group-options\r\n          [disabled]=\"node.disabled\"\r\n          color=\"default\"\r\n          [checked]=\"isNodeSelected(node)\"\r\n          (change)=\"toggleSelectItem(node)\"\r\n        ></mat-checkbox>\r\n        <mat-icon\r\n          class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n          [svgIcon]=\"getNodeIcon(node)\"\r\n        ></mat-icon>\r\n        <span class=\"text-node\">{{ node.itemName }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div *ngIf=\"checkedNodeList.length\" class=\"line__divider\"></div>\r\n\r\n  <div *ngIf=\"checkedNodeList.length\" class=\"panel__item qms-scrollbar\">\r\n    <div class=\"related__item__inline\" *ngFor=\"let item of checkedNodeList\">\r\n      <button\r\n        *ngIf=\"item.itemName\"\r\n        mat-button\r\n        class=\"related__item__content\"\r\n        qms-tool-tip=\"{{\r\n          isEllipsisActive(itemName) ? getItemChipName(item) : ''\r\n        }}\"\r\n        mode=\"dark\"\r\n      >\r\n        <span class=\"related__item__content_name\" #itemName>{{\r\n          getItemChipName(item)\r\n        }}</span>\r\n        <mat-icon\r\n          *ngIf=\"!(treeConfig1?.selectOne || treeConfig2?.selectOne)\"\r\n          (click)=\"removeCheckedNodeList(item)\"\r\n          >cancel</mat-icon\r\n        >\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"line__divider\"></div>\r\n\r\n  <div class=\"confirm__button__groups\">\r\n    <button\r\n      *ngIf=\"!checkedNodeList.length\"\r\n      qms-btn\r\n      style=\"margin-top: 7px\"\r\n      (click)=\"onAddClick()\"\r\n    >\r\n      {{ LANG.ADD }}\r\n    </button>\r\n    <button\r\n      *ngIf=\"checkedNodeList.length\"\r\n      qms-btn\r\n      style=\"margin-top: 0px\"\r\n      (click)=\"onAddClick()\"\r\n    >\r\n      {{ LANG.ADD }} ({{ checkedNodeList.length }})\r\n    </button>\r\n    <button\r\n      qms-btn-text\r\n      [ngStyle]=\"{ 'margin-top': checkedNodeList.length ? '0px' : '7px' }\"\r\n      (click)=\"onCloseClick()\"\r\n    >\r\n      {{ LANG.CANCEL }}\r\n    </button>\r\n  </div>\r\n</div>\r\n",
                 encapsulation: ViewEncapsulation.None,
                 styles: [".qms-scrollbar::-webkit-scrollbar{width:12px}.qms-scrollbar::-webkit-scrollbar-track{background:rgba(0,0,0,.12);background-clip:content-box}.qms-scrollbar::-webkit-scrollbar-thumb{background:rgba(0,0,0,.38);border-radius:20px;width:4px;border:4px solid transparent;background-clip:content-box}.qms-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5);background-clip:content-box;border:4px solid transparent}.qms-scrollbar.none-scroll-bg::-webkit-scrollbar-track{background:transparent;background-clip:content-box}.qms__popup .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qms__danger button{border:none;color:#fff;padding:0;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;height:20px;width:20px;font-family:Open Sans;font-size:12px;font-weight:600;font-style:normal;line-height:16px}.qms__danger .red{background-color:#9e360f;margin-left:10px}.qms__danger .yellow{background-color:#e4cf53;margin-left:10px;color:#323232}.qms__danger .green{background-color:#00804c;margin-left:10px}.confirm__button__groups{margin-top:11px}.confirm__button__groups button{min-height:36px;width:auto;font-family:Open Sans;font-weight:500;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px;margin-right:5px;float:right}.confirm__button__groups .confirm{background:#f8f9f9}.confirm__button__groups .confirm:hover{background:#001983;color:#fff}.confirm__button__groups .confirm:disabled{cursor:not-allowed}.confirm__button__groups .cancel{background:#f8f9f9}.confirm__button__groups .cancel:hover{background:#001983;color:#fff}.qmslib__related__popup__container .input__field{display:flex;align-items:center}.qmslib__related__popup__container .input__field input{width:100%;padding:10px;outline:none;border:none;background:#eee}.qmslib__related__popup__container .input__field .mat-icon{margin-left:-30px;cursor:pointer;vertical-align:middle}.qmslib__related__popup__container .line__divider{border-bottom:1px solid #ccc;height:1px;margin-top:10px;min-width:300px;max-width:100%}.qmslib__related__popup__container .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmslib__related__popup__container .panel__content{height:450px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel__content_item{height:350px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel-tree .mat-expansion-panel-body{padding:0 12px 12px}.qmslib__related__popup__container .mat-expansion-panel-header{height:30px;font-size:12px;letter-spacing:1px;font-family:Raleway;font-weight:600;padding:0}.qmslib__related__popup__container .mat-expansion-panel-header .mat-expansion-panel-header-title{align-items:center;margin-left:12px}.qmslib__related__popup__container .mat-expansion-panel-header .related_popup_toggle-btn{width:1.5rem;height:1.5rem;line-height:1.5rem}.qmslib__related__popup__container .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none}.qmslib__related__popup__container .panel__item{height:100px;margin-top:12px;overflow-x:hidden;overflow-y:auto;padding-right:5px;width:100%;max-width:100%;display:flex;flex-wrap:wrap;align-content:flex-start}.qmslib__related__popup__container .panel__item .related__item__inline{max-width:100%}.qmslib__related__popup__container .panel__item .related__item__content{height:32px;line-height:32px;background-color:#e5e5e5;max-width:100%;margin-bottom:5px;margin-left:2.5px;margin-right:2.5px}.qmslib__related__popup__container .panel__item .related__item__content .mat-icon{color:#8e8e8e;font-size:24px}.qmslib__related__popup__container .panel__item .related__item__content span.related__item__content_name{display:inline-block;min-width:calc(100% - 13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:278px}.qmslib__related__popup__container .qmslib-related-popup-splitview{background-color:#fff;border-left:1px solid #ccc;height:450px;overflow-y:auto;margin-top:12px}.qmslib__related__popup__container .qmslib-related-popup-splitview.panel__content{height:450px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .qmslib-related-popup-splitview.panel__content_item{height:350px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .qmslib-related-popup-splitview .splitview-header{height:30px;font-size:12px;letter-spacing:1px;font-family:RALEWAY;font-weight:600;display:flex;align-items:center}.qmslib__related__popup__container .qmslib-related-popup-splitview .mat-checkbox.qms-group-options{padding:0}.qmslib__related__popup__container .qmslib-related-popup-splitview .mat-checkbox.qms-group-options .mat-checkbox-inner-container{margin-right:11px}.qmslib__related__popup__container .qmslib-related-popup-splitview .mat-checkbox.qms-group-options.mat-checkbox-checked{background:transparent!important}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node{margin-left:8px;display:flex;align-items:center;min-height:40px}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node .mat-icon{color:rgba(0,0,0,.6);margin-right:17px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node .mat-icon svg{display:block;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}cdk-virtual-scroll-viewport{overflow-x:hidden}cdk-virtual-scroll-viewport .search__module-result{margin:1.5rem;padding:0 0 .5rem}cdk-virtual-scroll-viewport .search__module-result .search__module-title{font-size:14px;font-weight:600}cdk-virtual-scroll-viewport .search__module-result .search__option{height:auto;line-height:normal;padding:8px 0;border-bottom:1px solid #e0e0e0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item.mat-2-line.image-item{height:auto}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content{margin:0;border-bottom:none}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .wrap-image.image-square{width:2.5rem;height:100%;background:transparent;align-self:center;margin-right:0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .wrap-image.image-square img{width:24px;height:24px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .material-icons-outlined.leading-icon,cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content mat-icon.leading-icon{padding:4px 0 4px 4px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .subtitle{font-weight:400}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .caption{overflow:hidden;line-height:normal;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .caption span.search__result__parent-name{display:inline-block;width:auto;width:calc(100% - 13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .default-subtitle{color:rgba(0,0,0,.38)}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .search__description-icon{margin-right:0;width:12px;height:12px;font-size:12px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .qms-list-text{border-bottom:none}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .breadcrumb-containe .qms-breadcrumb-item .mat-icon{font-size:16px!important;padding-bottom:1px}cdk-virtual-scroll-viewport .search__module-result svg{display:block}#qmslib_related_popup_header_001{margin-bottom:20px;padding:0;font-weight:600;font-family:Raleway}.padding-5{padding:5px}.mat-autocomplete_related-viewport{height:100%;max-height:100%!important}.mat-autocomplete_related-viewport .cdk-virtual-scroll-content-wrapper{width:100%}.mat-autocomplete_related-viewport .related-viewport{min-height:10.25rem}"]
             },] }
@@ -5747,7 +6057,7 @@ class RiskAnalysisComponent {
             showCheckBox: true,
             allowMultipleCheck: true,
             onlyCheckBoxForChild: false,
-            moduleId: DataType.risk,
+            moduleId: DataType$1.risk,
             openIcon: 'keyboard_arrow_up',
             openIconColor: '#1954A9',
             closeIcon: 'keyboard_arrow_down',
@@ -6114,12 +6424,6 @@ QMSRelatedModule.decorators = [
             },] }
 ];
 
-class TreeFlatNode {
-}
-
-class TreeModel {
-}
-
 class TreeConfig {
 }
 
@@ -11229,13 +11533,13 @@ class BpmnService {
             joint.ui.Halo.clear(paper);
         }
         function showStatus(message, type) {
-            $('.status').removeClass('info error success').addClass(type).html(message);
-            $('#statusbar-container')
+            $$1('.status').removeClass('info error success').addClass(type).html(message);
+            $$1('#statusbar-container')
                 .dequeue()
                 .addClass('active')
                 .delay(3000)
                 .queue(() => {
-                $(this).removeClass('active');
+                $$1(this).removeClass('active');
             });
         }
         function replaceLink(graph, link, linkConstructor) {
@@ -15175,7 +15479,7 @@ QmsAppBarComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-qms-app-bar',
                 template: "<div class=\"qms-app-bar-container\">\r\n    <mat-toolbar class=\"bar-container\" *ngIf=\"!isNomalType\">\r\n        <span class=\"w-100\">\r\n            <span class=\"col-4 d-inline-flex align-items-lg-center\">\r\n                <div *ngIf=\"hideMenuDropdown\" class=\"border align-self-center\">\r\n                    <div *ngIf=\"logoSvgPath\" class=\"logo-container\">\r\n                        <img [src]=\"logoSvgPath\" alt=\"\" />\r\n                    </div>\r\n                </div>\r\n                <div *ngIf=\"!hideMenuDropdown\">\r\n                    <button #menu class=\"collapse-icon\" mat-button>\r\n                        <mat-icon class=\"mat-icon-rtl-mirror\" (click)=\"onMenuClicked()\">\r\n                            menu\r\n                        </mat-icon>\r\n                    </button>\r\n                    <img [src]=\"logoSvgPath\" alt=\"\" />\r\n                </div>\r\n                <span class=\"p-3\">{{title}}</span>\r\n                <div class=\"spacer\"></div>\r\n            </span>\r\n            <span class=\"align-items-sm-center col-4 d-inline-flex justify-content-center\">\r\n                <div *ngIf=\"imgSvgPath\" class=\"img-container\" [class.bg-transparent]=\"isImgSvgTransparent\">\r\n                    <img [src]=\"imgSvgPath\" alt=\"\" />\r\n                </div>\r\n            </span>\r\n            <span class=\"col-4 d-inline-flex justify-content-end\">\r\n                <button (click)=\"onRightIconClicked(item.icon)\" *ngFor=\"let item of rightIcons\" class=\"menu-item-icon\"\r\n                    mat-button>\r\n                    <mat-icon *ngIf=\"item.icon == 'notifications_none'\" matBadge=\"{{notifications}}\"\r\n                        matBadgeColor=\"warn\">\r\n                        {{item.icon}}\r\n                    </mat-icon>\r\n                    <mat-icon *ngIf=\"item.icon != 'notifications_none'\"\r\n                        class=\"material-icons-outlined mat-icon-rtl-mirror\">\r\n                        {{item.icon}}\r\n                    </mat-icon>\r\n                    <span class=\"mg-l-3\">{{item.tooltip}}</span>\r\n                </button>\r\n            </span>\r\n        </span>\r\n    </mat-toolbar>\r\n    <mat-toolbar class=\"bar-prv-container\" *ngIf=\"isNomalType\">\r\n        <button class=\"icon-title\" #menu qms-btn-text (click)=\"onClickLeftFirstIcon()\">\r\n            <mat-icon class=\"cusor-pointer\">\r\n                {{leftFirstIcon}}\r\n            </mat-icon>\r\n        </button>\r\n        <span class=\"content-title\">{{title}}</span>\r\n        <div class=\"spacer\"></div>\r\n        <div class=\"right-content\">\r\n            <button qms-btn-text (click)=\"onCancel()\" class=\"cusor-pointer mr-22\" *ngIf=\"cancelTitle\">\r\n                {{cancelTitle}}\r\n            </button>\r\n            <button qms-btn [disabled]=\"disabledConfirmAction\" class=\"cusor-pointer\" (click)=\"onConfirm()\" *ngIf=\"confirmTitle\">\r\n                {{confirmTitle}}\r\n            </button>\r\n        </div>\r\n    </mat-toolbar>\r\n</div>",
-                styles: [".qms-app-bar-container{height:56px}.qms-app-bar-container .spacer{flex:1 1 auto}.qms-app-bar-container .mat-toolbar{background:#00324e;color:#fff;height:56px}.qms-app-bar-container .bar-prv-container{background:#e4e4e4}.qms-app-bar-container .bar-prv-container .close-icon,.qms-app-bar-container .bar-prv-container .title-icon{color:#323232}.qms-app-bar-container .bar-prv-container .right-content .mr-22{margin-right:22px}.qms-app-bar-container .bar-prv-container button:first-child:hover{background-color:rgba(0,0,0,.08)}.qms-app-bar-container .bar-prv-container .icon-title{color:#666}.qms-app-bar-container .bar-prv-container .content-title{font-family:Raleway;font-size:18px;font-style:normal;font-weight:600;line-height:21px;letter-spacing:0;text-align:left;color:#323232}.qms-app-bar-container .bar-container{padding:0!important}.qms-app-bar-container .bar-container .logo-container{background:#fff;padding:12px;height:56px}.qms-app-bar-container .bar-container .img-container{height:40px;background:#fff;padding:2px}.qms-app-bar-container .bar-container .bg-transparent{background:transparent;height:40px;padding:2px}"]
+                styles: [".qms-app-bar-container{height:56px}.qms-app-bar-container .spacer{flex:1 1 auto}.qms-app-bar-container .mat-toolbar{background:#00324e;color:#fff;height:56px}.qms-app-bar-container .bar-prv-container{background:#e4e4e4}.qms-app-bar-container .bar-prv-container .close-icon,.qms-app-bar-container .bar-prv-container .title-icon{color:#323232}.qms-app-bar-container .bar-prv-container .right-content .mr-22{margin-right:22px}.qms-app-bar-container .bar-prv-container button:first-child:hover{background-color:rgba(0,0,0,.08)}.qms-app-bar-container .bar-prv-container .icon-title{color:#666;padding:0;min-width:0;width:40px;height:40px;flex-shrink:0;line-height:40px;border-radius:50%}.qms-app-bar-container .bar-prv-container .content-title{font-family:Raleway;font-size:18px;font-style:normal;font-weight:600;line-height:21px;letter-spacing:0;text-align:left;color:#323232}.qms-app-bar-container .bar-container{padding:0!important}.qms-app-bar-container .bar-container .logo-container{background:#fff;padding:12px;height:56px}.qms-app-bar-container .bar-container .img-container{height:40px;background:#fff;padding:2px}.qms-app-bar-container .bar-container .bg-transparent{background:transparent;height:40px;padding:2px}"]
             },] }
 ];
 QmsAppBarComponent.ctorParameters = () => [];
@@ -15682,14 +15986,10 @@ class SelectOption {
 
 class QMSSelectGlobalService {
     constructor() {
-        this.searchRelated = new BehaviorSubject([]);
-        this.splitViewValue = new BehaviorSubject([]);
+        this.searchSelect = new BehaviorSubject([]);
     }
     setSearchResult(result) {
-        this.searchRelated.next(result);
-    }
-    setSplitviewValue(result) {
-        this.splitViewValue.next(result);
+        this.searchSelect.next(result);
     }
 }
 QMSSelectGlobalService.ɵprov = i0.ɵɵdefineInjectable({ factory: function QMSSelectGlobalService_Factory() { return new QMSSelectGlobalService(); }, token: QMSSelectGlobalService, providedIn: "root" });
@@ -15704,14 +16004,21 @@ SelectConst.IS_DISPLAY_SEARCH_RESULT = 'IS_DISPLAY_SEARCH_RESULT';
 SelectConst.HIDE_SEARCH_RESULT = 'HIDE_SEARCH_RESULT';
 SelectConst.SHOW_SEARCH_RESULT = 'SHOW_SEARCH_RESULT';
 
+var SelectOptionTypes;
+(function (SelectOptionTypes) {
+    SelectOptionTypes[SelectOptionTypes["SelectOne"] = 1] = "SelectOne";
+    SelectOptionTypes[SelectOptionTypes["IncludeChildren"] = 2] = "IncludeChildren";
+    SelectOptionTypes[SelectOptionTypes["Children"] = 3] = "Children";
+})(SelectOptionTypes || (SelectOptionTypes = {}));
+
 class SelectIncludeChildrenPopUpComponent {
-    constructor(cdRef, translate, dialogRef, globalService, iconRegistry, sanitizer, appIconService, elem, data) {
+    constructor(cdRef, translate, dialogRef, globalService, iconRegistry, domSanitizer, appIconService, elem, data) {
         this.cdRef = cdRef;
         this.translate = translate;
         this.dialogRef = dialogRef;
         this.globalService = globalService;
         this.iconRegistry = iconRegistry;
-        this.sanitizer = sanitizer;
+        this.domSanitizer = domSanitizer;
         this.appIconService = appIconService;
         this.elem = elem;
         this.data = data;
@@ -15719,15 +16026,13 @@ class SelectIncludeChildrenPopUpComponent {
         this.headerName = '';
         this.treeData = [];
         this.checkedNodeList = [];
-        this.SelectOption = [];
+        this.selectedOptions = [];
         this.selectedData = [];
         this.commonCheckedList = [];
-        this.documentCheckedList = [];
-        this.singleProcessList = [];
         this.itemType = 0;
         this.selectedRiskData = [];
         this.disabledList = [];
-        this.disabledList2 = [];
+        this.orginalDisableList = [];
         this.isDocumentExpanded = true;
         this.isCommonExpanded = true;
         this.singleSelectOption = false;
@@ -15738,22 +16043,33 @@ class SelectIncludeChildrenPopUpComponent {
         this.selectedFolder = null;
         this.listChildrenSelectOne = [];
         this.includeChildren = false;
+        this.itemIconType = ItemIconType;
         this.onSearch = new EventEmitter();
         this.onExpandFolder = new EventEmitter();
         this.headerName = data.headerName;
         this.treeData = data.treeData;
         this.treeConfig = data.treeConfig;
         this.selectedRiskData = (data === null || data === void 0 ? void 0 : data.selectedNode) || [];
-        this.disabledList = data.disabledList || [];
+        this.disabledList = $.extend(true, [], data.disabledList || []);
+        this.orginalDisableList = $.extend(true, [], data.disabledList || []);
         this.singleSelectOption = data.treeConfig.singleSelectedNode;
         this.maxSelectItemCount = data.maxSelectItemCount;
-        appIconService.registerProcessIcon(iconRegistry, sanitizer);
-        appIconService.registerProcessAreaIcon(iconRegistry, sanitizer);
-        appIconService.registerDocumentIcon(iconRegistry, sanitizer);
-        appIconService.registerFolderIcon(iconRegistry, sanitizer);
-        appIconService.registerDeviationIcon(iconRegistry, sanitizer);
-        appIconService.registerChecklistIcon(iconRegistry, sanitizer);
-        appIconService.registerRiskIcon(iconRegistry, sanitizer);
+        this.checkedNodeList = (data === null || data === void 0 ? void 0 : data.selectedList) || [];
+        this.includeChildren = data === null || data === void 0 ? void 0 : data.includeChildren;
+        this.editItem = data.editItem;
+        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);
+    }
+    ngAfterViewInit() {
+        if (this.editItem) {
+            this.focusEditItem(this.editItem);
+        }
+        this.initTree(this.checkedNodeList);
     }
     ngOnDestroy() {
         this.ngUnsubscribe.next();
@@ -15772,7 +16088,7 @@ class SelectIncludeChildrenPopUpComponent {
                 this.LANG = this.translate.getObjectLang(res);
             }
         });
-        this.globalService.searchRelated.pipe(takeUntil(this.ngUnsubscribe)).subscribe((res) => {
+        this.globalService.searchSelect.pipe(takeUntil(this.ngUnsubscribe)).subscribe((res) => {
             if (res && res.length) {
                 this.filteredOptions = res;
             }
@@ -15793,39 +16109,101 @@ class SelectIncludeChildrenPopUpComponent {
             this.autoComplete.closePanel();
         }
     }
-    removeCheckedNodeList(item) {
-        this.selectedData = [];
-        this.checkedNodeList = this.checkedNodeList.filter(x => (x.id.toLowerCase() !== item.id.toLowerCase() || x.parentId.toLowerCase() !== item.parentId.toLowerCase()));
-        const tempArr = [];
-        const tempArrDocument = [];
-        const newSelectProcessList = [];
-        const newSelectDocumentList = [];
-        this.commonCheckedList.forEach(element => {
-            this.checkedNodeList.forEach(x => {
-                if (element.id.toLowerCase() === x.id.toLowerCase() && element.parentId.toLowerCase() === x.parentId.toLowerCase()) {
-                    tempArr.push(element);
-                }
-            });
-        });
-        this.singleProcessList.forEach(element => {
-            this.checkedNodeList.forEach(x => {
-                if (element.id.toLowerCase() === x.id.toLowerCase() && element.parentId.toLowerCase() === x.parentId.toLowerCase()) {
-                    newSelectProcessList.push(element);
-                }
-            });
-        });
-        this.singleProcessList = newSelectProcessList;
-        this.selectedData = [...tempArr];
-        this.documentCheckedList.forEach(element => {
-            this.checkedNodeList.forEach(x => {
-                if (element.id.toLowerCase() === x.id.toLowerCase() && element.parentId.toLowerCase() === x.parentId.toLowerCase()) {
-                    tempArrDocument.push(element);
+    initTree(selectedOptions) {
+        if (selectedOptions.length > 0) {
+            selectedOptions.forEach(element => {
+                this.selectedOptions.push(element);
+                if (element.type === SelectOptionTypes.IncludeChildren) {
+                    this.selectedOptions = this.selectedOptions.concat(element.children);
                 }
+                this.selectedData = this.mapSelectOptionToTreeNode(this.selectedOptions);
             });
-        });
+        }
     }
-    isMatchTrue(arr, arr2) {
-        return arr.every((i) => {
+    focusEditItem(selectedOption) {
+        const node = this.dataTrees.toArray()[0].getNodeByIdAndParentId(selectedOption.id, selectedOption.parentId);
+        if (node) {
+            this.dataTrees.toArray()[0].expandNode(node);
+            const element = document.getElementById(`_${node.parentId ? node.parentId : ''}_${node.id}_${node.level}`);
+            if (element) {
+                element.scrollIntoView(false);
+            }
+        }
+    }
+    removeCheckedNodeList(item) {
+        const index = this.checkedNodeList.findIndex(x => (x.id.toLowerCase() === item.id.toLowerCase() && x.parentId.toLowerCase() === item.parentId.toLowerCase()));
+        if (index >= 0) {
+            let position = this.selectedOptions.findIndex(x => x.id === item.id && x.parentId === item.parentId);
+            if (position >= 0) {
+                this.selectedOptions.splice(position, 1);
+            }
+            if (this.checkedNodeList[index].type === SelectOptionTypes.IncludeChildren) {
+                this.removeIncludeChildren(item);
+            }
+            if (this.includeChildren) {
+                this.refactorSelectList(item);
+            }
+            else {
+                this.checkedNodeList.splice(index, 1);
+            }
+            this.enableSelectedNode({ id: item.id, parentId: item.parentId, itemName: item.name, type: SelectOptionTypes.IncludeChildren });
+            this.selectedData = this.mapSelectOptionToTreeNode(this.selectedOptions);
+        }
+    }
+    selectSearchOption(item) {
+        let position = this.selectedOptions.findIndex(x => x.id === item.id && x.parentId === item.parentId);
+        if (position < 0) {
+            if (this.includeChildren) {
+                this.selectIncludeChildren({
+                    id: item.id,
+                    name: item.itemName,
+                    parentId: item.parentId,
+                    level: 0,
+                    expandable: true,
+                    disabled: false,
+                    hasChild: false
+                });
+                this.refactorSelectList({
+                    id: item.id,
+                    name: item.itemName,
+                    parentId: item.parentId,
+                    level: 0,
+                    expandable: true,
+                    disabled: false,
+                    hasChild: false
+                });
+            }
+            else {
+                this.selectedOptions.push(item);
+                this.checkedNodeList.push({
+                    id: item.id,
+                    itemName: item.itemName,
+                    type: SelectOptionTypes.SelectOne,
+                    parentId: item.parentId,
+                    children: [],
+                    noChildren: 0,
+                    noSelectedChildren: 0
+                });
+            }
+        }
+        this.selectedData = this.mapSelectOptionToTreeNode(this.selectedOptions);
+    }
+    getItemIconType(item) {
+        if (item.itemIcon && item.itemIcon.length)
+            return this.itemIconType.name;
+        if (item.itemIconPath && item.itemIconPath.length)
+            return this.itemIconType.path;
+        if (item.itemIconBase64 && item.itemIconBase64.length)
+            return this.itemIconType.base64;
+        if (item.itemIconSvg && item.itemIconSvg.length)
+            return this.itemIconType.svg;
+        return this.itemIconType.none;
+    }
+    getImagePath(item) {
+        return this.domSanitizer.bypassSecurityTrustResourceUrl(item.itemIconBase64);
+    }
+    isMatchTrue(arr, arr2) {
+        return arr.every((i) => {
             return arr2.includes(i);
         });
     }
@@ -15858,163 +16236,87 @@ class SelectIncludeChildrenPopUpComponent {
             }
         }
     }
-    getModuleFilteredOptions() {
-        if (this.listChildrenSelectOne.length) {
-            for (let index = 0; index < this.listChildrenSelectOne.length; index++) {
-                const firstEl = this.listChildrenSelectOne[index];
-                for (let j = 0; j < this.filteredOptions.length; j++) {
-                    const secondEl = this.filteredOptions[j];
-                    if (firstEl.id === secondEl.id) {
-                        this.filteredOptions.splice(j, 1);
-                    }
-                }
-            }
-        }
-        return this.filteredOptions;
-    }
     showSearchResult() {
         this.autoComplete.openPanel();
     }
     displayRelated(related) {
         return related ? related.itemName : undefined;
     }
-    selectSearch(item) {
-        if (this.treeConfig.selectOne) {
-            this.disabledList = [];
-        }
-        let index = -1;
-        this.SelectOption = [];
-        if (this.treeConfig.showCheckBox) {
-            index = this.checkedNodeList.findIndex(x => {
-                return x.id === item.id && x.parentId === item.parentId;
-            });
-        }
-        if (index < 0) {
-            let position = -1;
-            let node;
-            let typeId;
-        }
+    getCommonCheckedNode(list) {
     }
-    selectNodeRecursive(item) {
-        let position = this.treeData.findIndex(x => {
-            return x.rootId === item.rootId;
+    selectIncludeChildren(item) {
+        let listChildren = [];
+        listChildren = this.getAllChildrenNodeRecursive(listChildren, item);
+        this.selectedOptions.push({
+            id: item.id,
+            itemName: item.name,
+            itemNumberId: item.id,
+            parentId: item.parentId,
+            type: SelectOptionTypes.IncludeChildren
         });
-        if (position >= 0) {
-            const node = {
-                id: item.rootId,
-                name: item.rootName,
-                children: [],
-                parentId: item.parentId
-            };
-            let nodeChildren = this.treeData.
-                filter(x => x.rootId === item.rootId).
-                map(x => {
+        listChildren.forEach(x => {
+            const index = this.selectedOptions.findIndex(node => node.id === x.id && node.parentId === x.parentId);
+            if (index < 0) {
+                this.selectedOptions.push(x);
+            }
+        });
+    }
+    removeIncludeChildren(item) {
+        let listChildren = [];
+        listChildren = this.getAllChildrenNodeRecursive(listChildren, item);
+        const itemIndex = this.selectedOptions.findIndex(node => node.id === item.id && node.parentId === item.parentId);
+        if (itemIndex >= 0) {
+            this.selectedOptions.splice(itemIndex, 1);
+        }
+        listChildren.forEach(x => {
+            const index = this.selectedOptions.findIndex(node => node.id === x.id && node.parentId === x.parentId);
+            if (index >= 0) {
+                this.selectedOptions.splice(index, 1);
+            }
+        });
+    }
+    getAllChildrenNodeRecursive(listResult, item) {
+        let children = this.treeData.filter(x => x.parentId === item.id);
+        let childrenItem = [...new Set(this.treeData.filter(x => x.rootId === item.id && !!x.childId))];
+        if (childrenItem.length > 0) {
+            childrenItem = childrenItem.filter(x => listResult.findIndex(node => node.id === x.childId && node.parentId === x.rootId) < 0);
+            listResult = listResult.concat([...new Set(childrenItem.map(x => {
+                    return {
+                        id: x.childId,
+                        itemName: x.childName,
+                        parentId: x.rootId,
+                        parentName: x.rootName,
+                        type: SelectOptionTypes.Children
+                    };
+                }))]);
+        }
+        if (children.length > 0) {
+            children = children.filter(x => listResult.findIndex(node => node.id === x.rootId && node.parentId === x.parentId) < 0);
+            const uniqueChildren = children.map(x => {
+                var _a;
                 return {
-                    id: x.childId,
-                    name: item.childName,
-                    children: [],
-                    parentId: item.rootId
+                    id: x.rootId,
+                    itemName: ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.length) > 0 ? x.subName : x.rootName,
+                    parentId: x.parentId,
+                    type: SelectOptionTypes.IncludeChildren
                 };
             });
-            let nodeSubfolders = this.treeData.
-                filter(x => x.parentId === item.rootId);
-            if (this.treeConfig.showCheckBox) {
-                nodeChildren.forEach(x => {
-                    this.checkedNodeList.push({
-                        id: x.id,
-                        itemName: x.name,
-                        itemNumberId: item.displayId.toString(),
-                        parentId: item.rootId,
-                        parentName: item.rootName
-                    });
-                });
-            }
-            else {
-                nodeChildren.forEach(x => {
-                    this.SelectOption.push({
-                        id: x.id,
-                        itemName: x.name,
-                        itemNumberId: item.displayId.toString(),
-                        parentId: item.rootId,
-                        parentName: item.rootName
-                    });
-                });
-            }
-            this.dataTrees.toArray()[0].todoItemSelection([node].concat(nodeChildren));
-            if (nodeSubfolders) {
-                nodeSubfolders.forEach(folder => {
-                    this.selectNodeRecursive(folder);
+            listResult = listResult.concat(uniqueChildren.filter((x, index) => {
+                return index === uniqueChildren.findIndex(node => node.id === x.id && node.parentId === x.parentId);
+            }));
+            children.forEach(node => {
+                listResult = this.getAllChildrenNodeRecursive(listResult, {
+                    id: node.rootId,
+                    name: node.rootName,
+                    parentId: node.parentId,
+                    level: 0,
+                    expandable: true,
+                    hasChild: true,
+                    disabled: false
                 });
-            }
-        }
-        return;
-    }
-    // setTypeProcess(expand) {
-    //     return expand ? this.dataType.area : this.dataType.process;
-    // }
-    getCommonCheckedNode(list) {
-        this.checkedNodeList = [];
-        this.commonCheckedList = [];
-        this.singleProcessList = [];
-        if (list.length) {
-            list.forEach(item => {
-                const index = this.checkedNodeList.findIndex(x => x.id === item.id && x.parentId === item.parentId);
-                if (item.id && index < 0) {
-                    this.commonCheckedList.push(item);
-                }
-                if (this.singleSelectOption) {
-                    let position;
-                    if (item.expandable) {
-                        position = this.treeData.findIndex(p => p.rootId === item.id);
-                    }
-                    else {
-                        position = this.treeData.findIndex(p => p.childId === item.id);
-                    }
-                    if (position > -1) {
-                        this.singleProcessList.push({
-                            id: item.id,
-                            itemName: item.name,
-                            itemNumberId: this.treeData[position].displayId.toString(),
-                            parentId: item.parentId,
-                            levelType: item.levelType
-                        });
-                    }
-                }
-                if (item.id && index < 0 && !item.expandable && !this.singleSelectOption) {
-                    const position = this.treeData.findIndex(p => p.childId === item.id && p.rootId === item.parentId);
-                    if (position > -1) {
-                        this.checkedNodeList.push({
-                            id: item.id,
-                            itemName: item.name,
-                            parentId: item.parentId,
-                            parentName: this.treeData[position].parentId ? this.treeData[position].subName : this.treeData[position].rootName,
-                            itemNumberId: this.treeData[position].displayId.toString(),
-                            levelType: item.levelType
-                        });
-                    }
-                }
             });
-            if (this.singleSelectOption) {
-                this.checkedNodeList = [...this.checkedNodeList, ...this.singleProcessList];
-            }
-            if (this.maxSelectItemCount && this.maxSelectItemCount > 0) {
-                const removeList = this.checkedNodeList.slice(0, this.maxSelectItemCount * -1);
-                if (removeList.length) {
-                    removeList.forEach(item => {
-                        this.removeCheckedNodeList({
-                            id: item.id,
-                            name: item.itemName,
-                            parentId: item.parentId,
-                            level: 0,
-                            expandable: true,
-                            hasChild: true,
-                            disabled: false
-                        });
-                    });
-                }
-                this.checkedNodeList = this.checkedNodeList.slice(this.maxSelectItemCount * -1);
-            }
         }
+        return listResult;
     }
     onCloseClick() {
         this.selectedFolder = null;
@@ -16022,13 +16324,8 @@ class SelectIncludeChildrenPopUpComponent {
     }
     ;
     onAddClick() {
-        // if (this.treeConfig.showCheckBox) {
         this.selectedFolder = null;
         this.dialogRef.close(this.checkedNodeList);
-        // }
-        // else {
-        //   this.dialogRef.close(this.SelectOption);
-        // }
     }
     getOffsetHeight(element, includeMargin) {
         let elmHeight = 0, elmMargin = 0;
@@ -16040,100 +16337,14 @@ class SelectIncludeChildrenPopUpComponent {
         return (elmHeight + elmMargin);
     }
     getItemChipName(item) {
-        return (item.parentName) ? `${item.parentName}/${item.itemName}` : item.itemName;
+        return `${item.itemName}`;
+    }
+    getItemSelectedChildrenRatio(item) {
+        return `${item.noSelectedChildren}/${item.noChildren}`;
     }
     isEllipsisActive(e) {
         return e ? (e.clientWidth < e.scrollWidth) : false;
     }
-    // getNodeIcon(item: SelectOption) {
-    //     switch (item.itemType) {
-    //     case DataType.folder: {
-    //         switch (item.levelType) {
-    //         case DocumentNodeType.DepartmentFolder:
-    //             return 'department_folder_outlined';
-    //         case DocumentNodeType.RegionalFolder:
-    //             return 'regional_folder_outlined';
-    //         case DocumentNodeType.TopFolder:
-    //             return 'enterprise_folder_outlined';
-    //         case DocumentNodeType.Folder:
-    //             return 'local_folder_outlined';
-    //         default:
-    //             return 'folder_outlined';
-    //         }
-    //     }
-    //     case DataType.document: {
-    //         switch (item.levelType) {
-    //         case DocumentNodeType.DepartmentFolder:
-    //             return 'document_department';
-    //         case DocumentNodeType.RegionalFolder:
-    //             return 'document_regional';
-    //         case DocumentNodeType.TopFolder:
-    //             return 'document_enterprise';
-    //         case DocumentNodeType.Folder:
-    //             return 'document_local';
-    //         default:
-    //             return 'document';
-    //         }
-    //     }
-    //     case DataType.area:
-    //         return 'process_area_outlined';
-    //     case DataType.process:
-    //         return 'process';
-    //     case DataType.deviation:
-    //         return 'deviation';
-    //     case DataType.checklist:
-    //         return 'checklist';
-    //     case DataType.risk:
-    //         return 'risk';
-    //     default:
-    //         return 'folder_outlined';
-    //     }
-    // }
-    // getSearchOrder() {
-    //     let searchTypes = Object.keys(this.dataType)
-    //     .map(key => ({ value: this.dataType[key], key: key }));
-    //     searchTypes = searchTypes.slice(searchTypes.length / 2);
-    //     return searchTypes;
-    // }
-    //   getTitle(type: number) {
-    //     switch (type) {
-    //       case DataType.process:
-    //         return this.LANG.PROCESSES;
-    //       case DataType.area:
-    //         return this.LANG.PROCESS_AREA;
-    //       case DataType.document:
-    //         return this.LANG.DOCUMENTS;
-    //       case DataType.folder:
-    //         return this.LANG.FOLDER;
-    //       case DataType.deviation:
-    //         return this.LANG.DEVIATION;
-    //       case DataType.deviationType:
-    //         return this.LANG.DEVIATION_TYPE;
-    //       case DataType.checklist:
-    //         return this.LANG.CHECKLIST;
-    //       case DataType.checklistCategory:
-    //         return this.LANG.CHECKLIST_CATEGORY;
-    //       case DataType.risk:
-    //         return this.LANG.ASSESSMENT;
-    //       case DataType.riskFolder:
-    //         return this.LANG.FOLDER;
-    //     }
-    //   }
-    //   getParentName(item: SelectOption) {
-    //     if (item.itemType === this.dataType.checklist || item.itemType === this.dataType.deviation) {
-    //       return item.parentName;
-    //     }
-    //     return null;
-    //   }
-    //   getItemId(item: SelectOption) {
-    //     if (item.itemType === this.dataType.process) {
-    //       return `${this.LANG.PROCESS_ID}: ${item.itemNumberId}; ${item.statusName}`;
-    //     }
-    //     else if (item.itemType === this.dataType.document) {
-    //       return `${this.LANG.DOCUMENT_ID}: ${item.itemNumberId}; ${item.statusName}`;
-    //     }
-    //     return null;
-    //   }
     toggleSelectItem(node) {
         const SelectOption = this.checkedNodeList.find(x => (x.id.toLowerCase() === node.id.toLowerCase() && x.parentId.toLowerCase() === node.parentId.toLowerCase()));
         if (SelectOption) {
@@ -16172,51 +16383,232 @@ class SelectIncludeChildrenPopUpComponent {
         this.onExpandFolder.emit(item);
         // }
     }
-    //   canShowSearchOption(moduleId: number) {
-    //     if (this.canOnlySelectItem &&
-    //       (moduleId === DataType.checklistCategory
-    //         || moduleId === DataType.riskFolder
-    //         || moduleId === DataType.deviationType
-    //         || (moduleId === DataType.area && this.treeConfig && !this.treeConfig.singleSelectOption)
-    //         || (moduleId === DataType.folder && this.treeConfig2 && !this.treeConfig2.singleSelectOption)
-    //       )) {
-    //       return false;
-    //     }
-    //     return this.getModuleFilteredOptions(moduleId).length > 0;
-    //   }
     selectNodeTreeEvent(node) {
-        var _a, _b;
-        let position = -1;
-        let parentName = '';
-        let itemNumberId = '';
-        position = !node.expandable ? this.treeData.findIndex(p => p.childId === node.id && p.rootId === node.parentId) :
-            this.treeData.findIndex(p => p.rootId === node.id);
-        parentName = this.treeData[position].parentId ? this.treeData[position].subName : this.treeData[position].rootName;
-        itemNumberId = (_b = (_a = this.treeData[position]) === null || _a === void 0 ? void 0 : _a.displayId) === null || _b === void 0 ? void 0 : _b.toString();
-        this.checkedNodeList = [];
-        this.checkedNodeList.push({
-            id: node.id,
-            itemName: node.name,
-            parentId: node.parentId,
-            parentName: parentName,
-            itemNumberId: itemNumberId,
-            levelType: node.levelType
-        });
-    }
-    getChildNodeSelectOne(listChildren) {
-        this.listChildrenSelectOne = [];
-        this.listChildrenSelectOne = listChildren;
+        let position = this.selectedOptions.findIndex(x => x.id === node.id && x.parentId === node.parentId);
+        if (position > -1) {
+            if (this.includeChildren) {
+                if (node.expandable) {
+                    this.removeIncludeChildren(node);
+                }
+                else {
+                    const itemIndex = this.selectedOptions.findIndex(item => node.id === item.id && node.parentId === item.parentId);
+                    if (itemIndex >= 0) {
+                        this.selectedOptions.splice(itemIndex, 1);
+                    }
+                }
+                this.checkedNodeList = this.checkedNodeList.filter(x => x.id !== node.id || x.parentId !== node.parentId);
+                this.refactorSelectList(node);
+            }
+            else {
+                const itemIndex = this.selectedOptions.findIndex(item => node.id === item.id && node.parentId === item.parentId);
+                if (itemIndex >= 0) {
+                    this.selectedOptions.splice(itemIndex, 1);
+                }
+                this.checkedNodeList = this.checkedNodeList.filter(x => x.id !== node.id || x.parentId !== node.parentId);
+            }
+        }
+        else {
+            if (this.includeChildren) {
+                if (node.expandable) {
+                    this.selectIncludeChildren(node);
+                }
+                else {
+                    this.selectedOptions.push({
+                        id: node.id,
+                        itemName: node.name,
+                        itemNumberId: node.id,
+                        parentId: node.parentId,
+                        type: SelectOptionTypes.Children
+                    });
+                }
+                this.refactorSelectList(node);
+            }
+            else {
+                this.selectedOptions.push({
+                    id: node.id,
+                    itemName: node.name,
+                    itemNumberId: node.id,
+                    parentId: node.parentId,
+                    type: SelectOptionTypes.SelectOne
+                });
+                this.checkedNodeList.push({
+                    id: node.id,
+                    itemName: node.name,
+                    type: SelectOptionTypes.SelectOne,
+                    parentId: node.parentId,
+                    children: [],
+                    noSelectedChildren: 0,
+                    noChildren: 0,
+                });
+            }
+        }
+        this.selectedData = this.mapSelectOptionToTreeNode(this.selectedOptions);
     }
     setValue(e) {
         this.includeChildren = !!e.checked;
+        if (!this.includeChildren) {
+            this.checkedNodeList.forEach(node => {
+                this.disableSelectedNode(node);
+            });
+        }
+        else {
+            this.disabledList = this.orginalDisableList;
+        }
+    }
+    mapSelectOptionToTreeNode(list) {
+        return list.map(x => {
+            return {
+                id: x.id,
+                name: x.itemName,
+                level: 0,
+                expandable: true,
+                hasChild: true,
+                parentId: x.parentId,
+                disabled: false,
+            };
+        });
+    }
+    refactorSelectList(node) {
+        let parent;
+        let parentList = [];
+        parent = this.treeData.find(x => x.rootId === node.parentId);
+        if (parent) {
+            parentList.push({
+                id: parent.rootId,
+                itemName: parent.rootName,
+                parentId: parent.parentId,
+                type: SelectOptionTypes.IncludeChildren
+            });
+            parentList = this.getParentLineOfNode(parentList, parent);
+        }
+        if (parentList.length > 0) {
+            const selectedParentList = parentList.filter(x => this.selectedOptions
+                .findIndex(selectedNode => x.id === selectedNode.id && x.parentId === selectedNode.parentId) >= 0);
+            if (selectedParentList.length > 0) {
+                const highestSelectedNode = selectedParentList[selectedParentList.length - 1];
+                this.combineNodes(highestSelectedNode);
+            }
+            else {
+                this.combineNodes({
+                    id: node.id,
+                    itemName: node.name,
+                    type: SelectOptionTypes.IncludeChildren,
+                    parentId: node.parentId
+                });
+            }
+        }
+        else {
+            this.combineNodes({
+                id: node.id,
+                itemName: node.name,
+                type: SelectOptionTypes.IncludeChildren,
+                parentId: node.parentId
+            });
+        }
+    }
+    combineNodes(root) {
+        let children = [];
+        children = this.getAllChildrenNodeRecursive(children, {
+            id: root.id,
+            name: root.itemName,
+            parentId: root.parentId,
+            level: 0,
+            expandable: true,
+            hasChild: true,
+            disabled: false
+        });
+        let selectedNodeIndex = this.checkedNodeList.findIndex(x => x.id === root.id && x.parentId === root.parentId);
+        let nodeList = [];
+        children.forEach(child => {
+            const index = this.checkedNodeList.findIndex(node => node.id === child.id && node.parentId === child.parentId);
+            if (index >= 0) {
+                this.checkedNodeList.splice(index, 1);
+            }
+            const selectIndex = this.selectedOptions.findIndex(node => node.id === child.id && node.parentId === child.parentId);
+            if (selectIndex >= 0) {
+                nodeList.push(child);
+            }
+        });
+        if (nodeList.length > 0 || children.length === 0) {
+            if (selectedNodeIndex < 0) {
+                this.checkedNodeList.push({
+                    id: root.id,
+                    itemName: root.itemName,
+                    type: SelectOptionTypes.IncludeChildren,
+                    parentId: root.parentId,
+                    children: [],
+                    noSelectedChildren: 0,
+                    noChildren: 0
+                });
+                selectedNodeIndex = this.checkedNodeList.length - 1;
+            }
+            this.checkedNodeList[selectedNodeIndex].children = nodeList;
+            this.checkedNodeList[selectedNodeIndex].noChildren = children.length;
+            this.checkedNodeList[selectedNodeIndex].noSelectedChildren = nodeList.length;
+            this.checkedNodeList[selectedNodeIndex].type = children.length === 0 ? SelectOptionTypes.SelectOne : SelectOptionTypes.IncludeChildren;
+        }
+    }
+    getParentLineOfNode(listParent, node) {
+        let parent;
+        parent = this.treeData.find(x => x.rootId === node.parentId);
+        if (parent) {
+            listParent = [...listParent, {
+                    id: parent.rootId,
+                    itemName: parent.rootName,
+                    parentId: parent.parentId,
+                    type: SelectOptionTypes.IncludeChildren
+                }];
+            this.getParentLineOfNode(listParent, parent);
+        }
+        return listParent;
+    }
+    disableSelectedNode(node) {
+        if (node.type === SelectOptionTypes.IncludeChildren) {
+            let children = [];
+            children = this.getAllChildrenNodeRecursive(children, {
+                id: node.id,
+                name: node.itemName,
+                parentId: node.parentId,
+                level: 0,
+                expandable: true,
+                hasChild: true,
+                disabled: false
+            });
+            let disableNodes = [];
+            const index = this.disabledList.findIndex(x => x.id === node.id && x.parentId === node.parentId);
+            if (index < 0) {
+                disableNodes.push(node);
+            }
+            children.forEach(child => {
+                const index = this.disabledList.findIndex(x => x.id === child.id && x.parentId === child.parentId);
+                if (index < 0) {
+                    disableNodes.push(child);
+                }
+            });
+            this.disabledList = [...this.disabledList, ...disableNodes];
+        }
+    }
+    enableSelectedNode(node) {
+        let children = [];
+        children = this.getAllChildrenNodeRecursive(children, {
+            id: node.id,
+            name: node.itemName,
+            parentId: node.parentId,
+            level: 0,
+            expandable: true,
+            hasChild: true,
+            disabled: false
+        });
+        this.disabledList = this.disabledList.filter(x => children.filter(child => (x.id === child.id && x.parentId === child.parentId)).length === 0);
+        this.disabledList = this.disabledList.filter(x => !(x.id === node.id && x.parentId === node.parentId));
     }
 }
 SelectIncludeChildrenPopUpComponent.decorators = [
     { type: Component, args: [{
                 selector: 'qms-select-include-children-popup',
-                template: "<div id=\"qmslib_related_popup\" class=\"qmslib__related__popup__container\">\r\n    <div id=\"qmslib_related_popup_header\">\r\n      <span mat-icon-button class=\"button__close\" (click)=\"onCloseClick()\">\r\n        <mat-icon mat-icon>close</mat-icon>\r\n      </span>\r\n      <div id=\"qmslib_related_popup_header_001\" mat-dialog-content>\r\n        <span>{{ headerName | uppercase }}</span>\r\n      </div>\r\n    </div>\r\n  \r\n    <div\r\n      id=\"qmslib_related_popup_search\"\r\n      class=\"input__field\"\r\n      (click)=\"showSearchResult()\"\r\n    >\r\n      <input\r\n        #name\r\n        type=\"text\"\r\n        placeholder=\"{{ LANG.SEARCH }}\"\r\n        matInput\r\n        [formControl]=\"myControl\"\r\n        [matAutocomplete]=\"auto\"\r\n        #autoCompleteInputSearch\r\n      />\r\n      <mat-icon>search</mat-icon>\r\n    </div>\r\n  \r\n    <div class=\"line__divider\"></div>\r\n  \r\n    <mat-autocomplete\r\n      #auto=\"matAutocomplete\"\r\n      [displayWith]=\"displayRelated\"\r\n      class=\"mat-autocomplete_related-viewport\"\r\n    >\r\n      <cdk-virtual-scroll-viewport\r\n        qms-scrollbar\r\n        itemSize=\"10\"\r\n        class=\"related-viewport\"\r\n      >\r\n        <ng-container *ngFor=\"let type of searchOrder\">\r\n          <div\r\n            class=\"search__module-result\"\r\n            *ngIf=\"filteredOptions\"\r\n          >\r\n            <span class=\"search__module-title\">Hello</span>\r\n            <mat-option\r\n              class=\"search__option\"\r\n              *ngFor=\"let option of getModuleFilteredOptions()\"\r\n              [value]=\"option\"\r\n            >\r\n              <!-- <qms-list-item type=\"image-square\">\r\n                <mat-icon\r\n                  leading-icon\r\n                  type=\"image-square\"\r\n                  [svgIcon]=\"getNodeIcon(option)\"\r\n                ></mat-icon>\r\n                <div qms-list-header>\r\n                  <div\r\n                    qms-line\r\n                    type=\"caption\"\r\n                    qms-tool-tip=\"{{\r\n                      isEllipsisActive(searchItemResult) ? option.parentName : ''\r\n                    }}\"\r\n                    mode=\"dark\"\r\n                    *ngIf=\"getParentName(option)\"\r\n                  >\r\n                    <span #searchItemResult class=\"search__result__parent-name\">\r\n                      {{ option.parentName }}\r\n                    </span>\r\n                  </div>\r\n                  <div qms-line type=\"subtitle\" class=\"search__option-name\">\r\n                    {{ option.itemName }}\r\n                  </div>\r\n                  <div\r\n                    class=\"caption\"\r\n                    *ngIf=\"option.breadcumbs && option.breadcumbs.length\"\r\n                  >\r\n                    <qms-breadcrumb\r\n                      class=\"breadcrumb-containe\"\r\n                      type=\"table\"\r\n                      numDisplayItem=\"1\"\r\n                      [nodes]=\"option.breadcumbs\"\r\n                    >\r\n                    </qms-breadcrumb>\r\n                  </div>\r\n                </div>\r\n                <div qms-line color=\"default-subtitle\" *ngIf=\"getItemId(option)\">\r\n                  <span class=\"material-icons-outlined search__description-icon\">\r\n                    local_offer\r\n                  </span>\r\n                  {{ getItemId(option) }}\r\n                </div>\r\n              </qms-list-item> -->\r\n            </mat-option>\r\n          </div>\r\n        </ng-container>\r\n      </cdk-virtual-scroll-viewport>\r\n    </mat-autocomplete>\r\n  \r\n    <div class=\"row\">\r\n        <div\r\n            class=\"qms-scrollbar qmslib_related_popup_content col-12\"\r\n            [ngClass]=\"{\r\n            panel__content_item: checkedNodeList.length,\r\n            panel__content: !checkedNodeList.length\r\n            }\">\r\n            <div id=\"qmslib_related_popup_common_002\">\r\n                <qms-tree\r\n                    [treeData]=\"treeData\"\r\n                    [treeConfig]=\"treeConfig\"\r\n                    [selectedData]=\"selectedData\"\r\n                    [selectedRiskData]=\"selectedRiskData\"\r\n                    [disabledList]=\"disabledList\"\r\n                    (checkBoxEvent)=\"getCommonCheckedNode($event)\"\r\n                    (nodeExpandEvent)=\"getChildrenOfFolder($event)\"\r\n                    (selectNodeEvent)=\"selectNodeTreeEvent($event)\"\r\n                    (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\r\n                ></qms-tree>\r\n            </div>\r\n    </div>\r\n  \r\n    <div *ngIf=\"checkedNodeList.length\" class=\"line__divider\"></div>\r\n  \r\n    <div *ngIf=\"checkedNodeList.length\" class=\"panel__item qms-scrollbar\">\r\n      <div class=\"related__item__inline\" *ngFor=\"let item of checkedNodeList\">\r\n        <button\r\n          *ngIf=\"item.itemName\"\r\n          mat-button\r\n          class=\"related__item__content\"\r\n          qms-tool-tip=\"{{\r\n            isEllipsisActive(itemName) ? getItemChipName(item) : ''\r\n          }}\"\r\n          mode=\"dark\"\r\n        >\r\n          <span class=\"related__item__content_name\" #itemName>\r\n              {{getItemChipName(item)}}</span>\r\n          <mat-icon\r\n            *ngIf=\"!treeConfig?.selectOne\"\r\n            (click)=\"removeCheckedNodeList(item)\"\r\n            >cancel</mat-icon\r\n          >\r\n        </button>\r\n      </div>\r\n      <div class=\"select__toggle-include\">\r\n        <mat-slide-toggle\r\n          [checked]=\"includeChildren\"\r\n          (change)=\"setValue($event)\"\r\n          color=\"default\"\r\n          qms-group-options>\r\n          <span class=\"text-label\">Select label</span>\r\n        </mat-slide-toggle>\r\n      </div>\r\n    </div>\r\n  \r\n    <div class=\"line__divider\"></div>\r\n  \r\n    <div class=\"confirm__button__groups\">\r\n      <button\r\n        *ngIf=\"!checkedNodeList.length\"\r\n        qms-btn\r\n        style=\"margin-top: 7px\"\r\n        (click)=\"onAddClick()\"\r\n      >\r\n        {{ LANG.ADD }}\r\n      </button>\r\n      <button\r\n        *ngIf=\"checkedNodeList.length\"\r\n        qms-btn\r\n        style=\"margin-top: 0px\"\r\n        (click)=\"onAddClick()\"\r\n      >\r\n        {{ LANG.ADD }} ({{ checkedNodeList.length }})\r\n      </button>\r\n      <button\r\n        qms-btn-text\r\n        [ngStyle]=\"{ 'margin-top': checkedNodeList.length ? '0px' : '7px' }\"\r\n        (click)=\"onCloseClick()\"\r\n      >\r\n        {{ LANG.CANCEL }}\r\n      </button>\r\n    </div>\r\n</div>\r\n  ",
+                template: "<div id=\"qmslib_related_popup\" class=\"qmslib__related__popup__container\">\r\n  <div id=\"qmslib_related_popup_header\">\r\n    <span mat-icon-button class=\"button__close\" (click)=\"onCloseClick()\">\r\n      <mat-icon mat-icon>close</mat-icon>\r\n    </span>\r\n    <div id=\"qmslib_related_popup_header_001\" mat-dialog-content>\r\n      <span>{{ headerName | uppercase }}</span>\r\n    </div>\r\n  </div>\r\n\r\n  <div\r\n    id=\"qmslib_related_popup_search\"\r\n    class=\"input__field\"\r\n    (click)=\"showSearchResult()\"\r\n  >\r\n    <input\r\n      #name\r\n      type=\"text\"\r\n      placeholder=\"{{ LANG.SEARCH }}\"\r\n      matInput\r\n      [formControl]=\"myControl\"\r\n      [matAutocomplete]=\"auto\"\r\n      #autoCompleteInputSearch\r\n    />\r\n    <mat-icon>search</mat-icon>\r\n  </div>\r\n  <div class=\"select__toggle-include\">\r\n    <mat-slide-toggle\r\n      [checked]=\"includeChildren\"\r\n      (change)=\"setValue($event)\"\r\n      color=\"default\"\r\n      qms-group-options\r\n    >\r\n      <span class=\"text-label\">Select label</span>\r\n    </mat-slide-toggle>\r\n  </div>\r\n  <div class=\"line__divider\"></div>\r\n\r\n  <mat-autocomplete\r\n    #auto=\"matAutocomplete\"\r\n    [displayWith]=\"displayRelated\"\r\n    class=\"mat-autocomplete_related-viewport\"\r\n  >\r\n    <cdk-virtual-scroll-viewport\r\n      qms-scrollbar\r\n      itemSize=\"10\"\r\n      class=\"related-viewport\"\r\n    >\r\n      <div class=\"search__module-result\" *ngIf=\"filteredOptions\">\r\n        <mat-option\r\n          class=\"search__option\"\r\n          *ngFor=\"let option of filteredOptions\"\r\n          [value]=\"option\"\r\n          (click)=\"selectSearchOption(option)\"\r\n        >\r\n          <qms-list-item type=\"image-square\">\r\n            <mat-icon\r\n              leading-icon\r\n              *ngIf=\"getItemIconType(option) === itemIconType.name\"\r\n              class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n              type=\"image-square\"\r\n            >\r\n              {{ option.itemIcon }}\r\n            </mat-icon>\r\n\r\n            <mat-icon\r\n              leading-icon\r\n              *ngIf=\"getItemIconType(option) === itemIconType.svg\"\r\n              class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n              type=\"image-square\"\r\n              [svgIcon]=\"option.itemIconSvg\"\r\n            >\r\n            </mat-icon>\r\n\r\n            <img\r\n              leading-icon\r\n              *ngIf=\"getItemIconType(option) === itemIconType.path\"\r\n              class=\"mat-icon\"\r\n              [src]=\"option.itemIconPath\"\r\n              type=\"image-square\"\r\n            />\r\n\r\n            <img\r\n              leading-icon\r\n              *ngIf=\"getItemIconType(option) === itemIconType.base64\"\r\n              class=\"mat-icon image-base64\"\r\n              [src]=\"getImagePath(option)\"\r\n              type=\"image-square\"\r\n            />\r\n            <div qms-list-header>\r\n              <div qms-line type=\"subtitle\" class=\"search__option-name\">\r\n                {{ option.itemName }}\r\n              </div>\r\n            </div>\r\n          </qms-list-item>\r\n        </mat-option>\r\n      </div>\r\n    </cdk-virtual-scroll-viewport>\r\n  </mat-autocomplete>\r\n\r\n  <div class=\"row\">\r\n    <div\r\n      class=\"qms-scrollbar qmslib_related_popup_content col-12\"\r\n      [ngClass]=\"{\r\n        panel__content_item: checkedNodeList.length,\r\n        panel__content: !checkedNodeList.length\r\n      }\"\r\n    >\r\n      <div id=\"qmslib_related_popup_common_002\">\r\n        <qms-tree\r\n          [treeData]=\"treeData\"\r\n          [treeConfig]=\"treeConfig\"\r\n          [selectedData]=\"selectedData\"\r\n          [selectedRiskData]=\"selectedRiskData\"\r\n          [disabledList]=\"disabledList\"\r\n          (checkBoxEvent)=\"getCommonCheckedNode($event)\"\r\n          (nodeExpandEvent)=\"getChildrenOfFolder($event)\"\r\n          (selectNodeEvent)=\"selectNodeTreeEvent($event)\"\r\n        ></qms-tree>\r\n      </div>\r\n    </div>\r\n\r\n    <div *ngIf=\"checkedNodeList.length\" class=\"line__divider\"></div>\r\n\r\n    <div *ngIf=\"checkedNodeList.length\" class=\"panel__item qms-scrollbar\">\r\n      <div class=\"related__item__inline\" *ngFor=\"let item of checkedNodeList\">\r\n        <button\r\n          *ngIf=\"item.itemName\"\r\n          mat-button\r\n          class=\"related__item__content\"\r\n          qms-tool-tip=\"{{\r\n            isEllipsisActive(itemName) ? getItemChipName(item) : ''\r\n          }}\"\r\n          mode=\"dark\"\r\n        >\r\n          <span class=\"related__item__content_name\" #itemName>\r\n            {{ getItemChipName(item) }}\r\n            <span\r\n              class=\"select__include-children__count\"\r\n              *ngIf=\"item.noSelectedChildren > 0\"\r\n            >\r\n              {{ getItemSelectedChildrenRatio(item) }}\r\n            </span>\r\n          </span>\r\n\r\n          <mat-icon (click)=\"removeCheckedNodeList(item)\">cancel</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"line__divider\"></div>\r\n\r\n    <div class=\"confirm__button__groups\">\r\n      <button\r\n        *ngIf=\"!checkedNodeList.length\"\r\n        qms-btn\r\n        style=\"margin-top: 7px\"\r\n        (click)=\"onAddClick()\"\r\n      >\r\n        {{ LANG.ADD }}\r\n      </button>\r\n      <button\r\n        *ngIf=\"checkedNodeList.length\"\r\n        qms-btn\r\n        style=\"margin-top: 0px\"\r\n        (click)=\"onAddClick()\"\r\n      >\r\n        {{ LANG.ADD }} ({{ checkedNodeList.length }})\r\n      </button>\r\n      <button\r\n        qms-btn-text\r\n        [ngStyle]=\"{ 'margin-top': checkedNodeList.length ? '0px' : '7px' }\"\r\n        (click)=\"onCloseClick()\"\r\n      >\r\n        {{ LANG.CANCEL }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
                 encapsulation: ViewEncapsulation.None,
-                styles: [".qms-scrollbar::-webkit-scrollbar{width:12px}.qms-scrollbar::-webkit-scrollbar-track{background:rgba(0,0,0,.12);background-clip:content-box}.qms-scrollbar::-webkit-scrollbar-thumb{background:rgba(0,0,0,.38);border-radius:20px;width:4px;border:4px solid transparent;background-clip:content-box}.qms-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5);background-clip:content-box;border:4px solid transparent}.qms-scrollbar.none-scroll-bg::-webkit-scrollbar-track{background:transparent;background-clip:content-box}.qms__popup .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qms__danger button{border:none;color:#fff;padding:0;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;height:20px;width:20px;font-family:Open Sans;font-size:12px;font-weight:600;font-style:normal;line-height:16px}.qms__danger .red{background-color:#9e360f;margin-left:10px}.qms__danger .yellow{background-color:#e4cf53;margin-left:10px;color:#323232}.qms__danger .green{background-color:#00804c;margin-left:10px}.confirm__button__groups{margin-top:11px}.confirm__button__groups button{min-height:36px;width:auto;font-family:Open Sans;font-weight:500;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px;margin-right:5px;float:right}.confirm__button__groups .confirm{background:#f8f9f9}.confirm__button__groups .confirm:hover{background:#001983;color:#fff}.confirm__button__groups .confirm:disabled{cursor:not-allowed}.confirm__button__groups .cancel{background:#f8f9f9}.confirm__button__groups .cancel:hover{background:#001983;color:#fff}.qmslib__related__popup__container .input__field{display:flex;align-items:center}.qmslib__related__popup__container .input__field input{width:100%;padding:10px;outline:none;border:none;background:#eee}.qmslib__related__popup__container .input__field .mat-icon{margin-left:-30px;cursor:pointer;vertical-align:middle}.qmslib__related__popup__container .line__divider{border-bottom:1px solid #ccc;height:1px;margin-top:10px;min-width:300px;max-width:100%}.qmslib__related__popup__container .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmslib__related__popup__container .panel__content{height:450px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel__content_item{height:350px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel-tree .mat-expansion-panel-body{padding:0 12px 12px}.qmslib__related__popup__container .mat-expansion-panel-header{height:30px;font-size:12px;letter-spacing:1px;font-family:Raleway;font-weight:600;padding:0}.qmslib__related__popup__container .mat-expansion-panel-header .mat-expansion-panel-header-title{align-items:center;margin-left:12px}.qmslib__related__popup__container .mat-expansion-panel-header .related_popup_toggle-btn{width:1.5rem;height:1.5rem;line-height:1.5rem}.qmslib__related__popup__container .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none}.qmslib__related__popup__container .panel__item{height:100px;margin-top:12px;overflow-x:hidden;overflow-y:auto;padding-right:5px;width:100%;max-width:100%;display:flex;flex-wrap:wrap;align-content:flex-start}.qmslib__related__popup__container .panel__item .related__item__inline{max-width:100%}.qmslib__related__popup__container .panel__item .select__toggle-include{width:100%}.qmslib__related__popup__container .panel__item .related__item__content{height:32px;line-height:32px;background-color:#e5e5e5;max-width:100%;margin-bottom:5px;margin-left:2.5px;margin-right:2.5px}.qmslib__related__popup__container .panel__item .related__item__content .mat-icon{color:#8e8e8e;font-size:24px}.qmslib__related__popup__container .panel__item .related__item__content span.related__item__content_name{display:inline-block;min-width:calc(100% - 13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.qmslib__related__popup__container .qmslib-related-popup-splitview{background-color:#fff;border-left:1px solid #ccc;height:450px;overflow-y:auto;margin-top:12px}.qmslib__related__popup__container .qmslib-related-popup-splitview.panel__content{height:450px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .qmslib-related-popup-splitview.panel__content_item{height:350px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .qmslib-related-popup-splitview .splitview-header{height:30px;font-size:12px;letter-spacing:1px;font-family:RALEWAY;font-weight:600;display:flex;align-items:center}.qmslib__related__popup__container .qmslib-related-popup-splitview .mat-checkbox.qms-group-options{padding:0}.qmslib__related__popup__container .qmslib-related-popup-splitview .mat-checkbox.qms-group-options .mat-checkbox-inner-container{margin-right:11px}.qmslib__related__popup__container .qmslib-related-popup-splitview .mat-checkbox.qms-group-options.mat-checkbox-checked{background:transparent!important}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node{margin-left:8px;display:flex;align-items:center;min-height:40px}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node .mat-icon{color:rgba(0,0,0,.6);margin-right:17px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node .mat-icon svg{display:block;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}cdk-virtual-scroll-viewport{overflow-x:hidden}cdk-virtual-scroll-viewport .search__module-result{margin:1.5rem;padding:0 0 .5rem}cdk-virtual-scroll-viewport .search__module-result .search__module-title{font-size:14px;font-weight:600}cdk-virtual-scroll-viewport .search__module-result .search__option{height:auto;line-height:normal;padding:8px 0;border-bottom:1px solid #e0e0e0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item.mat-2-line.image-item{height:auto}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content{margin:0;border-bottom:none}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .wrap-image.image-square{width:2.5rem;height:100%;background:transparent;align-self:center;margin-right:0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .wrap-image.image-square img{width:24px;height:24px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .material-icons-outlined.leading-icon,cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content mat-icon.leading-icon{padding:4px 0 4px 4px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .subtitle{font-weight:400}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .caption{overflow:hidden;line-height:normal;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .caption span.search__result__parent-name{display:inline-block;width:auto;width:calc(100% - 13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .default-subtitle{color:rgba(0,0,0,.38)}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .search__description-icon{margin-right:0;width:12px;height:12px;font-size:12px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .qms-list-text{border-bottom:none}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .breadcrumb-containe .qms-breadcrumb-item .mat-icon{font-size:16px!important;padding-bottom:1px}cdk-virtual-scroll-viewport .search__module-result svg{display:block}#qmslib_related_popup_header_001{margin-bottom:20px;padding:0;font-weight:600;font-family:Raleway}.padding-5{padding:5px}.mat-autocomplete_related-viewport{height:100%;max-height:100%!important}.mat-autocomplete_related-viewport .cdk-virtual-scroll-content-wrapper{width:100%}.mat-autocomplete_related-viewport .related-viewport{min-height:10.25rem}"]
+                styles: [".qms-scrollbar::-webkit-scrollbar{width:12px}.qms-scrollbar::-webkit-scrollbar-track{background:rgba(0,0,0,.12);background-clip:content-box}.qms-scrollbar::-webkit-scrollbar-thumb{background:rgba(0,0,0,.38);border-radius:20px;width:4px;border:4px solid transparent;background-clip:content-box}.qms-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5);background-clip:content-box;border:4px solid transparent}.qms-scrollbar.none-scroll-bg::-webkit-scrollbar-track{background:transparent;background-clip:content-box}.qms__popup .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qms__danger button{border:none;color:#fff;padding:0;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;height:20px;width:20px;font-family:Open Sans;font-size:12px;font-weight:600;font-style:normal;line-height:16px}.qms__danger .red{background-color:#9e360f;margin-left:10px}.qms__danger .yellow{background-color:#e4cf53;margin-left:10px;color:#323232}.qms__danger .green{background-color:#00804c;margin-left:10px}.confirm__button__groups{margin-top:11px}.confirm__button__groups button{min-height:36px;width:auto;font-family:Open Sans;font-weight:500;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px;margin-right:5px;float:right}.confirm__button__groups .confirm{background:#f8f9f9}.confirm__button__groups .confirm:hover{background:#001983;color:#fff}.confirm__button__groups .confirm:disabled{cursor:not-allowed}.confirm__button__groups .cancel{background:#f8f9f9}.confirm__button__groups .cancel:hover{background:#001983;color:#fff}.qmslib__related__popup__container .input__field{display:flex;align-items:center}.qmslib__related__popup__container .input__field input{width:100%;padding:10px;outline:none;border:none;background:#eee}.qmslib__related__popup__container .input__field .mat-icon{margin-left:-30px;cursor:pointer;vertical-align:middle}.qmslib__related__popup__container .line__divider{border-bottom:1px solid #ccc;height:1px;margin-top:10px;min-width:300px;max-width:100%}.qmslib__related__popup__container .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmslib__related__popup__container .panel__content{height:450px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel__content_item{height:350px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel-tree .mat-expansion-panel-body{padding:0 12px 12px}.qmslib__related__popup__container .mat-expansion-panel-header{height:30px;font-size:12px;letter-spacing:1px;font-family:Raleway;font-weight:600;padding:0}.qmslib__related__popup__container .mat-expansion-panel-header .mat-expansion-panel-header-title{align-items:center;margin-left:12px}.qmslib__related__popup__container .mat-expansion-panel-header .related_popup_toggle-btn{width:1.5rem;height:1.5rem;line-height:1.5rem}.qmslib__related__popup__container .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none}.qmslib__related__popup__container .panel__item{height:100px;margin-top:12px;overflow-x:hidden;overflow-y:auto;padding-right:5px;width:100%;max-width:100%;display:flex;flex-wrap:wrap;align-content:flex-start}.qmslib__related__popup__container .panel__item .related__item__inline{max-width:100%}.qmslib__related__popup__container .panel__item .select__toggle-include{width:100%}.qmslib__related__popup__container .panel__item .related__item__content{height:32px;line-height:32px;background-color:#e5e5e5;max-width:100%;margin-bottom:5px;margin-left:2.5px;margin-right:2.5px}.qmslib__related__popup__container .panel__item .related__item__content .mat-icon{color:#8e8e8e;font-size:24px}.qmslib__related__popup__container .panel__item .related__item__content span.related__item__content_name{display:inline-block;min-width:calc(100% - 13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.qmslib__related__popup__container .panel__item .related__item__content span.related__item__content_name .select__include-children__count{font-size:.75rem;color:rgba(0,0,0,.38)}.qmslib__related__popup__container .qmslib-related-popup-splitview{background-color:#fff;border-left:1px solid #ccc;height:450px;overflow-y:auto;margin-top:12px}.qmslib__related__popup__container .qmslib-related-popup-splitview.panel__content{height:450px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .qmslib-related-popup-splitview.panel__content_item{height:350px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .qmslib-related-popup-splitview .splitview-header{height:30px;font-size:12px;letter-spacing:1px;font-family:RALEWAY;font-weight:600;display:flex;align-items:center}.qmslib__related__popup__container .qmslib-related-popup-splitview .mat-checkbox.qms-group-options{padding:0}.qmslib__related__popup__container .qmslib-related-popup-splitview .mat-checkbox.qms-group-options .mat-checkbox-inner-container{margin-right:11px}.qmslib__related__popup__container .qmslib-related-popup-splitview .mat-checkbox.qms-group-options.mat-checkbox-checked{background:transparent!important}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node{margin-left:8px;display:flex;align-items:center;min-height:40px}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node .mat-icon{color:rgba(0,0,0,.6);margin-right:17px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node .mat-icon svg{display:block;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}cdk-virtual-scroll-viewport{overflow-x:hidden}cdk-virtual-scroll-viewport .search__module-result{margin:1.5rem;padding:0 0 .5rem}cdk-virtual-scroll-viewport .search__module-result .search__module-title{font-size:14px;font-weight:600}cdk-virtual-scroll-viewport .search__module-result .search__option{height:auto;line-height:normal;padding:8px 0;border-bottom:1px solid #e0e0e0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item.mat-2-line.image-item{height:auto}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content{margin:0;border-bottom:none}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .wrap-image.image-square{width:2.5rem;height:100%;background:transparent;align-self:center;margin-right:0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .wrap-image.image-square img{width:24px;height:24px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .material-icons-outlined.leading-icon,cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content mat-icon.leading-icon{padding:4px 0 4px 4px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .subtitle{font-weight:400}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .caption{overflow:hidden;line-height:normal;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .caption span.search__result__parent-name{display:inline-block;width:auto;width:calc(100% - 13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .default-subtitle{color:rgba(0,0,0,.38)}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .search__description-icon{margin-right:0;width:12px;height:12px;font-size:12px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .qms-list-text{border-bottom:none}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .breadcrumb-containe .qms-breadcrumb-item .mat-icon{font-size:16px!important;padding-bottom:1px}cdk-virtual-scroll-viewport .search__module-result svg{display:block}#qmslib_related_popup_header_001{margin-bottom:20px;padding:0;font-weight:600;font-family:Raleway}.padding-5{padding:5px}.mat-autocomplete_related-viewport{height:100%;max-height:100%!important}.mat-autocomplete_related-viewport .cdk-virtual-scroll-content-wrapper{width:100%}.mat-autocomplete_related-viewport .related-viewport{min-height:10.25rem}"]
             },] }
 ];
 SelectIncludeChildrenPopUpComponent.ctorParameters = () => [
@@ -16271,6 +16663,9 @@ QMSSelectIncludeChildrenModule.decorators = [
             },] }
 ];
 
+class SelectedOption {
+}
+
 var BadgesType;
 (function (BadgesType) {
     BadgesType["circle"] = "1";
@@ -16331,6 +16726,432 @@ QmsBadgesModule.decorators = [
             },] }
 ];
 
+var DataType;
+(function (DataType) {
+    DataType[DataType["process"] = 2] = "process";
+    DataType[DataType["document"] = 1] = "document";
+    DataType[DataType["area"] = 3] = "area";
+    DataType[DataType["folder"] = 4] = "folder";
+    DataType[DataType["deviation"] = 5] = "deviation";
+    DataType[DataType["checklist"] = 6] = "checklist";
+    DataType[DataType["risk"] = 7] = "risk";
+    DataType[DataType["deviationType"] = 8] = "deviationType";
+    DataType[DataType["checklistCategory"] = 9] = "checklistCategory";
+    DataType[DataType["riskFolder"] = 10] = "riskFolder";
+})(DataType || (DataType = {}));
+
+var DocumentNodeType;
+(function (DocumentNodeType) {
+    DocumentNodeType[DocumentNodeType["Document"] = 1] = "Document";
+    DocumentNodeType[DocumentNodeType["LinkDocument"] = 2] = "LinkDocument";
+    DocumentNodeType[DocumentNodeType["FileDocument"] = 3] = "FileDocument";
+    DocumentNodeType[DocumentNodeType["ShortcutDocument"] = 4] = "ShortcutDocument";
+    DocumentNodeType[DocumentNodeType["Folder"] = 5] = "Folder";
+    DocumentNodeType[DocumentNodeType["TopFolder"] = 6] = "TopFolder";
+    DocumentNodeType[DocumentNodeType["DepartmentFolder"] = 7] = "DepartmentFolder";
+    DocumentNodeType[DocumentNodeType["RegionalFolder"] = 8] = "RegionalFolder";
+})(DocumentNodeType || (DocumentNodeType = {}));
+
+var ModuleType;
+(function (ModuleType) {
+    ModuleType[ModuleType["documentProcess"] = 1] = "documentProcess";
+    ModuleType[ModuleType["deviation"] = 2] = "deviation";
+    ModuleType[ModuleType["checklist"] = 3] = "checklist";
+    ModuleType[ModuleType["risk"] = 4] = "risk";
+})(ModuleType || (ModuleType = {}));
+
+class ShowHideSearchResultConst {
+}
+ShowHideSearchResultConst.IS_DISPLAY_SEARCH_RESULT = 'IS_DISPLAY_SEARCH_RESULT';
+ShowHideSearchResultConst.HIDE_SEARCH_RESULT = 'HIDE_SEARCH_RESULT';
+ShowHideSearchResultConst.SHOW_SEARCH_RESULT = 'SHOW_SEARCH_RESULT';
+
+class SelectOnePopupData {
+    constructor() {
+        this.moduleId = 0;
+        this.moduleName = '';
+        this.treeData = [];
+        this.selectedNode = [];
+        this.disabledList = [];
+        this.expandToChildNode = [];
+    }
+}
+
+class QMSSelectOneGlobalService {
+    constructor() {
+        this.searchRelated = new BehaviorSubject([]);
+    }
+    setSearchRelated(result) {
+        this.searchRelated.next(result);
+    }
+}
+QMSSelectOneGlobalService.ɵprov = i0.ɵɵdefineInjectable({ factory: function QMSSelectOneGlobalService_Factory() { return new QMSSelectOneGlobalService(); }, token: QMSSelectOneGlobalService, providedIn: "root" });
+QMSSelectOneGlobalService.decorators = [
+    { type: Injectable, args: [{ providedIn: 'root' },] }
+];
+QMSSelectOneGlobalService.ctorParameters = () => [];
+
+class SelectOneDialog {
+    constructor(cdRef, translate, dialogRef, globalService, iconRegistry, sanitizer, appIconService, data) {
+        this.cdRef = cdRef;
+        this.translate = translate;
+        this.dialogRef = dialogRef;
+        this.globalService = globalService;
+        this.iconRegistry = iconRegistry;
+        this.sanitizer = sanitizer;
+        this.appIconService = appIconService;
+        this.data = data;
+        this.ngUnsubscribe = new Subject();
+        this.moduleId = 0;
+        this.moduleName = '';
+        this.treeData = [];
+        this.checkedNodeList = [];
+        this.selectedNode = [];
+        this.selectedData = [];
+        this.module = ModuleType;
+        this.dataType = DataType;
+        this.itemType = 0;
+        this.selectedRiskData = [];
+        this.disabledList = [];
+        this.expandToChildNode = [];
+        this.isCommonExpanded = true;
+        this.myControl = new FormControl();
+        this.filteredOptions = [];
+        this.isInputValue = false;
+        this.selectedFolder = null;
+        this.listChildrenSelectOne = [];
+        this.onSearch = new EventEmitter();
+        this.onExpandFolder = new EventEmitter();
+        this.moduleId = data.moduleId;
+        this.moduleName = data.moduleName;
+        this.treeData = data.treeData;
+        this.treeConfig = data.treeConfig;
+        this.selectedRiskData = (data === null || data === void 0 ? void 0 : data.selectedNode) || [];
+        this.disabledList = data.disabledList || [];
+        this.expandToChildNode = data.expandToChildNode;
+        appIconService.registerProcessIcon(iconRegistry, sanitizer);
+        appIconService.registerProcessAreaIcon(iconRegistry, sanitizer);
+        appIconService.registerDocumentIcon(iconRegistry, sanitizer);
+        appIconService.registerFolderIcon(iconRegistry, sanitizer);
+        appIconService.registerDeviationIcon(iconRegistry, sanitizer);
+        appIconService.registerChecklistIcon(iconRegistry, sanitizer);
+        appIconService.registerRiskIcon(iconRegistry, sanitizer);
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+        this.globalService.setSearchRelated([]);
+        this.selectedFolder = null;
+    }
+    onMessage(event) {
+        if (event.data === ShowHideSearchResultConst.HIDE_SEARCH_RESULT) {
+            this.autoComplete.closePanel();
+        }
+    }
+    ngOnInit() {
+        this.translate.getLanguageSubject$.pipe().subscribe((res) => {
+            if (res) {
+                this.LANG = this.translate.getObjectLang(res);
+            }
+        });
+        this.globalService.searchRelated.pipe(takeUntil(this.ngUnsubscribe)).subscribe((res) => {
+            if (res && res.length) {
+                this.filteredOptions = res;
+            }
+        });
+        this.myControl.valueChanges.pipe(debounceTime(1000)).subscribe((val) => {
+            this.isInputValue = true;
+            this.onSearchRelated(val);
+        });
+        this.itemType = this.getDataTypeId(this.moduleId);
+    }
+    ngAfterViewChecked() {
+        this.cdRef.detectChanges();
+        if (this.filteredOptions && this.filteredOptions.length) {
+            this.autoComplete.openPanel();
+            this.setResultHeight();
+        }
+        else if (this.autoComplete) {
+            this.autoComplete.closePanel();
+        }
+    }
+    getDataTypeId(moduleId) {
+        let itemType;
+        switch (moduleId) {
+            case ModuleType.documentProcess:
+                itemType = this.dataType.process;
+                break;
+            case ModuleType.deviation:
+                itemType = this.dataType.deviation;
+                break;
+            case ModuleType.checklist:
+                itemType = this.dataType.checklist;
+                break;
+            case ModuleType.risk:
+                itemType = this.dataType.risk;
+                break;
+            default:
+                itemType = this.dataType.document;
+                break;
+        }
+        return itemType;
+    }
+    setResultHeight(arr) {
+        let maxHeight = 484;
+        const popup_content = document.getElementsByClassName('qmslib_related_popup_content')[0];
+        const line__divider = document.getElementsByClassName('line__divider')[0];
+        if (popup_content && line__divider) {
+            maxHeight = this.getOffsetHeight(popup_content, true) + this.getOffsetHeight(line__divider, true) * 2;
+        }
+        const contentResult = document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0];
+        const viewreports = document.getElementsByClassName('related-viewport')[0];
+        if (viewreports) {
+            if (contentResult.offsetHeight <= maxHeight) {
+                viewreports.style.height = `${contentResult.offsetHeight}px`;
+            }
+            else {
+                viewreports.style.height = `${maxHeight}px`;
+            }
+        }
+    }
+    onSearchRelated(_val) {
+        this.filteredOptions = [];
+        if (typeof (_val) === 'object') {
+            this.myControl.setValue('');
+        }
+        else if (typeof (_val) === 'string') {
+            if (!!_val) {
+                this.onSearch.emit(_val);
+            }
+        }
+    }
+    getModuleFilteredOptions() {
+        if (this.listChildrenSelectOne.length) {
+            for (let index = 0; index < this.listChildrenSelectOne.length; index++) {
+                const firstEl = this.listChildrenSelectOne[index];
+                for (let j = 0; j < this.filteredOptions.length; j++) {
+                    const secondEl = this.filteredOptions[j];
+                    if (firstEl.id === secondEl.id) {
+                        this.filteredOptions.splice(j, 1);
+                    }
+                }
+            }
+        }
+        return this.filteredOptions;
+    }
+    showSearchResult() {
+        this.autoComplete.openPanel();
+    }
+    displayRelated(related) {
+        return related ? related.itemName : undefined;
+    }
+    selectItemSearched(item) {
+        var _a;
+        if ((_a = this.treeConfig) === null || _a === void 0 ? void 0 : _a.selectOne) {
+            this.disabledList = [];
+        }
+        // reset to root
+        this.expandToChildNode = [''];
+        this.checkedNodeList = [];
+        let position = -1;
+        let node;
+        let typeId;
+        position = this.treeData.findIndex(x => {
+            return x.rootId === item.id;
+        });
+        typeId = item.itemType;
+        if (position >= 0) {
+            node = this.treeData[position];
+            this.checkedNodeList.push({
+                moduleId: this.moduleId,
+                id: node.rootId,
+                itemName: node.rootName || node.subName,
+                itemType: typeId,
+                itemNumberId: item.itemNumberId,
+                levelType: item.levelType
+            });
+        }
+        const treeNode = {
+            id: node.rootId,
+            name: !!node.rootId ? node.subName : node.rootName,
+            children: [],
+            parentId: node.parentId
+        };
+        this.dataTrees.toArray()[0].todoFolderSelection([treeNode]);
+        return;
+    }
+    onCloseClick() {
+        this.selectedFolder = null;
+        this.dialogRef.close();
+    }
+    ;
+    onAddClick() {
+        this.selectedFolder = null;
+        this.dialogRef.close(this.checkedNodeList);
+    }
+    getOffsetHeight(element, includeMargin) {
+        let elmHeight = 0, elmMargin = 0;
+        elmHeight = element.offsetHeight;
+        if (includeMargin) {
+            const style = window.getComputedStyle(element);
+            elmMargin = parseFloat(style.marginTop.replace('px', '')) + parseFloat(style.marginBottom.replace('px', ''));
+        }
+        return (elmHeight + elmMargin);
+    }
+    getItemChipName(item) {
+        if (item.itemType === DataType.checklist || item.itemType === DataType.deviation) {
+            return (item.parentName && item.itemName !== item.parentName) ? `${item.parentName}/${item.itemName}` : item.itemName;
+        }
+        return item.itemName;
+    }
+    isEllipsisActive(e) {
+        return e ? (e.clientWidth < e.scrollWidth) : false;
+    }
+    getNodeIcon(item) {
+        switch (item.itemType) {
+            case DataType.folder: {
+                switch (item.levelType) {
+                    case DocumentNodeType.DepartmentFolder:
+                        return 'department_folder_outlined';
+                    case DocumentNodeType.RegionalFolder:
+                        return 'regional_folder_outlined';
+                    case DocumentNodeType.TopFolder:
+                        return 'enterprise_folder_outlined';
+                    case DocumentNodeType.Folder:
+                        return 'local_folder_outlined';
+                    default:
+                        return 'folder_outlined';
+                }
+            }
+            case DataType.document: {
+                switch (item.levelType) {
+                    case DocumentNodeType.DepartmentFolder:
+                        return 'document_department';
+                    case DocumentNodeType.RegionalFolder:
+                        return 'document_regional';
+                    case DocumentNodeType.TopFolder:
+                        return 'document_enterprise';
+                    case DocumentNodeType.Folder:
+                        return 'document_local';
+                    default:
+                        return 'document';
+                }
+            }
+            case DataType.area:
+                return 'process_area_outlined';
+            case DataType.process:
+                return 'process';
+            case DataType.deviation:
+                return 'deviation';
+            case DataType.checklist:
+                return 'checklist';
+            case DataType.risk:
+                return 'risk';
+            default:
+                return 'folder_outlined';
+        }
+    }
+    getParentName(item) {
+        if (item.itemType === this.dataType.checklist || item.itemType === this.dataType.deviation) {
+            return item.parentName;
+        }
+        return null;
+    }
+    getItemId(item) {
+        if (item.itemType === this.dataType.process) {
+            return `${this.LANG.PROCESS_ID}: ${item.itemNumberId}; ${item.statusName}`;
+        }
+        else if (item.itemType === this.dataType.document) {
+            return `${this.LANG.DOCUMENT_ID}: ${item.itemNumberId}; ${item.statusName}`;
+        }
+        return null;
+    }
+    selectNodeTreeEvent(node) {
+        var _a, _b;
+        let position = -1;
+        let parentName = '';
+        let itemNumberId = '';
+        position = !node.expandable ? this.treeData.findIndex(p => p.childId === node.id && p.rootId === node.parentId) :
+            this.treeData.findIndex(p => p.rootId === node.id);
+        parentName = this.treeData[position].parentId ? this.treeData[position].subName : this.treeData[position].rootName;
+        itemNumberId = (_b = (_a = this.treeData[position]) === null || _a === void 0 ? void 0 : _a.displayId) === null || _b === void 0 ? void 0 : _b.toString();
+        this.checkedNodeList = [];
+        this.checkedNodeList.push({
+            moduleId: this.moduleId,
+            id: node.id,
+            itemName: node.name,
+            itemType: node.itemType,
+            parentId: node.parentId,
+            parentName: parentName,
+            itemNumberId: itemNumberId,
+            levelType: node.levelType
+        });
+    }
+    getChildNodeSelectOne(listChildren) {
+        this.listChildrenSelectOne = [];
+        this.listChildrenSelectOne = listChildren;
+    }
+}
+SelectOneDialog.decorators = [
+    { type: Component, args: [{
+                selector: 'qms-select-one',
+                template: "<div id=\"qmslib_related_popup\" class=\"qmslib__related__popup__container\">\r\n  <div id=\"qmslib_related_popup_header\">\r\n    <span mat-icon-button class=\"button__close\" (click)=\"onCloseClick()\">\r\n      <mat-icon mat-icon>close</mat-icon>\r\n    </span>\r\n    <div id=\"qmslib_related_popup_header_001\" mat-dialog-content>\r\n      <span>{{ moduleName }}</span>\r\n    </div>\r\n  </div>\r\n\r\n  <div\r\n    id=\"qmslib_related_popup_search\"\r\n    class=\"input__field\"\r\n    (click)=\"showSearchResult()\"\r\n  >\r\n    <input\r\n      #name\r\n      type=\"text\"\r\n      placeholder=\"{{ LANG.SEARCH }}\"\r\n      matInput\r\n      [formControl]=\"myControl\"\r\n      [matAutocomplete]=\"auto\"\r\n      #autoCompleteInputSearch\r\n    />\r\n    <mat-icon>search</mat-icon>\r\n  </div>\r\n\r\n  <div class=\"line__divider\"></div>\r\n\r\n  <mat-autocomplete\r\n    #auto=\"matAutocomplete\"\r\n    [displayWith]=\"displayRelated\"\r\n    class=\"mat-autocomplete_related-viewport\"\r\n  >\r\n    <cdk-virtual-scroll-viewport\r\n      qms-scrollbar\r\n      itemSize=\"10\"\r\n      class=\"related-viewport\"\r\n    >\r\n      <div class=\"search__module-result\" *ngIf=\"filteredOptions.length\">\r\n        <mat-option\r\n          class=\"search__option\"\r\n          *ngFor=\"let option of getModuleFilteredOptions()\"\r\n          [value]=\"option\"\r\n          (click)=\"selectItemSearched(option)\"\r\n        >\r\n          <qms-list-item type=\"image-square\">\r\n            <mat-icon\r\n              leading-icon\r\n              type=\"image-square\"\r\n              [svgIcon]=\"getNodeIcon(option)\"\r\n            ></mat-icon>\r\n            <div qms-list-header>\r\n              <div\r\n                qms-line\r\n                type=\"caption\"\r\n                qms-tool-tip=\"{{\r\n                  isEllipsisActive(searchItemResult) ? option.parentName : ''\r\n                }}\"\r\n                mode=\"dark\"\r\n                *ngIf=\"getParentName(option)\"\r\n              >\r\n                <span #searchItemResult class=\"search__result__parent-name\">\r\n                  {{ option.parentName }}\r\n                </span>\r\n              </div>\r\n              <div qms-line type=\"subtitle\" class=\"search__option-name\">\r\n                {{ option.itemName }}\r\n              </div>\r\n              <div\r\n                class=\"caption\"\r\n                *ngIf=\"option.breadcumbs && option.breadcumbs.length\"\r\n              >\r\n                <qms-breadcrumb\r\n                  class=\"breadcrumb-containe\"\r\n                  type=\"table\"\r\n                  numDisplayItem=\"1\"\r\n                  [nodes]=\"option.breadcumbs\"\r\n                >\r\n                </qms-breadcrumb>\r\n              </div>\r\n            </div>\r\n            <div qms-line color=\"default-subtitle\" *ngIf=\"getItemId(option)\">\r\n              <span class=\"material-icons-outlined search__description-icon\">\r\n                local_offer\r\n              </span>\r\n              {{ getItemId(option) }}\r\n            </div>\r\n          </qms-list-item>\r\n        </mat-option>\r\n      </div>\r\n    </cdk-virtual-scroll-viewport>\r\n  </mat-autocomplete>\r\n\r\n  <div class=\"row\">\r\n    <div\r\n      class=\"qms-scrollbar col-12 qmslib_related_popup_content\"\r\n      [ngClass]=\"{\r\n        panel__content_item: checkedNodeList.length,\r\n        panel__content: !checkedNodeList.length\r\n      }\"\r\n    >\r\n      <mat-expansion-panel\r\n        hideToggle\r\n        id=\"qmslib_related_popup_common_001\"\r\n        [expanded]=\"isCommonExpanded\"\r\n        (opened)=\"isCommonExpanded = true\"\r\n        (closed)=\"isCommonExpanded = false\"\r\n        class=\"panel-tree\"\r\n      >\r\n        <div id=\"qmslib_related_popup_common_002\">\r\n          <qms-tree\r\n            [treeData]=\"treeData\"\r\n            [treeConfig]=\"treeConfig\"\r\n            [selectedData]=\"selectedData\"\r\n            [selectedRiskData]=\"selectedRiskData\"\r\n            [disabledList]=\"disabledList\"\r\n            (selectNodeEvent)=\"selectNodeTreeEvent($event)\"\r\n            (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\r\n            [expandOnTitleClick]=\"true\"\r\n            [expandToChildNode]=\"expandToChildNode\"\r\n          ></qms-tree>\r\n        </div>\r\n      </mat-expansion-panel>\r\n    </div>\r\n  </div>\r\n\r\n  <div *ngIf=\"checkedNodeList.length\" class=\"line__divider\"></div>\r\n\r\n  <div *ngIf=\"checkedNodeList.length\" class=\"panel__item qms-scrollbar\">\r\n    <div class=\"related__item__inline\" *ngFor=\"let item of checkedNodeList\">\r\n      <button\r\n        *ngIf=\"item.itemName\"\r\n        mat-button\r\n        class=\"related__item__content\"\r\n        qms-tool-tip=\"{{\r\n          isEllipsisActive(itemName) ? getItemChipName(item) : ''\r\n        }}\"\r\n        mode=\"dark\"\r\n      >\r\n        <span class=\"related__item__content_name\" #itemName>{{\r\n          getItemChipName(item)\r\n        }}</span>\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"line__divider\"></div>\r\n\r\n  <div class=\"confirm__button__groups\">\r\n    <button\r\n      *ngIf=\"!checkedNodeList.length\"\r\n      qms-btn\r\n      style=\"margin-top: 7px\"\r\n      (click)=\"onAddClick()\"\r\n    >\r\n      {{ LANG.ADD }}\r\n    </button>\r\n    <button\r\n      *ngIf=\"checkedNodeList.length\"\r\n      qms-btn\r\n      style=\"margin-top: 0px\"\r\n      (click)=\"onAddClick()\"\r\n    >\r\n      {{ LANG.ADD }} ({{ checkedNodeList.length }})\r\n    </button>\r\n    <button\r\n      qms-btn-text\r\n      [ngStyle]=\"{ 'margin-top': checkedNodeList.length ? '0px' : '7px' }\"\r\n      (click)=\"onCloseClick()\"\r\n    >\r\n      {{ LANG.CANCEL }}\r\n    </button>\r\n  </div>\r\n</div>\r\n",
+                encapsulation: ViewEncapsulation.None,
+                styles: [".qms-scrollbar::-webkit-scrollbar{width:12px}.qms-scrollbar::-webkit-scrollbar-track{background:rgba(0,0,0,.12);background-clip:content-box}.qms-scrollbar::-webkit-scrollbar-thumb{background:rgba(0,0,0,.38);border-radius:20px;width:4px;border:4px solid transparent;background-clip:content-box}.qms-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5);background-clip:content-box;border:4px solid transparent}.qms-scrollbar.none-scroll-bg::-webkit-scrollbar-track{background:transparent;background-clip:content-box}.qms__popup .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qms__danger button{border:none;color:#fff;padding:0;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;height:20px;width:20px;font-family:Open Sans;font-size:12px;font-weight:600;font-style:normal;line-height:16px}.qms__danger .red{background-color:#9e360f;margin-left:10px}.qms__danger .yellow{background-color:#e4cf53;margin-left:10px;color:#323232}.qms__danger .green{background-color:#00804c;margin-left:10px}.confirm__button__groups{margin-top:11px}.confirm__button__groups button{min-height:36px;width:auto;font-family:Open Sans;font-weight:500;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px;margin-right:5px;float:right}.confirm__button__groups .confirm{background:#f8f9f9}.confirm__button__groups .confirm:hover{background:#001983;color:#fff}.confirm__button__groups .confirm:disabled{cursor:not-allowed}.confirm__button__groups .cancel{background:#f8f9f9}.confirm__button__groups .cancel:hover{background:#001983;color:#fff}.qmslib__related__popup__container .input__field{display:flex;align-items:center}.qmslib__related__popup__container .input__field input{width:100%;padding:10px;outline:none;border:none;background:#eee}.qmslib__related__popup__container .input__field .mat-icon{margin-left:-30px;cursor:pointer;vertical-align:middle}.qmslib__related__popup__container .line__divider{border-bottom:1px solid #ccc;height:1px;margin-top:10px;min-width:300px;max-width:100%}.qmslib__related__popup__container .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmslib__related__popup__container .panel__content{height:450px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel__content_item{height:350px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel-tree .mat-expansion-panel-body{padding:0 12px 12px}.qmslib__related__popup__container .mat-expansion-panel-header{height:30px;font-size:12px;letter-spacing:1px;font-family:Raleway;font-weight:600;padding:0}.qmslib__related__popup__container .mat-expansion-panel-header .mat-expansion-panel-header-title{align-items:center;margin-left:12px}.qmslib__related__popup__container .mat-expansion-panel-header .related_popup_toggle-btn{width:1.5rem;height:1.5rem;line-height:1.5rem}.qmslib__related__popup__container .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none}.qmslib__related__popup__container .panel__item{height:100px;margin-top:12px;overflow-x:hidden;overflow-y:auto;padding-right:5px;width:100%;max-width:100%;display:flex;flex-wrap:wrap;align-content:flex-start}.qmslib__related__popup__container .panel__item .related__item__inline{max-width:100%}.qmslib__related__popup__container .panel__item .related__item__content{height:32px;line-height:32px;background-color:#e5e5e5;max-width:100%;margin-bottom:5px;margin-left:2.5px;margin-right:2.5px}.qmslib__related__popup__container .panel__item .related__item__content .mat-icon{color:#8e8e8e;font-size:24px}.qmslib__related__popup__container .panel__item .related__item__content span.related__item__content_name{display:inline-block;min-width:calc(100% - 13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}cdk-virtual-scroll-viewport{overflow-x:hidden}cdk-virtual-scroll-viewport .search__module-result{margin:1.5rem;padding:0 0 .5rem}cdk-virtual-scroll-viewport .search__module-result .search__module-title{font-size:14px;font-weight:600}cdk-virtual-scroll-viewport .search__module-result .search__option{height:auto;line-height:normal;padding:8px 0;border-bottom:1px solid #e0e0e0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item.mat-2-line.image-item{height:auto}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content{margin:0;border-bottom:none}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .wrap-image.image-square{width:2.5rem;height:100%;background:transparent;align-self:center;margin-right:0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .wrap-image.image-square img{width:24px;height:24px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .material-icons-outlined.leading-icon,cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content mat-icon.leading-icon{padding:4px 0 4px 4px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .subtitle{font-weight:400}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .caption{overflow:hidden;line-height:normal;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;margin:0}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .caption span.search__result__parent-name{display:inline-block;width:auto;width:calc(100% - 13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .default-subtitle{color:rgba(0,0,0,.38)}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .search__description-icon{margin-right:0;width:12px;height:12px;font-size:12px}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .qms-list-text{border-bottom:none}cdk-virtual-scroll-viewport .search__module-result .search__option .qms-list-item-content .breadcrumb-containe .qms-breadcrumb-item .mat-icon{font-size:16px!important;padding-bottom:1px}cdk-virtual-scroll-viewport .search__module-result svg{display:block}#qmslib_related_popup_header_001{margin-bottom:20px;padding:0;font-weight:600;font-family:Raleway}.padding-5{padding:5px}.mat-autocomplete_related-viewport{height:100%;max-height:100%!important}.mat-autocomplete_related-viewport .cdk-virtual-scroll-content-wrapper{width:100%}.mat-autocomplete_related-viewport .related-viewport{min-height:10.25rem}"]
+            },] }
+];
+SelectOneDialog.ctorParameters = () => [
+    { type: ChangeDetectorRef },
+    { type: TranslateLibraryService },
+    { type: MatDialogRef },
+    { type: QMSSelectOneGlobalService },
+    { type: MatIconRegistry },
+    { type: DomSanitizer },
+    { type: QMSIconRegistryService },
+    { type: SelectOnePopupData, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] }
+];
+SelectOneDialog.propDecorators = {
+    dataTrees: [{ type: ViewChildren, args: [TreeComponent, {},] }],
+    autoComplete: [{ type: ViewChild, args: ['autoCompleteInputSearch', { read: MatAutocompleteTrigger, static: true },] }],
+    onMessage: [{ type: HostListener, args: ['window:message', ['$event'],] }]
+};
+
+class QMSSelectOneModule {
+}
+QMSSelectOneModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    SelectOneDialog
+                ],
+                imports: [
+                    CommonModule,
+                    MatTreeModule,
+                    MatIconModule,
+                    MatButtonModule,
+                    MatCheckboxModule,
+                    MatExpansionModule,
+                    MatAutocompleteModule,
+                    ReactiveFormsModule,
+                    ScrollingModule,
+                    MatCardModule,
+                    MatSidenavModule,
+                    MatListModule,
+                    SharedMaterialModule,
+                    QMSListModule,
+                    QmsAngularModule,
+                    QMSBreadcrumbModule,
+                    QMSAppIconModule,
+                    QMSTreeModule
+                ],
+                exports: [
+                    SelectOneDialog
+                ]
+            },] }
+];
+
+class ISelectOneItem {
+}
+
 /*
  * Public API Surface of qms-angular
  */
@@ -16339,5 +17160,5 @@ QmsBadgesModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { AutocompleteOffDirective, BREADCRUMB_DROPDOWN_ICON, BUTTON_TOGGLE_DEFAULT_OPTIONS, BUTTON_TOGGLE_GROUP, BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR, BannerType, BpmnService, BreadcrumbNode, ButtonToggleChange, CHECKLIST_ICON, CKEditorEventConst, CKEditorModule, ConfirmDialog, DEPARTMENT_FOLDER_ICON, DEPARTMENT_FOLDER_OUTLINED_ICON, DEVIATION_ICON, DOCUMENT_DEPARTMENT_ICON, DOCUMENT_ENTERPRISE_ICON, DOCUMENT_ICON, DOCUMENT_LOCAL_ICON, DOCUMENT_REGIONAL_ICON, DateFormatPipe, ENTERPRISE_FOLDER_ICON, ENTERPRISE_FOLDER_OUTLINED_ICON, FileErrorType, FlowChartConst, FlowchartViewMode, IconModel, InformationCoverItem, KEYBOARD_DOWN_ICON, KEYBOARD_UP_ICON, LOCAL_FOLDER_ICON, LOCAL_FOLDER_OUTLINED_ICON, LinkAnchor, LinkType, MarginDirective, NORMAL_FOLDER_ICON, NORMAL_FOLDER_OUTLINED_ICON, PROCESS_AREA_ICON, PROCESS_AREA_OUTLINED_ICON, PROCESS_ICON, PopupData, ProtocolType, ProtocolTypeName, QMSAnchor, QMSAppIconModule, QMSAttachmentListDirective, QMSBreadcrumb, QMSBreadcrumbDirectionIconDirective, QMSBreadcrumbItemDirective, QMSBreadcrumbModule, QMSButton, QMSButtonIcon, QMSButtonModule, QMSButtonToggle, QMSButtonToggleGroup, QMSCKEditorBaseComponent, QMSCKEditorBaseService, QMSCKEditorBpmn, QMSCKEditorBpmnApiService, QMSCKEditorBpmnComponent, QMSCKEditorBpmnTemplate, QMSCKEditorComponent, QMSCKEditorConfirmComponent, QMSCKEditorData, QMSCKEditorDialogData, QMSCKEditorDocumentType, QMSCKEditorFullscreenComponent, QMSCKEditorGlobalService, QMSCKEditorInjector, QMSCKEditorLinkAnchorDocument, QMSCKEditorLinkComponent, QMSCKEditorLinkService, QMSCKEditorLoadTemplateComponent, QMSCKEditorModule, QMSCKEditorPlugin, QMSCKEditorRelatedComponent, QMSCKEditorRelation, QMSCKEditorTemplate, QMSCKEditorTemplateService, QMSCKEditorToastService, QMSCKEditorTreeComponent, QMSCKEdtiorInputData, QMSChipBodyDirective, QMSChipInputChipListDirective, QMSChipInputDirective, QMSChipInputSelectDropWDownDirective, QMSChipInputSelectFieldDirective, QMSChipInputSelectTriggerDirective, QMSComment, QMSConfirmDialog, QMSDialogConfig, QMSDrawerContentDirective, QMSDrawerDirective, QMSDrawerHeaderActionDirective, QMSDrawerHeaderDirective, QMSDropdownMenuItem, QMSEditFileNameDialog, QMSEditFileNameDialogModule, QMSFileAttachment, QMSFileUploadDirective, QMSFileUploadDisplayDirective, QMSFileUploadMultipleDirective, QMSFileUploadMultipleDisplayDirective, QMSFileUploadMultipleSelectorDirective, QMSFileUploadSelectorDirective, QMSFormDialog, QMSFormFieldDatePickerDirective, QMSFormFieldDirective, QMSFormFieldTextareaDirective, QMSGroupOptionDirective, QMSIconRegistryService, QMSInputChipDirective, QMSInputClearDirective, QMSList, QMSListExpansion, QMSListExpansionHeader, QMSListHeader, QMSListItem, QMSListLeadingIcon, QMSListLine, QMSListModule, QMSRangeSliderDirective, QMSRangeSliderLockUpDirective, QMSRelatedGlobalService, QMSRelatedModule, QMSRichText, QMSRichTextModule, QMSScrolableAttachmentListDirective, QMSScrollbarDirective, QMSSearchFieldDirective, QMSSelectGlobalService, QMSSelectIncludeChildrenModule, QMSSnackbarConfig, QMSSuffixDirective, QMSSuffixFieldDirective, QMSTabGroupAdvancedDirective, QMSTabGroupDirective, QMSTabLabelDirective, QMSTableAction, QMSTableActionBlock, QMSTableModule, QMSTextBlockDirective, QMSTextBlockLine, QMSToolTipComponent, QMSToolTipRendererDirective, QMSTooltipImageDirective, QMSTooltipModule, QMSTreeModule, QMSUploadFileErrorDialog, QMSUploadFileErrorDialogModule, QMSUploadingFileGuard, QmsAngularComponent, QmsAngularModule, QmsAngularService, QmsAppBarComponent, QmsAppBarModule, QmsBadgesComponent, QmsBadgesModule, QmsBannerComponent, QmsBannerConfirmButton, QmsBannerConfirmButtonClick, QmsBannerConfirmComponent, QmsBannerConfirmModule, QmsBannerContent, QmsBannerLoadingComponent, QmsBannerLoadingModule, QmsBannerModule, QmsReportContentPortraitComponent, QmsReportCoverPortraitComponent, QmsReportModule, QmsStepperComponent, QmsStepperModule, REGIONAL_FOLDER_ICON, REGIONAL_FOLDER_OUTLINED_ICON, RISK_ICON, RelatedContentComponent, RelatedItemType, RelatedListComponent, RelatedPopupComponent, Result, RiskAnalysis, RiskAnalysisComponent, RiskDanger, RiskListComponent, RiskResult, RiskResultComponent, SaveTemplateComponent, ScrollToSelectedDirective, SelectConst, SelectDialog, SelectIncludeChildrenPopUpComponent, SelectPopupData, SharedModule, SideNav, SideNavItem, SidenavComponent, StepModel, TargetType, TargetTypeName, TestOnlyComponent, TranslateLibraryService, TreeComponent, TreeConfig, TreeFlatNode, TreeModel, TreeNode$1 as TreeNode, UploadErrorData, en, mixinColor, no, notExceedSize, requiredFileType, ɵ1, SharedMaterialModule as ɵa, QMSCKEditorTemplateComponent as ɵb, QMSCKEditorTreeService as ɵc, LinkAttachmentComponent as ɵd, QMSCKEditorTooltipComponent as ɵe, QMSCKEditorTooltip as ɵf, QMSCKEditorImageMapComponent as ɵg, QMSCKEditorImageMap as ɵh };
+export { AutocompleteOffDirective, BREADCRUMB_DROPDOWN_ICON, BUTTON_TOGGLE_DEFAULT_OPTIONS, BUTTON_TOGGLE_GROUP, BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR, BannerType, BpmnService, BreadcrumbNode, ButtonToggleChange, CHECKLIST_ICON, CKEditorEventConst, CKEditorModule, ConfirmDialog, DEPARTMENT_FOLDER_ICON, DEPARTMENT_FOLDER_OUTLINED_ICON, DEVIATION_ICON, DOCUMENT_DEPARTMENT_ICON, DOCUMENT_ENTERPRISE_ICON, DOCUMENT_ICON, DOCUMENT_LOCAL_ICON, DOCUMENT_REGIONAL_ICON, DateFormatPipe, ENTERPRISE_FOLDER_ICON, ENTERPRISE_FOLDER_OUTLINED_ICON, FileErrorType, FlowChartConst, FlowchartViewMode, ISelectOneItem, IconModel, InformationCoverItem, KEYBOARD_DOWN_ICON, KEYBOARD_UP_ICON, LOCAL_FOLDER_ICON, LOCAL_FOLDER_OUTLINED_ICON, LinkAnchor, LinkType, MarginDirective, NORMAL_FOLDER_ICON, NORMAL_FOLDER_OUTLINED_ICON, PROCESS_AREA_ICON, PROCESS_AREA_OUTLINED_ICON, PROCESS_ICON, PopupData, ProtocolType, ProtocolTypeName, QMSAnchor, QMSAppIconModule, QMSAttachmentListDirective, QMSBreadcrumb, QMSBreadcrumbDirectionIconDirective, QMSBreadcrumbItemDirective, QMSBreadcrumbModule, QMSButton, QMSButtonIcon, QMSButtonModule, QMSButtonToggle, QMSButtonToggleGroup, QMSCKEditorBaseComponent, QMSCKEditorBaseService, QMSCKEditorBpmn, QMSCKEditorBpmnApiService, QMSCKEditorBpmnComponent, QMSCKEditorBpmnTemplate, QMSCKEditorComponent, QMSCKEditorConfirmComponent, QMSCKEditorData, QMSCKEditorDialogData, QMSCKEditorDocumentType, QMSCKEditorFullscreenComponent, QMSCKEditorGlobalService, QMSCKEditorInjector, QMSCKEditorLinkAnchorDocument, QMSCKEditorLinkComponent, QMSCKEditorLinkService, QMSCKEditorLoadTemplateComponent, QMSCKEditorModule, QMSCKEditorPlugin, QMSCKEditorRelatedComponent, QMSCKEditorRelation, QMSCKEditorTemplate, QMSCKEditorTemplateService, QMSCKEditorToastService, QMSCKEditorTreeComponent, QMSCKEdtiorInputData, QMSChipBodyDirective, QMSChipInputChipListDirective, QMSChipInputDirective, QMSChipInputSelectDropWDownDirective, QMSChipInputSelectFieldDirective, QMSChipInputSelectTriggerDirective, QMSComment, QMSConfirmDialog, QMSDialogConfig, QMSDrawerContentDirective, QMSDrawerDirective, QMSDrawerHeaderActionDirective, QMSDrawerHeaderDirective, QMSDropdownMenuItem, QMSEditFileNameDialog, QMSEditFileNameDialogModule, QMSFileAttachment, QMSFileUploadDirective, QMSFileUploadDisplayDirective, QMSFileUploadMultipleDirective, QMSFileUploadMultipleDisplayDirective, QMSFileUploadMultipleSelectorDirective, QMSFileUploadSelectorDirective, QMSFormDialog, QMSFormFieldDatePickerDirective, QMSFormFieldDirective, QMSFormFieldTextareaDirective, QMSGroupOptionDirective, QMSIconRegistryService, QMSInputChipDirective, QMSInputClearDirective, QMSList, QMSListExpansion, QMSListExpansionHeader, QMSListHeader, QMSListItem, QMSListLeadingIcon, QMSListLine, QMSListModule, QMSRangeSliderDirective, QMSRangeSliderLockUpDirective, QMSRelatedGlobalService, QMSRelatedModule, QMSRichText, QMSRichTextModule, QMSScrolableAttachmentListDirective, QMSScrollbarDirective, QMSSearchFieldDirective, QMSSelectGlobalService, QMSSelectIncludeChildrenModule, QMSSelectOneGlobalService, QMSSelectOneModule, QMSSnackbarConfig, QMSSuffixDirective, QMSSuffixFieldDirective, QMSTabGroupAdvancedDirective, QMSTabGroupDirective, QMSTabLabelDirective, QMSTableAction, QMSTableActionBlock, QMSTableModule, QMSTextBlockDirective, QMSTextBlockLine, QMSToolTipComponent, QMSToolTipRendererDirective, QMSTooltipImageDirective, QMSTooltipModule, QMSTreeModule, QMSUploadFileErrorDialog, QMSUploadFileErrorDialogModule, QMSUploadingFileGuard, QmsAngularComponent, QmsAngularModule, QmsAngularService, QmsAppBarComponent, QmsAppBarModule, QmsBadgesComponent, QmsBadgesModule, QmsBannerComponent, QmsBannerConfirmButton, QmsBannerConfirmButtonClick, QmsBannerConfirmComponent, QmsBannerConfirmModule, QmsBannerContent, QmsBannerLoadingComponent, QmsBannerLoadingModule, QmsBannerModule, QmsReportContentPortraitComponent, QmsReportCoverPortraitComponent, QmsReportModule, QmsStepperComponent, QmsStepperModule, REGIONAL_FOLDER_ICON, REGIONAL_FOLDER_OUTLINED_ICON, RISK_ICON, RelatedContentComponent, RelatedItemType, RelatedListComponent, RelatedPopupComponent, Result, RiskAnalysis, RiskAnalysisComponent, RiskDanger, RiskListComponent, RiskResult, RiskResultComponent, SaveTemplateComponent, ScrollToSelectedDirective, SelectConst, SelectDialog, SelectIncludeChildrenPopUpComponent, SelectOneDialog, SelectOnePopupData, SelectOption, SelectOptionTypes, SelectPopupData, SelectedOption, SharedModule, ShowHideSearchResultConst, SideNav, SideNavItem, SidenavComponent, StepModel, TargetType, TargetTypeName, TestOnlyComponent, TranslateLibraryService, TreeComponent, TreeConfig, TreeFlatNode, TreeModel, TreeNode$1 as TreeNode, UploadErrorData, en, mixinColor, no, notExceedSize, requiredFileType, ɵ1, SharedMaterialModule as ɵa, QMSCKEditorTemplateComponent as ɵb, QMSCKEditorTreeService as ɵc, LinkAttachmentComponent as ɵd, QMSCKEditorTooltipComponent as ɵe, QMSCKEditorTooltip as ɵf, QMSCKEditorImageMapComponent as ɵg, QMSCKEditorImageMap as ɵh };
 //# sourceMappingURL=qms-angular.js.map