qms-angular 1.0.53 → 1.0.57

package/bundles/qms-angular.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@angular/common'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/radio'), require('@angular/material/card'), require('@angular/material/core'), require('@angular/platform-browser/animations'), require('@angular/cdk/a11y'), require('@angular/material/input'), require('@angular/cdk/text-field'), require('moment'), require('@angular/material/dialog'), require('rxjs/operators'), require('@angular/material/icon'), require('@angular/material/checkbox'), require('@angular/material/button'), require('@angular/cdk/portal'), require('@angular/cdk/overlay'), require('@angular/material/autocomplete'), require('@angular/material/chips'), require('@angular/material/progress-spinner'), require('@angular/cdk/coercion'), require('@angular/cdk/collections'), require('@angular/material/list'), require('@angular/material/expansion'), require('@angular/cdk/scrolling'), require('@angular/material/sidenav'), require('@angular/material/tree'), require('@angular/material/menu'), require('@angular/platform-browser'), require('@angular/cdk/tree'), require('@angular/common/http'), require('@angular/material/button-toggle'), require('@angular/material/select'), require('@angular/material/snack-bar'), require('@ckeditor/ckeditor5-angular'), require('jquery'), require('lodash'), require('@angular/material/tabs'), require('@angular/material/progress-bar'), require('@angular/material/tooltip'), require('@clientio/rappid'), require('dagre'), require('@angular/material/badge'), require('@angular/material/toolbar'), require('@angular/cdk/stepper'), require('@angular/material/stepper'), require('@angular/material/slide-toggle')) :
-    typeof define === 'function' && define.amd ? define('qms-angular', ['exports', '@angular/core', 'rxjs', '@angular/common', '@angular/forms', '@angular/material/form-field', '@angular/material/radio', '@angular/material/card', '@angular/material/core', '@angular/platform-browser/animations', '@angular/cdk/a11y', '@angular/material/input', '@angular/cdk/text-field', 'moment', '@angular/material/dialog', 'rxjs/operators', '@angular/material/icon', '@angular/material/checkbox', '@angular/material/button', '@angular/cdk/portal', '@angular/cdk/overlay', '@angular/material/autocomplete', '@angular/material/chips', '@angular/material/progress-spinner', '@angular/cdk/coercion', '@angular/cdk/collections', '@angular/material/list', '@angular/material/expansion', '@angular/cdk/scrolling', '@angular/material/sidenav', '@angular/material/tree', '@angular/material/menu', '@angular/platform-browser', '@angular/cdk/tree', '@angular/common/http', '@angular/material/button-toggle', '@angular/material/select', '@angular/material/snack-bar', '@ckeditor/ckeditor5-angular', 'jquery', 'lodash', '@angular/material/tabs', '@angular/material/progress-bar', '@angular/material/tooltip', '@clientio/rappid', 'dagre', '@angular/material/badge', '@angular/material/toolbar', '@angular/cdk/stepper', '@angular/material/stepper', '@angular/material/slide-toggle'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["qms-angular"] = {}, global.ng.core, global.rxjs, global.ng.common, global.ng.forms, global.ng.material.formField, global.ng.material.radio, global.ng.material.card, global.ng.material.core, global.ng.platformBrowser.animations, global.ng.cdk.a11y, global.ng.material.input, global.ng.cdk.textField, global.moment, global.ng.material.dialog, global.rxjs.operators, global.ng.material.icon, global.ng.material.checkbox, global.ng.material.button, global.ng.cdk.portal, global.ng.cdk.overlay, global.ng.material.autocomplete, global.ng.material.chips, global.ng.material.progressSpinner, global.ng.cdk.coercion, global.ng.cdk.collections, global.ng.material.list, global.ng.material.expansion, global.ng.cdk.scrolling, global.ng.material.sidenav, global.ng.material.tree, global.ng.material.menu, global.ng.platformBrowser, global.ng.cdk.tree, global.ng.common.http, global.ng.material.buttonToggle, global.ng.material.select, global.ng.material.snackBar, global.i6$2, global.$, global._, global.ng.material.tabs, global.ng.material.progressBar, global.ng.material.tooltip, global.joint$2, global.dagre, global.ng.material.badge, global.ng.material.toolbar, global.ng.cdk.stepper, global.ng.material.stepper, global.ng.material.slideToggle));
-})(this, (function (exports, i0, rxjs, i5$1, i10, i5, radio, i2, i7, animations, i1, i12, i9, moment, i1$2, operators, i4, i6, i9$1, portal, i1$1, i7$1, chips, i1$3, coercion, collections, i2$1, i12$1, i8, i1$4, i4$2, i4$1, i5$2, tree, i1$5, i7$2, i6$1, snackBar, i6$2, $, _, i8$1, i14, i4$3, joint$2, dagre, i6$3, i1$6, stepper, i1$7, i12$2) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@angular/common'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/radio'), require('@angular/material/card'), require('@angular/material/core'), require('@angular/platform-browser/animations'), require('@angular/cdk/a11y'), require('@angular/material/input'), require('@angular/cdk/text-field'), require('moment'), require('@angular/material/dialog'), require('rxjs/operators'), require('@angular/material/icon'), require('@angular/material/checkbox'), require('@angular/material/button'), require('@angular/cdk/portal'), require('@angular/cdk/overlay'), require('@angular/material/autocomplete'), require('@angular/material/chips'), require('@angular/material/progress-spinner'), require('@angular/cdk/coercion'), require('@angular/cdk/collections'), require('@angular/material/list'), require('@angular/material/expansion'), require('@angular/cdk/scrolling'), require('@angular/material/sidenav'), require('@angular/material/tree'), require('@angular/material/menu'), require('@angular/platform-browser'), require('@angular/cdk/tree'), require('@angular/common/http'), require('@angular/material/button-toggle'), require('@angular/material/select'), require('@angular/material/snack-bar'), require('@ckeditor/ckeditor5-angular'), require('jquery'), require('lodash'), require('@angular/material/tabs'), require('@angular/material/progress-bar'), require('@angular/material/tooltip'), require('@clientio/rappid'), require('dagre'), require('@angular/material/badge'), require('@angular/material/toolbar'), require('@angular/cdk/stepper'), require('@angular/material/stepper'), require('@angular/material/slide-toggle'), require('projects/qms-angular/src/public-api')) :
+    typeof define === 'function' && define.amd ? define('qms-angular', ['exports', '@angular/core', 'rxjs', '@angular/common', '@angular/forms', '@angular/material/form-field', '@angular/material/radio', '@angular/material/card', '@angular/material/core', '@angular/platform-browser/animations', '@angular/cdk/a11y', '@angular/material/input', '@angular/cdk/text-field', 'moment', '@angular/material/dialog', 'rxjs/operators', '@angular/material/icon', '@angular/material/checkbox', '@angular/material/button', '@angular/cdk/portal', '@angular/cdk/overlay', '@angular/material/autocomplete', '@angular/material/chips', '@angular/material/progress-spinner', '@angular/cdk/coercion', '@angular/cdk/collections', '@angular/material/list', '@angular/material/expansion', '@angular/cdk/scrolling', '@angular/material/sidenav', '@angular/material/tree', '@angular/material/menu', '@angular/platform-browser', '@angular/cdk/tree', '@angular/common/http', '@angular/material/button-toggle', '@angular/material/select', '@angular/material/snack-bar', '@ckeditor/ckeditor5-angular', 'jquery', 'lodash', '@angular/material/tabs', '@angular/material/progress-bar', '@angular/material/tooltip', '@clientio/rappid', 'dagre', '@angular/material/badge', '@angular/material/toolbar', '@angular/cdk/stepper', '@angular/material/stepper', '@angular/material/slide-toggle', 'projects/qms-angular/src/public-api'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["qms-angular"] = {}, global.ng.core, global.rxjs, global.ng.common, global.ng.forms, global.ng.material.formField, global.ng.material.radio, global.ng.material.card, global.ng.material.core, global.ng.platformBrowser.animations, global.ng.cdk.a11y, global.ng.material.input, global.ng.cdk.textField, global.moment, global.ng.material.dialog, global.rxjs.operators, global.ng.material.icon, global.ng.material.checkbox, global.ng.material.button, global.ng.cdk.portal, global.ng.cdk.overlay, global.ng.material.autocomplete, global.ng.material.chips, global.ng.material.progressSpinner, global.ng.cdk.coercion, global.ng.cdk.collections, global.ng.material.list, global.ng.material.expansion, global.ng.cdk.scrolling, global.ng.material.sidenav, global.ng.material.tree, global.ng.material.menu, global.ng.platformBrowser, global.ng.cdk.tree, global.ng.common.http, global.ng.material.buttonToggle, global.ng.material.select, global.ng.material.snackBar, global.i6$2, global.$$1, global._, global.ng.material.tabs, global.ng.material.progressBar, global.ng.material.tooltip, global.joint$2, global.dagre, global.ng.material.badge, global.ng.material.toolbar, global.ng.cdk.stepper, global.ng.material.stepper, global.ng.material.slideToggle, global.publicApi));
+})(this, (function (exports, i0, rxjs, i5$1, i10, i5, radio, i2, i7, animations, i1, i12, i9, moment, i1$2, operators, i4, i6, i9$1, portal, i1$1, i7$1, chips, i1$3, coercion, collections, i2$1, i12$1, i8, i1$4, i4$2, i4$1, i5$2, tree, i1$5, i7$2, i6$1, snackBar, i6$2, $$1, _, i8$1, i14, i4$3, joint$2, dagre, i6$3, i1$6, stepper, i1$7, i7$3, publicApi) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -50,7 +50,7 @@
     var i7__namespace$2 = /*#__PURE__*/_interopNamespace(i7$2);
     var i6__namespace$1 = /*#__PURE__*/_interopNamespace(i6$1);
     var i6__namespace$2 = /*#__PURE__*/_interopNamespace(i6$2);
-    var $__namespace = /*#__PURE__*/_interopNamespace($);
+    var $__namespace = /*#__PURE__*/_interopNamespace($$1);
     var ___namespace = /*#__PURE__*/_interopNamespace(_);
     var i8__namespace$1 = /*#__PURE__*/_interopNamespace(i8$1);
     var i14__namespace = /*#__PURE__*/_interopNamespace(i14);
@@ -60,7 +60,7 @@
     var i6__namespace$3 = /*#__PURE__*/_interopNamespace(i6$3);
     var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$6);
     var i1__namespace$7 = /*#__PURE__*/_interopNamespace(i1$7);
-    var i12__namespace$2 = /*#__PURE__*/_interopNamespace(i12$2);
+    var i7__namespace$3 = /*#__PURE__*/_interopNamespace(i7$3);
 
     var QmsAngularService = /** @class */ (function () {
         function QmsAngularService() {
@@ -4832,7 +4832,7 @@
                     }]
             }] });
 
-    var DataType;
+    var DataType$1;
     (function (DataType) {
         DataType[DataType["process"] = 2] = "process";
         DataType[DataType["document"] = 1] = "document";
@@ -4844,9 +4844,9 @@
         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";
@@ -4856,7 +4856,7 @@
         DocumentNodeType[DocumentNodeType["TopFolder"] = 6] = "TopFolder";
         DocumentNodeType[DocumentNodeType["DepartmentFolder"] = 7] = "DepartmentFolder";
         DocumentNodeType[DocumentNodeType["RegionalFolder"] = 8] = "RegionalFolder";
-    })(DocumentNodeType || (DocumentNodeType = {}));
+    })(DocumentNodeType$1 || (DocumentNodeType$1 = {}));
 
     var RelatedConst = /** @class */ (function () {
         function RelatedConst() {
@@ -4981,6 +4981,7 @@
             this.selectedData = [];
             this.selectedRiskData = [];
             this.disabledList = [];
+            this.expandToChildNode = [];
             this.selectNodeEvent = new i0.EventEmitter();
             this.selectFolderEvent = new i0.EventEmitter();
             this.checkBoxEvent = new i0.EventEmitter();
@@ -5017,7 +5018,7 @@
             this.isChecked = false;
             this.idCheckIcon = '';
             this.listChildNode = [];
-            this.dataType = DataType;
+            this.dataType = DataType$1;
             this.transformer = function (node, level) {
                 var checkHasChild = true;
                 if (!node.children) {
@@ -5080,7 +5081,8 @@
                         JSON.stringify(changes.selectedData.previousValue))) {
                 this.checkSelected(changes.selectedData.currentValue);
             }
-            else {
+            else if (changes.selectedData &&
+                (changes.selectedData.currentValue.length === 0)) {
                 for (var i = 0; i < this.treeControl.dataNodes.length; i++) {
                     this.checklistSelection.deselect(this.treeControl.dataNodes[i]);
                 }
@@ -5088,6 +5090,10 @@
             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();
+            }
         };
         TreeComponent.prototype.ngOnInit = function () {
             this.initTreeData();
@@ -5154,13 +5160,52 @@
             }
             //check disabled list
             this.checkDisabledList();
+            // expand to child node
+            this.openExpandToChildNode();
+        };
+        TreeComponent.prototype.openExpandToChildNode = function () {
+            var _this = this;
+            if (this.expandToChildNode.length) {
+                if (this.expandToChildNode[0] === '') {
+                    this.idCheckIcon = '';
+                    this.treeControl.collapseAll();
+                    this.cdRef.detectChanges();
+                    return;
+                }
+                var itemMarkChecked = this.expandToChildNode[this.expandToChildNode.length - 1].toUpperCase();
+                this.idCheckIcon = itemMarkChecked;
+                // get all children nodes on same level
+                var listChildNodeSameLevel = this.findChildNode(itemMarkChecked, this.dataSource.data);
+                // get all children in all level
+                this.listChildNode = [];
+                this.getChild(listChildNodeSameLevel);
+                this.getChildNodeSelectOne.emit(this.listChildNode);
+                var _loop_2 = function (i) {
+                    if (itemMarkChecked === this_2.treeControl.dataNodes[i].id) {
+                        this_2.selectNodeEvent.emit(this_2.treeControl.dataNodes[i]);
+                    }
+                    this_2.expandToChildNode.forEach(function (el) {
+                        if (_this.treeControl.dataNodes[i].id === el.toUpperCase()) {
+                            _this.treeControl.expand(_this.treeControl.dataNodes[i]);
+                        }
+                    });
+                };
+                var this_2 = this;
+                for (var i = 0; i < this.treeControl.dataNodes.length; i++) {
+                    _loop_2(i);
+                }
+            }
         };
         TreeComponent.prototype.checkDisabledList = function () {
             var _this = this;
+            // Enable whole tree
+            for (var i = 0; i < this.treeControl.dataNodes.length; i++) {
+                this.treeControl.dataNodes[i].disabled = false;
+            }
             // Disable List
             if (this.disabledList.length) {
-                var _loop_2 = function (i) {
-                    this_2.disabledList.forEach(function (x) {
+                var _loop_3 = function (i) {
+                    this_3.disabledList.forEach(function (x) {
                         var _a;
                         if (x.id === _this.treeControl.dataNodes[i].id
                             && (!x.parentId || x.parentId === ((_a = _this.treeControl.dataNodes[i]) === null || _a === void 0 ? void 0 : _a.parentId))) {
@@ -5168,9 +5213,9 @@
                         }
                     });
                 };
-                var this_2 = this;
+                var this_3 = this;
                 for (var i = 0; i < this.treeControl.dataNodes.length; i++) {
-                    _loop_2(i);
+                    _loop_3(i);
                 }
             }
             //Selected node with select one
@@ -5183,26 +5228,26 @@
                 this.listChildNode = [];
                 this.getChild(listChildNodeSameLevel);
                 this.getChildNodeSelectOne.emit(this.listChildNode);
-                var _loop_3 = function (i) {
-                    if (itemMarkChecked === this_3.treeControl.dataNodes[i].id) {
-                        this_3.selectNodeEvent.emit(this_3.treeControl.dataNodes[i]);
+                var _loop_4 = function (i) {
+                    if (itemMarkChecked === this_4.treeControl.dataNodes[i].id) {
+                        this_4.selectNodeEvent.emit(this_4.treeControl.dataNodes[i]);
                     }
-                    this_3.disabledList.forEach(function (el) {
+                    this_4.disabledList.forEach(function (el) {
                         if (_this.treeControl.dataNodes[i].id === el.toUpperCase()) {
                             _this.treeControl.expand(_this.treeControl.dataNodes[i]);
                         }
                     });
                     // remove all children nodes when user dont need to show them
-                    this_3.listChildNode.forEach(function (el) {
+                    this_4.listChildNode.forEach(function (el) {
                         var _a;
                         if (el.id && ((_a = _this.treeControl.dataNodes[i]) === null || _a === void 0 ? void 0 : _a.id) === el.id) {
                             _this.treeControl.dataNodes.splice(i, 1);
                         }
                     });
                 };
-                var this_3 = this;
+                var this_4 = this;
                 for (var i = 0; i < this.treeControl.dataNodes.length; i++) {
-                    _loop_3(i);
+                    _loop_4(i);
                 }
             }
             else {
@@ -5260,7 +5305,7 @@
                     _this.checklistSelection.deselect(tree);
                     for (var j = 0; j < itemSelected.length; j++) {
                         var 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);
                         }
                     }
@@ -5316,6 +5361,7 @@
         TreeComponent.prototype.todoItemSelectionToggle = function (node) {
             var _v, _w;
             var _this = this;
+            this.selectNodeEvent.emit(node);
             // tree have duplicate node
             if (this.treeConfig.canHaveDupId) {
                 for (var i = 0; i < this.treeControl.dataNodes.length; i++) {
@@ -5379,7 +5425,21 @@
                 for (var i = 0; i < _this.treeControl.dataNodes.length; i++) {
                     if (_this.treeControl.dataNodes[i].id === node.id &&
                         _this.treeControl.dataNodes[i].parentId === node.parentId &&
-                        !_this.treeControl.dataNodes[i].disabled) {
+                        !_this.treeControl.dataNodes[i].disabled && !_this.treeControl.dataNodes[i].expandable) {
+                        if (!_this.checklistSelection.isSelected(_this.treeControl.dataNodes[i]))
+                            _this.checklistSelection.toggle(_this.treeControl.dataNodes[i]);
+                    }
+                }
+            });
+            this.checkBoxEvent.emit(this.checklistSelection.selected);
+        };
+        TreeComponent.prototype.todoFolderSelection = function (nodes) {
+            var _this = this;
+            nodes.forEach(function (node) {
+                for (var i = 0; i < _this.treeControl.dataNodes.length; i++) {
+                    if (_this.treeControl.dataNodes[i].id === node.id &&
+                        _this.treeControl.dataNodes[i].parentId === node.parentId &&
+                        !_this.treeControl.dataNodes[i].disabled && _this.treeControl.dataNodes[i].expandable) {
                         if (!_this.checklistSelection.isSelected(_this.treeControl.dataNodes[i]))
                             _this.checklistSelection.toggle(_this.treeControl.dataNodes[i]);
                     }
@@ -5400,11 +5460,11 @@
         TreeComponent.prototype.checkDataTypeSelectNode = function (node) {
             var 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;
@@ -5584,17 +5644,17 @@
                 return this.treeControl.isExpanded(node) ? this.openIcon : this.closeIcon;
             }
             switch (this.moduleId) {
-                case DataType.document: {
+                case DataType$1.document: {
                     var nodeData = this.treeData.filter(function (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';
@@ -5602,7 +5662,7 @@
                     }
                     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';
@@ -5610,26 +5670,26 @@
         };
         TreeComponent.prototype.getItemIcon = function (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';
@@ -5643,10 +5703,18 @@
         TreeComponent.prototype.getNodeId = function (node) {
             return "_" + (node.parentId ? node.parentId : '') + "_" + node.id + "_" + node.level;
         };
+        TreeComponent.prototype.getNodeByIdAndParentId = function (nodeId, parentId) {
+            return this.treeControl.dataNodes.find(function (x) {
+                return x.id === nodeId && x.parentId === parentId;
+            });
+        };
+        TreeComponent.prototype.expandNode = function (node) {
+            this.treeControl.expand(node);
+        };
         return TreeComponent;
     }());
     TreeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: TreeComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i5__namespace$2.DomSanitizer }, { token: i4__namespace.MatIconRegistry }, { token: QMSIconRegistryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TreeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: TreeComponent, selector: "qms-tree", inputs: { treeData: "treeData", treeConfig: "treeConfig", selectedData: "selectedData", selectedRiskData: "selectedRiskData", disabledList: "disabledList", expandOnTitleClick: "expandOnTitleClick" }, outputs: { selectNodeEvent: "selectNodeEvent", selectFolderEvent: "selectFolderEvent", checkBoxEvent: "checkBoxEvent", childCheckedEvent: "childCheckedEvent", nodeExpandEvent: "nodeExpandEvent", getChildNodeSelectOne: "getChildNodeSelectOne" }, usesOnChanges: true, ngImport: i0__namespace, 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", 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}"], components: [{ type: i4__namespace$2.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { type: i6__namespace.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i4__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i9__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i4__namespace$2.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { type: i4__namespace$2.MatTreeNode, selector: "mat-tree-node", inputs: ["role", "disabled", "tabIndex"], exportAs: ["matTreeNode"] }, { type: i4__namespace$2.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { type: i4__namespace$2.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { type: i5__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: QMSGroupOptionDirective, selector: "[qms-group-options]" }, { type: AutocompleteOffDirective, selector: "[qms-group-options]" }, { type: i5__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
+    TreeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: TreeComponent, selector: "qms-tree", inputs: { treeData: "treeData", treeConfig: "treeConfig", selectedData: "selectedData", selectedRiskData: "selectedRiskData", disabledList: "disabledList", expandOnTitleClick: "expandOnTitleClick", expandToChildNode: "expandToChildNode" }, outputs: { selectNodeEvent: "selectNodeEvent", selectFolderEvent: "selectFolderEvent", checkBoxEvent: "checkBoxEvent", childCheckedEvent: "childCheckedEvent", nodeExpandEvent: "nodeExpandEvent", getChildNodeSelectOne: "getChildNodeSelectOne" }, usesOnChanges: true, ngImport: i0__namespace, 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=\"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", 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}"], components: [{ type: i4__namespace$2.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { type: i6__namespace.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i4__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i9__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i4__namespace$2.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { type: i4__namespace$2.MatTreeNode, selector: "mat-tree-node", inputs: ["role", "disabled", "tabIndex"], exportAs: ["matTreeNode"] }, { type: i4__namespace$2.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { type: i4__namespace$2.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { type: i5__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: QMSGroupOptionDirective, selector: "[qms-group-options]" }, { type: AutocompleteOffDirective, selector: "[qms-group-options]" }, { type: i5__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: TreeComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -5667,6 +5735,8 @@
                     type: i0.Input
                 }], expandOnTitleClick: [{
                     type: i0.Input
+                }], expandToChildNode: [{
+                    type: i0.Input
                 }], selectNodeEvent: [{
                     type: i0.Output
                 }], selectFolderEvent: [{
@@ -5757,7 +5827,7 @@
     var RelatedContentComponent = /** @class */ (function () {
         function RelatedContentComponent() {
             this.contents = [];
-            this.dataType = DataType;
+            this.dataType = DataType$1;
             this.imageProcess = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAwLjVWNi41SDJWMTYuNUgxMlYxOC41SDE4VjEyLjVIMTJWMTQuNUg0VjYuNUg2VjQuNUgxMlY2LjVIMThWMC41SDEyVjIuNUg2VjAuNUgwWk00IDIuNVY0LjVIMlYyLjVINFpNMTYgMi41VjQuNUgxNFYyLjVIMTZaTTE2IDE2LjVWMTQuNUgxNFYxNi41SDE2WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC42Ii8+DQo8L3N2Zz4NCg==';
         }
         RelatedContentComponent.prototype.ngOnInit = function () {
@@ -5795,7 +5865,7 @@
             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 i0.EventEmitter();
@@ -5850,43 +5920,43 @@
         };
         RelatedListComponent.prototype.getNodeIcon = function (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';
@@ -5917,13 +5987,13 @@
                     type: i0.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 = {}));
 
     var RelatedItem = /** @class */ (function () {
         function RelatedItem() {
@@ -6021,8 +6091,8 @@
             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 = [];
@@ -6052,7 +6122,6 @@
             this.disabledList2 = data.disabledList2 || [];
             this.splitView = data.splitView;
             this.maxSelectItemCount = data.maxSelectItemCount;
-            this.canOnlySelectItem = data.canOnlySelectItem;
             appIconService.registerProcessIcon(iconRegistry, sanitizer);
             appIconService.registerProcessAreaIcon(iconRegistry, sanitizer);
             appIconService.registerDocumentIcon(iconRegistry, sanitizer);
@@ -6110,16 +6179,16 @@
         RelatedPopupComponent.prototype.getDataTypeId = function (moduleId) {
             var 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:
@@ -6225,7 +6294,8 @@
             return related ? related.itemName : undefined;
         };
         RelatedPopupComponent.prototype.selectRelated = function (item) {
-            if (this.treeConfig1.selectOne || this.treeConfig2.selectOne) {
+            var _a, _b;
+            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 = [];
             }
@@ -6245,17 +6315,25 @@
                     position = this.treeData2.findIndex(function (x) {
                         return x.childId === item.id;
                     });
-                    node = this.treeData2[position];
-                    typeId = this.dataType.document;
-                    this.dataTrees.toArray()[1].todoItemSelectionById([item.id]);
+                    if (position >= 0) {
+                        node = this.treeData2[position];
+                        typeId = this.dataType.document;
+                        var treeNode = {
+                            id: node.childId,
+                            name: node.childName,
+                            children: [],
+                            parentId: node.rootId
+                        };
+                        this.dataTrees.toArray()[1].todoItemSelection([treeNode]);
+                    }
                 }
                 else if (item.itemType === this.dataType.folder) {
                     position = this.treeData2.findIndex(function (x) {
                         return x.rootId === item.id;
                     });
-                    node = this.treeData2[position];
                     typeId = item.itemType;
                     if (position >= 0) {
+                        node = this.treeData2[position];
                         if (this.treeConfig2.showCheckBox) {
                             this.checkedNodeList.push({
                                 moduleId: this.moduleId,
@@ -6276,13 +6354,19 @@
                                 levelType: item.levelType
                             });
                         }
-                        this.dataTrees.toArray()[1].todoItemSelectionById([item.id]);
+                        var treeNode = {
+                            id: node.rootId,
+                            name: !!node.rootId ? node.subName : node.rootName,
+                            children: [],
+                            parentId: node.parentId
+                        };
+                        this.dataTrees.toArray()[1].todoFolderSelection([treeNode]);
                     }
                     return;
                 }
                 else if ((item.itemType === this.dataType.deviationType
                     || item.itemType === this.dataType.checklistCategory
-                    || item.itemType === this.dataType.riskFolder) && !this.canOnlySelectItem) {
+                    || item.itemType === this.dataType.riskFolder)) {
                     position = this.treeData1.findIndex(function (x) {
                         return x.rootId === item.id;
                     });
@@ -6292,9 +6376,9 @@
                     position = this.treeData1.findIndex(function (x) {
                         return x.rootId === item.id;
                     });
-                    node = this.treeData1[position];
                     typeId = item.itemType;
                     if (position >= 0) {
+                        node = this.treeData1[position];
                         if (this.treeConfig1.showCheckBox) {
                             this.checkedNodeList.push({
                                 moduleId: this.moduleId,
@@ -6316,13 +6400,35 @@
                             });
                         }
                     }
-                    this.dataTrees.toArray()[0].todoItemSelectionById([item.id]);
+                    var treeNode = {
+                        id: node.rootId,
+                        name: !!node.rootId ? node.subName : node.rootName,
+                        children: [],
+                        parentId: node.parentId
+                    };
+                    this.dataTrees.toArray()[0].todoFolderSelection([treeNode]);
                     return;
                 }
                 else if (item.itemType === this.dataType.deviation ||
                     item.itemType === this.dataType.checklist) {
                     position = this.treeData1.findIndex(function (x) {
-                        return x.childId === item.id && x.rootId === item.parentId;
+                        return x.childId.toLowerCase() === item.id.toLowerCase();
+                    });
+                    if (position >= 0) {
+                        node = this.treeData1[position];
+                        typeId = this.itemType;
+                        var treeNode = {
+                            id: node.childId,
+                            name: node.childName,
+                            children: [],
+                            parentId: node.rootId
+                        };
+                        this.dataTrees.toArray()[0].todoItemSelection([treeNode]);
+                    }
+                }
+                else {
+                    position = this.treeData1.findIndex(function (x) {
+                        return x.childId.toLowerCase() === item.id.toLowerCase();
                     });
                     node = this.treeData1[position];
                     typeId = this.itemType;
@@ -6334,17 +6440,6 @@
                     };
                     this.dataTrees.toArray()[0].todoItemSelection([treeNode]);
                 }
-                else {
-                    // process, risk,...
-                    position = this.treeData1.findIndex(function (x) {
-                        return x.childId.toLowerCase() === item.id.toLowerCase();
-                    });
-                    node = this.treeData1[position];
-                    typeId = this.itemType;
-                    if (node) {
-                        this.dataTrees.toArray()[0].todoItemSelectionById([node.childId]);
-                    }
-                }
             }
         };
         RelatedPopupComponent.prototype.selectNodeRecursive = function (item, itemType) {
@@ -6573,7 +6668,7 @@
             return (elmHeight + elmMargin);
         };
         RelatedPopupComponent.prototype.getItemChipName = function (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;
@@ -6583,43 +6678,43 @@
         };
         RelatedPopupComponent.prototype.getNodeIcon = function (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';
@@ -6634,25 +6729,25 @@
         };
         RelatedPopupComponent.prototype.getTitle = function (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;
             }
         };
@@ -6717,12 +6812,8 @@
             }
         };
         RelatedPopupComponent.prototype.canShowSearchOption = function (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))) {
+            if ((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;
@@ -6732,7 +6823,7 @@
             var position = -1;
             var parentName = '';
             var 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(function (p) { return p.childId === node.id && p.rootId === node.parentId; }) :
                     this.treeData2.findIndex(function (p) { return p.rootId === node.id; });
                 parentName = this.treeData2[position].parentId ? this.treeData2[position].subName : this.treeData2[position].rootName;
@@ -6763,7 +6854,7 @@
         return RelatedPopupComponent;
     }());
     RelatedPopupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: RelatedPopupComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: TranslateLibraryService }, { token: i1__namespace$2.MatDialogRef }, { token: QMSRelatedGlobalService }, { token: i4__namespace.MatIconRegistry }, { token: i5__namespace$2.DomSanitizer }, { token: QMSIconRegistryService }, { token: i0__namespace.ElementRef }, { token: i1$2.MAT_DIALOG_DATA }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    RelatedPopupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: RelatedPopupComponent, selector: "qms-related-popup", host: { listeners: { "window:message": "onMessage($event)" } }, viewQueries: [{ propertyName: "autoComplete", first: true, predicate: ["autoCompleteInputSearch"], descendants: true, read: i7$1.MatAutocompleteTrigger, static: true }, { propertyName: "dataTrees", predicate: TreeComponent, descendants: true }], ngImport: i0__namespace, 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", 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}"], components: [{ type: i4__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i7__namespace.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i8__namespace.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation"], outputs: ["scrolledIndexChange"] }, { type: i7__namespace$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: QMSListItem, selector: "qms-list-item", inputs: ["type"] }, { type: QMSBreadcrumb, selector: "qms-breadcrumb", inputs: ["nodes", "type", "maxLine", "numDisplayItem", "onlyItem", "disabledLastItem"], outputs: ["onItemClick"] }, { type: i12__namespace$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i12__namespace$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight"] }, { type: QMSButtonIcon, selector: "button[qms-btn-icon]", inputs: ["disabled", "color", "type"], exportAs: ["qmsButtonIcon"] }, { type: TreeComponent, selector: "qms-tree", inputs: ["treeData", "treeConfig", "selectedData", "selectedRiskData", "disabledList", "expandOnTitleClick"], outputs: ["selectNodeEvent", "selectFolderEvent", "checkBoxEvent", "childCheckedEvent", "nodeExpandEvent", "getChildNodeSelectOne"] }, { type: i6__namespace.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i9__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: QMSButton, selector: "button[qms-btn], button[qms-btn-lg], button[qms-btn-outlined],\n               button[qms-btn-outlined-lg], button[qms-btn-text], button[qms-btn-text-lg],\n               button[qms-btn-fab],button[qms-btn-fab-sm],button[qms-btn-fab-ext],\n               button[qms-btn-fab-outlined],button[qms-btn-fab-outlined-sm],button[qms-btn-fab-outlined-ext]", inputs: ["disabled", "color"], exportAs: ["qmsButton"] }], directives: [{ type: i1__namespace$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i12__namespace.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i10__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7__namespace.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i10__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i8__namespace.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: QMSScrollbarDirective, selector: "[qms-scrollbar]", inputs: ["isNoneBackground"] }, { type: i5__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: QMSListLeadingIcon, selector: "[leading-icon]" }, { type: QMSListHeader, selector: "[qms-list-header]" }, { type: QMSListLine, selector: "[qms-line]", inputs: ["size", "type", "color"] }, { type: QMSToolTipRendererDirective, selector: "[qms-tool-tip]", inputs: ["showToolTip", "mode", "qms-tool-tip", "contentTemplate", "position"] }, { type: i5__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i12__namespace$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: QMSGroupOptionDirective, selector: "[qms-group-options]" }, { type: AutocompleteOffDirective, selector: "[qms-group-options]" }, { type: i5__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "uppercase": i5__namespace$1.UpperCasePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
+    RelatedPopupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: RelatedPopupComponent, selector: "qms-related-popup", host: { listeners: { "window:message": "onMessage($event)" } }, viewQueries: [{ propertyName: "autoComplete", first: true, predicate: ["autoCompleteInputSearch"], descendants: true, read: i7$1.MatAutocompleteTrigger, static: true }, { propertyName: "dataTrees", predicate: TreeComponent, descendants: true }], ngImport: i0__namespace, 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", 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}"], components: [{ type: i4__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i7__namespace.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i8__namespace.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation"], outputs: ["scrolledIndexChange"] }, { type: i7__namespace$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: QMSListItem, selector: "qms-list-item", inputs: ["type"] }, { type: QMSBreadcrumb, selector: "qms-breadcrumb", inputs: ["nodes", "type", "maxLine", "numDisplayItem", "onlyItem", "disabledLastItem"], outputs: ["onItemClick"] }, { type: i12__namespace$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i12__namespace$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight"] }, { type: QMSButtonIcon, selector: "button[qms-btn-icon]", inputs: ["disabled", "color", "type"], exportAs: ["qmsButtonIcon"] }, { type: TreeComponent, selector: "qms-tree", inputs: ["treeData", "treeConfig", "selectedData", "selectedRiskData", "disabledList", "expandOnTitleClick", "expandToChildNode"], outputs: ["selectNodeEvent", "selectFolderEvent", "checkBoxEvent", "childCheckedEvent", "nodeExpandEvent", "getChildNodeSelectOne"] }, { type: i6__namespace.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i9__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: QMSButton, selector: "button[qms-btn], button[qms-btn-lg], button[qms-btn-outlined],\n               button[qms-btn-outlined-lg], button[qms-btn-text], button[qms-btn-text-lg],\n               button[qms-btn-fab],button[qms-btn-fab-sm],button[qms-btn-fab-ext],\n               button[qms-btn-fab-outlined],button[qms-btn-fab-outlined-sm],button[qms-btn-fab-outlined-ext]", inputs: ["disabled", "color"], exportAs: ["qmsButton"] }], directives: [{ type: i1__namespace$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i12__namespace.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i10__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7__namespace.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i10__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i8__namespace.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: QMSScrollbarDirective, selector: "[qms-scrollbar]", inputs: ["isNoneBackground"] }, { type: i5__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: QMSListLeadingIcon, selector: "[leading-icon]" }, { type: QMSListHeader, selector: "[qms-list-header]" }, { type: QMSListLine, selector: "[qms-line]", inputs: ["size", "type", "color"] }, { type: QMSToolTipRendererDirective, selector: "[qms-tool-tip]", inputs: ["showToolTip", "mode", "qms-tool-tip", "contentTemplate", "position"] }, { type: i5__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i12__namespace$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: QMSGroupOptionDirective, selector: "[qms-group-options]" }, { type: AutocompleteOffDirective, selector: "[qms-group-options]" }, { type: i5__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "uppercase": i5__namespace$1.UpperCasePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: RelatedPopupComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -6839,7 +6930,7 @@
                 showCheckBox: true,
                 allowMultipleCheck: true,
                 onlyCheckBoxForChild: false,
-                moduleId: DataType.risk,
+                moduleId: DataType$1.risk,
                 openIcon: 'keyboard_arrow_up',
                 openIconColor: '#1954A9',
                 closeIcon: 'keyboard_arrow_down',
@@ -6890,7 +6981,7 @@
         return RiskAnalysisComponent;
     }());
     RiskAnalysisComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: RiskAnalysisComponent, deps: [{ token: TranslateLibraryService }, { token: i1__namespace$2.MatDialog }, { token: i1__namespace$2.MatDialogRef }, { token: i1$2.MAT_DIALOG_DATA }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    RiskAnalysisComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: RiskAnalysisComponent, selector: "qms-risk-analysis", ngImport: i0__namespace, template: "<div\r\n  id=\"qmslib_risk_analysis\"\r\n  class=\"qmslib__risk__analysis__container qms__popup\"\r\n>\r\n  <div id=\"qmslib_risk_analysis_title\">\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_risk_analysis_title_001\" mat-dialog-content class=\"title\">\r\n      <span>{{ title }}</span>\r\n    </div>\r\n  </div>\r\n  <div id=\"qmslib_risk_analysis_header_001\" class=\"regular\">\r\n    <span>{{ LANG.REGULAR_TITLE }}</span>\r\n  </div>\r\n  <div id=\"qmslib_risk_analysis_header_002\" class=\"caption__regular\">\r\n    <span>{{ LANG.CAPTION_TITLE }}</span>\r\n  </div>\r\n  <div class=\"line__divider\"></div>\r\n  <div id=\"qmslib_risk_analysis_header_003\" class=\"overline\">\r\n    <span>{{ LANG.CAUSAL_ANALYZES | uppercase }}</span>\r\n  </div>\r\n  <div\r\n    id=\"qmslib_risk_analysis_content\"\r\n    class=\"panel__content qms-scrollbar\"\r\n    [ngClass]=\"\r\n      !analysisDanger.length ? 'panel__content__error' : 'panel__content'\r\n    \"\r\n  >\r\n    <qms-tree\r\n      [treeData]=\"dangers\"\r\n      [treeConfig]=\"dangerConfig\"\r\n      [selectedData]=\"selectedData\"\r\n      [disabledList]=\"disabledList\"\r\n      (checkBoxEvent)=\"toggleChileNode($event)\"\r\n    ></qms-tree>\r\n  </div>\r\n\r\n  <div *ngIf=\"!analysisDanger.length\" class=\"line__divider\"></div>\r\n\r\n  <div *ngIf=\"!analysisDanger.length\" class=\"panel__error\">\r\n    <span class=\"material-icons-outlined\">info</span>\r\n    <span class=\"message\"> {{ LANG.ERROR.SELECT_DANGER }}</span>\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      qms-btn\r\n      [disabled]=\"!analysisDanger.length\"\r\n      (click)=\"onFinishClick()\"\r\n    >\r\n      {{ LANG.FINISHED }}\r\n    </button>\r\n    <button qms-btn-text (click)=\"onCancelClick()\">\r\n      {{ LANG.CANCEL }}\r\n    </button>\r\n  </div>\r\n</div>\r\n", 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__risk__analysis__container .title{font:Raleway;font-weight:600;font-style:normal;font-size:16px;line-height:22px;color:#323232}.qmslib__risk__analysis__container .line__divider{border-bottom:1px solid #ccc;height:1px;min-width:300px;max-width:100%}.qmslib__risk__analysis__container .regular{font-family:Open Sans;font-weight:400;font-style:normal;font-size:16px;line-height:28px;margin-top:10px}.qmslib__risk__analysis__container .caption__regular{font-family:Open Sans;font-weight:400;font-style:normal;font-size:12px;line-height:16px;margin-top:10px}.qmslib__risk__analysis__container .overline{font-family:Raleway;font-weight:600;font-style:normal;font-size:12px;letter-spacing:1px;line-height:16px;margin-top:15px}.qmslib__risk__analysis__container .panel__content{height:394px;overflow:auto;margin-top:12px}.qmslib__risk__analysis__container .panel__content__error{height:354px;overflow:auto;margin-top:12px}.qmslib__risk__analysis__container .panel__error{height:40px;color:#b00020;display:flex;flex-wrap:wrap;align-content:center;margin-left:15px}.qmslib__risk__analysis__container .panel__error .message{font-family:Open Sans;font-weight:400;font-style:normal;font-size:14px;line-height:22px;margin-left:10px}.qmslib__risk__analysis__container .mat-dialog-content.title{padding:0}"], components: [{ type: i4__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: TreeComponent, selector: "qms-tree", inputs: ["treeData", "treeConfig", "selectedData", "selectedRiskData", "disabledList", "expandOnTitleClick"], outputs: ["selectNodeEvent", "selectFolderEvent", "checkBoxEvent", "childCheckedEvent", "nodeExpandEvent", "getChildNodeSelectOne"] }, { type: QMSButton, selector: "button[qms-btn], button[qms-btn-lg], button[qms-btn-outlined],\n               button[qms-btn-outlined-lg], button[qms-btn-text], button[qms-btn-text-lg],\n               button[qms-btn-fab],button[qms-btn-fab-sm],button[qms-btn-fab-ext],\n               button[qms-btn-fab-outlined],button[qms-btn-fab-outlined-sm],button[qms-btn-fab-outlined-ext]", inputs: ["disabled", "color"], exportAs: ["qmsButton"] }], directives: [{ type: i1__namespace$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i5__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "uppercase": i5__namespace$1.UpperCasePipe } });
+    RiskAnalysisComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: RiskAnalysisComponent, selector: "qms-risk-analysis", ngImport: i0__namespace, template: "<div\r\n  id=\"qmslib_risk_analysis\"\r\n  class=\"qmslib__risk__analysis__container qms__popup\"\r\n>\r\n  <div id=\"qmslib_risk_analysis_title\">\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_risk_analysis_title_001\" mat-dialog-content class=\"title\">\r\n      <span>{{ title }}</span>\r\n    </div>\r\n  </div>\r\n  <div id=\"qmslib_risk_analysis_header_001\" class=\"regular\">\r\n    <span>{{ LANG.REGULAR_TITLE }}</span>\r\n  </div>\r\n  <div id=\"qmslib_risk_analysis_header_002\" class=\"caption__regular\">\r\n    <span>{{ LANG.CAPTION_TITLE }}</span>\r\n  </div>\r\n  <div class=\"line__divider\"></div>\r\n  <div id=\"qmslib_risk_analysis_header_003\" class=\"overline\">\r\n    <span>{{ LANG.CAUSAL_ANALYZES | uppercase }}</span>\r\n  </div>\r\n  <div\r\n    id=\"qmslib_risk_analysis_content\"\r\n    class=\"panel__content qms-scrollbar\"\r\n    [ngClass]=\"\r\n      !analysisDanger.length ? 'panel__content__error' : 'panel__content'\r\n    \"\r\n  >\r\n    <qms-tree\r\n      [treeData]=\"dangers\"\r\n      [treeConfig]=\"dangerConfig\"\r\n      [selectedData]=\"selectedData\"\r\n      [disabledList]=\"disabledList\"\r\n      (checkBoxEvent)=\"toggleChileNode($event)\"\r\n    ></qms-tree>\r\n  </div>\r\n\r\n  <div *ngIf=\"!analysisDanger.length\" class=\"line__divider\"></div>\r\n\r\n  <div *ngIf=\"!analysisDanger.length\" class=\"panel__error\">\r\n    <span class=\"material-icons-outlined\">info</span>\r\n    <span class=\"message\"> {{ LANG.ERROR.SELECT_DANGER }}</span>\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      qms-btn\r\n      [disabled]=\"!analysisDanger.length\"\r\n      (click)=\"onFinishClick()\"\r\n    >\r\n      {{ LANG.FINISHED }}\r\n    </button>\r\n    <button qms-btn-text (click)=\"onCancelClick()\">\r\n      {{ LANG.CANCEL }}\r\n    </button>\r\n  </div>\r\n</div>\r\n", 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__risk__analysis__container .title{font:Raleway;font-weight:600;font-style:normal;font-size:16px;line-height:22px;color:#323232}.qmslib__risk__analysis__container .line__divider{border-bottom:1px solid #ccc;height:1px;min-width:300px;max-width:100%}.qmslib__risk__analysis__container .regular{font-family:Open Sans;font-weight:400;font-style:normal;font-size:16px;line-height:28px;margin-top:10px}.qmslib__risk__analysis__container .caption__regular{font-family:Open Sans;font-weight:400;font-style:normal;font-size:12px;line-height:16px;margin-top:10px}.qmslib__risk__analysis__container .overline{font-family:Raleway;font-weight:600;font-style:normal;font-size:12px;letter-spacing:1px;line-height:16px;margin-top:15px}.qmslib__risk__analysis__container .panel__content{height:394px;overflow:auto;margin-top:12px}.qmslib__risk__analysis__container .panel__content__error{height:354px;overflow:auto;margin-top:12px}.qmslib__risk__analysis__container .panel__error{height:40px;color:#b00020;display:flex;flex-wrap:wrap;align-content:center;margin-left:15px}.qmslib__risk__analysis__container .panel__error .message{font-family:Open Sans;font-weight:400;font-style:normal;font-size:14px;line-height:22px;margin-left:10px}.qmslib__risk__analysis__container .mat-dialog-content.title{padding:0}"], components: [{ type: i4__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: TreeComponent, selector: "qms-tree", inputs: ["treeData", "treeConfig", "selectedData", "selectedRiskData", "disabledList", "expandOnTitleClick", "expandToChildNode"], outputs: ["selectNodeEvent", "selectFolderEvent", "checkBoxEvent", "childCheckedEvent", "nodeExpandEvent", "getChildNodeSelectOne"] }, { type: QMSButton, selector: "button[qms-btn], button[qms-btn-lg], button[qms-btn-outlined],\n               button[qms-btn-outlined-lg], button[qms-btn-text], button[qms-btn-text-lg],\n               button[qms-btn-fab],button[qms-btn-fab-sm],button[qms-btn-fab-ext],\n               button[qms-btn-fab-outlined],button[qms-btn-fab-outlined-sm],button[qms-btn-fab-outlined-ext]", inputs: ["disabled", "color"], exportAs: ["qmsButton"] }], directives: [{ type: i1__namespace$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i5__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "uppercase": i5__namespace$1.UpperCasePipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: RiskAnalysisComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -23913,7 +24004,7 @@
         return QmsAppBarComponent;
     }());
     QmsAppBarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: QmsAppBarComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    QmsAppBarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: QmsAppBarComponent, selector: "app-qms-app-bar", inputs: { isNomalType: "isNomalType", leftFirstIcon: "leftFirstIcon", title: "title", cancelTitle: "cancelTitle", confirmTitle: "confirmTitle", disabledConfirmAction: "disabledConfirmAction", hideMenuDropdown: "hideMenuDropdown", logoSvgPath: "logoSvgPath", imgSvgPath: "imgSvgPath", isImgSvgTransparent: "isImgSvgTransparent", rightIcons: "rightIcons", notifications: "notifications" }, outputs: { onClickLeftFirstIconEvent: "onClickLeftFirstIconEvent", onCancelEvent: "onCancelEvent", onConfirmEvent: "onConfirmEvent", onMenuClickedEvent: "onMenuClickedEvent", onRightIconClickedEvent: "onRightIconClickedEvent" }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true, static: true }], ngImport: i0__namespace, 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}"], components: [{ type: i1__namespace$5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i9__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: QMSButton, selector: "button[qms-btn], button[qms-btn-lg], button[qms-btn-outlined],\n               button[qms-btn-outlined-lg], button[qms-btn-text], button[qms-btn-text-lg],\n               button[qms-btn-fab],button[qms-btn-fab-sm],button[qms-btn-fab-ext],\n               button[qms-btn-fab-outlined],button[qms-btn-fab-outlined-sm],button[qms-btn-fab-outlined-ext]", inputs: ["disabled", "color"], exportAs: ["qmsButton"] }], directives: [{ type: i5__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6__namespace$3.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgePosition", "matBadgeSize", "matBadgeColor", "matBadgeOverlap", "matBadgeDescription", "matBadgeHidden", "matBadge"] }] });
+    QmsAppBarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: QmsAppBarComponent, selector: "app-qms-app-bar", inputs: { isNomalType: "isNomalType", leftFirstIcon: "leftFirstIcon", title: "title", cancelTitle: "cancelTitle", confirmTitle: "confirmTitle", disabledConfirmAction: "disabledConfirmAction", hideMenuDropdown: "hideMenuDropdown", logoSvgPath: "logoSvgPath", imgSvgPath: "imgSvgPath", isImgSvgTransparent: "isImgSvgTransparent", rightIcons: "rightIcons", notifications: "notifications" }, outputs: { onClickLeftFirstIconEvent: "onClickLeftFirstIconEvent", onCancelEvent: "onCancelEvent", onConfirmEvent: "onConfirmEvent", onMenuClickedEvent: "onMenuClickedEvent", onRightIconClickedEvent: "onRightIconClickedEvent" }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true, static: true }], ngImport: i0__namespace, 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;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}"], components: [{ type: i1__namespace$5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i9__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: QMSButton, selector: "button[qms-btn], button[qms-btn-lg], button[qms-btn-outlined],\n               button[qms-btn-outlined-lg], button[qms-btn-text], button[qms-btn-text-lg],\n               button[qms-btn-fab],button[qms-btn-fab-sm],button[qms-btn-fab-ext],\n               button[qms-btn-fab-outlined],button[qms-btn-fab-outlined-sm],button[qms-btn-fab-outlined-ext]", inputs: ["disabled", "color"], exportAs: ["qmsButton"] }], directives: [{ type: i5__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6__namespace$3.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgePosition", "matBadgeSize", "matBadgeColor", "matBadgeOverlap", "matBadgeDescription", "matBadgeHidden", "matBadge"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: QmsAppBarComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -24651,14 +24742,10 @@
 
     var QMSSelectGlobalService = /** @class */ (function () {
         function QMSSelectGlobalService() {
-            this.searchRelated = new rxjs.BehaviorSubject([]);
-            this.splitViewValue = new rxjs.BehaviorSubject([]);
+            this.searchSelect = new rxjs.BehaviorSubject([]);
         }
         QMSSelectGlobalService.prototype.setSearchResult = function (result) {
-            this.searchRelated.next(result);
-        };
-        QMSSelectGlobalService.prototype.setSplitviewValue = function (result) {
-            this.splitViewValue.next(result);
+            this.searchSelect.next(result);
         };
         return QMSSelectGlobalService;
     }());
@@ -24680,13 +24767,13 @@
     }());
 
     var SelectIncludeChildrenPopUpComponent = /** @class */ (function () {
-        function SelectIncludeChildrenPopUpComponent(cdRef, translate, dialogRef, globalService, iconRegistry, sanitizer, appIconService, elem, data) {
+        function SelectIncludeChildrenPopUpComponent(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;
@@ -24694,15 +24781,13 @@
             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;
@@ -24713,23 +24798,34 @@
             this.selectedFolder = null;
             this.listChildrenSelectOne = [];
             this.includeChildren = false;
+            this.itemIconType = ItemIconType;
             this.onSearch = new i0.EventEmitter();
             this.onExpandFolder = new i0.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);
         }
+        SelectIncludeChildrenPopUpComponent.prototype.ngAfterViewInit = function () {
+            if (this.editItem) {
+                this.focusEditItem(this.editItem);
+            }
+            this.initTree(this.checkedNodeList);
+        };
         SelectIncludeChildrenPopUpComponent.prototype.ngOnDestroy = function () {
             this.ngUnsubscribe.next();
             this.ngUnsubscribe.complete();
@@ -24748,7 +24844,7 @@
                     _this.LANG = _this.translate.getObjectLang(res);
                 }
             });
-            this.globalService.searchRelated.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (res) {
+            this.globalService.searchSelect.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (res) {
                 if (res && res.length) {
                     _this.filteredOptions = res;
                 }
@@ -24769,37 +24865,99 @@
                 this.autoComplete.closePanel();
             }
         };
-        SelectIncludeChildrenPopUpComponent.prototype.removeCheckedNodeList = function (item) {
+        SelectIncludeChildrenPopUpComponent.prototype.initTree = function (selectedOptions) {
             var _this = this;
-            this.selectedData = [];
-            this.checkedNodeList = this.checkedNodeList.filter(function (x) { return (x.id.toLowerCase() !== item.id.toLowerCase() || x.parentId.toLowerCase() !== item.parentId.toLowerCase()); });
-            var tempArr = [];
-            var tempArrDocument = [];
-            var newSelectProcessList = [];
-            var newSelectDocumentList = [];
-            this.commonCheckedList.forEach(function (element) {
-                _this.checkedNodeList.forEach(function (x) {
-                    if (element.id.toLowerCase() === x.id.toLowerCase() && element.parentId.toLowerCase() === x.parentId.toLowerCase()) {
-                        tempArr.push(element);
-                    }
-                });
-            });
-            this.singleProcessList.forEach(function (element) {
-                _this.checkedNodeList.forEach(function (x) {
-                    if (element.id.toLowerCase() === x.id.toLowerCase() && element.parentId.toLowerCase() === x.parentId.toLowerCase()) {
-                        newSelectProcessList.push(element);
-                    }
-                });
-            });
-            this.singleProcessList = newSelectProcessList;
-            this.selectedData = __spreadArray([], __read(tempArr));
-            this.documentCheckedList.forEach(function (element) {
-                _this.checkedNodeList.forEach(function (x) {
-                    if (element.id.toLowerCase() === x.id.toLowerCase() && element.parentId.toLowerCase() === x.parentId.toLowerCase()) {
-                        tempArrDocument.push(element);
+            if (selectedOptions.length > 0) {
+                selectedOptions.forEach(function (element) {
+                    _this.selectedOptions.push(element);
+                    if (element.type === publicApi.SelectOptionTypes.IncludeChildren) {
+                        _this.selectedOptions = _this.selectedOptions.concat(element.children);
                     }
+                    _this.selectedData = _this.mapSelectOptionToTreeNode(_this.selectedOptions);
                 });
-            });
+            }
+        };
+        SelectIncludeChildrenPopUpComponent.prototype.focusEditItem = function (selectedOption) {
+            var node = this.dataTrees.toArray()[0].getNodeByIdAndParentId(selectedOption.id, selectedOption.parentId);
+            if (node) {
+                this.dataTrees.toArray()[0].expandNode(node);
+                var element = document.getElementById("_" + (node.parentId ? node.parentId : '') + "_" + node.id + "_" + node.level);
+                if (element) {
+                    element.scrollIntoView(false);
+                }
+            }
+        };
+        SelectIncludeChildrenPopUpComponent.prototype.removeCheckedNodeList = function (item) {
+            var index = this.checkedNodeList.findIndex(function (x) { return (x.id.toLowerCase() === item.id.toLowerCase() && x.parentId.toLowerCase() === item.parentId.toLowerCase()); });
+            if (index >= 0) {
+                var position = this.selectedOptions.findIndex(function (x) { return x.id === item.id && x.parentId === item.parentId; });
+                if (position >= 0) {
+                    this.selectedOptions.splice(position, 1);
+                }
+                if (this.checkedNodeList[index].type === publicApi.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: publicApi.SelectOptionTypes.IncludeChildren });
+                this.selectedData = this.mapSelectOptionToTreeNode(this.selectedOptions);
+            }
+        };
+        SelectIncludeChildrenPopUpComponent.prototype.selectSearchOption = function (item) {
+            var position = this.selectedOptions.findIndex(function (x) { return 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: publicApi.SelectOptionTypes.SelectOne,
+                        parentId: item.parentId,
+                        children: [],
+                        noChildren: 0,
+                        noSelectedChildren: 0
+                    });
+                }
+            }
+            this.selectedData = this.mapSelectOptionToTreeNode(this.selectedOptions);
+        };
+        SelectIncludeChildrenPopUpComponent.prototype.getItemIconType = function (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;
+        };
+        SelectIncludeChildrenPopUpComponent.prototype.getImagePath = function (item) {
+            return this.domSanitizer.bypassSecurityTrustResourceUrl(item.itemIconBase64);
         };
         SelectIncludeChildrenPopUpComponent.prototype.isMatchTrue = function (arr, arr2) {
             return arr.every(function (i) {
@@ -24835,165 +24993,90 @@
                 }
             }
         };
-        SelectIncludeChildrenPopUpComponent.prototype.getModuleFilteredOptions = function () {
-            if (this.listChildrenSelectOne.length) {
-                for (var index = 0; index < this.listChildrenSelectOne.length; index++) {
-                    var firstEl = this.listChildrenSelectOne[index];
-                    for (var j = 0; j < this.filteredOptions.length; j++) {
-                        var secondEl = this.filteredOptions[j];
-                        if (firstEl.id === secondEl.id) {
-                            this.filteredOptions.splice(j, 1);
-                        }
-                    }
-                }
-            }
-            return this.filteredOptions;
-        };
         SelectIncludeChildrenPopUpComponent.prototype.showSearchResult = function () {
             this.autoComplete.openPanel();
         };
         SelectIncludeChildrenPopUpComponent.prototype.displayRelated = function (related) {
             return related ? related.itemName : undefined;
         };
-        SelectIncludeChildrenPopUpComponent.prototype.selectSearch = function (item) {
-            if (this.treeConfig.selectOne) {
-                this.disabledList = [];
-            }
-            var index = -1;
-            this.SelectOption = [];
-            if (this.treeConfig.showCheckBox) {
-                index = this.checkedNodeList.findIndex(function (x) {
-                    return x.id === item.id && x.parentId === item.parentId;
-                });
-            }
-            if (index < 0) {
-                var position = -1;
-                var node = void 0;
-                var typeId = void 0;
-            }
+        SelectIncludeChildrenPopUpComponent.prototype.getCommonCheckedNode = function (list) {
         };
-        SelectIncludeChildrenPopUpComponent.prototype.selectNodeRecursive = function (item) {
+        SelectIncludeChildrenPopUpComponent.prototype.selectIncludeChildren = function (item) {
             var _this = this;
-            var position = this.treeData.findIndex(function (x) {
-                return x.rootId === item.rootId;
+            var listChildren = [];
+            listChildren = this.getAllChildrenNodeRecursive(listChildren, item);
+            this.selectedOptions.push({
+                id: item.id,
+                itemName: item.name,
+                itemNumberId: item.id,
+                parentId: item.parentId,
+                type: publicApi.SelectOptionTypes.IncludeChildren
             });
-            if (position >= 0) {
-                var node = {
-                    id: item.rootId,
-                    name: item.rootName,
-                    children: [],
-                    parentId: item.parentId
-                };
-                var nodeChildren = this.treeData.
-                    filter(function (x) { return x.rootId === item.rootId; }).
-                    map(function (x) {
+            listChildren.forEach(function (x) {
+                var index = _this.selectedOptions.findIndex(function (node) { return node.id === x.id && node.parentId === x.parentId; });
+                if (index < 0) {
+                    _this.selectedOptions.push(x);
+                }
+            });
+        };
+        SelectIncludeChildrenPopUpComponent.prototype.removeIncludeChildren = function (item) {
+            var _this = this;
+            var listChildren = [];
+            listChildren = this.getAllChildrenNodeRecursive(listChildren, item);
+            var itemIndex = this.selectedOptions.findIndex(function (node) { return node.id === item.id && node.parentId === item.parentId; });
+            if (itemIndex >= 0) {
+                this.selectedOptions.splice(itemIndex, 1);
+            }
+            listChildren.forEach(function (x) {
+                var index = _this.selectedOptions.findIndex(function (node) { return node.id === x.id && node.parentId === x.parentId; });
+                if (index >= 0) {
+                    _this.selectedOptions.splice(index, 1);
+                }
+            });
+        };
+        SelectIncludeChildrenPopUpComponent.prototype.getAllChildrenNodeRecursive = function (listResult, item) {
+            var _this = this;
+            var children = this.treeData.filter(function (x) { return x.parentId === item.id; });
+            var childrenItem = __spreadArray([], __read(new Set(this.treeData.filter(function (x) { return x.rootId === item.id && !!x.childId; }))));
+            if (childrenItem.length > 0) {
+                childrenItem = childrenItem.filter(function (x) { return listResult.findIndex(function (node) { return node.id === x.childId && node.parentId === x.rootId; }) < 0; });
+                listResult = listResult.concat(__spreadArray([], __read(new Set(childrenItem.map(function (x) {
                     return {
                         id: x.childId,
-                        name: item.childName,
-                        children: [],
-                        parentId: item.rootId
+                        itemName: x.childName,
+                        parentId: x.rootId,
+                        parentName: x.rootName,
+                        type: publicApi.SelectOptionTypes.Children
+                    };
+                })))));
+            }
+            if (children.length > 0) {
+                children = children.filter(function (x) { return listResult.findIndex(function (node) { return node.id === x.rootId && node.parentId === x.parentId; }) < 0; });
+                var uniqueChildren_1 = children.map(function (x) {
+                    var _a;
+                    return {
+                        id: x.rootId,
+                        itemName: ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.length) > 0 ? x.subName : x.rootName,
+                        parentId: x.parentId,
+                        type: publicApi.SelectOptionTypes.IncludeChildren
                     };
                 });
-                var nodeSubfolders = this.treeData.
-                    filter(function (x) { return x.parentId === item.rootId; });
-                if (this.treeConfig.showCheckBox) {
-                    nodeChildren.forEach(function (x) {
-                        _this.checkedNodeList.push({
-                            id: x.id,
-                            itemName: x.name,
-                            itemNumberId: item.displayId.toString(),
-                            parentId: item.rootId,
-                            parentName: item.rootName
-                        });
-                    });
-                }
-                else {
-                    nodeChildren.forEach(function (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(function (folder) {
-                        _this.selectNodeRecursive(folder);
+                listResult = listResult.concat(uniqueChildren_1.filter(function (x, index) {
+                    return index === uniqueChildren_1.findIndex(function (node) { return node.id === x.id && node.parentId === x.parentId; });
+                }));
+                children.forEach(function (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;
-        // }
-        SelectIncludeChildrenPopUpComponent.prototype.getCommonCheckedNode = function (list) {
-            var _this = this;
-            this.checkedNodeList = [];
-            this.commonCheckedList = [];
-            this.singleProcessList = [];
-            if (list.length) {
-                list.forEach(function (item) {
-                    var index = _this.checkedNodeList.findIndex(function (x) { return x.id === item.id && x.parentId === item.parentId; });
-                    if (item.id && index < 0) {
-                        _this.commonCheckedList.push(item);
-                    }
-                    if (_this.singleSelectOption) {
-                        var position = void 0;
-                        if (item.expandable) {
-                            position = _this.treeData.findIndex(function (p) { return p.rootId === item.id; });
-                        }
-                        else {
-                            position = _this.treeData.findIndex(function (p) { return 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) {
-                        var position = _this.treeData.findIndex(function (p) { return 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 = __spreadArray(__spreadArray([], __read(this.checkedNodeList)), __read(this.singleProcessList));
-                }
-                if (this.maxSelectItemCount && this.maxSelectItemCount > 0) {
-                    var removeList = this.checkedNodeList.slice(0, this.maxSelectItemCount * -1);
-                    if (removeList.length) {
-                        removeList.forEach(function (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;
         };
         SelectIncludeChildrenPopUpComponent.prototype.onCloseClick = function () {
             this.selectedFolder = null;
@@ -25001,13 +25084,8 @@
         };
         ;
         SelectIncludeChildrenPopUpComponent.prototype.onAddClick = function () {
-            // if (this.treeConfig.showCheckBox) {
             this.selectedFolder = null;
             this.dialogRef.close(this.checkedNodeList);
-            // }
-            // else {
-            //   this.dialogRef.close(this.SelectOption);
-            // }
         };
         SelectIncludeChildrenPopUpComponent.prototype.getOffsetHeight = function (element, includeMargin) {
             var elmHeight = 0, elmMargin = 0;
@@ -25019,100 +25097,14 @@
             return (elmHeight + elmMargin);
         };
         SelectIncludeChildrenPopUpComponent.prototype.getItemChipName = function (item) {
-            return (item.parentName) ? item.parentName + "/" + item.itemName : item.itemName;
+            return "" + item.itemName;
+        };
+        SelectIncludeChildrenPopUpComponent.prototype.getItemSelectedChildrenRatio = function (item) {
+            return item.noSelectedChildren + "/" + item.noChildren;
         };
         SelectIncludeChildrenPopUpComponent.prototype.isEllipsisActive = function (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;
-        //   }
         SelectIncludeChildrenPopUpComponent.prototype.toggleSelectItem = function (node) {
             var SelectOption = this.checkedNodeList.find(function (x) { return (x.id.toLowerCase() === node.id.toLowerCase() && x.parentId.toLowerCase() === node.parentId.toLowerCase()); });
             if (SelectOption) {
@@ -25151,48 +25143,233 @@
             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;
-        //   }
         SelectIncludeChildrenPopUpComponent.prototype.selectNodeTreeEvent = function (node) {
-            var _a, _b;
-            var position = -1;
-            var parentName = '';
-            var itemNumberId = '';
-            position = !node.expandable ? this.treeData.findIndex(function (p) { return p.childId === node.id && p.rootId === node.parentId; }) :
-                this.treeData.findIndex(function (p) { return 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
-            });
-        };
-        SelectIncludeChildrenPopUpComponent.prototype.getChildNodeSelectOne = function (listChildren) {
-            this.listChildrenSelectOne = [];
-            this.listChildrenSelectOne = listChildren;
+            var position = this.selectedOptions.findIndex(function (x) { return x.id === node.id && x.parentId === node.parentId; });
+            if (position > -1) {
+                if (this.includeChildren) {
+                    if (node.expandable) {
+                        this.removeIncludeChildren(node);
+                    }
+                    else {
+                        var itemIndex = this.selectedOptions.findIndex(function (item) { return node.id === item.id && node.parentId === item.parentId; });
+                        if (itemIndex >= 0) {
+                            this.selectedOptions.splice(itemIndex, 1);
+                        }
+                    }
+                    this.checkedNodeList = this.checkedNodeList.filter(function (x) { return x.id !== node.id || x.parentId !== node.parentId; });
+                    this.refactorSelectList(node);
+                }
+                else {
+                    var itemIndex = this.selectedOptions.findIndex(function (item) { return node.id === item.id && node.parentId === item.parentId; });
+                    if (itemIndex >= 0) {
+                        this.selectedOptions.splice(itemIndex, 1);
+                    }
+                    this.checkedNodeList = this.checkedNodeList.filter(function (x) { return 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: publicApi.SelectOptionTypes.Children
+                        });
+                    }
+                    this.refactorSelectList(node);
+                }
+                else {
+                    this.selectedOptions.push({
+                        id: node.id,
+                        itemName: node.name,
+                        itemNumberId: node.id,
+                        parentId: node.parentId,
+                        type: publicApi.SelectOptionTypes.SelectOne
+                    });
+                    this.checkedNodeList.push({
+                        id: node.id,
+                        itemName: node.name,
+                        type: publicApi.SelectOptionTypes.SelectOne,
+                        parentId: node.parentId,
+                        children: [],
+                        noSelectedChildren: 0,
+                        noChildren: 0,
+                    });
+                }
+            }
+            this.selectedData = this.mapSelectOptionToTreeNode(this.selectedOptions);
         };
         SelectIncludeChildrenPopUpComponent.prototype.setValue = function (e) {
+            var _this = this;
             this.includeChildren = !!e.checked;
+            if (!this.includeChildren) {
+                this.checkedNodeList.forEach(function (node) {
+                    _this.disableSelectedNode(node);
+                });
+            }
+            else {
+                this.disabledList = this.orginalDisableList;
+            }
+        };
+        SelectIncludeChildrenPopUpComponent.prototype.mapSelectOptionToTreeNode = function (list) {
+            return list.map(function (x) {
+                return {
+                    id: x.id,
+                    name: x.itemName,
+                    level: 0,
+                    expandable: true,
+                    hasChild: true,
+                    parentId: x.parentId,
+                    disabled: false,
+                };
+            });
+        };
+        SelectIncludeChildrenPopUpComponent.prototype.refactorSelectList = function (node) {
+            var _this = this;
+            var parent;
+            var parentList = [];
+            parent = this.treeData.find(function (x) { return x.rootId === node.parentId; });
+            if (parent) {
+                parentList.push({
+                    id: parent.rootId,
+                    itemName: parent.rootName,
+                    parentId: parent.parentId,
+                    type: publicApi.SelectOptionTypes.IncludeChildren
+                });
+                parentList = this.getParentLineOfNode(parentList, parent);
+            }
+            if (parentList.length > 0) {
+                var selectedParentList = parentList.filter(function (x) { return _this.selectedOptions
+                    .findIndex(function (selectedNode) { return x.id === selectedNode.id && x.parentId === selectedNode.parentId; }) >= 0; });
+                if (selectedParentList.length > 0) {
+                    var highestSelectedNode = selectedParentList[selectedParentList.length - 1];
+                    this.combineNodes(highestSelectedNode);
+                }
+                else {
+                    this.combineNodes({
+                        id: node.id,
+                        itemName: node.name,
+                        type: publicApi.SelectOptionTypes.IncludeChildren,
+                        parentId: node.parentId
+                    });
+                }
+            }
+            else {
+                this.combineNodes({
+                    id: node.id,
+                    itemName: node.name,
+                    type: publicApi.SelectOptionTypes.IncludeChildren,
+                    parentId: node.parentId
+                });
+            }
+        };
+        SelectIncludeChildrenPopUpComponent.prototype.combineNodes = function (root) {
+            var _this = this;
+            var children = [];
+            children = this.getAllChildrenNodeRecursive(children, {
+                id: root.id,
+                name: root.itemName,
+                parentId: root.parentId,
+                level: 0,
+                expandable: true,
+                hasChild: true,
+                disabled: false
+            });
+            var selectedNodeIndex = this.checkedNodeList.findIndex(function (x) { return x.id === root.id && x.parentId === root.parentId; });
+            var nodeList = [];
+            children.forEach(function (child) {
+                var index = _this.checkedNodeList.findIndex(function (node) { return node.id === child.id && node.parentId === child.parentId; });
+                if (index >= 0) {
+                    _this.checkedNodeList.splice(index, 1);
+                }
+                var selectIndex = _this.selectedOptions.findIndex(function (node) { return 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: publicApi.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 ? publicApi.SelectOptionTypes.SelectOne : publicApi.SelectOptionTypes.IncludeChildren;
+            }
+        };
+        SelectIncludeChildrenPopUpComponent.prototype.getParentLineOfNode = function (listParent, node) {
+            var parent;
+            parent = this.treeData.find(function (x) { return x.rootId === node.parentId; });
+            if (parent) {
+                listParent = __spreadArray(__spreadArray([], __read(listParent)), [{
+                        id: parent.rootId,
+                        itemName: parent.rootName,
+                        parentId: parent.parentId,
+                        type: publicApi.SelectOptionTypes.IncludeChildren
+                    }]);
+                this.getParentLineOfNode(listParent, parent);
+            }
+            return listParent;
+        };
+        SelectIncludeChildrenPopUpComponent.prototype.disableSelectedNode = function (node) {
+            var _this = this;
+            if (node.type === publicApi.SelectOptionTypes.IncludeChildren) {
+                var children = [];
+                children = this.getAllChildrenNodeRecursive(children, {
+                    id: node.id,
+                    name: node.itemName,
+                    parentId: node.parentId,
+                    level: 0,
+                    expandable: true,
+                    hasChild: true,
+                    disabled: false
+                });
+                var disableNodes_1 = [];
+                var index = this.disabledList.findIndex(function (x) { return x.id === node.id && x.parentId === node.parentId; });
+                if (index < 0) {
+                    disableNodes_1.push(node);
+                }
+                children.forEach(function (child) {
+                    var index = _this.disabledList.findIndex(function (x) { return x.id === child.id && x.parentId === child.parentId; });
+                    if (index < 0) {
+                        disableNodes_1.push(child);
+                    }
+                });
+                this.disabledList = __spreadArray(__spreadArray([], __read(this.disabledList)), __read(disableNodes_1));
+            }
+        };
+        SelectIncludeChildrenPopUpComponent.prototype.enableSelectedNode = function (node) {
+            var 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(function (x) { return children.filter(function (child) { return (x.id === child.id && x.parentId === child.parentId); }).length === 0; });
+            this.disabledList = this.disabledList.filter(function (x) { return !(x.id === node.id && x.parentId === node.parentId); });
         };
         return SelectIncludeChildrenPopUpComponent;
     }());
     SelectIncludeChildrenPopUpComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: SelectIncludeChildrenPopUpComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: TranslateLibraryService }, { token: i1__namespace$2.MatDialogRef }, { token: QMSSelectGlobalService }, { token: i4__namespace.MatIconRegistry }, { token: i5__namespace$2.DomSanitizer }, { token: QMSIconRegistryService }, { token: i0__namespace.ElementRef }, { token: i1$2.MAT_DIALOG_DATA }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SelectIncludeChildrenPopUpComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: SelectIncludeChildrenPopUpComponent, selector: "qms-select-include-children-popup", host: { listeners: { "window:message": "onMessage($event)" } }, viewQueries: [{ propertyName: "autoComplete", first: true, predicate: ["autoCompleteInputSearch"], descendants: true, read: i7$1.MatAutocompleteTrigger, static: true }, { propertyName: "dataTrees", predicate: TreeComponent, descendants: true }], ngImport: i0__namespace, 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  ", 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}"], components: [{ type: i4__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i7__namespace.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i8__namespace.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation"], outputs: ["scrolledIndexChange"] }, { type: i7__namespace$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: TreeComponent, selector: "qms-tree", inputs: ["treeData", "treeConfig", "selectedData", "selectedRiskData", "disabledList", "expandOnTitleClick"], outputs: ["selectNodeEvent", "selectFolderEvent", "checkBoxEvent", "childCheckedEvent", "nodeExpandEvent", "getChildNodeSelectOne"] }, { type: i9__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i12__namespace$2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "required", "checked"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { type: QMSButton, selector: "button[qms-btn], button[qms-btn-lg], button[qms-btn-outlined],\n               button[qms-btn-outlined-lg], button[qms-btn-text], button[qms-btn-text-lg],\n               button[qms-btn-fab],button[qms-btn-fab-sm],button[qms-btn-fab-ext],\n               button[qms-btn-fab-outlined],button[qms-btn-fab-outlined-sm],button[qms-btn-fab-outlined-ext]", inputs: ["disabled", "color"], exportAs: ["qmsButton"] }], directives: [{ type: i1__namespace$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i12__namespace.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i10__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7__namespace.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i10__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i8__namespace.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: QMSScrollbarDirective, selector: "[qms-scrollbar]", inputs: ["isNoneBackground"] }, { type: i5__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: QMSToolTipRendererDirective, selector: "[qms-tool-tip]", inputs: ["showToolTip", "mode", "qms-tool-tip", "contentTemplate", "position"] }, { type: QMSGroupOptionDirective, selector: "[qms-group-options]" }, { type: AutocompleteOffDirective, selector: "[qms-group-options]" }, { type: i5__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "uppercase": i5__namespace$1.UpperCasePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
+    SelectIncludeChildrenPopUpComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: SelectIncludeChildrenPopUpComponent, selector: "qms-select-include-children-popup", host: { listeners: { "window:message": "onMessage($event)" } }, viewQueries: [{ propertyName: "autoComplete", first: true, predicate: ["autoCompleteInputSearch"], descendants: true, read: i7$1.MatAutocompleteTrigger, static: true }, { propertyName: "dataTrees", predicate: TreeComponent, descendants: true }], ngImport: i0__namespace, 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          <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\r\n          class=\"search__module-result\"\r\n          *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            <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 class=\"select__include-children__count\" *ngIf=\"item.noSelectedChildren > 0\">\r\n              {{getItemSelectedChildrenRatio(item)}}\r\n            </span>\r\n          </span>\r\n              \r\n          <mat-icon\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  ", 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 .select__toggle-include{width:100%;padding:0;margin:1rem 0}.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}.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}"], components: [{ type: i4__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i7__namespace$3.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "required", "checked"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { type: i7__namespace.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i8__namespace.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation"], outputs: ["scrolledIndexChange"] }, { type: i7__namespace$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: QMSListItem, selector: "qms-list-item", inputs: ["type"] }, { type: TreeComponent, selector: "qms-tree", inputs: ["treeData", "treeConfig", "selectedData", "selectedRiskData", "disabledList", "expandOnTitleClick", "expandToChildNode"], outputs: ["selectNodeEvent", "selectFolderEvent", "checkBoxEvent", "childCheckedEvent", "nodeExpandEvent", "getChildNodeSelectOne"] }, { type: i9__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: QMSButton, selector: "button[qms-btn], button[qms-btn-lg], button[qms-btn-outlined],\n               button[qms-btn-outlined-lg], button[qms-btn-text], button[qms-btn-text-lg],\n               button[qms-btn-fab],button[qms-btn-fab-sm],button[qms-btn-fab-ext],\n               button[qms-btn-fab-outlined],button[qms-btn-fab-outlined-sm],button[qms-btn-fab-outlined-ext]", inputs: ["disabled", "color"], exportAs: ["qmsButton"] }], directives: [{ type: i1__namespace$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i12__namespace.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i10__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7__namespace.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i10__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: QMSGroupOptionDirective, selector: "[qms-group-options]" }, { type: AutocompleteOffDirective, selector: "[qms-group-options]" }, { type: i8__namespace.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: QMSScrollbarDirective, selector: "[qms-scrollbar]", inputs: ["isNoneBackground"] }, { type: i5__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: QMSListLeadingIcon, selector: "[leading-icon]" }, { type: QMSListHeader, selector: "[qms-list-header]" }, { type: QMSListLine, selector: "[qms-line]", inputs: ["size", "type", "color"] }, { type: i5__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: QMSToolTipRendererDirective, selector: "[qms-tool-tip]", inputs: ["showToolTip", "mode", "qms-tool-tip", "contentTemplate", "position"] }, { type: i5__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "uppercase": i5__namespace$1.UpperCasePipe }, encapsulation: i0__namespace.ViewEncapsulation.None });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: SelectIncludeChildrenPopUpComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -25242,7 +25419,7 @@
             QMSAppIconModule,
             QMSTreeModule,
             QMSButtonModule,
-            i12$2.MatSlideToggleModule], exports: [SelectIncludeChildrenPopUpComponent] });
+            i7$3.MatSlideToggleModule], exports: [SelectIncludeChildrenPopUpComponent] });
     QMSSelectIncludeChildrenModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: QMSSelectIncludeChildrenModule, imports: [[
                 i5$1.CommonModule,
                 i4$2.MatTreeModule,
@@ -25263,7 +25440,7 @@
                 QMSAppIconModule,
                 QMSTreeModule,
                 QMSButtonModule,
-                i12$2.MatSlideToggleModule
+                i7$3.MatSlideToggleModule
             ]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: QMSSelectIncludeChildrenModule, decorators: [{
                 type: i0.NgModule,
@@ -25291,7 +25468,7 @@
                             QMSAppIconModule,
                             QMSTreeModule,
                             QMSButtonModule,
-                            i12$2.MatSlideToggleModule
+                            i7$3.MatSlideToggleModule
                         ],
                         exports: [
                             SelectIncludeChildrenPopUpComponent
@@ -25299,6 +25476,19 @@
                     }]
             }] });
 
+    var SelectedOption = /** @class */ (function () {
+        function SelectedOption() {
+        }
+        return SelectedOption;
+    }());
+
+    exports.SelectOptionTypes = void 0;
+    (function (SelectOptionTypes) {
+        SelectOptionTypes[SelectOptionTypes["SelectOne"] = 1] = "SelectOne";
+        SelectOptionTypes[SelectOptionTypes["IncludeChildren"] = 2] = "IncludeChildren";
+        SelectOptionTypes[SelectOptionTypes["Children"] = 3] = "Children";
+    })(exports.SelectOptionTypes || (exports.SelectOptionTypes = {}));
+
     var BadgesType;
     (function (BadgesType) {
         BadgesType["circle"] = "1";
@@ -25383,6 +25573,488 @@
                     }]
             }] });
 
+    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 = {}));
+
+    var ShowHideSearchResultConst = /** @class */ (function () {
+        function ShowHideSearchResultConst() {
+        }
+        return ShowHideSearchResultConst;
+    }());
+    ShowHideSearchResultConst.IS_DISPLAY_SEARCH_RESULT = 'IS_DISPLAY_SEARCH_RESULT';
+    ShowHideSearchResultConst.HIDE_SEARCH_RESULT = 'HIDE_SEARCH_RESULT';
+    ShowHideSearchResultConst.SHOW_SEARCH_RESULT = 'SHOW_SEARCH_RESULT';
+
+    var QMSSelectOneGlobalService = /** @class */ (function () {
+        function QMSSelectOneGlobalService() {
+            this.searchRelated = new rxjs.BehaviorSubject([]);
+        }
+        QMSSelectOneGlobalService.prototype.setSearchRelated = function (result) {
+            this.searchRelated.next(result);
+        };
+        return QMSSelectOneGlobalService;
+    }());
+    QMSSelectOneGlobalService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: QMSSelectOneGlobalService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    QMSSelectOneGlobalService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: QMSSelectOneGlobalService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: QMSSelectOneGlobalService, decorators: [{
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
+            }], ctorParameters: function () { return []; } });
+
+    var SelectOnePopupData = /** @class */ (function () {
+        function SelectOnePopupData() {
+            this.moduleId = 0;
+            this.moduleName = '';
+            this.treeData = [];
+            this.selectedNode = [];
+            this.disabledList = [];
+            this.expandToChildNode = [];
+        }
+        return SelectOnePopupData;
+    }());
+
+    var SelectOneDialog = /** @class */ (function () {
+        function SelectOneDialog(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 rxjs.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 i10.FormControl();
+            this.filteredOptions = [];
+            this.isInputValue = false;
+            this.selectedFolder = null;
+            this.listChildrenSelectOne = [];
+            this.onSearch = new i0.EventEmitter();
+            this.onExpandFolder = new i0.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);
+        }
+        SelectOneDialog.prototype.ngOnDestroy = function () {
+            this.ngUnsubscribe.next();
+            this.ngUnsubscribe.complete();
+            this.globalService.setSearchRelated([]);
+            this.selectedFolder = null;
+        };
+        SelectOneDialog.prototype.onMessage = function (event) {
+            if (event.data === ShowHideSearchResultConst.HIDE_SEARCH_RESULT) {
+                this.autoComplete.closePanel();
+            }
+        };
+        SelectOneDialog.prototype.ngOnInit = function () {
+            var _this = this;
+            this.translate.getLanguageSubject$.pipe().subscribe(function (res) {
+                if (res) {
+                    _this.LANG = _this.translate.getObjectLang(res);
+                }
+            });
+            this.globalService.searchRelated.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (res) {
+                if (res && res.length) {
+                    _this.filteredOptions = res;
+                }
+            });
+            this.myControl.valueChanges.pipe(operators.debounceTime(1000)).subscribe(function (val) {
+                _this.isInputValue = true;
+                _this.onSearchRelated(val);
+            });
+            this.itemType = this.getDataTypeId(this.moduleId);
+        };
+        SelectOneDialog.prototype.ngAfterViewChecked = function () {
+            this.cdRef.detectChanges();
+            if (this.filteredOptions && this.filteredOptions.length) {
+                this.autoComplete.openPanel();
+                this.setResultHeight();
+            }
+            else if (this.autoComplete) {
+                this.autoComplete.closePanel();
+            }
+        };
+        SelectOneDialog.prototype.getDataTypeId = function (moduleId) {
+            var 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;
+        };
+        SelectOneDialog.prototype.setResultHeight = function (arr) {
+            var maxHeight = 484;
+            var popup_content = document.getElementsByClassName('qmslib_related_popup_content')[0];
+            var line__divider = document.getElementsByClassName('line__divider')[0];
+            if (popup_content && line__divider) {
+                maxHeight = this.getOffsetHeight(popup_content, true) + this.getOffsetHeight(line__divider, true) * 2;
+            }
+            var contentResult = document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0];
+            var viewreports = document.getElementsByClassName('related-viewport')[0];
+            if (viewreports) {
+                if (contentResult.offsetHeight <= maxHeight) {
+                    viewreports.style.height = contentResult.offsetHeight + "px";
+                }
+                else {
+                    viewreports.style.height = maxHeight + "px";
+                }
+            }
+        };
+        SelectOneDialog.prototype.onSearchRelated = function (_val) {
+            this.filteredOptions = [];
+            if (typeof (_val) === 'object') {
+                this.myControl.setValue('');
+            }
+            else if (typeof (_val) === 'string') {
+                if (!!_val) {
+                    this.onSearch.emit(_val);
+                }
+            }
+        };
+        SelectOneDialog.prototype.getModuleFilteredOptions = function () {
+            if (this.listChildrenSelectOne.length) {
+                for (var index = 0; index < this.listChildrenSelectOne.length; index++) {
+                    var firstEl = this.listChildrenSelectOne[index];
+                    for (var j = 0; j < this.filteredOptions.length; j++) {
+                        var secondEl = this.filteredOptions[j];
+                        if (firstEl.id === secondEl.id) {
+                            this.filteredOptions.splice(j, 1);
+                        }
+                    }
+                }
+            }
+            return this.filteredOptions;
+        };
+        SelectOneDialog.prototype.showSearchResult = function () {
+            this.autoComplete.openPanel();
+        };
+        SelectOneDialog.prototype.displayRelated = function (related) {
+            return related ? related.itemName : undefined;
+        };
+        SelectOneDialog.prototype.selectItemSearched = function (item) {
+            var _a;
+            if ((_a = this.treeConfig) === null || _a === void 0 ? void 0 : _a.selectOne) {
+                this.disabledList = [];
+            }
+            // reset to root
+            this.expandToChildNode = [''];
+            this.checkedNodeList = [];
+            var position = -1;
+            var node;
+            var typeId;
+            position = this.treeData.findIndex(function (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
+                });
+            }
+            var treeNode = {
+                id: node.rootId,
+                name: !!node.rootId ? node.subName : node.rootName,
+                children: [],
+                parentId: node.parentId
+            };
+            this.dataTrees.toArray()[0].todoFolderSelection([treeNode]);
+            return;
+        };
+        SelectOneDialog.prototype.onCloseClick = function () {
+            this.selectedFolder = null;
+            this.dialogRef.close();
+        };
+        ;
+        SelectOneDialog.prototype.onAddClick = function () {
+            this.selectedFolder = null;
+            this.dialogRef.close(this.checkedNodeList);
+        };
+        SelectOneDialog.prototype.getOffsetHeight = function (element, includeMargin) {
+            var elmHeight = 0, elmMargin = 0;
+            elmHeight = element.offsetHeight;
+            if (includeMargin) {
+                var style = window.getComputedStyle(element);
+                elmMargin = parseFloat(style.marginTop.replace('px', '')) + parseFloat(style.marginBottom.replace('px', ''));
+            }
+            return (elmHeight + elmMargin);
+        };
+        SelectOneDialog.prototype.getItemChipName = function (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;
+        };
+        SelectOneDialog.prototype.isEllipsisActive = function (e) {
+            return e ? (e.clientWidth < e.scrollWidth) : false;
+        };
+        SelectOneDialog.prototype.getNodeIcon = function (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';
+            }
+        };
+        SelectOneDialog.prototype.getParentName = function (item) {
+            if (item.itemType === this.dataType.checklist || item.itemType === this.dataType.deviation) {
+                return item.parentName;
+            }
+            return null;
+        };
+        SelectOneDialog.prototype.getItemId = function (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;
+        };
+        SelectOneDialog.prototype.selectNodeTreeEvent = function (node) {
+            var _a, _b;
+            var position = -1;
+            var parentName = '';
+            var itemNumberId = '';
+            position = !node.expandable ? this.treeData.findIndex(function (p) { return p.childId === node.id && p.rootId === node.parentId; }) :
+                this.treeData.findIndex(function (p) { return 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
+            });
+        };
+        SelectOneDialog.prototype.getChildNodeSelectOne = function (listChildren) {
+            this.listChildrenSelectOne = [];
+            this.listChildrenSelectOne = listChildren;
+        };
+        return SelectOneDialog;
+    }());
+    SelectOneDialog.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: SelectOneDialog, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: TranslateLibraryService }, { token: i1__namespace$2.MatDialogRef }, { token: QMSSelectOneGlobalService }, { token: i4__namespace.MatIconRegistry }, { token: i5__namespace$2.DomSanitizer }, { token: QMSIconRegistryService }, { token: i1$2.MAT_DIALOG_DATA }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SelectOneDialog.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: SelectOneDialog, selector: "qms-select-one", host: { listeners: { "window:message": "onMessage($event)" } }, viewQueries: [{ propertyName: "autoComplete", first: true, predicate: ["autoCompleteInputSearch"], descendants: true, read: i7$1.MatAutocompleteTrigger, static: true }, { propertyName: "dataTrees", predicate: TreeComponent, descendants: true }], ngImport: i0__namespace, 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", 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}"], components: [{ type: i4__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i7__namespace.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i8__namespace.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation"], outputs: ["scrolledIndexChange"] }, { type: i7__namespace$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: QMSListItem, selector: "qms-list-item", inputs: ["type"] }, { type: QMSBreadcrumb, selector: "qms-breadcrumb", inputs: ["nodes", "type", "maxLine", "numDisplayItem", "onlyItem", "disabledLastItem"], outputs: ["onItemClick"] }, { type: i12__namespace$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: TreeComponent, selector: "qms-tree", inputs: ["treeData", "treeConfig", "selectedData", "selectedRiskData", "disabledList", "expandOnTitleClick", "expandToChildNode"], outputs: ["selectNodeEvent", "selectFolderEvent", "checkBoxEvent", "childCheckedEvent", "nodeExpandEvent", "getChildNodeSelectOne"] }, { type: i9__namespace$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: QMSButton, selector: "button[qms-btn], button[qms-btn-lg], button[qms-btn-outlined],\n               button[qms-btn-outlined-lg], button[qms-btn-text], button[qms-btn-text-lg],\n               button[qms-btn-fab],button[qms-btn-fab-sm],button[qms-btn-fab-ext],\n               button[qms-btn-fab-outlined],button[qms-btn-fab-outlined-sm],button[qms-btn-fab-outlined-ext]", inputs: ["disabled", "color"], exportAs: ["qmsButton"] }], directives: [{ type: i1__namespace$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i12__namespace.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i10__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7__namespace.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i10__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i8__namespace.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: QMSScrollbarDirective, selector: "[qms-scrollbar]", inputs: ["isNoneBackground"] }, { type: i5__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: QMSListLeadingIcon, selector: "[leading-icon]" }, { type: QMSListHeader, selector: "[qms-list-header]" }, { type: QMSListLine, selector: "[qms-line]", inputs: ["size", "type", "color"] }, { type: QMSToolTipRendererDirective, selector: "[qms-tool-tip]", inputs: ["showToolTip", "mode", "qms-tool-tip", "contentTemplate", "position"] }, { type: i5__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: SelectOneDialog, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'qms-select-one',
+                        templateUrl: './select-one.component.html',
+                        styleUrls: ['./select-one.component.scss'],
+                        encapsulation: i0.ViewEncapsulation.None
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i0__namespace.ChangeDetectorRef }, { type: TranslateLibraryService }, { type: i1__namespace$2.MatDialogRef }, { type: QMSSelectOneGlobalService }, { type: i4__namespace.MatIconRegistry }, { type: i5__namespace$2.DomSanitizer }, { type: QMSIconRegistryService }, { type: SelectOnePopupData, decorators: [{
+                            type: i0.Inject,
+                            args: [i1$2.MAT_DIALOG_DATA]
+                        }] }];
+        }, propDecorators: { dataTrees: [{
+                    type: i0.ViewChildren,
+                    args: [TreeComponent, {}]
+                }], autoComplete: [{
+                    type: i0.ViewChild,
+                    args: ['autoCompleteInputSearch', { read: i7$1.MatAutocompleteTrigger, static: true }]
+                }], onMessage: [{
+                    type: i0.HostListener,
+                    args: ['window:message', ['$event']]
+                }] } });
+
+    var QMSSelectOneModule = /** @class */ (function () {
+        function QMSSelectOneModule() {
+        }
+        return QMSSelectOneModule;
+    }());
+    QMSSelectOneModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: QMSSelectOneModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    QMSSelectOneModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: QMSSelectOneModule, declarations: [SelectOneDialog], imports: [i5$1.CommonModule,
+            i4$2.MatTreeModule,
+            i4.MatIconModule,
+            i9$1.MatButtonModule,
+            i6.MatCheckboxModule,
+            i12$1.MatExpansionModule,
+            i7$1.MatAutocompleteModule,
+            i10.ReactiveFormsModule,
+            i8.ScrollingModule,
+            i2.MatCardModule,
+            i1$4.MatSidenavModule,
+            i2$1.MatListModule,
+            SharedMaterialModule,
+            QMSListModule,
+            QmsAngularModule,
+            QMSBreadcrumbModule,
+            QMSAppIconModule,
+            QMSTreeModule], exports: [SelectOneDialog] });
+    QMSSelectOneModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: QMSSelectOneModule, imports: [[
+                i5$1.CommonModule,
+                i4$2.MatTreeModule,
+                i4.MatIconModule,
+                i9$1.MatButtonModule,
+                i6.MatCheckboxModule,
+                i12$1.MatExpansionModule,
+                i7$1.MatAutocompleteModule,
+                i10.ReactiveFormsModule,
+                i8.ScrollingModule,
+                i2.MatCardModule,
+                i1$4.MatSidenavModule,
+                i2$1.MatListModule,
+                SharedMaterialModule,
+                QMSListModule,
+                QmsAngularModule,
+                QMSBreadcrumbModule,
+                QMSAppIconModule,
+                QMSTreeModule
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: QMSSelectOneModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            SelectOneDialog
+                        ],
+                        imports: [
+                            i5$1.CommonModule,
+                            i4$2.MatTreeModule,
+                            i4.MatIconModule,
+                            i9$1.MatButtonModule,
+                            i6.MatCheckboxModule,
+                            i12$1.MatExpansionModule,
+                            i7$1.MatAutocompleteModule,
+                            i10.ReactiveFormsModule,
+                            i8.ScrollingModule,
+                            i2.MatCardModule,
+                            i1$4.MatSidenavModule,
+                            i2$1.MatListModule,
+                            SharedMaterialModule,
+                            QMSListModule,
+                            QmsAngularModule,
+                            QMSBreadcrumbModule,
+                            QMSAppIconModule,
+                            QMSTreeModule
+                        ],
+                        exports: [
+                            SelectOneDialog
+                        ]
+                    }]
+            }] });
+
+    var ISelectOneItem = /** @class */ (function () {
+        function ISelectOneItem() {
+        }
+        return ISelectOneItem;
+    }());
+
     /*
      * Public API Surface of qms-angular
      */
@@ -25415,6 +26087,7 @@
     exports.ENTERPRISE_FOLDER_OUTLINED_ICON = ENTERPRISE_FOLDER_OUTLINED_ICON;
     exports.FlowChartConst = FlowChartConst;
     exports.HaloService = HaloService;
+    exports.ISelectOneItem = ISelectOneItem;
     exports.IconModel = IconModel;
     exports.InformationCoverItem = InformationCoverItem;
     exports.InspectorService = InspectorService;
@@ -25525,6 +26198,8 @@
     exports.QMSSearchFieldDirective = QMSSearchFieldDirective;
     exports.QMSSelectGlobalService = QMSSelectGlobalService;
     exports.QMSSelectIncludeChildrenModule = QMSSelectIncludeChildrenModule;
+    exports.QMSSelectOneGlobalService = QMSSelectOneGlobalService;
+    exports.QMSSelectOneModule = QMSSelectOneModule;
     exports.QMSSnackbarConfig = QMSSnackbarConfig;
     exports.QMSSuffixDirective = QMSSuffixDirective;
     exports.QMSSuffixFieldDirective = QMSSuffixFieldDirective;
@@ -25583,8 +26258,13 @@
     exports.SelectConst = SelectConst;
     exports.SelectDialog = SelectDialog;
     exports.SelectIncludeChildrenPopUpComponent = SelectIncludeChildrenPopUpComponent;
+    exports.SelectOneDialog = SelectOneDialog;
+    exports.SelectOnePopupData = SelectOnePopupData;
+    exports.SelectOption = SelectOption;
     exports.SelectPopupData = SelectPopupData;
+    exports.SelectedOption = SelectedOption;
     exports.SharedModule = SharedModule;
+    exports.ShowHideSearchResultConst = ShowHideSearchResultConst;
     exports.SideNav = SideNav;
     exports.SideNavItem = SideNavItem;
     exports.SidenavComponent = SidenavComponent;