qms-angular 1.0.58 → 1.0.62

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -627,14 +627,11 @@
627
627
  var changedProp = changes[propName];
628
628
  var to = JSON.stringify(changedProp.currentValue);
629
629
  if (changedProp.isFirstChange()) {
630
- console.log('Initial value of');
631
630
  }
632
631
  else {
633
632
  var from = JSON.stringify(changedProp.previousValue);
634
- console.log('changed from');
635
633
  }
636
634
  }
637
- console.log('value changed', changes.sourceLog.currentValue);
638
635
  // this.sourceLog = changes.sourceLog.currentValue;
639
636
  };
640
637
  QMSComment.prototype.ngOnInit = function () {
@@ -642,7 +639,6 @@
642
639
  this.trans.getLanguageSubject$.pipe().subscribe(function (res) {
643
640
  if (res) {
644
641
  _this.LANG = _this.trans.getObjectLang(res);
645
- console.log(_this.LANG);
646
642
  }
647
643
  });
648
644
  };
@@ -4032,6 +4028,14 @@
4032
4028
  }
4033
4029
  }
4034
4030
  };
4031
+ QMSBreadcrumbItemDirective.prototype.ngOnChanges = function () {
4032
+ if (this.isLastItem) {
4033
+ this.ele.nativeElement.classList.add('qms-breadcrumb-last-item');
4034
+ }
4035
+ else {
4036
+ this.ele.nativeElement.classList.remove('qms-breadcrumb-last-item');
4037
+ }
4038
+ };
4035
4039
  QMSBreadcrumbItemDirective.prototype.ngOnInit = function () {
4036
4040
  if (this.ele) {
4037
4041
  this.ele.nativeElement.classList.add('qms-breadcrumb-item');
@@ -4081,34 +4085,7 @@
4081
4085
  iconRegistry.addSvgIconLiteral('breadcrumb_dropdown', sanitizer.bypassSecurityTrustHtml(BREADCRUMB_DROPDOWN_ICON));
4082
4086
  }
4083
4087
  QMSBreadcrumb.prototype.ngAfterViewInit = function () {
4084
- if (!this.isMobileType && this.ele.nativeElement.offsetWidth) {
4085
- if (!this.maxLine || this.maxLine < 2) {
4086
- this.checkOverflow(this.ele.nativeElement.offsetWidth);
4087
- }
4088
- else {
4089
- this.checkOverflow(this.ele.nativeElement.offsetWidth * 1.7);
4090
- }
4091
- }
4092
- //show number Items after 3 dot icon
4093
- if (+this.numDisplayItem > 0 && this.itemNodes.length >= 2) {
4094
- this.dropdownNodes = [];
4095
- this.dropdownNodes = this.itemNodes.slice(0, -this.numDisplayItem).reverse();
4096
- this.itemNodes = __spreadArray(__spreadArray([], []), __read(this.itemNodes.slice(-this.numDisplayItem)));
4097
- this.isOverflow = true;
4098
- this.cdRef.detectChanges();
4099
- }
4100
- //just show 1 item for mobile
4101
- if (this.onlyItem) {
4102
- this.isOverflow = true;
4103
- this.dropdownNodes = [];
4104
- var itemNodes = __spreadArray([], __read(this.itemNodes));
4105
- var lastItem = itemNodes.pop();
4106
- this.dropdownNodes = __spreadArray([], __read(itemNodes)).reverse();
4107
- this.dropdownNodes.push(this.homeNode);
4108
- this.itemNodes = [];
4109
- this.itemNodes = [lastItem];
4110
- this.cdRef.detectChanges();
4111
- }
4088
+ this.buildBreadcrumb();
4112
4089
  };
4113
4090
  QMSBreadcrumb.prototype.checkOverflow = function (width) {
4114
4091
  var _this = this;
@@ -4143,9 +4120,19 @@
4143
4120
  this.dropdownNodes = this.dropdownNodes.reverse();
4144
4121
  }
4145
4122
  };
4123
+ QMSBreadcrumb.prototype.ngOnChanges = function (changes) {
4124
+ if (changes.nodes && this.breadCrumbNodes && JSON.stringify(changes.nodes.currentValue) !== JSON.stringify(changes.nodes.previousValue)) {
4125
+ this.nodes = __spreadArray([], __read(changes.nodes.currentValue));
4126
+ this.initBreadCrumb();
4127
+ this.buildBreadcrumb();
4128
+ }
4129
+ };
4146
4130
  QMSBreadcrumb.prototype.ngOnInit = function () {
4147
- var _this = this;
4148
4131
  this.itemIconType = ItemIconType;
4132
+ this.initBreadCrumb();
4133
+ };
4134
+ QMSBreadcrumb.prototype.initBreadCrumb = function () {
4135
+ var _this = this;
4149
4136
  if (this.nodes && this.nodes.length > 0) {
4150
4137
  this.nodes.forEach(function (ele) {
4151
4138
  ele.isOverflow = ele.isOverflow ? ele.isOverflow : false;
@@ -4169,6 +4156,37 @@
4169
4156
  this.ele.nativeElement.classList.add('qms-breadcrumb__multi-line');
4170
4157
  }
4171
4158
  };
4159
+ QMSBreadcrumb.prototype.buildBreadcrumb = function () {
4160
+ if (!this.isMobileType && this.ele.nativeElement.offsetWidth) {
4161
+ this.dropdownNodes = [];
4162
+ if (!this.maxLine || this.maxLine < 2) {
4163
+ this.checkOverflow(this.ele.nativeElement.offsetWidth);
4164
+ }
4165
+ else {
4166
+ this.checkOverflow(this.ele.nativeElement.offsetWidth * 1.7);
4167
+ }
4168
+ }
4169
+ //show number Items after 3 dot icon
4170
+ if (+this.numDisplayItem > 0 && this.itemNodes.length >= 2) {
4171
+ this.dropdownNodes = [];
4172
+ this.dropdownNodes = this.itemNodes.slice(0, -this.numDisplayItem).reverse();
4173
+ this.itemNodes = __spreadArray(__spreadArray([], []), __read(this.itemNodes.slice(-this.numDisplayItem)));
4174
+ this.isOverflow = true;
4175
+ this.cdRef.detectChanges();
4176
+ }
4177
+ //just show 1 item for mobile
4178
+ if (this.onlyItem) {
4179
+ this.isOverflow = true;
4180
+ this.dropdownNodes = [];
4181
+ var itemNodes = __spreadArray([], __read(this.itemNodes));
4182
+ var lastItem = itemNodes.pop();
4183
+ this.dropdownNodes = __spreadArray([], __read(itemNodes)).reverse();
4184
+ this.dropdownNodes.push(this.homeNode);
4185
+ this.itemNodes = [];
4186
+ this.itemNodes = [lastItem];
4187
+ this.cdRef.detectChanges();
4188
+ }
4189
+ };
4172
4190
  QMSBreadcrumb.prototype.getItemIconType = function (treeConfig) {
4173
4191
  if (treeConfig.itemIcon)
4174
4192
  return ItemIconType.name;
@@ -4409,6 +4427,12 @@
4409
4427
  findChild: findChild$1
4410
4428
  };
4411
4429
 
4430
+ var TreeFlatNode = /** @class */ (function () {
4431
+ function TreeFlatNode() {
4432
+ }
4433
+ return TreeFlatNode;
4434
+ }());
4435
+
4412
4436
  var TreeComponent = /** @class */ (function () {
4413
4437
  function TreeComponent(cdRef, domSanitizer, iconRegistry, appIconService) {
4414
4438
  var _this = this;
@@ -4427,6 +4451,7 @@
4427
4451
  this.childCheckedEvent = new i0.EventEmitter();
4428
4452
  this.nodeExpandEvent = new i0.EventEmitter();
4429
4453
  this.getChildNodeSelectOne = new i0.EventEmitter();
4454
+ this.treeControlNodes = new i0.EventEmitter();
4430
4455
  this.listParentObj = {};
4431
4456
  this.filterData = [];
4432
4457
  this.arrIndex = [];
@@ -4470,7 +4495,7 @@
4470
4495
  else if (!!node.children &&
4471
4496
  node.children.length &&
4472
4497
  node.children.length === 1 &&
4473
- !node.children[0].name.length &&
4498
+ !node.children[0].name &&
4474
4499
  node.id.toString() === _this.areaOfCurrentProcess) {
4475
4500
  checkHasChild = false;
4476
4501
  }
@@ -4518,11 +4543,13 @@
4518
4543
  (changes.selectedData.currentValue.length > 0 ||
4519
4544
  JSON.stringify(changes.selectedData.currentValue) !==
4520
4545
  JSON.stringify(changes.selectedData.previousValue))) {
4521
- this.checkSelected(changes.selectedData.currentValue);
4522
- }
4523
- else {
4524
- for (var i = 0; i < this.treeControl.dataNodes.length; i++) {
4525
- this.checklistSelection.deselect(this.treeControl.dataNodes[i]);
4546
+ if (changes.selectedData.currentValue) {
4547
+ this.checkSelected(changes.selectedData.currentValue);
4548
+ }
4549
+ else {
4550
+ for (var i = 0; i < this.treeControl.dataNodes.length; i++) {
4551
+ this.checklistSelection.deselect(this.treeControl.dataNodes[i]);
4552
+ }
4526
4553
  }
4527
4554
  }
4528
4555
  if (changes.disabledList && JSON.stringify(changes.disabledList.currentValue) !== JSON.stringify(changes.disabledList.previousValue)) {
@@ -4534,7 +4561,7 @@
4534
4561
  }
4535
4562
  };
4536
4563
  TreeComponent.prototype.ngOnInit = function () {
4537
- this.initTreeData();
4564
+ // this.initTreeData();
4538
4565
  };
4539
4566
  TreeComponent.prototype.initTreeData = function () {
4540
4567
  var _this = this;
@@ -4578,6 +4605,10 @@
4578
4605
  if (this.treeConfig.expandAll) {
4579
4606
  this.treeControl.expandAll();
4580
4607
  }
4608
+ //Disabled node
4609
+ if (this.disabledList.length) {
4610
+ this.checkDisabledList();
4611
+ }
4581
4612
  // Risk Tree
4582
4613
  if (this.selectedRiskData.length) {
4583
4614
  var selectedData_1 = [];
@@ -4596,10 +4627,37 @@
4596
4627
  this.checkSelected(selectedData_1);
4597
4628
  this.checkBoxEvent.emit(selectedData_1);
4598
4629
  }
4599
- //check disabled list
4600
- this.checkDisabledList();
4601
- // expand to child node
4602
- this.openExpandToChildNode();
4630
+ // keep expand
4631
+ if (this.parentNodeOnClick && Object.keys(this.parentNodeOnClick).length) {
4632
+ var tempParent = [];
4633
+ var root = new TreeFlatNode();
4634
+ for (var i = 0; i < this.treeControl.dataNodes.length; i++) {
4635
+ var tree = this.treeControl.dataNodes[i];
4636
+ if (this.parentNodeOnClick.parentId === tree.parentId && this.parentNodeOnClick.id === tree.id
4637
+ || this.parentNodeOnClick.parentId === tree.id) {
4638
+ tempParent = __spreadArray(__spreadArray([], __read(tempParent)), [this.getParent(tree)]);
4639
+ root = tree;
4640
+ }
4641
+ }
4642
+ tempParent.push(root);
4643
+ tempParent.forEach(function (x) {
4644
+ _this.treeControl.expand(x);
4645
+ });
4646
+ }
4647
+ };
4648
+ TreeComponent.prototype.getParent = function (node) {
4649
+ var treeControl = this.treeControl;
4650
+ var currentLevel = treeControl.getLevel(node);
4651
+ if (currentLevel < 1) {
4652
+ return null;
4653
+ }
4654
+ var index = treeControl.dataNodes.indexOf(node) - 1;
4655
+ for (var i = index; i >= 0; i--) {
4656
+ var currentNode = treeControl.dataNodes[i];
4657
+ if (treeControl.getLevel(currentNode) < currentLevel) {
4658
+ return currentNode;
4659
+ }
4660
+ }
4603
4661
  };
4604
4662
  TreeComponent.prototype.openExpandToChildNode = function () {
4605
4663
  var _this = this;
@@ -4867,6 +4925,23 @@
4867
4925
  });
4868
4926
  this.checkBoxEvent.emit(this.checklistSelection.selected);
4869
4927
  };
4928
+ TreeComponent.prototype.todoItemSelectionProcessDocument = function (nodes) {
4929
+ var _this = this;
4930
+ nodes.forEach(function (node) {
4931
+ for (var i = 0; i < _this.treeControl.dataNodes.length; i++) {
4932
+ if (_this.treeControl.dataNodes[i].id === node.id &&
4933
+ _this.treeControl.dataNodes[i].parentId === node.parentId &&
4934
+ !_this.treeControl.dataNodes[i].disabled && !_this.treeControl.dataNodes[i].expandable) {
4935
+ if (!_this.checklistSelection.isSelected(_this.treeControl.dataNodes[i]))
4936
+ _this.checklistSelection.toggle(_this.treeControl.dataNodes[i]);
4937
+ }
4938
+ }
4939
+ });
4940
+ setTimeout(function () {
4941
+ _this.checkBoxEvent.emit(_this.checklistSelection.selected);
4942
+ _this.treeControlNodes.emit(_this.treeControl);
4943
+ }, 500);
4944
+ };
4870
4945
  TreeComponent.prototype.todoFolderSelection = function (nodes) {
4871
4946
  var _this = this;
4872
4947
  nodes.forEach(function (node) {
@@ -5150,7 +5225,7 @@
5150
5225
  TreeComponent.decorators = [
5151
5226
  { type: i0.Component, args: [{
5152
5227
  selector: 'qms-tree',
5153
- 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",
5228
+ template: "<mat-tree\r\n [dataSource]=\"dataSource\"\r\n [treeControl]=\"treeControl\"\r\n class=\"tree__container\"\r\n>\r\n <mat-tree-node\r\n class=\"tree-branch\"\r\n *matTreeNodeDef=\"let node\"\r\n matTreeNodeToggle\r\n matTreeNodePadding\r\n >\r\n <!-- form thu 1 - child -->\r\n <mat-checkbox\r\n qms-group-options\r\n [disabled]=\"node.disabled\"\r\n color=\"default\"\r\n *ngIf=\"node.name && showCheckBox && !onlyCheckBoxForChild && !onlyFolder\"\r\n class=\"checklist-leaf-node\"\r\n [checked]=\"checklistSelection.isSelected(node)\"\r\n (change)=\"todoItemSelectionToggle(node)\"\r\n >\r\n </mat-checkbox>\r\n\r\n <!-- form thu 2 -->\r\n <mat-checkbox\r\n qms-group-options\r\n [disabled]=\"node.disabled\"\r\n color=\"default\"\r\n *ngIf=\"node.name && showCheckBox && onlyCheckBoxForChild && !onlyFolder\"\r\n class=\"ml-10 checklist-leaf-node\"\r\n [checked]=\"checklistSelection.isSelected(node)\"\r\n (change)=\"todoItemSelectionToggle(node)\"\r\n ></mat-checkbox>\r\n <div\r\n class=\"expand-node\"\r\n *ngIf=\"node.name && !onlyFolder\"\r\n [class.bgSelected]=\"treeConfig.selectOne && idCheckIcon == node.id\"\r\n (click)=\"selectNode(node)\"\r\n [id]=\"getNodeId(node)\"\r\n >\r\n <div class=\"expand-node__text\">\r\n <mat-icon\r\n *ngIf=\"displayType === itemIconType.name && !onlyCheckBoxForChild\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n >\r\n {{ itemIcon }}\r\n </mat-icon>\r\n\r\n <mat-icon\r\n *ngIf=\"displayType === itemIconType.svg && !onlyCheckBoxForChild\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n [svgIcon]=\"itemIconSvg\"\r\n >\r\n </mat-icon>\r\n\r\n <img\r\n *ngIf=\"displayType === itemIconType.path && !onlyCheckBoxForChild\"\r\n class=\"mat-icon\"\r\n [src]=\"itemIconPath\"\r\n />\r\n\r\n <img\r\n *ngIf=\"displayType === itemIconType.base64 && !onlyCheckBoxForChild\"\r\n class=\"mat-icon image-base64\"\r\n [src]=\"getImagePath()\"\r\n />\r\n\r\n <mat-icon\r\n *ngIf=\"displayType === itemIconType.none && !onlyCheckBoxForChild\"\r\n class=\"mat-icon-rtl-mirror material-icons-outlined\"\r\n [svgIcon]=\"getItemIcon(node)\"\r\n ></mat-icon>\r\n <span class=\"text-node\">{{ node.name }}</span>\r\n </div>\r\n <mat-icon\r\n class=\"icon-check\"\r\n *ngIf=\"treeConfig.selectOne && idCheckIcon == node.id\"\r\n >done</mat-icon\r\n >\r\n </div>\r\n </mat-tree-node>\r\n\r\n <mat-tree-node *matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding>\r\n <!-- form thu 1 - parent -->\r\n <mat-checkbox\r\n qms-group-options\r\n [disabled]=\"node.disabled\"\r\n color=\"default\"\r\n *ngIf=\"node.name && showCheckBox && !onlyCheckBoxForChild\"\r\n [checked]=\"descendantsAllSelected(node)\"\r\n [indeterminate]=\"descendantsPartiallySelected(node)\"\r\n (change)=\"todoItemSelectionToggle(node)\"\r\n ></mat-checkbox>\r\n <button\r\n class=\"button-boder\"\r\n mat-icon-button\r\n matTreeNodeToggle\r\n [disableRipple]=\"!node.hasChild\"\r\n [attr.aria-label]=\"'toggle ' + node.filename\"\r\n *ngIf=\"node.name\"\r\n >\r\n <mat-icon\r\n *ngIf=\"openIcon && closeIcon\"\r\n class=\"mat-icon-rtl-mirror\"\r\n [ngStyle]=\"{\r\n color: treeControl.isExpanded(node) ? openIconColor : closeIconColor\r\n }\"\r\n >{{ getNodeIcon(node) }}</mat-icon\r\n >\r\n <mat-icon\r\n *ngIf=\"!openIcon || !closeIcon\"\r\n class=\"mat-icon-rtl-mirror\"\r\n [ngClass]=\"{\r\n 'open-icon': treeControl.isExpanded(node),\r\n 'not-department-icon': moduleId !== dataType.document\r\n }\"\r\n [svgIcon]=\"getNodeIcon(node)\"\r\n >\r\n </mat-icon>\r\n </button>\r\n <span\r\n *ngIf=\"expandOnTitleClick\"\r\n matTreeNodeToggle\r\n class=\"text-node-parent\"\r\n style=\"cursor: pointer\"\r\n (click)=\"onExpandNode(node)\"\r\n [ngStyle]=\"{\r\n color: treeControl.isExpanded(node) ? openIconColor : '#000000'\r\n }\"\r\n >\r\n <span>{{ node.name }}</span>\r\n <mat-icon\r\n class=\"icon-check\"\r\n *ngIf=\"treeConfig.selectOne && idCheckIcon == node.id\"\r\n >done</mat-icon\r\n >\r\n </span>\r\n <span\r\n *ngIf=\"!expandOnTitleClick\"\r\n class=\"text-node-parent\"\r\n (click)=\"selectFolderNode(node)\"\r\n style=\"cursor: pointer\"\r\n [id]=\"getNodeId(node)\"\r\n >\r\n <span>{{ node.name }}</span>\r\n <mat-icon\r\n class=\"icon-check\"\r\n *ngIf=\"treeConfig.selectOne && idCheckIcon == node.id\"\r\n >done</mat-icon\r\n >\r\n </span>\r\n </mat-tree-node>\r\n</mat-tree>\r\n",
5154
5229
  encapsulation: i0.ViewEncapsulation.None,
5155
5230
  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}"]
5156
5231
  },] }
@@ -5169,12 +5244,14 @@
5169
5244
  disabledList: [{ type: i0.Input }],
5170
5245
  expandOnTitleClick: [{ type: i0.Input }],
5171
5246
  expandToChildNode: [{ type: i0.Input }],
5247
+ parentNodeOnClick: [{ type: i0.Input }],
5172
5248
  selectNodeEvent: [{ type: i0.Output }],
5173
5249
  selectFolderEvent: [{ type: i0.Output }],
5174
5250
  checkBoxEvent: [{ type: i0.Output }],
5175
5251
  childCheckedEvent: [{ type: i0.Output }],
5176
5252
  nodeExpandEvent: [{ type: i0.Output }],
5177
- getChildNodeSelectOne: [{ type: i0.Output }]
5253
+ getChildNodeSelectOne: [{ type: i0.Output }],
5254
+ treeControlNodes: [{ type: i0.Output }]
5178
5255
  };
5179
5256
 
5180
5257
  var QMSTreeModule = /** @class */ (function () {
@@ -5355,7 +5432,7 @@
5355
5432
  RelatedListComponent.decorators = [
5356
5433
  { type: i0.Component, args: [{
5357
5434
  selector: 'qms-related-list',
5358
- template: "<div class=\"container list-related\">\r\n <div class=\"list-related__title\">\r\n <strong>{{ title }}</strong>\r\n </div>\r\n <div\r\n class=\"list-related__body\"\r\n *ngFor=\"let item of relatedData; let i = index\"\r\n >\r\n <div class=\"list-related__body-parent\">\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(item)\"\r\n ></mat-icon>\r\n <div qms-list-header>\r\n <div\r\n qms-line\r\n type=\"subtitle\"\r\n class=\"search__option-name\"\r\n (click)=\"onItemClick(item)\"\r\n >\r\n <div class=\"caption\" *ngIf=\"canShowParent(item)\">\r\n {{ item?.parentName }}\r\n </div>\r\n <span class=\"cursor\">{{ item.itemName }}</span>\r\n </div>\r\n <div\r\n class=\"caption\"\r\n *ngIf=\"item.breadcumbs && item.breadcumbs.length\"\r\n >\r\n <qms-breadcrumb\r\n class=\"breadcrumb-containe\"\r\n type=\"table\"\r\n numDisplayItem=\"1\"\r\n [nodes]=\"item.breadcumbs\"\r\n >\r\n </qms-breadcrumb>\r\n </div>\r\n </div>\r\n <div qms-line color=\"default-subtitle\" *ngIf=\"item?.displayId\">\r\n <span class=\"material-icons-outlined\"> local_offer </span> ID:\r\n {{ item?.displayId }} {{ getItemStatus(item) }}\r\n </div>\r\n </qms-list-item>\r\n <div class=\"block\" *ngIf=\"!isNotEditedItem\">\r\n <button qms-btn-icon color=\"light\" mode=\"dark\" (click)=\"removeItem(i)\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
5435
+ template: "<div class=\"container list-related\">\r\n <div class=\"list-related__title\">\r\n <strong>{{ title }}</strong>\r\n </div>\r\n <div\r\n class=\"list-related__body\"\r\n *ngFor=\"let item of relatedData; let i = index\"\r\n >\r\n <div class=\"list-related__body-parent\">\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(item)\"\r\n ></mat-icon>\r\n <div qms-list-header>\r\n <div\r\n qms-line\r\n type=\"subtitle\"\r\n class=\"search__option-name\"\r\n (click)=\"onItemClick(item)\"\r\n >\r\n <div class=\"caption\" *ngIf=\"canShowParent(item)\">\r\n {{ item?.parentName }}\r\n </div>\r\n <span class=\"cursor\">{{ item.itemName }}</span>\r\n </div>\r\n <div\r\n class=\"caption\"\r\n *ngIf=\"item.breadcumbs && item.breadcumbs.length\"\r\n >\r\n <qms-breadcrumb\r\n class=\"breadcrumb-containe\"\r\n type=\"table\"\r\n numDisplayItem=\"1\"\r\n [nodes]=\"item.breadcumbs\"\r\n >\r\n </qms-breadcrumb>\r\n </div>\r\n </div>\r\n <div\r\n qms-line\r\n color=\"default-subtitle\"\r\n *ngIf=\"item?.displayId || item.statusName\"\r\n >\r\n <span class=\"material-icons-outlined\"> local_offer </span> ID:\r\n {{ item?.displayId }} {{ getItemStatus(item) }}\r\n </div>\r\n </qms-list-item>\r\n <div class=\"block\" *ngIf=\"!isNotEditedItem\">\r\n <button qms-btn-icon color=\"light\" mode=\"dark\" (click)=\"removeItem(i)\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
5359
5436
  encapsulation: i0.ViewEncapsulation.None,
5360
5437
  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}.list-related{font-family:Open Sans;font-style:normal;font-weight:400;color:#323232}.list-related .list-related__title{font-weight:600;font-size:.875rem;line-height:22px;margin-bottom:1rem}.list-related .list-related__body .list-related__body-parent{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd}.list-related .list-related__body .list-related__body-parent .qms-list-item.mat-2-line.image-item{height:auto}.list-related .list-related__body .list-related__body-parent .qms-list-item.image-item .qms-list-item-content{margin:0}.list-related .list-related__body .list-related__body-parent .wrap-image.image-square,.list-related .list-related__body .list-related__body-parent .wrap-image.image-square img{background:transparent;margin:auto;height:24px;width:24px}.list-related .list-related__body .list-related__body-parent .qms-list-item.image-item .qms-list-text,.list-related .list-related__body .list-related__body-parent .qms-list-item.image-item .trailing-box{margin-left:1.5rem;border-bottom:none;padding-bottom:7px;padding-top:7px}.list-related .list-related__body .list-related__body-parent .qms-list-item.image-item .qms-list-text .material-icons-outlined,.list-related .list-related__body .list-related__body-parent .qms-list-item.image-item .trailing-box .material-icons-outlined{font-size:13px}.list-related .list-related__body .list-related__body-parent .breadcrumb-containe .qms-breadcrumb-item .mat-icon{font-size:16px!important;padding-bottom:1px}.list-related .list-related__body .list-related__body-parent .block{font-weight:400;font-size:1rem;line-height:28px;display:flex;align-items:center}.list-related .list-related__body .list-related__body-parent .block .title{margin-left:1.5rem;padding-top:5px;padding-bottom:5px}.list-related .list-related__body .list-related__body-parent .block .title .caption{color:rgba(0,0,0,.6);font-size:.75rem;line-height:22px}.list-related .list-related__body .list-related__body-parent .block mat-icon{color:rgba(0,0,0,.6);padding:0}.list-related .list-related__body .list-related__body-parent .block button.qms-btn-icon{width:40px;height:40px;line-height:40px}.list-related .list-related__body .list-related__body-child{font-weight:400;font-size:.875rem;line-height:22px}.list-related .list-related__body .list-related__body-child .default{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd}.list-related .list-related__body .list-related__body-child .default .title{margin-left:3rem}.list-related .list-related__body .list-related__body-child .default .group-button{margin-right:2rem;display:flex}.list-related .list-related__body .remain{font-weight:600;font-size:.875rem;line-height:22px;display:flex;align-items:center;justify-content:space-between;background-color:#fafafa;color:#1954a9;min-height:48px;border-bottom:1px solid #ddd}.list-related .list-related__body .remain .title{margin-left:3rem}.label-green,.label-red,.label-yellow{font-family:Open Sans;font-style:normal;font-weight:600;display:inline-block;text-align:center;margin-left:1rem;width:24px;height:24px;font-size:.75rem;border-radius:1px}.label-red{background-color:#9e360f;color:#fff}.label-yellow{background-color:#e4cf53;color:rgba(0,0,0,.87)}.label-green{background-color:#00804c;color:#fff}.cursor{cursor:pointer}"]
5361
5438
  },] }
@@ -5373,6 +5450,12 @@
5373
5450
  onItemSelect: [{ type: i0.Output }]
5374
5451
  };
5375
5452
 
5453
+ var TreeModel = /** @class */ (function () {
5454
+ function TreeModel() {
5455
+ }
5456
+ return TreeModel;
5457
+ }());
5458
+
5376
5459
  var ModuleType$1;
5377
5460
  (function (ModuleType) {
5378
5461
  ModuleType[ModuleType["documentProcess"] = 1] = "documentProcess";
@@ -5495,6 +5578,7 @@
5495
5578
  this.listChildrenSelectOne = [];
5496
5579
  this.onSearch = new i0.EventEmitter();
5497
5580
  this.onExpandFolder = new i0.EventEmitter();
5581
+ this.parentNodeSelected = new TreeFlatNode();
5498
5582
  this.moduleId = data.moduleId;
5499
5583
  this.moduleName = data.moduleName;
5500
5584
  this.treeData1 = data.treeData1;
@@ -5541,8 +5625,82 @@
5541
5625
  }
5542
5626
  });
5543
5627
  this.globalService.splitViewValue.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (res) {
5544
- if (res) {
5545
- _this.itemInSplitview = res;
5628
+ _this.itemInSplitview = res;
5629
+ if (res.length) {
5630
+ var listNodeProcess_1 = [];
5631
+ var listNodeDocs_1 = [];
5632
+ res.forEach(function (item) {
5633
+ if (item.itemType === DataType$1.process) {
5634
+ var newNodeProcess = new TreeModel();
5635
+ newNodeProcess.childId = item.id;
5636
+ newNodeProcess.childName = item.itemName;
5637
+ newNodeProcess.displayId = +item.itemNumberId;
5638
+ newNodeProcess.parentId = "";
5639
+ newNodeProcess.rootId = item.parentId;
5640
+ newNodeProcess.rootName = item === null || item === void 0 ? void 0 : item.parentName;
5641
+ newNodeProcess.subName = null;
5642
+ newNodeProcess.statusId = item.status;
5643
+ listNodeProcess_1.push(newNodeProcess);
5644
+ }
5645
+ else {
5646
+ var newNodeDocs = new TreeModel();
5647
+ newNodeDocs.childId = item.id;
5648
+ newNodeDocs.childName = item.itemName;
5649
+ newNodeDocs.displayId = +item.itemNumberId;
5650
+ newNodeDocs.parentId = "";
5651
+ newNodeDocs.rootId = item.parentId;
5652
+ newNodeDocs.rootName = item === null || item === void 0 ? void 0 : item.parentName;
5653
+ newNodeDocs.subName = null;
5654
+ newNodeDocs.statusId = item.status;
5655
+ listNodeDocs_1.push(newNodeDocs);
5656
+ }
5657
+ });
5658
+ var idsProcess_1 = new Set(_this.treeData1.map(function (d) { return d.childId; }));
5659
+ _this.treeData1 = __spreadArray(__spreadArray([], __read(_this.treeData1)), __read(listNodeProcess_1.filter(function (d) { return !idsProcess_1.has(d.childId); })));
5660
+ var idsDocs_1 = new Set(_this.treeData2.map(function (d) { return d.childId; }));
5661
+ _this.treeData2 = __spreadArray(__spreadArray([], __read(_this.treeData2)), __read(listNodeDocs_1.filter(function (d) { return !idsDocs_1.has(d.childId); })));
5662
+ if (_this.checkedNodeList.length) {
5663
+ _this.selectedData = [];
5664
+ _this.selectedData2 = [];
5665
+ var selectProcess_1 = [];
5666
+ var selectDocument_1 = [];
5667
+ _this.checkedNodeList.forEach(function (x) {
5668
+ if (x.itemType === DataType$1.area || x.itemType === DataType$1.process) {
5669
+ _this.treeData1.forEach(function (item) {
5670
+ if (item.childId && x.id === item.childId || !item.childId && (x.id === item.rootId)) {
5671
+ selectProcess_1.push({
5672
+ disabled: false,
5673
+ expandable: x.itemType == DataType$1.area ? true : false,
5674
+ hasChild: x.itemType == DataType$1.area ? true : false,
5675
+ id: x.id,
5676
+ level: 0,
5677
+ levelType: undefined,
5678
+ name: x.itemName,
5679
+ parentId: x.parentId
5680
+ });
5681
+ }
5682
+ });
5683
+ }
5684
+ else {
5685
+ _this.treeData2.forEach(function (item) {
5686
+ if (item.childId && x.id === item.childId || !item.childId && (x.id === item.rootId)) {
5687
+ selectDocument_1.push({
5688
+ disabled: false,
5689
+ expandable: x.itemType == DataType$1.folder ? true : false,
5690
+ hasChild: x.itemType == DataType$1.folder ? true : false,
5691
+ id: x.id,
5692
+ level: 0,
5693
+ levelType: undefined,
5694
+ name: x.itemName,
5695
+ parentId: x.parentId
5696
+ });
5697
+ }
5698
+ });
5699
+ }
5700
+ });
5701
+ _this.selectedData = __spreadArray(__spreadArray([], __read(_this.selectedData)), __read(selectProcess_1));
5702
+ _this.selectedData2 = __spreadArray(__spreadArray([], __read(_this.selectedData2)), __read(selectDocument_1));
5703
+ }
5546
5704
  }
5547
5705
  });
5548
5706
  this.myControl.valueChanges.pipe(operators.debounceTime(1000)).subscribe(function (val) {
@@ -5680,7 +5838,8 @@
5680
5838
  return related ? related.itemName : undefined;
5681
5839
  };
5682
5840
  RelatedPopupComponent.prototype.selectRelated = function (item) {
5683
- var _a, _b;
5841
+ var _this = this;
5842
+ var _a, _b, _c, _d, _e, _f, _g, _h;
5684
5843
  if (((_a = this.treeConfig1) === null || _a === void 0 ? void 0 : _a.selectOne) || ((_b = this.treeConfig2) === null || _b === void 0 ? void 0 : _b.selectOne)) {
5685
5844
  this.disabledList = [];
5686
5845
  this.disabledList2 = [];
@@ -5697,7 +5856,13 @@
5697
5856
  var node = void 0;
5698
5857
  var typeId = void 0;
5699
5858
  if (item.itemType === this.dataType.document) {
5700
- // document
5859
+ // document
5860
+ var isExistInDisabled = this.disabledList2.findIndex(function (x) {
5861
+ return x.id && x.id.toLowerCase() === item.id.toLowerCase();
5862
+ });
5863
+ if (isExistInDisabled >= 0) {
5864
+ return;
5865
+ }
5701
5866
  position = this.treeData2.findIndex(function (x) {
5702
5867
  return x.childId === item.id;
5703
5868
  });
@@ -5710,7 +5875,79 @@
5710
5875
  children: [],
5711
5876
  parentId: node.rootId
5712
5877
  };
5713
- this.dataTrees.toArray()[1].todoItemSelection([treeNode]);
5878
+ this.dataTrees.toArray()[1].todoItemSelectionProcessDocument([treeNode]);
5879
+ }
5880
+ else {
5881
+ var newNodeDocs_1 = new TreeModel();
5882
+ newNodeDocs_1.rootId = (_c = item.breadcumbs[item.breadcumbs.length - 1]) === null || _c === void 0 ? void 0 : _c['id'];
5883
+ newNodeDocs_1.rootName = (_d = item.breadcumbs[item.breadcumbs.length - 1]) === null || _d === void 0 ? void 0 : _d['name'];
5884
+ newNodeDocs_1.parentId = '';
5885
+ newNodeDocs_1.subName = null;
5886
+ newNodeDocs_1.childId = item.id;
5887
+ newNodeDocs_1.childName = item.itemName;
5888
+ newNodeDocs_1.statusId = item === null || item === void 0 ? void 0 : item['itemStatus'];
5889
+ newNodeDocs_1.displayId = +item.itemNumberId;
5890
+ this.treeData2 = __spreadArray(__spreadArray([], __read(this.treeData2)), [newNodeDocs_1]);
5891
+ var newSelectedDocs = new TreeFlatNode();
5892
+ newSelectedDocs.disabled = false;
5893
+ newSelectedDocs.expandable = false;
5894
+ newSelectedDocs.hasChild = false;
5895
+ newSelectedDocs.id = item.id;
5896
+ newSelectedDocs.level = 0;
5897
+ newSelectedDocs.levelType = undefined;
5898
+ newSelectedDocs.name = item.itemName;
5899
+ newSelectedDocs.parentId = (_e = item.breadcumbs[item.breadcumbs.length - 1]) === null || _e === void 0 ? void 0 : _e['id'];
5900
+ this.selectedData2 = [];
5901
+ this.selectedData = [];
5902
+ var selectProcess_2 = [];
5903
+ var selectDocument_2 = [];
5904
+ if (this.checkedNodeList.length) {
5905
+ this.checkedNodeList.forEach(function (x) {
5906
+ if (x.itemType === DataType$1.area || x.itemType === DataType$1.process) {
5907
+ _this.treeData1.forEach(function (item) {
5908
+ if (item.childId && x.id === item.childId || !item.childId && (x.id === item.rootId)) {
5909
+ selectProcess_2.push({
5910
+ disabled: false,
5911
+ expandable: x.itemType == DataType$1.area ? true : false,
5912
+ hasChild: x.itemType == DataType$1.area ? true : false,
5913
+ id: x.id,
5914
+ level: 0,
5915
+ levelType: undefined,
5916
+ name: x.itemName,
5917
+ parentId: x.parentId
5918
+ });
5919
+ }
5920
+ });
5921
+ }
5922
+ else {
5923
+ _this.treeData2.forEach(function (item) {
5924
+ if (item.childId && x.id === item.childId || !item.childId && (x.id === item.rootId)) {
5925
+ selectDocument_2.push({
5926
+ disabled: false,
5927
+ expandable: x.itemType == DataType$1.folder ? true : false,
5928
+ hasChild: x.itemType == DataType$1.folder ? true : false,
5929
+ id: x.id,
5930
+ level: 0,
5931
+ levelType: undefined,
5932
+ name: x.itemName,
5933
+ parentId: x.parentId
5934
+ });
5935
+ }
5936
+ });
5937
+ }
5938
+ });
5939
+ }
5940
+ this.selectedData = __spreadArray(__spreadArray([], __read(this.selectedData)), __read(selectProcess_2));
5941
+ this.selectedData2 = __spreadArray(__spreadArray(__spreadArray([], __read(this.selectedData2)), __read(selectDocument_2)), [newSelectedDocs]);
5942
+ setTimeout(function () {
5943
+ var treeNode = {
5944
+ id: newNodeDocs_1.childId,
5945
+ name: newNodeDocs_1.childName,
5946
+ children: [],
5947
+ parentId: newNodeDocs_1.rootId
5948
+ };
5949
+ _this.dataTrees.toArray()[1].todoItemSelectionProcessDocument([treeNode]);
5950
+ }, 500);
5714
5951
  }
5715
5952
  }
5716
5953
  else if (item.itemType === this.dataType.folder) {
@@ -5727,7 +5964,9 @@
5727
5964
  itemName: item.itemName,
5728
5965
  itemType: typeId,
5729
5966
  itemNumberId: item.itemNumberId,
5730
- levelType: item.levelType
5967
+ levelType: item.levelType,
5968
+ parentId: item.parentId,
5969
+ parentName: item.parentName
5731
5970
  });
5732
5971
  }
5733
5972
  else {
@@ -5772,7 +6011,9 @@
5772
6011
  itemName: node.rootName,
5773
6012
  itemType: typeId,
5774
6013
  itemNumberId: item.itemNumberId,
5775
- levelType: item.levelType
6014
+ levelType: item.levelType,
6015
+ parentId: item.parentId,
6016
+ parentName: item.parentName
5776
6017
  });
5777
6018
  }
5778
6019
  else {
@@ -5798,7 +6039,7 @@
5798
6039
  else if (item.itemType === this.dataType.deviation ||
5799
6040
  item.itemType === this.dataType.checklist) {
5800
6041
  position = this.treeData1.findIndex(function (x) {
5801
- return x.childId.toLowerCase() === item.id.toLowerCase();
6042
+ return x.childId && x.childId.toLowerCase() === item.id.toLowerCase();
5802
6043
  });
5803
6044
  if (position >= 0) {
5804
6045
  node = this.treeData1[position];
@@ -5813,18 +6054,98 @@
5813
6054
  }
5814
6055
  }
5815
6056
  else {
6057
+ var isExistInDisabled = this.disabledList.findIndex(function (x) {
6058
+ return x.id && x.id.toLowerCase() === item.id.toLowerCase();
6059
+ });
6060
+ if (isExistInDisabled >= 0) {
6061
+ return;
6062
+ }
5816
6063
  position = this.treeData1.findIndex(function (x) {
5817
- return x.childId.toLowerCase() === item.id.toLowerCase();
6064
+ return x.childId && x.childId.toLowerCase() === item.id.toLowerCase();
5818
6065
  });
5819
- node = this.treeData1[position];
5820
- typeId = this.itemType;
5821
- var treeNode = {
5822
- id: node.childId,
5823
- name: node.childName,
5824
- children: [],
5825
- parentId: node.rootId
5826
- };
5827
- this.dataTrees.toArray()[0].todoItemSelection([treeNode]);
6066
+ if (position >= 0) {
6067
+ node = this.treeData1[position];
6068
+ typeId = this.itemType;
6069
+ var treeNode = {
6070
+ id: node.childId,
6071
+ name: node.childName,
6072
+ children: [],
6073
+ parentId: node.rootId
6074
+ };
6075
+ this.dataTrees.toArray()[0].todoItemSelectionProcessDocument([treeNode]);
6076
+ }
6077
+ else {
6078
+ var newNodeProcess_1 = new TreeModel();
6079
+ newNodeProcess_1.rootId = (_f = item.breadcumbs[item.breadcumbs.length - 1]) === null || _f === void 0 ? void 0 : _f['id'];
6080
+ newNodeProcess_1.rootName = (_g = item.breadcumbs[item.breadcumbs.length - 1]) === null || _g === void 0 ? void 0 : _g['name'];
6081
+ newNodeProcess_1.parentId = '';
6082
+ newNodeProcess_1.subName = null;
6083
+ newNodeProcess_1.childId = item.id;
6084
+ newNodeProcess_1.childName = item.itemName;
6085
+ newNodeProcess_1.statusId = item === null || item === void 0 ? void 0 : item['itemStatus'];
6086
+ newNodeProcess_1.displayId = +item.itemNumberId;
6087
+ this.treeData1 = __spreadArray(__spreadArray([], __read(this.treeData1)), [newNodeProcess_1]);
6088
+ var newSelectedProcess = new TreeFlatNode();
6089
+ newSelectedProcess.disabled = false;
6090
+ newSelectedProcess.expandable = false;
6091
+ newSelectedProcess.hasChild = false;
6092
+ newSelectedProcess.id = item.id;
6093
+ newSelectedProcess.level = 0;
6094
+ newSelectedProcess.levelType = undefined;
6095
+ newSelectedProcess.name = item.itemName;
6096
+ newSelectedProcess.parentId = (_h = item.breadcumbs[item.breadcumbs.length - 1]) === null || _h === void 0 ? void 0 : _h['id'];
6097
+ this.selectedData = [];
6098
+ this.selectedData2 = [];
6099
+ var selectProcess_3 = [];
6100
+ var selectDocument_3 = [];
6101
+ if (this.checkedNodeList.length) {
6102
+ this.checkedNodeList.forEach(function (x) {
6103
+ if (x.itemType === DataType$1.area || x.itemType === DataType$1.process) {
6104
+ _this.treeData1.forEach(function (item) {
6105
+ if (item.childId && x.id === item.childId || !item.childId && (x.id === item.rootId)) {
6106
+ selectProcess_3.push({
6107
+ disabled: false,
6108
+ expandable: x.itemType == DataType$1.area ? true : false,
6109
+ hasChild: x.itemType == DataType$1.area ? true : false,
6110
+ id: x.id,
6111
+ level: 0,
6112
+ levelType: undefined,
6113
+ name: x.itemName,
6114
+ parentId: x.parentId
6115
+ });
6116
+ }
6117
+ });
6118
+ }
6119
+ else {
6120
+ _this.treeData2.forEach(function (item) {
6121
+ if (item.childId && x.id === item.childId || !item.childId && (x.id === item.rootId)) {
6122
+ selectDocument_3.push({
6123
+ disabled: false,
6124
+ expandable: x.itemType == DataType$1.folder ? true : false,
6125
+ hasChild: x.itemType == DataType$1.folder ? true : false,
6126
+ id: x.id,
6127
+ level: 0,
6128
+ levelType: undefined,
6129
+ name: x.itemName,
6130
+ parentId: x.parentId
6131
+ });
6132
+ }
6133
+ });
6134
+ }
6135
+ });
6136
+ }
6137
+ this.selectedData = __spreadArray(__spreadArray(__spreadArray([], __read(this.selectedData)), __read(selectProcess_3)), [newSelectedProcess]);
6138
+ this.selectedData2 = __spreadArray(__spreadArray([], __read(this.selectedData2)), __read(selectDocument_3));
6139
+ setTimeout(function () {
6140
+ var treeNode = {
6141
+ id: newNodeProcess_1.childId,
6142
+ name: newNodeProcess_1.childName,
6143
+ children: [],
6144
+ parentId: newNodeProcess_1.rootId
6145
+ };
6146
+ _this.dataTrees.toArray()[0].todoItemSelectionProcessDocument([treeNode]);
6147
+ }, 500);
6148
+ }
5828
6149
  }
5829
6150
  }
5830
6151
  };
@@ -5860,7 +6181,8 @@
5860
6181
  itemName: x.name,
5861
6182
  itemType: itemType,
5862
6183
  itemNumberId: item.displayId.toString(),
5863
- parentId: item.rootId
6184
+ parentId: item.rootId,
6185
+ parentName: item.rootName
5864
6186
  });
5865
6187
  });
5866
6188
  }
@@ -6035,15 +6357,84 @@
6035
6357
  };
6036
6358
  ;
6037
6359
  RelatedPopupComponent.prototype.onAddClick = function () {
6360
+ var _this = this;
6038
6361
  // if (this.treeConfig1.showCheckBox) {
6039
6362
  this.selectedFolder = null;
6040
6363
  this.itemInSplitview = [];
6364
+ this.checkedNodeList.forEach(function (element) {
6365
+ if (element.itemType === DataType$1.document) {
6366
+ element.status = _this.getStatusDocs(element.id);
6367
+ element.breadcumbs = _this.getBreadcumbAllParentDocs(element.id).slice(1).reverse();
6368
+ }
6369
+ if (element.itemType === DataType$1.process) {
6370
+ element.status = _this.getStatusProcess(element.id);
6371
+ element.breadcumbs = _this.getBreadcumbAllParentProcess(element.id).slice(1).reverse();
6372
+ }
6373
+ });
6041
6374
  this.dialogRef.close(this.checkedNodeList);
6042
6375
  // }
6043
6376
  // else {
6044
6377
  // this.dialogRef.close(this.selectedNode);
6045
6378
  // }
6046
6379
  };
6380
+ RelatedPopupComponent.prototype.getBreadcumbAllParentProcess = function (id) {
6381
+ var tempParent = [];
6382
+ this.checkBreadcumbProcess(id, tempParent, function (arr) {
6383
+ tempParent = __spreadArray([], __read(arr));
6384
+ });
6385
+ return tempParent;
6386
+ };
6387
+ RelatedPopupComponent.prototype.getBreadcumbAllParentDocs = function (id) {
6388
+ var tempParent = [];
6389
+ this.checkBreadcumbDocument(id, tempParent, function (arr) {
6390
+ tempParent = __spreadArray([], __read(arr));
6391
+ });
6392
+ return tempParent;
6393
+ };
6394
+ RelatedPopupComponent.prototype.checkBreadcumbProcess = function (id, breadcumbs, callback) {
6395
+ for (var i = 0; i < this.treeControlNodeProcess.dataNodes.length; i++) {
6396
+ var tree = this.treeControlNodeProcess.dataNodes[i];
6397
+ if (id == tree.id) {
6398
+ breadcumbs = __spreadArray(__spreadArray([], __read(breadcumbs)), [tree]);
6399
+ if (tree.parentId) {
6400
+ this.checkBreadcumbProcess(tree.parentId, breadcumbs, callback);
6401
+ }
6402
+ else {
6403
+ callback(breadcumbs);
6404
+ }
6405
+ }
6406
+ }
6407
+ };
6408
+ RelatedPopupComponent.prototype.checkBreadcumbDocument = function (id, breadcumbs, callback) {
6409
+ for (var i = 0; i < this.treeControlNodeDocument.dataNodes.length; i++) {
6410
+ var tree = this.treeControlNodeDocument.dataNodes[i];
6411
+ if (id == tree.id) {
6412
+ breadcumbs = __spreadArray(__spreadArray([], __read(breadcumbs)), [tree]);
6413
+ if (tree.parentId) {
6414
+ this.checkBreadcumbDocument(tree.parentId, breadcumbs, callback);
6415
+ }
6416
+ else {
6417
+ callback(breadcumbs);
6418
+ }
6419
+ }
6420
+ }
6421
+ };
6422
+ RelatedPopupComponent.prototype.selectTreeControlNodeDocument = function (treeNodes) {
6423
+ this.treeControlNodeDocument = null;
6424
+ this.treeControlNodeDocument = treeNodes;
6425
+ this.treeControlNodeDocument.dataNodes = this.treeControlNodeDocument.dataNodes.filter(function (x) { return x.name !== null && x.name !== ''; });
6426
+ };
6427
+ RelatedPopupComponent.prototype.selectTreeControlNodeProcess = function (treeNodes) {
6428
+ this.treeControlNodeProcess = null;
6429
+ this.treeControlNodeProcess = treeNodes;
6430
+ this.treeControlNodeProcess.dataNodes = this.treeControlNodeProcess.dataNodes.filter(function (x) { return x.name !== null && x.name !== ''; });
6431
+ };
6432
+ RelatedPopupComponent.prototype.getStatusDocs = function (id) {
6433
+ return this.treeData2.filter(function (x) { return x.childId === id; })[0].statusId;
6434
+ };
6435
+ RelatedPopupComponent.prototype.getStatusProcess = function (id) {
6436
+ return this.treeData1.filter(function (x) { return x.childId === id; })[0].statusId;
6437
+ };
6047
6438
  RelatedPopupComponent.prototype.getOffsetHeight = function (element, includeMargin) {
6048
6439
  var elmHeight = 0, elmMargin = 0;
6049
6440
  elmHeight = element.offsetHeight;
@@ -6182,18 +6573,20 @@
6182
6573
  [].forEach.call(itemElement, function (el) {
6183
6574
  el.classList.add('active-item');
6184
6575
  });
6185
- var item = new IRelated();
6186
- item.id = node.id;
6187
- item.itemType = type;
6188
- item.itemName = node.name;
6189
- item.levelType = node.levelType;
6190
- this.selectedFolder = node;
6191
6576
  if (type === this.dataType.folder) {
6192
6577
  this.splitViewTitle = this.LANG.MESSAGE.DOCUMENTS_IN.toUpperCase() + " \"" + node.name + "\"";
6193
6578
  }
6194
6579
  else if (type === this.dataType.area) {
6195
6580
  this.splitViewTitle = this.LANG.MESSAGE.PROCESSES_IN.toUpperCase() + " \"" + node.name + "\"";
6196
6581
  }
6582
+ var item = new IRelated();
6583
+ item.id = node.id;
6584
+ item.itemType = type;
6585
+ item.itemName = node.name;
6586
+ item.levelType = node.levelType;
6587
+ this.selectedFolder = node;
6588
+ this.parentNodeSelected = new TreeFlatNode();
6589
+ this.parentNodeSelected = Object.assign({}, node);
6197
6590
  this.onExpandFolder.emit(item);
6198
6591
  }
6199
6592
  };
@@ -6210,6 +6603,9 @@
6210
6603
  };
6211
6604
  RelatedPopupComponent.prototype.selectNodeTreeEvent = function (node) {
6212
6605
  var _a, _b, _c, _d;
6606
+ if (!node.itemType) {
6607
+ return;
6608
+ }
6213
6609
  var position = -1;
6214
6610
  var parentName = '';
6215
6611
  var itemNumberId = '';
@@ -6246,7 +6642,7 @@
6246
6642
  RelatedPopupComponent.decorators = [
6247
6643
  { type: i0.Component, args: [{
6248
6644
  selector: 'qms-related-popup',
6249
- 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",
6645
+ template: "<div id=\"qmslib_related_popup\" class=\"qmslib__related__popup__container\">\r\n <div id=\"qmslib_related_popup_header\">\r\n <span mat-icon-button class=\"button__close\" (click)=\"onCloseClick()\">\r\n <mat-icon mat-icon>close</mat-icon>\r\n </span>\r\n <div id=\"qmslib_related_popup_header_001\" mat-dialog-content>\r\n <span>{{ moduleName | uppercase }}</span>\r\n </div>\r\n </div>\r\n\r\n <div\r\n id=\"qmslib_related_popup_search\"\r\n class=\"input__field\"\r\n (click)=\"showSearchResult()\"\r\n >\r\n <input\r\n #name\r\n type=\"text\"\r\n placeholder=\"{{ LANG.SEARCH }}\"\r\n matInput\r\n [formControl]=\"myControl\"\r\n [matAutocomplete]=\"auto\"\r\n #autoCompleteInputSearch\r\n />\r\n <mat-icon>search</mat-icon>\r\n </div>\r\n\r\n <div class=\"line__divider\"></div>\r\n\r\n <mat-autocomplete\r\n #auto=\"matAutocomplete\"\r\n [displayWith]=\"displayRelated\"\r\n class=\"mat-autocomplete_related-viewport\"\r\n >\r\n <cdk-virtual-scroll-viewport\r\n qms-scrollbar\r\n itemSize=\"10\"\r\n class=\"related-viewport\"\r\n >\r\n <ng-container *ngFor=\"let type of searchOrder\">\r\n <div\r\n class=\"search__module-result\"\r\n *ngIf=\"canShowSearchOption(type.value)\"\r\n >\r\n <span class=\"search__module-title\">{{ getTitle(type.value) }}</span>\r\n <mat-option\r\n class=\"search__option\"\r\n *ngFor=\"let option of getModuleFilteredOptions(type.value)\"\r\n [value]=\"option\"\r\n (click)=\"selectRelated(option)\"\r\n >\r\n <qms-list-item type=\"image-square\">\r\n <mat-icon\r\n leading-icon\r\n type=\"image-square\"\r\n [svgIcon]=\"getNodeIcon(option)\"\r\n ></mat-icon>\r\n <div qms-list-header>\r\n <div\r\n qms-line\r\n type=\"caption\"\r\n qms-tool-tip=\"{{\r\n isEllipsisActive(searchItemResult) ? option.parentName : ''\r\n }}\"\r\n mode=\"dark\"\r\n *ngIf=\"getParentName(option)\"\r\n >\r\n <span #searchItemResult class=\"search__result__parent-name\">\r\n {{ option.parentName }}\r\n </span>\r\n </div>\r\n <div qms-line type=\"subtitle\" class=\"search__option-name\">\r\n {{ option.itemName }}\r\n </div>\r\n <div\r\n class=\"caption\"\r\n *ngIf=\"option.breadcumbs && option.breadcumbs.length\"\r\n >\r\n <qms-breadcrumb\r\n class=\"breadcrumb-containe\"\r\n type=\"table\"\r\n numDisplayItem=\"1\"\r\n [nodes]=\"option.breadcumbs\"\r\n >\r\n </qms-breadcrumb>\r\n </div>\r\n </div>\r\n <div qms-line color=\"default-subtitle\" *ngIf=\"getItemId(option)\">\r\n <span class=\"material-icons-outlined search__description-icon\">\r\n local_offer\r\n </span>\r\n {{ getItemId(option) }}\r\n </div>\r\n </qms-list-item>\r\n </mat-option>\r\n </div>\r\n </ng-container>\r\n </cdk-virtual-scroll-viewport>\r\n </mat-autocomplete>\r\n\r\n <div class=\"row\">\r\n <div\r\n class=\"qms-scrollbar qmslib_related_popup_content\"\r\n [ngClass]=\"{\r\n panel__content_item: checkedNodeList.length,\r\n panel__content: !checkedNodeList.length,\r\n 'col-6': splitView,\r\n 'col-12': !splitView\r\n }\"\r\n >\r\n <mat-expansion-panel\r\n hideToggle\r\n id=\"qmslib_related_popup_common_001\"\r\n [expanded]=\"isCommonExpanded\"\r\n (opened)=\"isCommonExpanded = true\"\r\n (closed)=\"isCommonExpanded = false\"\r\n class=\"panel-tree\"\r\n >\r\n <mat-expansion-panel-header class=\"padding-5\">\r\n <mat-panel-title *ngIf=\"moduleId === module.documentProcess\">\r\n {{ LANG.PROCESSES | uppercase }}\r\n </mat-panel-title>\r\n <mat-panel-title *ngIf=\"moduleId === module.deviation\">\r\n {{ LANG.DEVIATION | uppercase }}\r\n </mat-panel-title>\r\n <mat-panel-title *ngIf=\"moduleId === module.checklist\">\r\n {{ LANG.CHECKLIST | uppercase }}\r\n </mat-panel-title>\r\n <mat-panel-title *ngIf=\"moduleId === module.risk\">\r\n {{ LANG.ASSESSMENT | uppercase }}\r\n </mat-panel-title>\r\n <button qms-btn-icon class=\"related_popup_toggle-btn\">\r\n <mat-icon>\r\n {{\r\n isCommonExpanded ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\"\r\n }}\r\n </mat-icon>\r\n </button>\r\n </mat-expansion-panel-header>\r\n <div id=\"qmslib_related_popup_common_002\">\r\n <qms-tree\r\n [treeData]=\"treeData1\"\r\n [treeConfig]=\"treeConfig1\"\r\n [selectedData]=\"selectedData\"\r\n [selectedRiskData]=\"selectedRiskData\"\r\n [disabledList]=\"disabledList\"\r\n (checkBoxEvent)=\"getCommonCheckedNode($event)\"\r\n (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.area)\"\r\n (selectNodeEvent)=\"selectNodeTreeEvent($event)\"\r\n (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\r\n [expandOnTitleClick]=\"!splitView\"\r\n [parentNodeOnClick]=\"parentNodeSelected\"\r\n (treeControlNodes)=\"selectTreeControlNodeProcess($event)\"\r\n ></qms-tree>\r\n </div>\r\n </mat-expansion-panel>\r\n\r\n <div\r\n *ngIf=\"moduleId === module.documentProcess\"\r\n class=\"line__divider\"\r\n ></div>\r\n\r\n <mat-expansion-panel\r\n hideToggle\r\n *ngIf=\"moduleId === module.documentProcess\"\r\n id=\"qmslib_related_popup_document_001\"\r\n [expanded]=\"isDocumentExpanded\"\r\n (opened)=\"isDocumentExpanded = true\"\r\n (closed)=\"isDocumentExpanded = false\"\r\n class=\"panel-tree\"\r\n >\r\n <mat-expansion-panel-header class=\"padding-5\">\r\n <mat-panel-title> {{ LANG.DOCUMENTS | uppercase }} </mat-panel-title>\r\n <button qms-btn-icon class=\"related_popup_toggle-btn\">\r\n <mat-icon>\r\n {{\r\n isDocumentExpanded ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\"\r\n }}\r\n </mat-icon>\r\n </button>\r\n </mat-expansion-panel-header>\r\n <div id=\"qmslib_related_popup_document_002\">\r\n <qms-tree\r\n [treeData]=\"treeData2\"\r\n [treeConfig]=\"treeConfig2\"\r\n [selectedData]=\"selectedData2\"\r\n [disabledList]=\"disabledList2\"\r\n (checkBoxEvent)=\"getDocumentCheckedNode($event)\"\r\n (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.folder)\"\r\n (selectNodeEvent)=\"selectNodeTreeEvent($event)\"\r\n (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\r\n [expandOnTitleClick]=\"!splitView\"\r\n [parentNodeOnClick]=\"parentNodeSelected\"\r\n (treeControlNodes)=\"selectTreeControlNodeDocument($event)\"\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",
6250
6646
  encapsulation: i0.ViewEncapsulation.None,
6251
6647
  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}"]
6252
6648
  },] }
@@ -6705,18 +7101,6 @@
6705
7101
  },] }
6706
7102
  ];
6707
7103
 
6708
- var TreeFlatNode = /** @class */ (function () {
6709
- function TreeFlatNode() {
6710
- }
6711
- return TreeFlatNode;
6712
- }());
6713
-
6714
- var TreeModel = /** @class */ (function () {
6715
- function TreeModel() {
6716
- }
6717
- return TreeModel;
6718
- }());
6719
-
6720
7104
  var TreeConfig = /** @class */ (function () {
6721
7105
  function TreeConfig() {
6722
7106
  }