qms-angular 1.0.79 → 1.0.83

package/fesm2015/qms-angular.js

@@ -4451,7 +4451,7 @@ class TreeComponent {
         for (let i = 0; i < obj.children.length; i++) {
             if (obj.children[i].children) {
                 this.getChild(obj.children[i]);
-                delete obj.children[i].children;
+                // delete obj.children[i].children;
                 this.listChildNode.push(obj.children[i]);
             }
             else {
@@ -4606,7 +4606,7 @@ class TreeComponent {
             for (let 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) {
+                    !this.treeControl.dataNodes[i].disabled) {
                     if (!this.checklistSelection.isSelected(this.treeControl.dataNodes[i]))
                         this.checklistSelection.toggle(this.treeControl.dataNodes[i]);
                 }
@@ -5387,43 +5387,31 @@ class RelatedPopupComponent {
     removeCheckedNodeList(item) {
         this.selectedData = [];
         this.selectedData2 = [];
-        this.checkedNodeList = this.checkedNodeList.filter(x => (x.id.toLowerCase() !== item.id.toLowerCase() || x.parentId.toLowerCase() !== item.parentId.toLowerCase()));
-        const tempArr = [];
-        const tempArrDocument = [];
+        this.checkedNodeList = this.checkedNodeList.filter(x => { var _a, _b; return (x.id.toLowerCase() !== item.id.toLowerCase() || ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== ((_b = item.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())); });
         const newSelectProcessList = [];
         const newSelectDocumentList = [];
-        this.commonCheckedList.forEach(element => {
-            this.checkedNodeList.forEach(x => {
-                if (element.id.toLowerCase() === x.id.toLowerCase() && element.parentId.toLowerCase() === x.parentId.toLowerCase()) {
-                    tempArr.push(element);
-                }
-            });
-        });
+        this.commonCheckedList = this.commonCheckedList.filter(x => { var _a, _b; return (x.id.toLowerCase() !== item.id.toLowerCase() || ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== ((_b = item.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())); });
         this.singleProcessList.forEach(element => {
             this.checkedNodeList.forEach(x => {
-                if (element.id.toLowerCase() === x.id.toLowerCase() && element.parentId.toLowerCase() === x.parentId.toLowerCase()) {
+                var _a, _b;
+                if (element.id.toLowerCase() === x.id.toLowerCase() && ((_a = element.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = x.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())) {
                     newSelectProcessList.push(element);
                 }
             });
         });
         this.singleProcessList = newSelectProcessList;
-        this.selectedData = [...tempArr];
-        this.documentCheckedList.forEach(element => {
-            this.checkedNodeList.forEach(x => {
-                if (element.id.toLowerCase() === x.id.toLowerCase() && element.parentId.toLowerCase() === x.parentId.toLowerCase()) {
-                    tempArrDocument.push(element);
-                }
-            });
-        });
+        this.selectedData = this.commonCheckedList;
+        this.documentCheckedList = this.documentCheckedList.filter(x => { var _a, _b; return (x.id.toLowerCase() !== item.id.toLowerCase() || ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== ((_b = item.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())); });
         this.singleDocumentList.forEach(element => {
             this.checkedNodeList.forEach(x => {
-                if (element.id.toLowerCase() === x.id.toLowerCase() && element.parentId.toLowerCase() === x.parentId.toLowerCase()) {
+                var _a, _b;
+                if (element.id.toLowerCase() === x.id.toLowerCase() && ((_a = element.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = x.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())) {
                     newSelectDocumentList.push(element);
                 }
             });
         });
         this.singleDocumentList = newSelectDocumentList;
-        this.selectedData2 = [...tempArrDocument];
+        this.selectedData2 = this.commonCheckedList;
         // when remove check node list, related options need refresh disabled options
         this.refreshRelatedOptions();
     }
@@ -5492,7 +5480,8 @@ class RelatedPopupComponent {
         this.selectedNode = [];
         if (this.treeConfig1.showCheckBox) {
             index = this.checkedNodeList.findIndex(x => {
-                return x.id.toLowerCase() === item.id.toLowerCase() && x.parentId.toLowerCase() === item.parentId.toLowerCase();
+                var _a, _b;
+                return x.id.toLowerCase() === item.id.toLowerCase() && ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = item.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase());
             });
         }
         if (index < 0) {
@@ -5503,13 +5492,15 @@ class RelatedPopupComponent {
                 case this.dataType.document:
                     // document  
                     const isExistInDisabled = this.disabledList2.findIndex(x => {
-                        return x.id && x.id.toLowerCase() === item.id.toLowerCase() && x.parentId.toLowerCase() === item.parentId.toLowerCase();
+                        var _a, _b;
+                        return x.id && x.id.toLowerCase() === item.id.toLowerCase() && ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = item.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase());
                     });
                     if (isExistInDisabled >= 0) {
                         return;
                     }
                     position = this.treeData2.findIndex(x => {
-                        return x.childId === item.id && x.rootId.toLowerCase() === item.parentId.toLowerCase();
+                        var _a;
+                        return x.childId === item.id && x.rootId.toLowerCase() === ((_a = item.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase());
                     });
                     if (position >= 0) {
                         node = this.treeData2[position];
@@ -5622,7 +5613,8 @@ class RelatedPopupComponent {
                     break;
                 case this.dataType.area:
                     position = this.treeData1.findIndex(x => {
-                        return x.rootId.toLowerCase() === item.id.toLowerCase() && x.parentId.toLowerCase() === item.parentId.toLowerCase();
+                        var _a, _b;
+                        return x.rootId.toLowerCase() === item.id.toLowerCase() && ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = item.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase());
                     });
                     typeId = item.itemType;
                     if (position >= 0) {
@@ -5660,13 +5652,15 @@ class RelatedPopupComponent {
                     break;
                 case this.dataType.process:
                     const isExistInProcessDisabled = this.disabledList.findIndex(x => {
-                        return x.id && x.id.toLowerCase() === item.id.toLowerCase() && x.parentId.toLowerCase() === item.parentId.toLowerCase();
+                        var _a, _b;
+                        return x.id && x.id.toLowerCase() === item.id.toLowerCase() && ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = item.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase());
                     });
                     if (isExistInProcessDisabled >= 0) {
                         return;
                     }
                     position = this.treeData1.findIndex(x => {
-                        return x.childId && x.childId.toLowerCase() === item.id.toLowerCase() && x.rootId.toLowerCase() === item.parentId.toLowerCase();
+                        var _a;
+                        return x.childId && x.childId.toLowerCase() === item.id.toLowerCase() && x.rootId.toLowerCase() === ((_a = item.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase());
                     });
                     if (position >= 0) {
                         node = this.treeData1[position];
@@ -5759,7 +5753,8 @@ class RelatedPopupComponent {
                 case this.dataType.checklistCategory:
                 case this.dataType.riskFolder:
                     position = this.treeData1.findIndex(x => {
-                        return x.rootId.toLowerCase() === item.id.toLowerCase() && x.parentId.toLowerCase() === (item.parentId ? item.parentId.toLowerCase() : '');
+                        var _a, _b;
+                        return x.rootId.toLowerCase() === item.id.toLowerCase() && ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === (item.parentId ? (_b = item.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase() : '');
                     });
                     this.selectNodeRecursive(this.treeData1[position], item.itemType);
                     break;
@@ -5767,7 +5762,8 @@ class RelatedPopupComponent {
                 case this.dataType.checklist:
                 case this.dataType.risk:
                     position = this.treeData1.findIndex(x => {
-                        return x.childId && x.childId.toLowerCase() === item.id.toLowerCase() && x.rootId.toLowerCase() === item.parentId.toLowerCase();
+                        var _a;
+                        return x.childId && x.childId.toLowerCase() === item.id.toLowerCase() && x.rootId.toLowerCase() === ((_a = item.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase());
                     });
                     if (position >= 0) {
                         node = this.treeData1[position];
@@ -5798,7 +5794,7 @@ class RelatedPopupComponent {
                 parentId: item.parentId
             };
             let nodeChildren = this.treeData1.
-                filter(x => x.rootId === item.rootId).
+                filter(x => x.rootId === item.rootId && x.childId).
                 map(x => {
                 return {
                     id: x.childId,
@@ -5848,8 +5844,8 @@ class RelatedPopupComponent {
     }
     getCommonCheckedNode(list) {
         this.checkedNodeList = [];
-        this.commonCheckedList = [];
         this.singleProcessList = [];
+        this.commonCheckedList = [];
         this.checkedNodeList = [...this.singleDocumentList];
         if (list.length) {
             list.forEach(item => {
@@ -5914,23 +5910,12 @@ class RelatedPopupComponent {
                 this.checkedNodeList = this.checkedNodeList.slice(this.maxSelectItemCount * -1);
             }
         }
-        this.selectedData = this.checkedNodeList.map(item => {
-            return {
-                id: item.id,
-                name: item.itemName,
-                parentId: item.parentId,
-                levelType: item.levelType,
-                level: 0,
-                expandable: true,
-                hasChild: true,
-                disabled: false
-            };
-        });
+        this.selectedData = this.commonCheckedList;
     }
     getDocumentCheckedNode(list) {
         this.checkedNodeList = [];
-        this.documentCheckedList = [];
         this.singleDocumentList = [];
+        this.documentCheckedList = [];
         this.checkedNodeList = [...this.singleProcessList];
         if (list.length) {
             list.forEach(item => {
@@ -5995,6 +5980,7 @@ class RelatedPopupComponent {
                 this.checkedNodeList = this.checkedNodeList.slice(this.maxSelectItemCount * -1);
             }
         }
+        this.selectedData2 = this.documentCheckedList;
     }
     onCloseClick() {
         this.selectedFolder = null;
@@ -6198,7 +6184,7 @@ class RelatedPopupComponent {
         return null;
     }
     toggleSelectItem(node) {
-        const selectedNode = this.checkedNodeList.find(x => (x.id.toLowerCase() === node.id.toLowerCase() && x.parentId.toLowerCase() === node.parentId.toLowerCase()));
+        const selectedNode = this.checkedNodeList.find(x => { var _a, _b; return (x.id.toLowerCase() === node.id.toLowerCase() && ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = node.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())); });
         if (selectedNode) {
             this.removeCheckedNodeList({
                 id: selectedNode.id,
@@ -6215,7 +6201,7 @@ class RelatedPopupComponent {
         }
     }
     isNodeSelected(node) {
-        return this.checkedNodeList.filter(x => (x.id.toLowerCase() === node.id.toLowerCase() && x.parentId.toLowerCase() === node.parentId.toLowerCase())).length > 0;
+        return this.checkedNodeList.filter(x => { var _a, _b; return (x.id.toLowerCase() === node.id.toLowerCase() && ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = node.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())); }).length > 0;
     }
     getChildrenOfFolder(node, type) {
         if (this.splitView) {
@@ -6256,26 +6242,32 @@ class RelatedPopupComponent {
         return this.getModuleFilteredOptions(moduleId).length > 0;
     }
     selectNodeTreeEvent(node) {
-        const index = this.selectedData.findIndex(x => x.id.toLowerCase() === node.id.toLowerCase()
-            && (!node.parentId || x.parentId.toLowerCase() === node.parentId.toLowerCase()) && x.expandable === node.expandable);
+        const index = this.commonCheckedList.findIndex(x => {
+            var _a, _b;
+            return x.id.toLowerCase() === node.id.toLowerCase()
+                && (!node.parentId || ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = node.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())) && x.expandable === node.expandable;
+        });
         if (index >= 0) {
-            this.selectedData = this.selectedData.filter((x, ind) => ind !== index);
+            this.commonCheckedList = this.commonCheckedList.filter((_, ind) => ind !== index);
         }
         else {
-            this.selectedData = [...this.selectedData, node];
             this.commonCheckedList = [...this.commonCheckedList, node];
         }
+        this.selectedData = this.commonCheckedList;
     }
     selectNodeTree2Event(node) {
-        const index = this.selectedData2.findIndex(x => x.id.toLowerCase() === node.id.toLowerCase()
-            && (!node.parentId || x.parentId.toLowerCase() === node.parentId.toLowerCase()) && x.expandable === node.expandable);
+        const index = this.documentCheckedList.findIndex(x => {
+            var _a, _b;
+            return x.id.toLowerCase() === node.id.toLowerCase()
+                && (!node.parentId || ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = node.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())) && x.expandable === node.expandable;
+        });
         if (index >= 0) {
-            this.selectedData2 = this.selectedData2.filter((x, ind) => ind !== index);
+            this.documentCheckedList = this.documentCheckedList.filter((_, ind) => ind !== index);
         }
         else {
-            this.selectedData2 = [...this.selectedData2, node];
             this.documentCheckedList = [...this.documentCheckedList, node];
         }
+        this.selectedData2 = this.documentCheckedList;
     }
     getChildNodeSelectOne(listChildren) {
         this.listChildrenSelectOne = [];
@@ -6283,7 +6275,7 @@ class RelatedPopupComponent {
     }
     hasSelected(related) {
         const arrDisabledList = this.disabledList.concat(this.disabledList2);
-        return arrDisabledList.some(node => node.id.toUpperCase() === related.id.toUpperCase() && (!related.parentId || related.parentId.toLowerCase() === node.parentId.toLowerCase()));
+        return arrDisabledList.some(node => { var _a, _b; return node.id.toUpperCase() === related.id.toUpperCase() && (!related.parentId || ((_a = related.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = node.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())); });
     }
     toRelatedOptions(relateds) {
         const results = [];
@@ -18529,10 +18521,6 @@ class SelectOneDialog {
         return related ? related.itemName : undefined;
     }
     selectItemSearched(item) {
-        var _a;
-        if ((_a = this.treeConfig) === null || _a === void 0 ? void 0 : _a.selectOne) {
-            this.disabledList = [];
-        }
         // reset to root
         this.expandToChildNode = [''];
         this.checkedNodeList = [];
@@ -18560,7 +18548,8 @@ class SelectOneDialog {
                 itemType: typeId,
                 itemNumberId: item.itemNumberId,
                 levelType: item.levelType,
-                parentId: node.rootId
+                parentId: node.rootId,
+                parentName: node.rootName
             });
         }
         if (this.treeConfig.canHaveDupId) {
@@ -19969,21 +19958,23 @@ class SelectProcessDocumentPopupComponent {
     removeCheckedNodeList(item) {
         this.selectedData = [];
         this.selectedData2 = [];
-        this.checkedNodeList = this.checkedNodeList.filter(x => (x.id.toLowerCase() !== item.id.toLowerCase() || x.parentId.toLowerCase() !== item.parentId.toLowerCase()));
+        this.checkedNodeList = this.checkedNodeList.filter(x => { var _a, _b; return (x.id.toLowerCase() !== item.id.toLowerCase() || ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== ((_b = item.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())); });
         const tempArr = [];
         const tempArrDocument = [];
         const newSelectProcessList = [];
         const newSelectDocumentList = [];
         this.commonCheckedList.forEach(element => {
             this.checkedNodeList.forEach(x => {
-                if (element.id.toLowerCase() === x.id.toLowerCase() && element.parentId.toLowerCase() === x.parentId.toLowerCase()) {
+                var _a, _b;
+                if (element.id.toLowerCase() === x.id.toLowerCase() && ((_a = element.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = x.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())) {
                     tempArr.push(element);
                 }
             });
         });
         this.singleProcessList.forEach(element => {
             this.checkedNodeList.forEach(x => {
-                if (element.id.toLowerCase() === x.id.toLowerCase() && element.parentId.toLowerCase() === x.parentId.toLowerCase()) {
+                var _a, _b;
+                if (element.id.toLowerCase() === x.id.toLowerCase() && ((_a = element.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = x.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())) {
                     newSelectProcessList.push(element);
                 }
             });
@@ -19994,14 +19985,16 @@ class SelectProcessDocumentPopupComponent {
         }
         this.documentCheckedList.forEach(element => {
             this.checkedNodeList.forEach(x => {
-                if (element.id.toLowerCase() === x.id.toLowerCase() && element.parentId.toLowerCase() === x.parentId.toLowerCase()) {
+                var _a, _b;
+                if (element.id.toLowerCase() === x.id.toLowerCase() && ((_a = element.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = x.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())) {
                     tempArrDocument.push(element);
                 }
             });
         });
         this.singleDocumentList.forEach(element => {
             this.checkedNodeList.forEach(x => {
-                if (element.id.toLowerCase() === x.id.toLowerCase() && element.parentId.toLowerCase() === x.parentId.toLowerCase()) {
+                var _a, _b;
+                if (element.id.toLowerCase() === x.id.toLowerCase() && ((_a = element.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = x.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())) {
                     newSelectDocumentList.push(element);
                 }
             });
@@ -20071,15 +20064,16 @@ class SelectProcessDocumentPopupComponent {
         this.selectedNode = [];
         if (this.treeConfig1.showCheckBox) {
             index = this.checkedNodeList.findIndex(x => {
-                return x.id.toLowerCase() === item.id.toLowerCase() && x.parentId.toLowerCase() === item.parentId.toLowerCase() && x.itemType === item.itemType;
+                var _a, _b;
+                return x.id.toLowerCase() === item.id.toLowerCase() && ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = item.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase()) && x.itemType === item.itemType;
             });
         }
         if (index < 0) {
             if (item.itemType === this.dataType.document || item.itemType === this.dataType.folder) {
                 // document  
                 const isExistInDisabled = this.disabledList2.findIndex(x => {
-                    var _a;
-                    return ((_a = x.id) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === item.id.toLowerCase() && (!item.parentId || x.parentId.toLowerCase() === item.parentId.toLowerCase() && x.itemType === item.itemType);
+                    var _a, _b, _c;
+                    return ((_a = x.id) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === item.id.toLowerCase() && (!item.parentId || ((_b = x.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === ((_c = item.parentId) === null || _c === void 0 ? void 0 : _c.toLowerCase()) && x.itemType === item.itemType);
                 }) >= 0;
                 if (isExistInDisabled) {
                     return;
@@ -20088,8 +20082,8 @@ class SelectProcessDocumentPopupComponent {
             }
             else if (item.itemType === this.dataType.area || item.itemType === this.dataType.process) {
                 const isExistInDisabled = this.disabledList.findIndex(x => {
-                    var _a;
-                    return ((_a = x.id) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === item.id.toLowerCase() && (!item.parentId || x.parentId.toLowerCase() === item.parentId.toLowerCase() && x.itemType === item.itemType);
+                    var _a, _b, _c;
+                    return ((_a = x.id) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === item.id.toLowerCase() && (!item.parentId || ((_b = x.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === ((_c = item.parentId) === null || _c === void 0 ? void 0 : _c.toLowerCase()) && x.itemType === item.itemType);
                 }) >= 0;
                 if (isExistInDisabled) {
                     return;
@@ -20111,14 +20105,20 @@ class SelectProcessDocumentPopupComponent {
         newNodeDocs.displayId = +item.itemNumberId;
         newNodeDocs.expandable = item.itemType == DataType$1.folder || item.itemType == DataType$1.area ? true : false;
         if (item.itemType == DataType$1.folder || item.itemType == DataType$1.document) {
-            if (this.treeData2.findIndex(x => x.id.toLowerCase() === newNodeDocs.id.toLowerCase() &&
-                (!newNodeDocs.parentId || x.parentId.toLowerCase() === newNodeDocs.parentId.toLowerCase()) && x.expandable === newNodeDocs.expandable) >= 0) {
+            if (this.treeData2.findIndex(x => {
+                var _a, _b;
+                return x.id.toLowerCase() === newNodeDocs.id.toLowerCase() &&
+                    (!newNodeDocs.parentId || ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = newNodeDocs.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())) && x.expandable === newNodeDocs.expandable;
+            }) >= 0) {
                 this.treeData2 = [...this.treeData2, newNodeDocs];
             }
         }
         else {
-            if (this.treeData1.findIndex(x => x.id.toLowerCase() === newNodeDocs.id.toLowerCase() &&
-                (!newNodeDocs.parentId || x.parentId.toLowerCase() === newNodeDocs.parentId.toLowerCase()) && x.expandable === newNodeDocs.expandable) >= 0) {
+            if (this.treeData1.findIndex(x => {
+                var _a, _b;
+                return x.id.toLowerCase() === newNodeDocs.id.toLowerCase() &&
+                    (!newNodeDocs.parentId || ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = newNodeDocs.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())) && x.expandable === newNodeDocs.expandable;
+            }) >= 0) {
                 this.treeData1 = [...this.treeData1, newNodeDocs];
             }
         }
@@ -20137,11 +20137,14 @@ class SelectProcessDocumentPopupComponent {
             this.documentCheckedList = [];
             this.commonCheckedList = [];
         }
-        const index = this.checkedNodeList.findIndex(x => x.id.toLowerCase() === newNodeDocs.id.toLowerCase() &&
-            (!newNodeDocs.parentId || x.parentId.toLowerCase() === newNodeDocs.parentId.toLowerCase()) && x.expandable === newNodeDocs.expandable);
+        const index = this.checkedNodeList.findIndex(x => {
+            var _a, _b;
+            return x.id.toLowerCase() === newNodeDocs.id.toLowerCase() &&
+                (!newNodeDocs.parentId || ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = newNodeDocs.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())) && x.expandable === newNodeDocs.expandable;
+        });
         if (index < 0) {
             if (item.itemType == DataType$1.folder || item.itemType == DataType$1.document) {
-                if (this.documentCheckedList.findIndex(x => x.id.toLowerCase() === newNodeDocs.id.toLowerCase() && x.parentId.toLowerCase() === newNodeDocs.parentId.toLowerCase()) < 0) {
+                if (this.documentCheckedList.findIndex(x => { var _a, _b; return x.id.toLowerCase() === newNodeDocs.id.toLowerCase() && ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = newNodeDocs.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase()); }) < 0) {
                     this.documentCheckedList.push({
                         id: newNodeDocs.id,
                         name: newNodeDocs.name,
@@ -20156,7 +20159,7 @@ class SelectProcessDocumentPopupComponent {
                 }
             }
             else {
-                if (this.commonCheckedList.findIndex(x => x.id.toLowerCase() === newNodeDocs.id.toLowerCase() && x.parentId.toLowerCase() === newNodeDocs.parentId.toLowerCase()) < 0) {
+                if (this.commonCheckedList.findIndex(x => { var _a, _b; return x.id.toLowerCase() === newNodeDocs.id.toLowerCase() && ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = newNodeDocs.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase()); }) < 0) {
                     this.commonCheckedList.push({
                         id: newNodeDocs.id,
                         name: newNodeDocs.name,
@@ -20208,16 +20211,18 @@ class SelectProcessDocumentPopupComponent {
                 };
                 if (x.itemType === DataType$1.area || x.itemType === DataType$1.process) {
                     this.treeData1.forEach(item => {
+                        var _a, _b;
                         if (item.id && x.id.toLowerCase() === item.id.toLowerCase() &&
-                            (!x.parentId || x.parentId.toLowerCase() === item.parentId.toLowerCase())) {
+                            (!x.parentId || ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = item.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase()))) {
                             selectProcess.push(node);
                         }
                     });
                 }
                 else {
                     this.treeData2.forEach(item => {
+                        var _a, _b;
                         if (item.id && x.id.toLowerCase() === item.id.toLowerCase() &&
-                            (!x.parentId || x.parentId.toLowerCase() === item.parentId.toLowerCase())) {
+                            (!x.parentId || ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = item.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase()))) {
                             selectDocument.push(node);
                         }
                     });
@@ -20229,14 +20234,20 @@ class SelectProcessDocumentPopupComponent {
             this.selectedData2 = [...this.selectedData2, ...selectDocument];
         }
         if (item.itemType === DataType$1.folder || item.itemType === DataType$1.document) {
-            if (this.selectedData2.findIndex(x => x.id.toLowerCase() === item.id.toLowerCase() &&
-                (!item.parentId || x.parentId.toLowerCase() === item.parentId.toLowerCase()) && x.expandable === item.expandable) < 0) {
+            if (this.selectedData2.findIndex(x => {
+                var _a, _b;
+                return x.id.toLowerCase() === item.id.toLowerCase() &&
+                    (!item.parentId || ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = item.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())) && x.expandable === item.expandable;
+            }) < 0) {
                 this.selectedData2 = [...this.selectedData2, item];
             }
         }
         else {
-            if (this.selectedData.findIndex(x => x.id.toLowerCase() === item.id.toLowerCase() &&
-                (!item.parentId || x.parentId.toLowerCase() === item.parentId.toLowerCase()) && x.expandable === item.expandable) < 0) {
+            if (this.selectedData.findIndex(x => {
+                var _a, _b;
+                return x.id.toLowerCase() === item.id.toLowerCase() &&
+                    (!item.parentId || ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = item.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())) && x.expandable === item.expandable;
+            }) < 0) {
                 this.selectedData = [...this.selectedData, item];
             }
         }
@@ -20374,7 +20385,7 @@ class SelectProcessDocumentPopupComponent {
         return null;
     }
     toggleSelectItem(node) {
-        const selectedNode = this.checkedNodeList.find(x => (x.id.toLowerCase() === node.id.toLowerCase() && x.parentId.toLowerCase() === node.parentId.toLowerCase()));
+        const selectedNode = this.checkedNodeList.find(x => { var _a, _b; return (x.id.toLowerCase() === node.id.toLowerCase() && ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = node.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())); });
         if (selectedNode) {
             this.removeCheckedNodeList({
                 id: selectedNode.id,
@@ -20394,7 +20405,7 @@ class SelectProcessDocumentPopupComponent {
         }
     }
     isNodeSelected(node) {
-        return this.checkedNodeList.filter(x => (x.id.toLowerCase() === node.id.toLowerCase() && x.parentId.toLowerCase() === node.parentId.toLowerCase())).length > 0;
+        return this.checkedNodeList.filter(x => { var _a, _b; return (x.id.toLowerCase() === node.id.toLowerCase() && ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = node.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())); }).length > 0;
     }
     getChildrenOfFolder(node, type) {
         let item = new QMSProcessDocumentItem();
@@ -20417,8 +20428,11 @@ class SelectProcessDocumentPopupComponent {
         if (!node.itemType) {
             return;
         }
-        const index = this.checkedNodeList.findIndex(x => x.id.toLowerCase() === node.id.toLowerCase()
-            && (!node.parentId || x.parentId.toLowerCase() === node.parentId.toLowerCase()) && x.itemType === node.itemType);
+        const index = this.checkedNodeList.findIndex(x => {
+            var _a, _b;
+            return x.id.toLowerCase() === node.id.toLowerCase()
+                && (!node.parentId || ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = node.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())) && x.itemType === node.itemType;
+        });
         if (index >= 0) {
             this.removeCheckedNodeList({
                 id: node.id,
@@ -20436,12 +20450,18 @@ class SelectProcessDocumentPopupComponent {
             let status = 0;
             let statusName = '';
             if (node.itemType == DataType$1.folder || node.itemType == DataType$1.document) {
-                item = this.treeData2.find(x => x.id.toLowerCase() === node.id.toLowerCase()
-                    && (!node.parentId || x.parentId.toLowerCase() === node.parentId.toLowerCase()) && x.expandable == node.expandable);
+                item = this.treeData2.find(x => {
+                    var _a, _b;
+                    return x.id.toLowerCase() === node.id.toLowerCase()
+                        && (!node.parentId || ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = node.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())) && x.expandable == node.expandable;
+                });
             }
             else {
-                item = this.treeData1.find(x => x.id.toLowerCase() === node.id.toLowerCase()
-                    && (!node.parentId || x.parentId.toLowerCase() === node.parentId.toLowerCase()) && x.expandable == node.expandable);
+                item = this.treeData1.find(x => {
+                    var _a, _b;
+                    return x.id.toLowerCase() === node.id.toLowerCase()
+                        && (!node.parentId || ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = node.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())) && x.expandable == node.expandable;
+                });
             }
             if (item) {
                 statusName = item.statusName;
@@ -20509,7 +20529,7 @@ class SelectProcessDocumentPopupComponent {
 SelectProcessDocumentPopupComponent.decorators = [
     { type: Component, args: [{
                 selector: 'qms-select-process-document',
-                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 id=\"qmslib_related_popup_search\" class=\"input__field\">\r\n    <input\r\n      type=\"text\"\r\n      placeholder=\"{{ LANG.SEARCH }}\"\r\n      matInput\r\n      [formControl]=\"myControl\"\r\n      [matAutocomplete]=\"auto\"\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    class=\"mat-autocomplete_related-viewport\"\r\n    (optionSelected)=\"selectRelated($event.option.value)\"\r\n    [displayWith]=\"displayWhenSelectRelatedOption\"\r\n  >\r\n    <cdk-virtual-scroll-viewport\r\n      qms-scrollbar\r\n      itemSize=\"10\"\r\n      [class.related-viewport]=\"isInputValue\"\r\n      *ngIf=\"filteredOptions.length\"\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            [disabled]=\"option.disabled\"\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 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          <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-new\r\n            [treeData]=\"treeData1\"\r\n            [treeConfig]=\"treeConfig1\"\r\n            [selectedData]=\"selectedData\"\r\n            [selectedRiskData]=\"selectedRiskData\"\r\n            [disabledList]=\"disabledList\"\r\n            (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.area)\"\r\n            (selectNodeEvent)=\"selectNodeTreeEvent($event)\"\r\n            (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\r\n            (selectFolderEvent)=\"getItemOfFolder($event, dataType.area)\"\r\n            [expandOnTitleClick]=\"!splitView\"\r\n            [parentNodeOnClick]=\"parentNodeSelected\"\r\n            (treeControlNodes)=\"selectTreeControlNodeProcess($event)\"\r\n          ></qms-tree-new>\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        <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            *ngIf=\"!hideSplitviewCheckbox\"\r\n          >\r\n          </mat-checkbox>\r\n          <button\r\n            class=\"button-boder\"\r\n            mat-icon-button\r\n            [disableRipple]=\"true\"\r\n            (click)=\"toggleSelectItem(node)\"\r\n            *ngIf=\"node.itemName\"\r\n          >\r\n            <mat-icon\r\n              class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n              [svgIcon]=\"getNodeIcon(node)\"\r\n            >\r\n            </mat-icon>\r\n          </button>\r\n          <span\r\n            class=\"text-node-item\"\r\n            style=\"cursor: pointer\"\r\n            (click)=\"toggleSelectItem(node)\"\r\n            [class.bgSelected]=\"\r\n              isSelectOne &&\r\n              idCheckIconSplitView == idToCheckSelectOne(node.id, node.parentId)\r\n            \"\r\n          >\r\n            <span\r\n              class=\"text-node\"\r\n              [class.select-one-checked]=\"\r\n                isSelectOne &&\r\n                idCheckIconSplitView ==\r\n                  idToCheckSelectOne(node.id, node.parentId)\r\n              \"\r\n              >{{ node.itemName }}</span\r\n            >\r\n            <mat-icon\r\n              class=\"select-one-checked\"\r\n              *ngIf=\"\r\n                isSelectOne &&\r\n                idCheckIconSplitView ==\r\n                  idToCheckSelectOne(node.id, node.parentId)\r\n              \"\r\n            >\r\n              done\r\n            </mat-icon>\r\n          </span>\r\n        </div>\r\n      </mat-expansion-panel>\r\n    </div>\r\n    <div\r\n      *ngIf=\"splitView\"\r\n      class=\"qms-scrollbar qmslib-related-popup-splitview qmslib_related_popup_content col-6\"\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 class=\"row\">\r\n    <div class=\"col-12 pr-0 pe-0\">\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    </div>\r\n  </div>\r\n\r\n  <div class=\"line__divider\"></div>\r\n\r\n  <div class=\"confirm__button__groups\">\r\n    <button\r\n      *ngIf=\"!checkedNodeList.length\"\r\n      qms-btn\r\n      style=\"margin-top: 7px\"\r\n      (click)=\"onAddClick()\"\r\n    >\r\n      {{ LANG.ADD }}\r\n    </button>\r\n    <button\r\n      *ngIf=\"checkedNodeList.length\"\r\n      qms-btn\r\n      style=\"margin-top: 0px\"\r\n      (click)=\"onAddClick()\"\r\n    >\r\n      {{ LANG.ADD }} ({{ checkedNodeList.length }})\r\n    </button>\r\n    <button\r\n      qms-btn-text\r\n      [ngStyle]=\"{ 'margin-top': checkedNodeList.length ? '0px' : '7px' }\"\r\n      (click)=\"onCloseClick()\"\r\n    >\r\n      {{ LANG.CANCEL }}\r\n    </button>\r\n  </div>\r\n</div>\r\n",
+                template: "<div id=\"qmslib_related_popup\" class=\"qmslib__related__popup__container\">\r\n  <div id=\"qmslib_related_popup_header\">\r\n    <span mat-icon-button class=\"button__close\" (click)=\"onCloseClick()\">\r\n      <mat-icon mat-icon>close</mat-icon>\r\n    </span>\r\n    <div id=\"qmslib_related_popup_header_001\" mat-dialog-content>\r\n      <span>{{ moduleName | uppercase }}</span>\r\n    </div>\r\n  </div>\r\n\r\n  <div id=\"qmslib_related_popup_search\" class=\"input__field\">\r\n    <input\r\n      type=\"text\"\r\n      placeholder=\"{{ LANG.SEARCH }}\"\r\n      matInput\r\n      [formControl]=\"myControl\"\r\n      [matAutocomplete]=\"auto\"\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    class=\"mat-autocomplete_related-viewport\"\r\n    (optionSelected)=\"selectRelated($event.option.value)\"\r\n    [displayWith]=\"displayWhenSelectRelatedOption\"\r\n  >\r\n    <cdk-virtual-scroll-viewport\r\n      qms-scrollbar\r\n      itemSize=\"10\"\r\n      [class.related-viewport]=\"isInputValue\"\r\n      *ngIf=\"filteredOptions.length\"\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            [disabled]=\"option.disabled\"\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 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          <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-new\r\n            [treeData]=\"treeData1\"\r\n            [treeConfig]=\"treeConfig1\"\r\n            [selectedData]=\"selectedData\"\r\n            [selectedRiskData]=\"selectedRiskData\"\r\n            [disabledList]=\"disabledList\"\r\n            (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.area)\"\r\n            (selectNodeEvent)=\"selectNodeTreeEvent($event)\"\r\n            (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\r\n            (selectFolderEvent)=\"getItemOfFolder($event, dataType.area)\"\r\n            [expandOnTitleClick]=\"!splitView\"\r\n            [parentNodeOnClick]=\"parentNodeSelected\"\r\n            (treeControlNodes)=\"selectTreeControlNodeProcess($event)\"\r\n          ></qms-tree-new>\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-new\r\n            [treeData]=\"treeData2\"\r\n            [treeConfig]=\"treeConfig2\"\r\n            [selectedData]=\"selectedData2\"\r\n            [disabledList]=\"disabledList2\"\r\n            (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.folder)\"\r\n            (selectNodeEvent)=\"selectNodeTreeEvent($event)\"\r\n            (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\r\n            (selectFolderEvent)=\"getItemOfFolder($event, dataType.folder)\"\r\n            [expandOnTitleClick]=\"!splitView\"\r\n            [parentNodeOnClick]=\"parentNodeSelected\"\r\n            (treeControlNodes)=\"selectTreeControlNodeDocument($event)\"\r\n          ></qms-tree-new>\r\n        </div>\r\n      </mat-expansion-panel>\r\n    </div>\r\n    <div\r\n      *ngIf=\"splitView\"\r\n      class=\"qms-scrollbar qmslib-related-popup-splitview qmslib_related_popup_content col-6\"\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 class=\"row\">\r\n    <div class=\"col-12 pr-0 pe-0\">\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    </div>\r\n  </div>\r\n\r\n  <div class=\"line__divider\"></div>\r\n\r\n  <div class=\"confirm__button__groups\">\r\n    <button\r\n      *ngIf=\"!checkedNodeList.length\"\r\n      qms-btn\r\n      style=\"margin-top: 7px\"\r\n      (click)=\"onAddClick()\"\r\n    >\r\n      {{ LANG.ADD }}\r\n    </button>\r\n    <button\r\n      *ngIf=\"checkedNodeList.length\"\r\n      qms-btn\r\n      style=\"margin-top: 0px\"\r\n      (click)=\"onAddClick()\"\r\n    >\r\n      {{ LANG.ADD }} ({{ checkedNodeList.length }})\r\n    </button>\r\n    <button\r\n      qms-btn-text\r\n      [ngStyle]=\"{ 'margin-top': checkedNodeList.length ? '0px' : '7px' }\"\r\n      (click)=\"onCloseClick()\"\r\n    >\r\n      {{ LANG.CANCEL }}\r\n    </button>\r\n  </div>\r\n</div>\r\n",
                 encapsulation: ViewEncapsulation.None,
                 styles: [".qms-scrollbar::-webkit-scrollbar{width:12px}.qms-scrollbar::-webkit-scrollbar-track{background:rgba(0,0,0,.12);background-clip:content-box}.qms-scrollbar::-webkit-scrollbar-thumb{background:rgba(0,0,0,.38);border-radius:20px;width:4px;border:4px solid transparent;background-clip:content-box}.qms-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5);background-clip:content-box;border:4px solid transparent}.qms-scrollbar.none-scroll-bg::-webkit-scrollbar-track{background:transparent;background-clip:content-box}.qms__popup .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qms__danger button{border:none;color:#fff;padding:0;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;height:20px;width:20px;font-family:Open Sans;font-size:12px;font-weight:600;font-style:normal;line-height:16px}.qms__danger .red{background-color:#9e360f;margin-left:10px}.qms__danger .yellow{background-color:#e4cf53;margin-left:10px;color:#323232}.qms__danger .green{background-color:#00804c;margin-left:10px}.confirm__button__groups{margin-top:11px}.confirm__button__groups button{min-height:36px;width:auto;font-family:Open Sans;font-weight:500;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px;margin-right:5px;float:right}.confirm__button__groups .confirm{background:#f8f9f9}.confirm__button__groups .confirm:hover{background:#001983;color:#fff}.confirm__button__groups .confirm:disabled{cursor:not-allowed}.confirm__button__groups .cancel{background:#f8f9f9}.confirm__button__groups .cancel:hover{background:#001983;color:#fff}.qmslib__related__popup__container .input__field{display:flex;align-items:center}.qmslib__related__popup__container .input__field input{width:100%;padding:10px;outline:none;border:none;background:#eee}.qmslib__related__popup__container .input__field .mat-icon{margin-left:-30px;cursor:pointer;vertical-align:middle}.qmslib__related__popup__container .line__divider{border-bottom:1px solid #ccc;height:1px;margin-top:10px;min-width:300px;max-width:100%}.qmslib__related__popup__container .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmslib__related__popup__container .panel__content{height:450px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel__content_item{height:350px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel-tree .mat-expansion-panel-body{padding:0 12px 12px}.qmslib__related__popup__container .mat-expansion-panel-header{height:30px;font-size:12px;letter-spacing:1px;font-family:Raleway;font-weight:600;padding:0}.qmslib__related__popup__container .mat-expansion-panel-header .mat-expansion-panel-header-title{align-items:center;margin-left:12px}.qmslib__related__popup__container .mat-expansion-panel-header .related_popup_toggle-btn{width:1.5rem;height:1.5rem;line-height:1.5rem}.qmslib__related__popup__container .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none}.qmslib__related__popup__container .panel__item{height:100px;margin-top:12px;overflow-x:hidden;overflow-y:auto;padding-right:5px;width:100%;max-width:100%;display:flex;flex-wrap:wrap;align-content:flex-start}.qmslib__related__popup__container .panel__item .related__item__inline{max-width:100%}.qmslib__related__popup__container .panel__item .related__item__content{height:32px;line-height:32px;background-color:#e5e5e5;max-width:100%;margin-bottom:5px;margin-left:2.5px;margin-right:2.5px}.qmslib__related__popup__container .panel__item .related__item__content .mat-icon{color:#8e8e8e;font-size:24px}.qmslib__related__popup__container .panel__item .related__item__content span.related__item__content_name{display:inline-block;min-width:calc(100% - 13px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:278px}.qmslib__related__popup__container .qmslib-related-popup-splitview{background-color:#fff;border-left:1px solid #ccc;height:450px;overflow-y:auto;margin-top:12px}.qmslib__related__popup__container .qmslib-related-popup-splitview.panel__content{height:450px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .qmslib-related-popup-splitview.panel__content_item{height:350px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .qmslib-related-popup-splitview .splitview-header{height:30px;font-size:12px;letter-spacing:1px;font-family:RALEWAY;font-weight:600;display:flex;align-items:center}.qmslib__related__popup__container .qmslib-related-popup-splitview .mat-checkbox.qms-group-options{padding:0}.qmslib__related__popup__container .qmslib-related-popup-splitview .mat-checkbox.qms-group-options .mat-checkbox-inner-container{margin-right:11px}.qmslib__related__popup__container .qmslib-related-popup-splitview .mat-checkbox.qms-group-options.mat-checkbox-checked{background:transparent!important}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node{margin-left:8px;display:flex;align-items:center;min-height:40px}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node .mat-icon{color:rgba(0,0,0,.6);margin-right:17px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node .mat-icon svg{display:block;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node .text-node-item{margin-left:8px;display:flex;align-items:center;min-height:32px;justify-content:space-between;width:100%}.qmslib__related__popup__container .qmslib-related-popup-splitview .expand-node .text-node-item .select-one-checked{color:#1954a9}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:300px}"]
             },] }