qms-angular 1.1.41 → 1.1.43

package/bundles/qms-angular.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('rxjs/operators'), require('@angular/common'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/radio'), require('@angular/material/dialog'), require('@angular/material/autocomplete'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/material/input'), require('@angular/material/card'), require('@angular/material/icon'), require('@angular/material/checkbox'), require('@angular/material/chips'), require('@angular/material/button'), require('@angular/material/core'), require('@angular/material/progress-spinner'), require('@angular/cdk/a11y'), require('@angular/cdk/coercion'), require('@angular/cdk/collections'), require('@angular/platform-browser/animations'), require('moment'), require('@angular/material/list'), require('@angular/material/expansion'), require('@angular/cdk/scrolling'), require('@angular/material/sidenav'), require('@angular/material/tree'), require('@angular/material/menu'), require('@angular/platform-browser'), require('@angular/cdk/tree'), require('@angular/common/http'), require('@angular/material/button-toggle'), require('@angular/material/select'), require('@angular/material/snack-bar'), require('@ckeditor/ckeditor5-angular'), require('@angular/material/slide-toggle'), require('jquery'), require('lodash'), require('buffer'), require('dagre'), require('@angular/material/tooltip'), require('@angular/material/tabs'), require('@angular/material/progress-bar'), require('@angular/material/badge'), require('@angular/material/toolbar'), require('@angular/cdk/stepper'), require('@angular/material/stepper'), require('@angular/cdk/drag-drop'), require('@angular/animations'), require('@angular/material/paginator'), require('@angular/material/divider'), require('ngx-mat-select-search')) :
-    typeof define === 'function' && define.amd ? define('qms-angular', ['exports', '@angular/core', 'rxjs', 'rxjs/operators', '@angular/common', '@angular/forms', '@angular/material/form-field', '@angular/material/radio', '@angular/material/dialog', '@angular/material/autocomplete', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/material/input', '@angular/material/card', '@angular/material/icon', '@angular/material/checkbox', '@angular/material/chips', '@angular/material/button', '@angular/material/core', '@angular/material/progress-spinner', '@angular/cdk/a11y', '@angular/cdk/coercion', '@angular/cdk/collections', '@angular/platform-browser/animations', 'moment', '@angular/material/list', '@angular/material/expansion', '@angular/cdk/scrolling', '@angular/material/sidenav', '@angular/material/tree', '@angular/material/menu', '@angular/platform-browser', '@angular/cdk/tree', '@angular/common/http', '@angular/material/button-toggle', '@angular/material/select', '@angular/material/snack-bar', '@ckeditor/ckeditor5-angular', '@angular/material/slide-toggle', 'jquery', 'lodash', 'buffer', 'dagre', '@angular/material/tooltip', '@angular/material/tabs', '@angular/material/progress-bar', '@angular/material/badge', '@angular/material/toolbar', '@angular/cdk/stepper', '@angular/material/stepper', '@angular/cdk/drag-drop', '@angular/animations', '@angular/material/paginator', '@angular/material/divider', 'ngx-mat-select-search'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["qms-angular"] = {}, global.ng.core, global.rxjs, global.rxjs.operators, global.ng.common, global.ng.forms, global.ng.material.formField, global.ng.material.radio, global.ng.material.dialog, global.ng.material.autocomplete, global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.material.input, global.ng.material.card, global.ng.material.icon, global.ng.material.checkbox, global.ng.material.chips, global.ng.material.button, global.ng.material.core, global.ng.material.progressSpinner, global.ng.cdk.a11y, global.ng.cdk.coercion, global.ng.cdk.collections, global.ng.platformBrowser.animations, global.moment, global.ng.material.list, global.ng.material.expansion, global.ng.cdk.scrolling, global.ng.material.sidenav, global.ng.material.tree, global.ng.material.menu, global.ng.platformBrowser, global.ng.cdk.tree, global.ng.common.http, global.ng.material.buttonToggle, global.ng.material.select, global.ng.material.snackBar, global.ckeditor5Angular, global.ng.material.slideToggle, global.$$1, global._, global.buffer, global.dagre, global.ng.material.tooltip, global.ng.material.tabs, global.ng.material.progressBar, global.ng.material.badge, global.ng.material.toolbar, global.ng.cdk.stepper, global.ng.material.stepper, global.ng.cdk.dragDrop, global.ng.animations, global.ng.material.paginator, global.ng.material.divider, global.ngxMatSelectSearch));
-})(this, (function (exports, i0, rxjs, operators, i1, forms, formField, radio, dialog, autocomplete, overlay, portal, input, card, icon, checkbox, chips, button, core, progressSpinner, a11y, coercion, collections, animations, moment, list, expansion, scrolling, sidenav, tree$1, menu, platformBrowser, tree, i1$1, buttonToggle, select, snackBar, ckeditor5Angular, slideToggle, $$1, _, buffer, dagre, tooltip, tabs, progressBar, badge, toolbar, stepper$1, stepper, dragDrop, animations$1, paginator, divider, ngxMatSelectSearch) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('rxjs/operators'), require('@angular/common'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/radio'), require('@angular/material/dialog'), require('@angular/material/autocomplete'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/material/input'), require('@angular/material/card'), require('@angular/material/icon'), require('@angular/material/checkbox'), require('@angular/material/chips'), require('@angular/material/button'), require('@angular/material/core'), require('@angular/material/progress-spinner'), require('@angular/cdk/a11y'), require('@angular/cdk/coercion'), require('@angular/cdk/collections'), require('@angular/platform-browser/animations'), require('moment'), require('@angular/material/list'), require('@angular/material/expansion'), require('@angular/cdk/scrolling'), require('@angular/material/sidenav'), require('@angular/material/tree'), require('@angular/material/menu'), require('@angular/platform-browser'), require('@angular/cdk/tree'), require('@angular/common/http'), require('@angular/material/button-toggle'), require('@angular/material/select'), require('@angular/material/snack-bar'), require('@ckeditor/ckeditor5-angular'), require('@angular/material/slide-toggle'), require('jquery'), require('lodash'), require('buffer'), require('rxjs/internal/observable/forkJoin'), require('dagre'), require('@angular/material/tooltip'), require('@angular/material/tabs'), require('@angular/material/progress-bar'), require('@angular/material/badge'), require('@angular/material/toolbar'), require('@angular/cdk/stepper'), require('@angular/material/stepper'), require('@angular/cdk/drag-drop'), require('@angular/animations'), require('@angular/material/paginator'), require('@angular/material/divider'), require('ngx-mat-select-search')) :
+    typeof define === 'function' && define.amd ? define('qms-angular', ['exports', '@angular/core', 'rxjs', 'rxjs/operators', '@angular/common', '@angular/forms', '@angular/material/form-field', '@angular/material/radio', '@angular/material/dialog', '@angular/material/autocomplete', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/material/input', '@angular/material/card', '@angular/material/icon', '@angular/material/checkbox', '@angular/material/chips', '@angular/material/button', '@angular/material/core', '@angular/material/progress-spinner', '@angular/cdk/a11y', '@angular/cdk/coercion', '@angular/cdk/collections', '@angular/platform-browser/animations', 'moment', '@angular/material/list', '@angular/material/expansion', '@angular/cdk/scrolling', '@angular/material/sidenav', '@angular/material/tree', '@angular/material/menu', '@angular/platform-browser', '@angular/cdk/tree', '@angular/common/http', '@angular/material/button-toggle', '@angular/material/select', '@angular/material/snack-bar', '@ckeditor/ckeditor5-angular', '@angular/material/slide-toggle', 'jquery', 'lodash', 'buffer', 'rxjs/internal/observable/forkJoin', 'dagre', '@angular/material/tooltip', '@angular/material/tabs', '@angular/material/progress-bar', '@angular/material/badge', '@angular/material/toolbar', '@angular/cdk/stepper', '@angular/material/stepper', '@angular/cdk/drag-drop', '@angular/animations', '@angular/material/paginator', '@angular/material/divider', 'ngx-mat-select-search'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["qms-angular"] = {}, global.ng.core, global.rxjs, global.rxjs.operators, global.ng.common, global.ng.forms, global.ng.material.formField, global.ng.material.radio, global.ng.material.dialog, global.ng.material.autocomplete, global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.material.input, global.ng.material.card, global.ng.material.icon, global.ng.material.checkbox, global.ng.material.chips, global.ng.material.button, global.ng.material.core, global.ng.material.progressSpinner, global.ng.cdk.a11y, global.ng.cdk.coercion, global.ng.cdk.collections, global.ng.platformBrowser.animations, global.moment, global.ng.material.list, global.ng.material.expansion, global.ng.cdk.scrolling, global.ng.material.sidenav, global.ng.material.tree, global.ng.material.menu, global.ng.platformBrowser, global.ng.cdk.tree, global.ng.common.http, global.ng.material.buttonToggle, global.ng.material.select, global.ng.material.snackBar, global.ckeditor5Angular, global.ng.material.slideToggle, global.$$1, global._, global.buffer, global.rxjs["internal/observable/forkJoin"], global.dagre, global.ng.material.tooltip, global.ng.material.tabs, global.ng.material.progressBar, global.ng.material.badge, global.ng.material.toolbar, global.ng.cdk.stepper, global.ng.material.stepper, global.ng.cdk.dragDrop, global.ng.animations, global.ng.material.paginator, global.ng.material.divider, global.ngxMatSelectSearch));
+})(this, (function (exports, i0, rxjs, operators, i1, forms, formField, radio, dialog, autocomplete, overlay, portal, input, card, icon, checkbox, chips, button, core, progressSpinner, a11y, coercion, collections, animations, moment, list, expansion, scrolling, sidenav, tree$1, menu, platformBrowser, tree, i1$1, buttonToggle, select, snackBar, ckeditor5Angular, slideToggle, $$1, _, buffer, forkJoin, dagre, tooltip, tabs, progressBar, badge, toolbar, stepper$1, stepper, dragDrop, animations$1, paginator, divider, ngxMatSelectSearch) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -116,6 +116,8 @@
         "TOOLTIP_INCLUDE_SUB_ITEM": "{0} - include {1} sub-items",
         "NO_RESULT": "No Result",
         "ITEM_NOT_MATCH_TO_TREE": "This item not match the tree",
+        "WIDTH": "Width",
+        "HEIGHT": "Height",
         "ERROR": {
             "SELECT_DANGER": "You must select one or more events"
         },
@@ -257,6 +259,87 @@
             "CREATE_TABLE_OF_CONTENTS": "Create Table of Contents",
             "SOURCE": "Source",
             "TOGGLE_TOOLBAR": "Toggle toolbar",
+            "VIDEO_SOURCE": "Video source",
+            "VIDEO_IMAGE": "Video image",
+            "PARAGRAPH": "Paragraph",
+            "HEADING_NUMBER": "Heading %0",
+            "CHOOSE_HEADING": "Choose heading",
+            "RESIZE_MEDIA": "Resize media",
+            "ORIGINAL": "Original",
+            "LINK_IMAGE": "Link image",
+            "EDIT_LINK": "Edit link",
+            "THIS_LINK_HAS_NO_URL": "This link has no URL",
+            "IMAGE_MAP": "Image Map",
+            "FULL_SIZE_MEDIA": "Full size media",
+            "SIDE_MEDIA": "Side media",
+            "LEFT_ALIGNED_MEDIA": "Left aligned media",
+            "CENTERED_MEDIA": "Centered media",
+            "RIGHT_ALIGNED_MEDIA": "Right aligned media",
+            "PASTE_THE_MEDIA_URL_IN_THE_INPUT": "Paste the media URL in the input.",
+            "MEDIA_TIP": "Tip: Paste the URL into the content to embed faster.",
+            "FULL_SIZE_VIDEO": "Full size video",
+            "LEFT_ALIGNED_VIDEO": "Left aligned video",
+            "CENTERED_VIDEO": "Centered video",
+            "RIGHT_ALIGNED_VIDEO": "Right aligned video",
+            "ANCHOR_NAME": "Anchor name",
+            "FIND_IN_TEXT": "Find in text…",
+            "MATCH_CASE": "Match case",
+            "WHOLE_WORDS_ONLY": "Whole words only",
+            "FIND": "Find",
+            "REPLACE_WITH": "Replace with…",
+            "REPLACE_ALL": "Replace all",
+            "REPLACE": "Replace",
+            "COLUMN": "Column",
+            "HEADER_COLUMN": "Header column",
+            "INSERT_COLUMN_LEFT": "Insert column left",
+            "INSERT_COLUMN_RIGHT": "Insert column right",
+            "DELETE_COLUMN": "Delete column",
+            "SELECT_COLUMN": "Select column",
+            "ROW": "Row",
+            "HEADER_ROW": "Header row",
+            "INSERT_ROW_ABOVE": "Insert row above",
+            "INSERT_ROW_BELOW": "Insert row below",
+            "DELETE_ROW": "Delete row",
+            "SELECT_ROW": "Select row",
+            "MERGE_CELLS": "Merge cells",
+            "MERGE_CELL_UP": "Merge cell up",
+            "MERGE_CELL_RIGHT": "Merge cell right",
+            "MERGE_CELL_DOWN": "Merge cell down",
+            "MERGE_CELL_LEFT": "Merge cell left",
+            "SPLIT_CELL_VERTICALLY": "Split cell vertically",
+            "SPLIT_CELL_HORIZONTALLY": "Split cell horizontally",
+            "TABLE_PROPERTIES": "Table properties",
+            "BORDER": "Border",
+            "STYLE": "Style",
+            "NONE": "None",
+            "SOLID": "Solid",
+            "DOTTED": "Dotted",
+            "DASHED": "Dashed",
+            "DOUBLE": "Double",
+            "GROOVE": "Groove",
+            "RIDGE": "Ridge",
+            "INSET": "Inset",
+            "OUTSET": "Outset",
+            "COLOR": "Color",
+            "COLOR_PICKER": "Color picker",
+            "WIDTH": "Width",
+            "HEIGHT": "Height",
+            "BACKGROUND": "Background",
+            "DIMENSION": "Dimensions",
+            "ALIGNMENT": "Alignment",
+            "ALIGN_TABLE_LEFT": "Align table to the left",
+            "CENTER_TABLE": "Center table",
+            "ALIGN_TABLE_RIGHT": "Align table to the right",
+            "CELL_PROPERTIES": "Cell properties",
+            "PADDING": "Padding",
+            "TABLE_CELL_TEXT_ALIGNMENT": "Table cell text alignment",
+            "ALIGN_CELL_TEXT_LEFT": "Align cell text to the left",
+            "ALIGN_CELL_TEXT_CENTER": "Align cell text to the center",
+            "ALIGN_CELL_TEXT_RIGHT": "Align cell text to the right",
+            "JUSTIFY_CELL_TEXT": "Justify cell text",
+            "ALIGN_CELL_TEXT_TOP": "Align cell text to the top",
+            "ALIGN_CELL_TEXT_MIDDLE": "Align cell text to the middle",
+            "ALIGN_CELL_TEXT_BOTTOM": "Align cell text to the bottom",
         },
         "ABOUT": {
             "ABOUT_CKEDITOR": "About CKEditor",
@@ -477,7 +560,8 @@
             "DELETE_TEMPLATE": "Delete template",
             "SAVE_AS_TEMPLATE": "Save as template",
             "RESET_TO_LAST_SAVE": "Reset to last saved"
-        }
+        },
+        "INTERCONNECTED_PROCESSES": "Interconnected Processes"
     };
 
     var no = {
@@ -553,6 +637,8 @@
         "TOOLTIP_INCLUDE_SUB_ITEM": "{0} - inkluderer {1} underelementer",
         "NO_RESULT": "Inget resultat",
         "ITEM_NOT_MATCH_TO_TREE": "Dette elementet samsvarer ikke med treet",
+        "WIDTH": "Bredde",
+        "HEIGHT": "Høyde",
         "ERROR": {
             "SELECT_DANGER": "Du må velge en eller flere hendelser"
         },
@@ -683,7 +769,7 @@
             "INSERT_TABLE": "Tabell",
             "ANCHOR": "Sett inn/Rediger anker",
             "TOOLTIP": "Sett inn forklaring",
-            "TIMESTAMP": "Insert timestamp",
+            "TIMESTAMP": "Sett inn tidsstempel",
             "ADD_TEMPLATE": "Opprett/Endre Innholdsmaler",
             "TEMPLATES": "Innholdsmaler",
             "REMOVE_FORMAT": "Fjern formatering",
@@ -694,6 +780,87 @@
             "CREATE_TABLE_OF_CONTENTS": "Lag innholdsfortegnelse",
             "SOURCE": "Kilde",
             "TOGGLE_TOOLBAR": "Bytt verktøylinje",
+            "VIDEO_SOURCE": "Videokilde",
+            "VIDEO_IMAGE": "Videobilde",
+            "PARAGRAPH": "Avsnitt",
+            "HEADING_NUMBER": "Overskrift %0",
+            "CHOOSE_HEADING": "Velg overskrift",
+            "RESIZE_MEDIA": "Endre størrelse på media",
+            "ORIGINAL": "Opprinnelig",
+            "LINK_IMAGE": "Link bilde",
+            "EDIT_LINK": "Rediger link",
+            "THIS_LINK_HAS_NO_URL": "Denne lenken har ingen URL",
+            "IMAGE_MAP": "Endre bildekart",
+            "FULL_SIZE_MEDIA": "Fullstørrelsesmedier",
+            "SIDE_MEDIA": "Sidemedier",
+            "LEFT_ALIGNED_MEDIA": "Venstrejustert media",
+            "CENTERED_MEDIA": "Sentrert media",
+            "RIGHT_ALIGNED_MEDIA": "Høyrejustert media",
+            "PASTE_THE_MEDIA_URL_IN_THE_INPUT": "Lim inn medie-URLen i inndataene.",
+            "MEDIA_TIP": "Tips: Lim inn URL-en i innholdet for å bygge inn raskere.",
+            "FULL_SIZE_VIDEO": "Full størrelse video",
+            "LEFT_ALIGNED_VIDEO": "Venstrejustert video",
+            "CENTERED_VIDEO": "Sentrert video",
+            "RIGHT_ALIGNED_VIDEO": "Høyrejustert video",
+            "ANCHOR_NAME": "Ankernavn",
+            "FIND_IN_TEXT": "Finn i tekst...",
+            "MATCH_CASE": "Matchetui",
+            "WHOLE_WORDS_ONLY": "Kun hele ord",
+            "FIND": "Finne",
+            "REPLACE_WITH": "Erstatt med…",
+            "REPLACE_ALL": "Bytt ut alle",
+            "REPLACE": "Erstatte",
+            "COLUMN": "Kolonner",
+            "HEADER_COLUMN": "Første kolonne",
+            "INSERT_COLUMN_LEFT": "Sett inn kolonne før",
+            "INSERT_COLUMN_RIGHT": "Sett inn kolonne etter",
+            "DELETE_COLUMN": "Slett kolonner",
+            "SELECT_COLUMN": "Velg kolonne",
+            "ROW": "Rader",
+            "HEADER_ROW": "Første rad",
+            "INSERT_ROW_ABOVE": "Sett inn rad før",
+            "INSERT_ROW_BELOW": "Sett inn rad etter",
+            "DELETE_ROW": "Slett rader",
+            "SELECT_ROW": "Velg rad",
+            "MERGE_CELLS": "Slå sammen celler",
+            "MERGE_CELL_UP": "Slå sammen opp",
+            "MERGE_CELL_RIGHT": "Slå sammen høyre",
+            "MERGE_CELL_DOWN": "Slå sammen ned",
+            "MERGE_CELL_LEFT": "Slå sammen til venstre",
+            "SPLIT_CELL_VERTICALLY": "Del celle i høyden",
+            "SPLIT_CELL_HORIZONTALLY": "Del celle til siden",
+            "TABLE_PROPERTIES": "Egenskaper for tabell",
+            "BORDER": "Grense",
+            "STYLE": "Stil",
+            "NONE": "None",
+            "SOLID": "Solid",
+            "DOTTED": "Dotted",
+            "DASHED": "Dashed",
+            "DOUBLE": "Double",
+            "GROOVE": "Groove",
+            "RIDGE": "Ridge",
+            "INSET": "Inset",
+            "OUTSET": "Outset",
+            "COLOR": "Farge",
+            "COLOR_PICKER": "Fargevelger",
+            "WIDTH": "Bredde",
+            "HEIGHT": "Høyde",
+            "BACKGROUND": "Bakgrunn",
+            "DIMENSION": "Dimensjoner",
+            "ALIGNMENT": "Justering",
+            "ALIGN_TABLE_LEFT": "Juster tabellen til venstre",
+            "CENTER_TABLE": "Midtbord",
+            "ALIGN_TABLE_RIGHT": "Juster tabellen til høyre",
+            "CELL_PROPERTIES": "Egenskapene til cellen",
+            "PADDING": "Polstring",
+            "TABLE_CELL_TEXT_ALIGNMENT": "Justering av tabellcelletekst",
+            "ALIGN_CELL_TEXT_LEFT": "Juster celletekst til venstre",
+            "ALIGN_CELL_TEXT_CENTER": "Juster celleteksten til midten",
+            "ALIGN_CELL_TEXT_RIGHT": "Juster celleteksten til høyre",
+            "JUSTIFY_CELL_TEXT": "Begrunn celletekst",
+            "ALIGN_CELL_TEXT_TOP": "Juster celleteksten til toppen",
+            "ALIGN_CELL_TEXT_MIDDLE": "Juster celleteksten til midten",
+            "ALIGN_CELL_TEXT_BOTTOM": "Juster celleteksten til bunnen",
         },
         "ABOUT": {
             "ABOUT_CKEDITOR": "Om CKEditor",
@@ -914,22 +1081,464 @@
             "DELETE_TEMPLATE": "Slett mal",
             "SAVE_AS_TEMPLATE": "Lagre som mal",
             "RESET_TO_LAST_SAVE": "Forkast ulagrede endringer"
+        },
+        "INTERCONNECTED_PROCESSES": "Sammenkoblede Prosesser"
+    };
+
+    var sv = {
+        "RESULTS": "Resultat",
+        "ROW_PER_PAGE": "Rader per sida",
+        "JUM_TO_PAGE": "Hoppa åt sidan",
+        "MY_COMPONENT": "Min komponent",
+        "SAVE_BUTTON": "Spara",
+        "CANCEL_BUTTON": "Annullera",
+        "DELETE_MESSAGE_COMMENT": "Detta meddelande har raderats.",
+        "REGRET": "Ångra",
+        "EDIT": "Redigera",
+        "DELETE": "Radera",
+        "SAVE": "Spara",
+        "CANCEL": "Annullera",
+        "EDIT_FILE_NAME": "Redigera filnamn",
+        "FILE_NAME": "Filnamn",
+        "UPLOAD_LEAVE_WARNING": "Filerna du laddar upp kanske inte sparas",
+        "SOME_FILES_WERE_NOT_ADDED": "Vissa filer lades inte till",
+        "YOU_CAN_ONLY_ADD": "Du kan bara ladda upp",
+        "SELECT": "Välj",
+        "PROCESSES": "Processer",
+        "DOCUMENTS": "Dokument",
+        "DEVIATION": "Kategorier",
+        "CHECKLIST": "Checklistor",
+        "ASSESSMENT": "Analysera",
+        "ADD": "Lägg till",
+        "SEARCH": "Sök",
+        "REGULAR_TITLE": "Vilka händelser vill du ha med i riskanalysen/riskerna?",
+        "CAPTION_TITLE": "I orsaksanalyser läggs alla orsaker relaterade till händelsen automatiskt till.",
+        "CAUSAL_ANALYZES": "Valda analyser",
+        "FINISHED": "Färdiga",
+        "PROCESS_ID": "ID",
+        "DOCUMENT_ID": "ID",
+        "PROCESS_AREA": "Processområden",
+        "FOLDER": "mapp",
+        "DEVIATION_TYPE": "Fall typ",
+        "CHECKLIST_CATEGORY": "Kategorier",
+        "EVENT": "Händelse",
+        "AREA_OF_IMPACT": "Konsekvensområde",
+        "RESULT": "Resultat",
+        "NOT_ACCEPTED": "Inte accepterad",
+        "MUST_BE_EVALUATED": "Måste övervägas",
+        "ACCEPTED": "Accepterad",
+        "ARCHIVED": "Arkiverad",
+        "CAUSE": "Orsak",
+        "PAGE": "Sida",
+        "OF": "av",
+        "REPORT_FOR": "Rapport för",
+        "SELECTED": "Valgte",
+        "CHOOSE_ALL": "välj alla",
+        "BREADCRUMB": "Ströbröd",
+        "NAVIGATE_TO": "Navigera till",
+        "FILE_SIZE_LIMIT": "Filstorleksgräns",
+        "SUPPORTED_EXTENSIONS": "Tillägg som stöds",
+        "FILES_ARE_NOT_SUPPORTED": "Fil(er) stöds inte",
+        "FILES_EXCEED_UPLOAD_LIMIT": "Fil(er) överskrider gränsen för uppladdningsstorlek",
+        "SELECT_ACCESS": "Välj ansvariga personer",
+        "PERSON": "Person",
+        "USER_GROUP": "Användargrupp",
+        "DEPARTMENT": "Avdelning",
+        "ROLE": "Roll",
+        "DEPARTMENT_UNIT": "Avdelning/enhet",
+        "INCLUDE_SUB_DEPARTMENTS": "Inkludera automatiskt underavdelningar",
+        "NAME": "namn",
+        "SEARCH_USER_GROUP": "Sök användargrupp",
+        "SEARCH_DEPARTMENT_UNIT": "Sökavdelning/enhet",
+        "FILTER": "Använd filter",
+        "TYPE": "Typ",
+        "SEARCH_WITH_NAME": "Sök efter för- och efternamn",
+        "RESULT_SEARCH_FOR": "Sök resultat efter",
+        "TOOLTIP_INCLUDE_SUB_DEPARTMENT": "{0} – inkluderar {1} barn",
+        "TOOLTIP_INCLUDE_SUB_ITEM": "{0} – innehåller {1} underelement",
+        "NO_RESULT": "Inget resultat",
+        "ITEM_NOT_MATCH_TO_TREE": "Denna artikel matchar inte trädet",
+        "ERROR": {
+            "SELECT_DANGER": "Du måste välja en eller flera händelser"
+        },
+        "MESSAGE": {
+            "PROCESSES_IN": "Processer i",
+            "DOCUMENTS_IN": "Dokument i"
+        },
+        "SELECT_INCLUDE_CHILD": "Select inkluderar barn",
+        "BACK_TO_TREE": "Tillbaka till ett träd",
+        "GOTO_SEACH_RESULT": "Gå till sökresultatet",
+        "QMSCKEDITOR": {
+            "ID": "ID",
+            "INFORMATION": "Information",
+            "REMOVE_MAP": "Ta bort kartan",
+            "IMAGE_MAP_PROPERTIES": "Bildkarta egenskaper",
+            "INSERT_TOOLTIP": "Sätt i en verktygsspets",
+            "CONTENT": "Innehåll",
+            "TEMPLATE": "Mall",
+            "CONTENT_TEMPLATE": "Innehållsmall",
+            "CREATE_NEW_TEMPLATE": "Skapa en ny mall",
+            "UPDATE_TEMPLATE": "Uppdatera mall",
+            "TITLE": "Titel",
+            "DESCRIPTION": "Beskrivning",
+            "SAVE": "Spara",
+            "CHOOSE_TEMPLATE": "Välj mallen du vill öppna i editorn",
+            "REPLACE_CONTENT": "Byt ut det faktiska innehållet",
+            "SAVED": "Sparad",
+            "SAVE_FAILED": "Sparningen misslyckades",
+            "DELETE": "Radera",
+            "DELETED": "raderade",
+            "DELETE_FAILED": "Det gick inte att ta bort",
+            "DELETE_TEMPLATE": "Ta bort mall",
+            "CHANGE_TEMPLATE": "Ändra mall",
+            "CANCEL": "Annullera",
+            "LINK": "Infoga/redigera länk",
+            "LINK_TYPE": "Kopplingstyp",
+            "ZOOM": "Zoom",
+            "LINK_URL": "URL",
+            "LINK_ANCHOR_IN_TEXT": "Länk till ankare i texten",
+            "LINK_EMAIL": "E-post",
+            "LINK_ANCHOR_DOCUMENT": "Förankra i ett annat dokument",
+            "TARGET": "Mål",
+            "TARTGET_NEW": "Nytt fönster (_blank)",
+            "TARGET_TOPMOST": "Det övre fönstret (_top)",
+            "TARGET_SAME": "Samma fönster (själv)",
+            "TARGET_PARENT": "Överordnat fönster (_förälder)",
+            "PROTOCOL": "Protokoll",
+            "PROTOCOL_HTTP": "http://",
+            "PROTOCOL_HTTPS": "https://",
+            "PROTOCOL_FTP": "ftp://",
+            "PROTOCOL_NEW": "nyheter://",
+            "PROTOCOL_OTHER": "<annat>",
+            "ADVISORY_TITLE": "Rådgivande titel",
+            "HANDBOOK": "e-handbok",
+            "ATTACHMENT": "Vedlegg",
+            "OK": "OK",
+            "URL_HEADER": "URL-information",
+            "ANCHOR_TEXT_HEADER": "Välj et anker",
+            "ANCHOR_BY_NAME": "Anker ved namn",
+            "EMAIL_HEADER": "E-postinformation",
+            "EMAIL_ADDRESS": "Adress",
+            "EMAIL_SUBJECT": "Emne",
+            "EMAIL_BODY": "Kropp",
+            "ANCHOR_ATTACHMENT": "Vedlegg",
+            "ANCHOR_RELATED_DOCUMENT": "Relaterte dokument",
+            "ADD_DOCUMENT_PROCESS": "Lägg till dokument / process",
+            "ADD_DOCUMENT": "Lägg till dokument",
+            "ADD": "Lägg till",
+            "PROSESSER": "Processer",
+            "DOCUMENTS": "Dokument",
+            "UPDATE": "Uppdatering",
+            "DOCUMENT": "Dokument",
+            "CONFIRM": "Bekräfta",
+            "SEARCH": "Sök",
+            "IMAGE_MODE_POINTER": "Pekar",
+            "IMAGE_MODE_RECTANGLE": "Rektangel",
+            "IMAGE_MODE_CIRCLE": "Cirkel",
+            "IMAGE_MODE_POLYGON": "Polygon",
+            "IMAGE_MODE_REMOVE": "Ta bort",
+            "POLYGON_DRAW": "Använd SKIFT + klicka för den sista kontrollpunkten",
+            "RECTANGLE_DRAW": "Håll ned SHIFT för kvadratläge",
+            "SQUARE_DRAW": "Släpp SHIFT för rektangelläge",
+            "INVALID_URL": "Ogiltig URL",
+            "REQUIRED_URL": "URL krävs",
+            "CLOSE": "Stänga",
+            "DOCUMENT_PROCESS": "Dokument / Process",
+            "UPLOAD_FILE_NOT_VALID_FORMAT": "Den uppladdade filen är ogiltigt format. Filformat som stöds: {0}",
+            "UPLOAD_FILE_OVERSIZE": "Filen som laddas upp är över storleksgränsen. Storleksgränsen är {0}MB",
+            "UPLOAD_FILE_FAILED": "Det gick inte att ladda upp filen.",
+            "ASSISTIVE_TEXT": "Hjälpsam text",
+            "WORDS": "Ord",
+            "CHARACTERS": "Tecken",
+            "SELECT_VIDEO_FROM_ARCHIVE": "Välj video från arkivet",
+            "SELECT_VIDEO_IMAGE": "Välj videobild",
+            "DOCUMENT_HEADER": "Dokumentinformation",
+            "ADD_IMAGE": "Lägg till ett foto",
+            "IMAGE_INFO": "Bildinformation",
+            "ADD_A_FILE": "Lägg till en fil",
+            "EXTENSION_IS_NOT_SUPPORTED": "Tillägget stöds inte.",
+            "ACCEPT_MP4_ONLY": "Stöder inte denna videotyp. Acceptera endast MP4.",
+            "MAXIMIZE": "Maximera",
+            "MINIMIZE": "Minimera",
+            "HEADING": "Styckeformat",
+            "FONT_SIZE": "Storlek",
+            "FONT_FAMILY": "Font-familj",
+            "FONT_COLOR": "Text färg",
+            "FONT_BACKGROUND_COLOR": "Bakgrundsfärg",
+            "BOLD": "Fet",
+            "ITALIC": "Kursiv",
+            "UNDERLINE": "Understrykning",
+            "STRIKETHROUGH": "Överstrykning",
+            "HORIZONTAL_LINE": "Infoga horisontell linje",
+            "PAGE_BREAK": "Infoga sidbrytning för utskrift",
+            "TEXT_ALIGNMENT": "Textplacering",
+            "BULLETED_LIST": "Lägg till/ta bort punktlista",
+            "NUMBERED_LIST": "Lägg till/ta bort numrerad lista",
+            "DECREASE_INDENT": "Minska indragen",
+            "INCREASE_INDENT": "Öka indraget",
+            "SUBSCRIPT": "Nedsänkt skrift",
+            "SUPERSCRIPT": "Upphöjd skrift",
+            "UNDO": "Ångra",
+            "REDO": "Gör igen",
+            "SPECIAL_CHARACTERS": "Infoga symbol",
+            "BLOCKQUOTE": "Block citat",
+            "INSERT_IMAGE": "Blid",
+            "INSERT_MEDIA": "Sätt i media",
+            "BROWSE_VIDEO": "Video",
+            "INSERT_TABLE": "Tabell",
+            "ANCHOR": "Infoga/redigera ankare",
+            "TOOLTIP": "Infoga förklaring",
+            "TIMESTAMP": "Insert timestamp",
+            "ADD_TEMPLATE": "Skapa/Ändra innehållsmallar",
+            "TEMPLATES": "Innehållsmallar",
+            "REMOVE_FORMAT": "Ta bort formatering",
+            "FIND_AND_REPLACE": "Sök och ersätt",
+            "FLOWCHART": "Lägg till flödesschema",
+            "BPMN": "Affärsprocessmodell och notation",
+            "ABOUT_CKEDITOR": "Om CKEditor",
+            "CREATE_TABLE_OF_CONTENTS": "Skapa innehållsförteckning",
+            "SOURCE": "Källa",
+            "TOGGLE_TOOLBAR": "Byt verktygsfält",
+        },
+        "ABOUT": {
+            "ABOUT_CKEDITOR": "Om CKEditor",
+            "CKEDITOR5_VERSION": "CKEditor 5 version",
+            "FOR_LICENSING_INFORMATION_PLEASE_VISIT_OUR_WEBSITE": "För licensinformation, besök vår webbplats",
+            "ALL_RIGHTS_RESERVED": "Alla rättigheter förbehållna",
+            "CHECK": "Se",
+            "FOR_HELP": "för hjälp",
+            "CKEDITOR_USERS_GUIDE": "användarmanualen för CKEditor",
+            "COPYRIGHT": "Upphovsrätt ©"
+        },
+        "BPMN": {
+            "DEFAULT": "Standard",
+            "TYPE": "Typ",
+            "NAME": "Namn",
+            "EXCLUSIVE": "Exklusiv",
+            "INCLUSIVE": "Inklusive",
+            "PARALLEL": "Parallell",
+            "APPEARANCE": "Utseende",
+            "BODY_COLOR": "Färg",
+            "TEXT_ALIGNMENT": "Textplacering",
+            "LEFT": "Vänster",
+            "CENTER": "Mittjusterare",
+            "RIGHT": "Höger",
+            "FONT_FAMILY": "Font-familj",
+            "FONT_SIZE": "Fontstorlek",
+            "CONTENT": "Innehåll",
+            "ICON": "Ikon",
+            "NONE": "Ingen",
+            "MESSAGE": "Meddelande",
+            "USER": "Användare",
+            "TASK": "Uppgift",
+            "TRANSACTION": "Transaktion",
+            "EVENT_SUB_PROCESS": "event-sub-process",
+            "CALL_ACTIVITY": "samtalsaktivitet",
+            "SUB_PROCESS": "Sub-process",
+            "START": "Start",
+            "END": "Slut",
+            "INTERMEDIATE": "Mellanliggande",
+            "CANCEL": "Annullera",
+            "CANCEL_OULINED": "Avbryt skisserad",
+            "CANCEL_FILLED": "Avbryt fylld",
+            "COMPENSATION_OULINED": "Ersättning skisserad",
+            "COMPENSATION_FILLED": "Ersättningen fylld",
+            "CONDITIONAL": "Villkorlig",
+            "ERROR_OULINED": "Fel angivet",
+            "ERROR_FILLED": "Felet fyllt",
+            "ESCALATION_OULINED": "Eskalering fodrad",
+            "ESCALATION_FILLED": "Eskalering fylld",
+            "LINK_OULINED": "Länkkontur",
+            "LINK_FILLED": "Länken fylld",
+            "MESSAGE_OULINED": "Meddelandet skisserat",
+            "MESSAGE_FILLED": "Meddelandet fyllt",
+            "MULTIPLE_OULINED": "Flera skisserade",
+            "MULTIPLE_FILLED": "Flera fyllda",
+            "PARALLEL_MULTIPLE": "Parallell multipel",
+            "TERMINATION_OULINED": "Uppsägning skisserad",
+            "TERMINATION_FILLED": "Uppsägning fylld",
+            "TIMER": "Timer",
+            "SIGNAL_OULINED": "Signalen skisserad",
+            "SIGNAL_FILLED": "Signalen fylld",
+            "PARALLEL_OULINED": "Parallellt kontur",
+            "PARALLEL_FILLED": "Parallellt fylld",
+            "SUB_TYPE": "Undertyp",
+            "TRANSPARENCY": "Genomskinlighet",
+            "LABEL": "Märka",
+            "TEXT": "Text",
+            "POSITION": "Placering",
+            "LABELS": "Etiketter",
+            "NORMAL": "Vanligt",
+            "ASSOCIATION": "Association",
+            "CONVERSATION": "Konversation",
+            "PARTICPANTS": "Deltagare",
+            "INITIATING_PARTICIPANT": "Initierande deltagare",
+            "PRIMARY_COLOR": "Huvudfärg",
+            "SECONDARY_COLOR": "Sekundär färg",
+            "CALL-CONVERSATION": "Ring samtalet",
+            "ADD_LANES": "Lägg till körfält",
+            "PERCENTAGE": "Procentsats",
+            "ADD_SUBLANES": "Lägg till körfält",
+            "HEADER_COLOR": "Rubrikfärg",
+            "LANE_BODY_COLOR": "Lane Body Color",
+            "LANE_HEADER_COLOR": "Filhuvudets färg",
+            "OPEN_A_PRINT_DIALOG": "Öppna en utskriftsdialogruta",
+            "OPEN_AS_JSON": "Öppna som JSON",
+            "ZOOM_IN": "Zooma in",
+            "ZOOM_OUT": "Zooma ut",
+            "ZOOM_TO_FIT": "Zooma för att passa",
+            "SEND_TO_FRONT": "Skicka till fronten",
+            "BRING_OBJECT_TO_FRONT": "Flytta objektet framåt till fronten",
+            "SEND_TO_BACK": "Skicka i ryggen",
+            "BRING_OBJECT_TO_BACK": "Flytta objektet bakåt",
+            "CLEAR_PAPER": "Tömma",
+            "UNDO": "Ångra",
+            "REDO": "Upprepa",
+            "SELECT_TEMPLATE": "Välj mall",
+            "DELETE_TEMPLATE": "Ta bort mall",
+            "SAVE_AS_TEMPLATE": "Spara som mall",
+            "RESET_TO_LAST_SAVE": "Släng osparade ändringar",
+            "GRID_SIZE": "Rutnätsstorlek",
+            "CHANGE_GRID_SIZE": "ändra rutstorlek",
+            "SNAPLINES": "Hjälplinjer:",
+            "ENABLE_DISABLE_SNAPLINES": "Aktivera/inaktivera hjälplinjer",
+            "LINE_COLOR": "Linjefärg",
+            "BODY_LINE_COLOR": "Kroppslinjefärg",
+            "TYPE_COLOR": "Typ Färg",
+            "MARKER": "Markörer",
+            "MARKER_COLOR": "Markörer Färg",
+            "TOP_COLOR": "Toppfärg",
+            "TOP_LINE_COLOR": "Top Line Färg",
+            "COLLECTION": "Samling",
+            "COLLECTION_COLOR": "Samling Färg",
+            "SIZE": "Storlek",
+            "HEADER_SIZE": "Rubrikstorlek",
+            "HEADER": "Rubrik",
+            "HEADER_STROKE_COLOR": "Rubrikens streckfärg",
+            "HEADER_LABEL_COLOR": "Rubriketikettens färg",
+            "LANE_STROKE_COLOR": "Lane Stroke Färg",
+            "LANE_HEADER_STROKE": "Lane Header Stroke",
+            "LANE_LABEL_COLOR": "Lane Label Färg",
+            "MILESTONE_HEADER_FILL": "Milstolpe Header Fyll",
+            "MILESTONE_STROKE": "Milstolpe Stroke",
+            "MILESTONE_LABEL_COLOR": "Milstolpe etikett färg",
+            "MILESTONE_LINE_COLOR": "Milestone Line Color",
+            "HEADER_ALIGNMENT": "Rubrikjustering",
+            "HEADER_FONT_FAMILY": "Header Font familj",
+            "HEADER_FONT_SIZE": "Header Font storlek",
+            "LANE_ALIGNMENT": "Körfältsinriktning",
+            "LANE_FONT_FAMILY": "Lane Font familj",
+            "LANE_FONT_SIZE": "Lane Teckenstorlek",
+            "MILESTONE_ALIGNMENT": "Milstolpejustering",
+            "MILESTONE_FONT_FAMILY": "Milestone Font family",
+            "MILESTONE_FONT_SIZE": "Milestone Font family",
+            "TEXT_COLOR": "Text Farge",
+            "TEXT_HEADER_COLOR": "Header Text Farge",
+            "TEXT_BACKGROUND_COLOR": "Bakgrund Text Farge",
+            "TEXT_INSIDE_SHAPE": "Vis texten inni figur",
+            "TEMPLATE_NAME": "Malnamn",
+            "TEMPLATE_INFO": "Vänligen skriv ditt namn",
+            "SELECT_TEMPLATE_INFORMATION": "Du må välja en malen innan du utför denna handling.",
+            "CONNECTION": "Förbindelse",
+            "PROPERTIES": "Egenskaper",
+            "BUSINESS_PROCESS_MODEL_AND_NOTATION": "Affärsprocessmodell och notation",
+            "CONNECTED_ATTACHMENT": "Bifogad bilaga",
+            "CONNECTED_DOCUMENT_OR_PROCESS": "Länkade dokumentet/processen",
+            "DELETE_ATTACHMENT": "Ta bort bilagor",
+            "DELETE_DOCUMENT_OR_PROCESS": "Ta bort dokumentet/processen",
+            "CHOOSE_ANCHOR_IN_TEXT_OPTIONAL": "Välj ankare i text (valfritt)",
+            "RELOAD_ANCHORS": "Ladda om ankare",
+            "RESET_TO_ORIGINAL": "Ignorera ändringar",
+            "AUTO_LAYOUT_GRAPH": "Auto-layout graf",
+            "FULLSCREEN": "Helskärmsvisning",
+            "FLOWCHART": "Flödesschema",
+            "HANDBOOK": "e-handbok",
+            "TOGGLE_FULL_SCREEN": "Växla mellan helskärm",
+        },
+        "QMSCKEDITOR_MESSAGE": {
+            "CONFIRM_DELETE_TEMPLATE": "Är du säker på att du vill ta bort den här mallen??",
+            "CONFIRM_CHANGE_TEMPLATE": "Är du säker på att du vill använda den här mallen i redigeraren??",
+            "CONFIRM_DELETE_EXISTING_CONNECTION": "Du måste ta bort den befintliga anslutningen innan du utför den här åtgärden.",
+            "CONFIRM_DELETE_ATTACHMENT": "Är du säker på att du vill ta bort den här länken?",
+            "CONFIRM_DELETE_DOCUMENT_OR_PROCESS": "Är du säker på att du vill ta bort det här dokumentet/processen?",
+        },
+        "FLOWCHART": {
+            "REMOVE_ELEMENT": 'Klicka för att ta bort objektet',
+            "CLONE_AND_CONNECT": 'Klicka och dra för att klona och bifoga objektet på en gång',
+            "CLONE": 'Klicka och dra för att klona objektet',
+            "BREAK_ALL_CONNECTIONS": 'Klicka för att bryta alla kopplingar till andra objekt',
+            "CONNECT": 'Klicka och dra för att ansluta till objektet',
+            "ROTATE": 'Klicka och dra för att rotera objektet',
+            "REMOVE_SELECTED_ELEMENT": 'Klicka för att ta bort de markerade objekten',
+            "ROTATE_SELECTED_ELEMENT": 'Klicka och dra för att rotera de markerade objekten',
+            "RESIZE_SELECTED_ELEMENT": 'Klicka och dra för att ändra storlek på de markerade objekten',
+            "RECTANGLE": 'Rektangel',
+            "ELLIPSE": 'Ellips',
+            "RECTANGLE_WITH_PORTS": 'Rektangel med grindar',
+            "ELLIPSE_WITH_PORTS": 'Ellips med grindar',
+            "RHOMBUS": 'Romb',
+            "CYLINDER": 'Sylinder',
+            "IMAGE": 'Bild',
+            "CARD": 'Kort',
+            "ICON": 'Ikon',
+            "RECTANGLE_WITH_HEADER": 'Rektangel med rubrik',
+            "START_STATE": 'Initial status',
+            "END_STATE": 'Slutläge',
+            "STATE": 'Stat',
+            "PLACE": 'Plats',
+            "TRANSITION": 'Övergång',
+            "ENTITY": 'Entitet',
+            "WEAK_ENTITY": 'Svag enhet',
+            "RELATIONSHIP": 'Relation',
+            "IDENTIFYING_RELATIONSHIP": 'Identifiera villkor',
+            "ISA": 'ISA',
+            "KEY": 'Nyckel',
+            "NORMAL": 'Vanligt',
+            "MULTIVALUED": 'Flervärdigt',
+            "DERIVED": 'Härledd',
+            "CLASS": 'Klass',
+            "INTERFACE": 'Gränssnitt',
+            "ABSTRACT": 'Abstrakt',
+            "MEMBER": 'Medlem',
+            "UNDO": 'Ångra',
+            "REDO": 'Förändra',
+            "CLEAR_PAPER": 'Tomt papper',
+            "EXPORT_SVG": 'Öppna som SVG i en popup',
+            "EXPORT_PNG": 'Öppna som PNG i en popup',
+            "PRINT": 'Åpne en utskriftsdialogboks',
+            "SEND_TO_FRONT": 'Ta fram föremålet',
+            "SEND_TO_BACK": 'Skicka objekt till baksidan',
+            "AUTO_LAYOUT_GRAPH": 'Auto-layout graf',
+            "ZOOM_TO_FIT": 'Zooma för att passa',
+            "ZOOM_OUT": 'Zooma ut',
+            "ZOOM_IN": 'Zooma in',
+            "CHANGE_GRID_SIZE": 'Ändra rutnätsstorlek',
+            "SNAPLINES": 'Ändra rutnätsstorlek',
+            "FULLSCREEN": 'Växla helskärmsläge',
+            "SELECT_TEMPLATE": "Välj mall",
+            "DELETE_TEMPLATE": "Ta bort mall",
+            "SAVE_AS_TEMPLATE": "Spara som mall",
+            "RESET_TO_LAST_SAVE": "Släng osparade ändringar"
         }
     };
 
+    var QMS_THEMES = ['qms-theme-default', 'qms-theme-pink'];
+    var QMS_THEME_DEFAULT = 'qms-theme-default';
+    var QMS_LANGUAGES = ['en', 'no', 'sv'];
+
     var TranslateLibraryService = /** @class */ (function () {
         function TranslateLibraryService() {
             this.getLanguageSubject$ = new rxjs.BehaviorSubject('en');
-            this.availableLanguages = { en: en, no: no };
+            this.availableLanguages = { en: en, no: no, sv: sv };
+            this.qmsLanguages = QMS_LANGUAGES;
         }
         TranslateLibraryService.prototype.setLanguage = function (item) {
             this.getLanguageSubject$.next(item);
         };
         TranslateLibraryService.prototype.getObjectLang = function (lang) {
+            var _a;
             var language = lang && lang.toLowerCase() || 'en';
-            if (language !== 'en' && language !== 'no') {
-                language = 'en';
-            }
+            language = (_a = this.qmsLanguages.find(function (item) { return item === language; })) !== null && _a !== void 0 ? _a : 'en';
             return this.availableLanguages[language];
         };
         return TranslateLibraryService;
@@ -4626,10 +5235,6 @@
                 },] }
     ];
 
-    var QMS_THEMES = ['qms-theme-default', 'qms-theme-pink'];
-    var QMS_THEME_DEFAULT = 'qms-theme-default';
-    var QMS_LANGUAGES = ['en', 'no'];
-
     var QMSThemingLibraryService = /** @class */ (function () {
         function QMSThemingLibraryService(doc) {
             this.doc = doc;
@@ -5021,7 +5626,8 @@
     var DOCUMENT_LOCAL_ICON = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14 2H6C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H11V20H6V4H13V9H18V12H20V8L14 2Z\" fill=\"black\" fill-opacity=\"0.6\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 21.5001V19.0001H19V21.5001C19 21.7751 19.225 22.0001 19.5 22.0001H21C21.275 22.0001 21.5 21.7751 21.5 21.5001V18.0001H22.35C22.58 18.0001 22.69 17.7151 22.515 17.5651L18.335 13.8001C18.145 13.6301 17.855 13.6301 17.665 13.8001L13.485 17.5651C13.315 17.7151 13.42 18.0001 13.65 18.0001H14.5V21.5001C14.5 21.7751 14.725 22.0001 15 22.0001H16.5C16.775 22.0001 17 21.7751 17 21.5001Z\" fill=\"#1954A9\"/>\n</svg>\n";
     var DOCUMENT_DEPARTMENT_ICON = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14 2H6C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H11V20H6V4H13V9H18V12H20V8L14 2Z\" fill=\"black\" fill-opacity=\"0.6\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20 15.25H22C22.555 15.25 23 15.695 23 16.25V21.75C23 22.305 22.555 22.75 22 22.75H14C13.445 22.75 13 22.305 13 21.75L13.005 16.25C13.005 15.695 13.445 15.25 14 15.25H16V14.25C16 13.695 16.445 13.25 17 13.25H19C19.555 13.25 20 13.695 20 14.25V15.25ZM17 15.25H19V14.25H17V15.25Z\" fill=\"#00804C\"/>\n</svg>\n";
     var DOCUMENT_REGIONAL_ICON = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14 2H6C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H11V20H6V4H13V9H18V12H20V8L14 2Z\" fill=\"black\" fill-opacity=\"0.6\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18 13C16.065 13 14.5 14.565 14.5 16.5C14.5 18.585 16.71 21.46 17.62 22.555C17.82 22.795 18.185 22.795 18.385 22.555C19.29 21.46 21.5 18.585 21.5 16.5C21.5 14.565 19.935 13 18 13ZM18 17.75C17.31 17.75 16.75 17.19 16.75 16.5C16.75 15.81 17.31 15.25 18 15.25C18.69 15.25 19.25 15.81 19.25 16.5C19.25 17.19 18.69 17.75 18 17.75Z\" fill=\"#662E0D\"/>\n</svg>\n";
-    var DOCUMENT_ENTERPRISE_ICON = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14 2H6C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H11V20H6V4H13V9H18V12H20V8L14 2Z\" fill=\"black\" fill-opacity=\"0.6\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20.5 17.5V13.5H15.5V15.5H13.5V22.5H17.5V20.5H18.5V22.5H22.5V17.5H20.5ZM15.5 21.5H14.5V20.5H15.5V21.5ZM15.5 19.5H14.5V18.5H15.5V19.5ZM15.5 17.5H14.5V16.5H15.5V17.5ZM17.5 19.5H16.5V18.5H17.5V19.5ZM17.5 17.5H16.5V16.5H17.5V17.5ZM17.5 15.5H16.5V14.5H17.5V15.5ZM19.5 19.5H18.5V18.5H19.5V19.5ZM19.5 17.5H18.5V16.5H19.5V17.5ZM19.5 15.5H18.5V14.5H19.5V15.5ZM21.5 21.5H20.5V20.5H21.5V21.5ZM21.5 19.5H20.5V18.5H21.5V19.5Z\" fill=\"#CF4714\"/>\n</svg>\n";
+    var DOCUMENT_ENTERPRISE_ICON = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14 2H6C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H11V20H6V4H13V9H18V12H20V8L14 2Z\" fill=\"black\" fill-opacity=\"0.6\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20.5 17.5V13.5H15.5V15.5H13.5V22.5H17.5V20.5H18.5V22.5H22.5V17.5H20.5ZM15.5 21.5H14.5V20.5H15.5V21.5ZM15.5 19.5H14.5V18.5H15.5V19.5ZM15.5 17.5H14.5V16.5H15.5V17.5ZM17.5 19.5H16.5V18.5H17.5V19.5ZM17.5 17.5H16.5V16.5H17.5V17.5ZM17.5 15.5H16.5V14.5H17.5V15.5ZM19.5 19.5H18.5V18.5H19.5V19.5ZM19.5 17.5H18.5V16.5H19.5V17.5ZM19.5 15.5H18.5V14.5H19.5V15.5ZM21.5 21.5H20.5V20.5H21.5V21.5ZM21.5 19.5H20.5V18.5H21.5V19.5Z\" fill=\"#CF4714\"/>\n</svg>\n";
+    var PROCESS_INTERCONNECTED_ICON = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M9.995 4C12.2064 4 14.1976 4.9 15.6485 6.35L18 4V11H10.9956L14.2176 7.78C13.137 6.69 11.656 6 9.995 6C6.68293 6 3.99124 8.69 3.99124 12C3.99124 15.31 6.68293 18 9.995 18C10.3375 18 10.6732 17.9713 11 17.9161V19.9376C10.671 19.9788 10.3356 20 9.995 20C5.57223 20 2 16.42 2 12C2 7.58 5.57223 4 9.995 4Z\" fill=\"black\" fill-opacity=\"0.6\"/>\n<path d=\"M13.5 17V13.5H17V14.6667H20.5V13.5H24V17H20.5V15.8333H17V17H15.8333V21.6667H20.5V20.5H24V24H20.5V22.8333H14.6667V17H13.5Z\" fill=\"black\" fill-opacity=\"0.6\"/>\n</svg>\n";
 
     var QMSIconRegistryService = /** @class */ (function () {
         function QMSIconRegistryService() {
@@ -5061,6 +5667,9 @@
         QMSIconRegistryService.prototype.registerRiskIcon = function (_iconRegistry, _sanitizer) {
             _iconRegistry.addSvgIconLiteral('risk', _sanitizer.bypassSecurityTrustHtml(RISK_ICON));
         };
+        QMSIconRegistryService.prototype.registerProcessInterconnectedIcon = function (_iconRegistry, _sanitizer) {
+            _iconRegistry.addSvgIconLiteral('process_interconnected', _sanitizer.bypassSecurityTrustHtml(PROCESS_INTERCONNECTED_ICON));
+        };
         return QMSIconRegistryService;
     }());
     QMSIconRegistryService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function QMSIconRegistryService_Factory() { return new QMSIconRegistryService(); }, token: QMSIconRegistryService, providedIn: "root" });
@@ -5652,20 +6261,6 @@
         checkBoxEvent: [{ type: i0.Output }]
     };
 
-    var DataType$1;
-    (function (DataType) {
-        DataType[DataType["process"] = 2] = "process";
-        DataType[DataType["document"] = 1] = "document";
-        DataType[DataType["area"] = 3] = "area";
-        DataType[DataType["folder"] = 4] = "folder";
-        DataType[DataType["deviation"] = 5] = "deviation";
-        DataType[DataType["checklist"] = 6] = "checklist";
-        DataType[DataType["risk"] = 7] = "risk";
-        DataType[DataType["deviationType"] = 8] = "deviationType";
-        DataType[DataType["checklistCategory"] = 9] = "checklistCategory";
-        DataType[DataType["riskFolder"] = 10] = "riskFolder";
-    })(DataType$1 || (DataType$1 = {}));
-
     var DocumentNodeType$1;
     (function (DocumentNodeType) {
         DocumentNodeType[DocumentNodeType["Document"] = 1] = "Document";
@@ -5798,6 +6393,21 @@
         findChild: findChild$2
     };
 
+    exports.DataType = void 0;
+    (function (DataType) {
+        DataType[DataType["process"] = 2] = "process";
+        DataType[DataType["document"] = 1] = "document";
+        DataType[DataType["area"] = 3] = "area";
+        DataType[DataType["folder"] = 4] = "folder";
+        DataType[DataType["deviation"] = 5] = "deviation";
+        DataType[DataType["checklist"] = 6] = "checklist";
+        DataType[DataType["risk"] = 7] = "risk";
+        DataType[DataType["deviationType"] = 8] = "deviationType";
+        DataType[DataType["checklistCategory"] = 9] = "checklistCategory";
+        DataType[DataType["riskFolder"] = 10] = "riskFolder";
+        DataType[DataType["processInterconnected"] = 11] = "processInterconnected";
+    })(exports.DataType || (exports.DataType = {}));
+
     var TreeComponent = /** @class */ (function () {
         function TreeComponent(cdRef, domSanitizer, iconRegistry, appIconService) {
             var _this = this;
@@ -5845,7 +6455,7 @@
             this.isChecked = false;
             this.idCheckIcon = '';
             this.listChildNode = [];
-            this.dataType = DataType$1;
+            this.dataType = exports.DataType;
             this._transformer = function (node, level) {
                 var _a;
                 var checkHasChild = true;
@@ -5905,10 +6515,10 @@
                 this.initTreeData();
             }
             if (changes.selectedData &&
-                (changes.selectedData.currentValue.length &&
+                (changes.selectedData.currentValue.length > 0 ||
                     JSON.stringify(changes.selectedData.currentValue) !==
                         JSON.stringify(changes.selectedData.previousValue))) {
-                if (changes.selectedData.currentValue && changes.selectedData.currentValue[0] !== null) {
+                if (changes.selectedData.currentValue) {
                     this.checkSelected(changes.selectedData.currentValue);
                 }
                 else {
@@ -6125,6 +6735,14 @@
                                 }
                                 break;
                             default:
+                                var index = _this.treeControl.dataNodes.findIndex(function (node) {
+                                    var _a, _b;
+                                    return node.id.toLowerCase() === item.id.toLowerCase()
+                                        && (!item.parentId || (((_a = node.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = item.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())));
+                                });
+                                if (index >= 0) {
+                                    _this.treeControl.dataNodes[index].disabled = true;
+                                }
                                 return;
                         }
                     });
@@ -6358,11 +6976,11 @@
         TreeComponent.prototype.checkDataTypeSelectNode = function (node) {
             var itemType = -1;
             switch (this.moduleId) {
-                case DataType$1.process:
-                    itemType = node.expandable ? DataType$1.area : DataType$1.process;
+                case exports.DataType.process:
+                    itemType = node.expandable ? exports.DataType.area : exports.DataType.process;
                     break;
-                case DataType$1.document:
-                    itemType = node.expandable ? DataType$1.folder : DataType$1.document;
+                case exports.DataType.document:
+                    itemType = node.expandable ? exports.DataType.folder : exports.DataType.document;
                     break;
                 default:
                     itemType = this.moduleId;
@@ -6486,7 +7104,7 @@
                 return this.treeControl.isExpanded(node) ? this.openIcon : this.closeIcon;
             }
             switch (this.moduleId) {
-                case DataType$1.document: {
+                case exports.DataType.document: {
                     var nodeData = this.treeData.filter(function (x) { return x.rootId === node.id; });
                     if (nodeData.length > 0) {
                         switch (nodeData[0].levelType) {
@@ -6504,7 +7122,7 @@
                     }
                     return this.treeControl.isExpanded(node) ? 'keyboard_up' : 'keyboard_down';
                 }
-                case DataType$1.process:
+                case exports.DataType.process:
                     return this.treeControl.isExpanded(node) ? 'process_area_outlined' : 'process_area';
                 default:
                     return this.treeControl.isExpanded(node) ? 'keyboard_up' : 'keyboard_down';
@@ -6512,7 +7130,7 @@
         };
         TreeComponent.prototype.getItemIcon = function (node) {
             switch (this.moduleId) {
-                case DataType$1.document:
+                case exports.DataType.document:
                     switch (node.levelType) {
                         case DocumentNodeType$1.DepartmentFolder:
                             return 'document_department';
@@ -6525,13 +7143,13 @@
                         default:
                             return 'document';
                     }
-                case DataType$1.process:
+                case exports.DataType.process:
                     return 'process';
-                case DataType$1.checklist:
+                case exports.DataType.checklist:
                     return 'checklist';
-                case DataType$1.deviation:
+                case exports.DataType.deviation:
                     return 'deviation';
-                case DataType$1.risk:
+                case exports.DataType.risk:
                     return 'risk';
                 default:
                     return 'document';
@@ -6636,7 +7254,7 @@
     var RelatedContentComponent = /** @class */ (function () {
         function RelatedContentComponent() {
             this.contents = [];
-            this.dataType = DataType$1;
+            this.dataType = exports.DataType;
             this.imageProcess = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAwLjVWNi41SDJWMTYuNUgxMlYxOC41SDE4VjEyLjVIMTJWMTQuNUg0VjYuNUg2VjQuNUgxMlY2LjVIMThWMC41SDEyVjIuNUg2VjAuNUgwWk00IDIuNVY0LjVIMlYyLjVINFpNMTYgMi41VjQuNUgxNFYyLjVIMTZaTTE2IDE2LjVWMTQuNUgxNFYxNi41SDE2WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC42Ii8+DQo8L3N2Zz4NCg==';
         }
         RelatedContentComponent.prototype.ngOnInit = function () {
@@ -6671,7 +7289,7 @@
             this.iconRegistry = iconRegistry;
             this.appIconService = appIconService;
             this.relatedData = [];
-            this.dataType = DataType$1;
+            this.dataType = exports.DataType;
             // imageProcess = '../qms-angular/src/assets/images/union.svg';
             this.imageProcess = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAwLjVWNi41SDJWMTYuNUgxMlYxOC41SDE4VjEyLjVIMTJWMTQuNUg0VjYuNUg2VjQuNUgxMlY2LjVIMThWMC41SDEyVjIuNUg2VjAuNUgwWk00IDIuNVY0LjVIMlYyLjVINFpNMTYgMi41VjQuNUgxNFYyLjVIMTZaTTE2IDE2LjVWMTQuNUgxNFYxNi41SDE2WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC42Ii8+DQo8L3N2Zz4NCg==';
             this.updateData = new i0.EventEmitter();
@@ -6684,6 +7302,7 @@
             appIconService.registerDeviationIcon(iconRegistry, domSanitizer);
             appIconService.registerChecklistIcon(iconRegistry, domSanitizer);
             appIconService.registerRiskIcon(iconRegistry, domSanitizer);
+            appIconService.registerProcessInterconnectedIcon(iconRegistry, domSanitizer);
         }
         RelatedListComponent.prototype.ngOnChanges = function (changes) {
             var _a;
@@ -6731,7 +7350,7 @@
         };
         RelatedListComponent.prototype.getNodeIcon = function (item) {
             switch (item.itemType) {
-                case DataType$1.folder: {
+                case exports.DataType.folder: {
                     switch (item.levelType) {
                         case DocumentNodeType$1.DepartmentFolder:
                             return 'department_folder_outlined';
@@ -6745,7 +7364,7 @@
                             return 'folder_outlined';
                     }
                 }
-                case DataType$1.document: {
+                case exports.DataType.document: {
                     switch (item.levelType) {
                         case DocumentNodeType$1.DepartmentFolder:
                             return 'document_department';
@@ -6759,16 +7378,18 @@
                             return 'document';
                     }
                 }
-                case DataType$1.area:
+                case exports.DataType.area:
                     return 'process_area_outlined';
-                case DataType$1.process:
+                case exports.DataType.process:
                     return 'process';
-                case DataType$1.deviation:
+                case exports.DataType.deviation:
                     return 'deviation';
-                case DataType$1.checklist:
+                case exports.DataType.checklist:
                     return 'checklist';
-                case DataType$1.risk:
+                case exports.DataType.risk:
                     return 'risk';
+                case exports.DataType.processInterconnected:
+                    return 'process_interconnected';
                 default:
                     return 'folder_outlined';
             }
@@ -6930,6 +7551,8 @@
             this.splitView = false;
             this.moduleUploadFileName = '';
             this.entityId = '';
+            this.videoData = null;
+            this.canUpdateVideoProperties = false;
         }
         return PopupData;
     }());
@@ -7015,10 +7638,13 @@
         }
         return VideoConst;
     }());
-    VideoConst.DEFAUL_MAX_VIDEO_THUMBNAIL_SIZE_KB = 500;
+    VideoConst.DEFAUL_MAX_VIDEO_THUMBNAIL_SIZE_KB = 500;
+    VideoConst.DEFAULT_VIDEO_WIDTH = 400;
+    VideoConst.DEFAULT_VIDEO_HEIGHT = 300;
 
     var RelatedPopupComponent = /** @class */ (function () {
         function RelatedPopupComponent(cdRef, translate, dialogRef, globalService, iconRegistry, sanitizer, appIconService, elem, uploadService, dialog, data) {
+            var _a;
             this.cdRef = cdRef;
             this.translate = translate;
             this.dialogRef = dialogRef;
@@ -7046,7 +7672,7 @@
             this.singleProcessList = [];
             this.singleDocumentList = [];
             this.module = ModuleType$1;
-            this.dataType = DataType$1;
+            this.dataType = exports.DataType;
             this.itemType = 0;
             this.selectedRiskData = [];
             this.disabledList = [];
@@ -7078,6 +7704,8 @@
             this.isLoadingImageFile = false;
             this.isLoadingVideoFile = false;
             this.imageUpload = new Image();
+            this.originVideoDataSrc = '';
+            this.canUpdateVideoProperties = false;
             this.moduleId = data.moduleId;
             this.moduleName = data.moduleName;
             this.moduleUploadImageName = data.moduleUploadImageName;
@@ -7097,6 +7725,9 @@
             this.canUploadVideo = data.canUploadVideo;
             this.maxVideoThumbnailSizeKB = (data.maxVideoThumbnailSizeKB || VideoConst.DEFAUL_MAX_VIDEO_THUMBNAIL_SIZE_KB) * 1024;
             this.entityId = data.entityId;
+            this.videoData = data.videoData;
+            this.originVideoDataSrc = ((_a = data.videoData) === null || _a === void 0 ? void 0 : _a.src) || '';
+            this.canUpdateVideoProperties = data.canUpdateVideoProperties;
             appIconService.registerProcessIcon(iconRegistry, sanitizer);
             appIconService.registerProcessAreaIcon(iconRegistry, sanitizer);
             appIconService.registerDocumentIcon(iconRegistry, sanitizer);
@@ -7136,7 +7767,7 @@
                     var listNodeProcess_1 = [];
                     var listNodeDocs_1 = [];
                     res.forEach(function (item) {
-                        if (item.itemType === DataType$1.process) {
+                        if (item.itemType === exports.DataType.process) {
                             var newNodeProcess = new TreeModel();
                             newNodeProcess.childId = item.id;
                             newNodeProcess.childName = item.itemName;
@@ -7172,13 +7803,13 @@
                         var selectProcess_1 = [];
                         var selectDocument_1 = [];
                         _this.checkedNodeList.forEach(function (x) {
-                            if (x.itemType === DataType$1.area || x.itemType === DataType$1.process) {
+                            if (x.itemType === exports.DataType.area || x.itemType === exports.DataType.process) {
                                 _this.treeData1.forEach(function (item) {
                                     if (item.childId && x.id === item.childId || !item.childId && (x.id === item.rootId)) {
                                         selectProcess_1.push({
                                             disabled: false,
-                                            expandable: x.itemType == DataType$1.area ? true : false,
-                                            hasChild: x.itemType == DataType$1.area ? true : false,
+                                            expandable: x.itemType == exports.DataType.area ? true : false,
+                                            hasChild: x.itemType == exports.DataType.area ? true : false,
                                             id: x.id,
                                             level: 0,
                                             levelType: undefined,
@@ -7193,8 +7824,8 @@
                                     if (item.childId && x.id === item.childId || !item.childId && (x.id === item.rootId)) {
                                         selectDocument_1.push({
                                             disabled: false,
-                                            expandable: x.itemType == DataType$1.folder ? true : false,
-                                            hasChild: x.itemType == DataType$1.folder ? true : false,
+                                            expandable: x.itemType == exports.DataType.folder ? true : false,
+                                            hasChild: x.itemType == exports.DataType.folder ? true : false,
                                             id: x.id,
                                             level: 0,
                                             levelType: undefined,
@@ -7250,6 +7881,7 @@
         };
         RelatedPopupComponent.prototype.removeCheckedNodeList = function (item) {
             var _this = this;
+            this.videoData.src = this.originVideoDataSrc;
             this.selectedData = [];
             this.selectedData2 = [];
             this.checkedNodeList = this.checkedNodeList.filter(function (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())); });
@@ -7408,13 +8040,13 @@
                             var selectDocument_2 = [];
                             if (this.checkedNodeList.length) {
                                 this.checkedNodeList.forEach(function (x) {
-                                    if (x.itemType === DataType$1.document || x.itemType === DataType$1.folder) {
+                                    if (x.itemType === exports.DataType.document || x.itemType === exports.DataType.folder) {
                                         _this.treeData2.forEach(function (item) {
                                             if (item.childId && x.id === item.childId || !item.childId && (x.id === item.rootId)) {
                                                 selectDocument_2.push({
                                                     disabled: false,
-                                                    expandable: x.itemType == DataType$1.folder ? true : false,
-                                                    hasChild: x.itemType == DataType$1.folder ? true : false,
+                                                    expandable: x.itemType == exports.DataType.folder ? true : false,
+                                                    hasChild: x.itemType == exports.DataType.folder ? true : false,
                                                     id: x.id,
                                                     level: 0,
                                                     levelType: undefined,
@@ -7568,13 +8200,13 @@
                             var selectDocument_3 = [];
                             if (this.checkedNodeList.length) {
                                 this.checkedNodeList.forEach(function (x) {
-                                    if (x.itemType === DataType$1.area || x.itemType === DataType$1.process) {
+                                    if (x.itemType === exports.DataType.area || x.itemType === exports.DataType.process) {
                                         _this.treeData1.forEach(function (item) {
                                             if (item.childId && x.id === item.childId || !item.childId && (x.id === item.rootId)) {
                                                 selectProcess_2.push({
                                                     disabled: false,
-                                                    expandable: x.itemType == DataType$1.area ? true : false,
-                                                    hasChild: x.itemType == DataType$1.area ? true : false,
+                                                    expandable: x.itemType == exports.DataType.area ? true : false,
+                                                    hasChild: x.itemType == exports.DataType.area ? true : false,
                                                     id: x.id,
                                                     level: 0,
                                                     levelType: undefined,
@@ -7589,8 +8221,8 @@
                                             if (item.childId && x.id === item.childId || !item.childId && (x.id === item.rootId)) {
                                                 selectDocument_3.push({
                                                     disabled: false,
-                                                    expandable: x.itemType == DataType$1.folder ? true : false,
-                                                    hasChild: x.itemType == DataType$1.folder ? true : false,
+                                                    expandable: x.itemType == exports.DataType.folder ? true : false,
+                                                    hasChild: x.itemType == exports.DataType.folder ? true : false,
                                                     id: x.id,
                                                     level: 0,
                                                     levelType: undefined,
@@ -7859,44 +8491,31 @@
         ;
         RelatedPopupComponent.prototype.onAddClick = function () {
             return __awaiter(this, void 0, void 0, function () {
-                var imageRelativeUrl, requestUploadVideoUrl, resUploadVideo;
+                var imageRelativeUrl, requestUploadVideoUrl;
                 var _this = this;
                 return __generator(this, function (_j) {
-                    switch (_j.label) {
-                        case 0:
-                            this.selectedFolder = null;
-                            this.itemInSplitview = [];
-                            imageRelativeUrl = "";
-                            requestUploadVideoUrl = "";
-                            this.checkedNodeList.forEach(function (element) {
-                                if (element.itemType === DataType$1.document) {
-                                    element.status = _this.getStatusDocs(element.id);
-                                    element.breadcumbs = _this.getBreadcumbAllParentDocs(element.id).slice(1).reverse();
-                                    element.statusName = _this.getStatusName(element.id);
-                                }
-                                if (element.itemType === DataType$1.process) {
-                                    element.status = _this.getStatusProcess(element.id);
-                                    element.breadcumbs = _this.getBreadcumbAllParentProcess(element.id).slice(1).reverse();
-                                }
-                            });
-                            if (!this.canUploadImage && !this.canUploadVideo)
-                                return [2 /*return*/, this.dialogRef.close(this.checkedNodeList)];
-                            if (!(this.canUploadImage && this.qmsInputImageFile)) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this.uploadService.uploadImage(this.qmsInputImageFile.file, this.imageUpload.height, this.imageUpload.width).toPromise()];
-                        case 1:
-                            imageRelativeUrl = _j.sent();
-                            _j.label = 2;
-                        case 2:
-                            if (!(this.canUploadVideo && this.qmsInputVideoFile)) return [3 /*break*/, 4];
-                            return [4 /*yield*/, this.uploadService.uploadSingleFile(this.qmsInputVideoFile.file, '', '1', this.entityId).toPromise()];
-                        case 3:
-                            resUploadVideo = _j.sent();
-                            requestUploadVideoUrl = resUploadVideo.url;
-                            _j.label = 4;
-                        case 4:
-                            this.dialogRef.close({ checkedNodeList: this.checkedNodeList, imageRelativeUrl: imageRelativeUrl, requestUploadVideoUrl: requestUploadVideoUrl });
-                            return [2 /*return*/];
+                    this.selectedFolder = null;
+                    this.itemInSplitview = [];
+                    imageRelativeUrl = "";
+                    requestUploadVideoUrl = "";
+                    this.checkedNodeList.forEach(function (element) {
+                        if (element.itemType === exports.DataType.document) {
+                            element.status = _this.getStatusDocs(element.id);
+                            element.breadcumbs = _this.getBreadcumbAllParentDocs(element.id).slice(1).reverse();
+                            element.statusName = _this.getStatusName(element.id);
+                        }
+                        if (element.itemType === exports.DataType.process) {
+                            element.status = _this.getStatusProcess(element.id);
+                            element.breadcumbs = _this.getBreadcumbAllParentProcess(element.id).slice(1).reverse();
+                        }
+                    });
+                    if (!this.canUploadImage && !this.canUploadVideo)
+                        return [2 /*return*/, this.dialogRef.close(this.checkedNodeList)];
+                    if (this.originVideoDataSrc && !this.videoData.src) {
+                        this.videoData.src = this.originVideoDataSrc;
                     }
+                    this.dialogRef.close(this.videoData);
+                    return [2 /*return*/];
                 });
             });
         };
@@ -7977,7 +8596,7 @@
             return (elmHeight + elmMargin);
         };
         RelatedPopupComponent.prototype.getItemChipName = function (item) {
-            if (item.itemType === DataType$1.checklist || item.itemType === DataType$1.deviation) {
+            if (item.itemType === exports.DataType.checklist || item.itemType === exports.DataType.deviation) {
                 return (item.parentName && item.itemName !== item.parentName) ? item.parentName + "/" + item.itemName : item.itemName;
             }
             return item.itemName;
@@ -7987,7 +8606,7 @@
         };
         RelatedPopupComponent.prototype.getNodeIcon = function (item) {
             switch (item.itemType) {
-                case DataType$1.folder: {
+                case exports.DataType.folder: {
                     switch (item.levelType) {
                         case DocumentNodeType$1.DepartmentFolder:
                             return 'department_folder_outlined';
@@ -8001,7 +8620,7 @@
                             return 'folder_outlined';
                     }
                 }
-                case DataType$1.document: {
+                case exports.DataType.document: {
                     switch (item.levelType) {
                         case DocumentNodeType$1.DepartmentFolder:
                             return 'document_department';
@@ -8015,15 +8634,15 @@
                             return 'document';
                     }
                 }
-                case DataType$1.area:
+                case exports.DataType.area:
                     return 'process_area_outlined';
-                case DataType$1.process:
+                case exports.DataType.process:
                     return 'process';
-                case DataType$1.deviation:
+                case exports.DataType.deviation:
                     return 'deviation';
-                case DataType$1.checklist:
+                case exports.DataType.checklist:
                     return 'checklist';
-                case DataType$1.risk:
+                case exports.DataType.risk:
                     return 'risk';
                 default:
                     return 'folder_outlined';
@@ -8038,25 +8657,25 @@
         };
         RelatedPopupComponent.prototype.getTitle = function (type) {
             switch (type) {
-                case DataType$1.process:
+                case exports.DataType.process:
                     return this.LANG.PROCESSES;
-                case DataType$1.area:
+                case exports.DataType.area:
                     return this.LANG.PROCESS_AREA;
-                case DataType$1.document:
+                case exports.DataType.document:
                     return this.LANG.DOCUMENTS;
-                case DataType$1.folder:
+                case exports.DataType.folder:
                     return this.LANG.FOLDER;
-                case DataType$1.deviation:
+                case exports.DataType.deviation:
                     return this.LANG.DEVIATION;
-                case DataType$1.deviationType:
+                case exports.DataType.deviationType:
                     return this.LANG.DEVIATION_TYPE;
-                case DataType$1.checklist:
+                case exports.DataType.checklist:
                     return this.LANG.CHECKLIST;
-                case DataType$1.checklistCategory:
+                case exports.DataType.checklistCategory:
                     return this.LANG.CHECKLIST_CATEGORY;
-                case DataType$1.risk:
+                case exports.DataType.risk:
                     return this.LANG.ASSESSMENT;
-                case DataType$1.riskFolder:
+                case exports.DataType.riskFolder:
                     return this.LANG.FOLDER;
             }
         };
@@ -8124,11 +8743,11 @@
         };
         RelatedPopupComponent.prototype.canShowSearchOption = function (moduleId) {
             if (this.canOnlySelectItem &&
-                (moduleId === DataType$1.checklistCategory
-                    || moduleId === DataType$1.riskFolder
-                    || moduleId === DataType$1.deviationType
-                    || (moduleId === DataType$1.area && this.treeConfig1 && !this.treeConfig1.singleSelectedNode)
-                    || (moduleId === DataType$1.folder && this.treeConfig2 && !this.treeConfig2.singleSelectedNode))) {
+                (moduleId === exports.DataType.checklistCategory
+                    || moduleId === exports.DataType.riskFolder
+                    || moduleId === exports.DataType.deviationType
+                    || (moduleId === exports.DataType.area && this.treeConfig1 && !this.treeConfig1.singleSelectedNode)
+                    || (moduleId === exports.DataType.folder && this.treeConfig2 && !this.treeConfig2.singleSelectedNode))) {
                 return false;
             }
             return this.getModuleFilteredOptions(moduleId).length > 0;
@@ -8141,8 +8760,10 @@
             });
             if (index >= 0) {
                 this.commonCheckedList = this.commonCheckedList.filter(function (_, ind) { return ind !== index; });
+                this.videoData.src = this.originVideoDataSrc;
             }
             else {
+                this.videoData.src = "/video?id=" + node.id;
                 this.commonCheckedList = __spreadArray(__spreadArray([], __read(this.commonCheckedList)), [node]);
             }
             this.selectedData = this.commonCheckedList;
@@ -8201,45 +8822,75 @@
             this.dataTrees.toArray()[0].treeControl.dataNodes.map(function (x) { return x.disabled = false; });
         };
         RelatedPopupComponent.prototype.onChangeImage = function (event) {
-            var _this = this;
             var _a;
-            if (!((_a = this.qmsInputImageFile) === null || _a === void 0 ? void 0 : _a.isSuccessful) && this.maxVideoThumbnailSizeKB) {
-                var dialogRef = this.dialog.open(QMSUploadFileErrorDialog, {
-                    width: '500px',
-                    data: {
-                        fileNames: this.qmsInputImageFile.typeError == exports.FileErrorType.notSupportedExtension ? [this.qmsInputImageFile.fileName] : [],
-                        acceptedExtension: this.acceptExtensions,
-                        overLimitFiles: this.qmsInputImageFile.typeError == exports.FileErrorType.exceedMaxSize ? [this.qmsInputImageFile.fileName] : [],
-                        fileSizeLimit: this.maxVideoThumbnailSizeKB / 1024,
-                        fileSizeLimitUnit: 'KB'
+            return __awaiter(this, void 0, void 0, function () {
+                var dialogRef, readerImage, _j;
+                var _this = this;
+                return __generator(this, function (_k) {
+                    switch (_k.label) {
+                        case 0:
+                            this.isLoadingImageFile = true;
+                            if (!((_a = this.qmsInputImageFile) === null || _a === void 0 ? void 0 : _a.isSuccessful) && this.maxVideoThumbnailSizeKB) {
+                                dialogRef = this.dialog.open(QMSUploadFileErrorDialog, {
+                                    width: '500px',
+                                    data: {
+                                        fileNames: this.qmsInputImageFile.typeError == exports.FileErrorType.notSupportedExtension ? [this.qmsInputImageFile.fileName] : [],
+                                        acceptedExtension: this.acceptExtensions,
+                                        overLimitFiles: this.qmsInputImageFile.typeError == exports.FileErrorType.exceedMaxSize ? [this.qmsInputImageFile.fileName] : [],
+                                        fileSizeLimit: this.maxVideoThumbnailSizeKB / 1024,
+                                        fileSizeLimitUnit: 'KB'
+                                    }
+                                });
+                                dialogRef.afterClosed().subscribe(function () {
+                                    _this.qmsInputImageFile = null;
+                                });
+                            }
+                            readerImage = new FileReader();
+                            readerImage.readAsDataURL(this.qmsInputImageFile.file);
+                            readerImage.onload = function (event) { return __awaiter(_this, void 0, void 0, function () {
+                                return __generator(this, function (_j) {
+                                    this.imageUpload.src = event.target.result.toString();
+                                    return [2 /*return*/];
+                                });
+                            }); };
+                            _j = this.videoData;
+                            return [4 /*yield*/, this.uploadService.uploadImage(this.qmsInputImageFile.file, this.imageUpload.height, this.imageUpload.width).toPromise()];
+                        case 1:
+                            _j.poster = _k.sent();
+                            this.isLoadingImageFile = false;
+                            return [2 /*return*/];
                     }
                 });
-                dialogRef.afterClosed().subscribe(function () {
-                    _this.qmsInputImageFile = null;
-                });
-            }
-            var readerImage = new FileReader();
-            readerImage.readAsDataURL(this.qmsInputImageFile.file);
-            readerImage.onload = function (event) { return __awaiter(_this, void 0, void 0, function () {
-                return __generator(this, function (_j) {
-                    this.imageUpload.src = event.target.result.toString();
-                    return [2 /*return*/];
-                });
-            }); };
+            });
         };
         RelatedPopupComponent.prototype.onChangeFile = function (event) {
-            this.checkedNodeList = [];
-            this.dataTrees.toArray()[0].checklistSelection.clear();
-            this.dataTrees.toArray()[0].treeControl.dataNodes.map(function (x) { return x.disabled = true; });
+            return __awaiter(this, void 0, void 0, function () {
+                var resUploadVideo;
+                return __generator(this, function (_j) {
+                    switch (_j.label) {
+                        case 0:
+                            this.isLoadingVideoFile = true;
+                            this.checkedNodeList = [];
+                            this.dataTrees.toArray()[0].checklistSelection.clear();
+                            this.dataTrees.toArray()[0].treeControl.dataNodes.map(function (x) { return x.disabled = true; });
+                            return [4 /*yield*/, this.uploadService.uploadSingleFile(this.qmsInputVideoFile.file, '', '1', this.entityId).toPromise()];
+                        case 1:
+                            resUploadVideo = _j.sent();
+                            this.videoData.src = resUploadVideo.url;
+                            this.isLoadingVideoFile = false;
+                            return [2 /*return*/];
+                    }
+                });
+            });
         };
         return RelatedPopupComponent;
     }());
     RelatedPopupComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'qms-related-popup',
-                    template: "<div id=\"qmslib_related_popup\" class=\"qmslib__related__popup__container\">\r\n  <div id=\"qmslib_related_popup_header\">\r\n    <span mat-icon-button class=\"button__close\" (click)=\"onCloseClick()\">\r\n      <mat-icon mat-icon>close</mat-icon>\r\n    </span>\r\n    <div id=\"qmslib_related_popup_header_001\" mat-dialog-content>\r\n      <div *ngIf=\"canUploadImage\" class=\"selected-image\">\r\n        <span class=\"module-title\">{{ moduleUploadImageName | uppercase }}</span>\r\n        <form>\r\n          <mat-form-field qms-form qms-file-upload appearance=\"fill\" class=\"example-width input-upload\">\r\n            <mat-icon matPrefix svgIcon=\"upload\"></mat-icon>\r\n            <input matInput placeholder=\"Upload file\" [formControl]=\"qmsInputImageType\" qms-file-upload-display\r\n              #fileDisplay value=\"{{qmsInputImageFile? qmsInputImageFile.fileName : ''}}\"\r\n              [attr.disabled]=\"isLoadingImageFile ? 'disabled' : null\" readonly>\r\n            <input hidden type=\"file\" [(inputFile)]=\"qmsInputImageFile\" qms-file-upload-selector #fileSelector\r\n              [acceptExtensions]=\"acceptExtensions\"\r\n              accept=\".pjp, .jpg, .pjpeg, .jpeg, .jfif, .png, .gif, .bmp, .webp, .tif, .tiff\"\r\n              [maxSize]=\"maxVideoThumbnailSizeKB\" (change)=\"onChangeImage($event)\">\r\n\r\n            <mat-progress-spinner matSuffix mode=\"indeterminate\" diameter='20'\r\n              *ngIf=\"isLoadingImageFile\"></mat-progress-spinner>\r\n            <div matSuffix qms-input-clear *ngIf=\"qmsInputImageFile && qmsInputImageFile.fileName\">\r\n              <button qms-btn-icon color=\"light\" (click)=\"clearQMSInputImageFile()\" [disabled]=\"isLoadingImageFile\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n            </div>\r\n\r\n            <mat-error *ngIf=\"qmsInputImageFile && qmsInputImageFile.typeError == 1\">\r\n              {{ LANG.QMSCKEDITOR.EXTENSION_IS_NOT_SUPPORTED }}\r\n            </mat-error>\r\n          </mat-form-field>\r\n        </form>\r\n      </div>\r\n      <div *ngIf=\"canUploadVideo\" class=\"selected-image\">\r\n        <span class=\"module-title\">{{ moduleUploadFileName | uppercase }}</span>\r\n        <form>\r\n          <mat-form-field qms-form qms-file-upload appearance=\"fill\" class=\"example-width input-upload\">\r\n            <mat-icon matPrefix svgIcon=\"upload\"></mat-icon>\r\n            <input matInput placeholder=\"Upload file\" [formControl]=\"qmsInputVideoType\" qms-file-upload-display\r\n              #fileDisplay value=\"{{qmsInputVideoFile? qmsInputVideoFile.fileName : ''}}\"\r\n              [attr.disabled]=\"isLoadingVideoFile ? 'disabled' : null\" readonly>\r\n            <input hidden type=\"file\" [(inputFile)]=\"qmsInputVideoFile\" qms-file-upload-selector #fileSelector\r\n              [acceptExtensions]=\"acceptExtensionsForVideo\" accept=\".mp4\" (change)=\"onChangeFile($event)\">\r\n\r\n            <mat-progress-spinner matSuffix mode=\"indeterminate\" diameter='20'\r\n              *ngIf=\"isLoadingVideoFile\"></mat-progress-spinner>\r\n            <div matSuffix qms-input-clear *ngIf=\"qmsInputVideoFile && qmsInputVideoFile.fileName\">\r\n              <button qms-btn-icon color=\"light\" (click)=\"clearQMSInputVideoFile()\" [disabled]=\"isLoadingVideoFile\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n            </div>\r\n\r\n            <mat-error *ngIf=\"qmsInputVideoFile && qmsInputVideoFile.typeError == 1\">\r\n              {{ LANG.QMSCKEDITOR.ACCEPT_MP4_ONLY }}\r\n            </mat-error>\r\n          </mat-form-field>\r\n        </form>\r\n      </div>\r\n      <span class=\"module-name\">{{ 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 type=\"text\" placeholder=\"{{ LANG.SEARCH }}\" matInput [formControl]=\"myControl\" [matAutocomplete]=\"auto\" />\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 #auto=\"matAutocomplete\" class=\"mat-autocomplete_related-viewport\"\r\n    (optionSelected)=\"selectRelated($event.option.value)\" [displayWith]=\"displayWhenSelectRelatedOption\">\r\n    <cdk-virtual-scroll-viewport qms-scrollbar itemSize=\"10\" [class.related-viewport]=\"isInputValue\"\r\n      *ngIf=\"filteredOptions.length\">\r\n      <ng-container *ngFor=\"let type of searchOrder\">\r\n        <div class=\"search__module-result\" *ngIf=\"canShowSearchOption(type.value)\">\r\n          <span class=\"search__module-title\">{{ getTitle(type.value) }}</span>\r\n          <mat-option class=\"search__option\" *ngFor=\"let option of getModuleFilteredOptions(type.value)\"\r\n            [value]=\"option\" [disabled]=\"option.disabled\">\r\n            <qms-list-item type=\"image-square\">\r\n              <mat-icon leading-icon type=\"image-square\" [svgIcon]=\"getNodeIcon(option)\"></mat-icon>\r\n              <div qms-list-header>\r\n                <div qms-line type=\"caption\" qms-tool-tip=\"{{\r\n                    isEllipsisActive(searchItemResult) ? option.parentName : ''\r\n                  }}\" mode=\"dark\" *ngIf=\"getParentName(option)\">\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 class=\"caption\" *ngIf=\"option.breadcumbs && option.breadcumbs.length\">\r\n                  <qms-breadcrumb class=\"breadcrumb-container\" type=\"table\" numDisplayItem=\"1\"\r\n                    [nodes]=\"option.breadcumbs\">\r\n                  </qms-breadcrumb>\r\n                </div>\r\n              </div>\r\n              <div qms-line color=\"default-subtitle\" *ngIf=\"getItemId(option)\">\r\n                <span>\r\n                  <mat-icon class=\"material-icons-outlined search__description-icon\">local_offer</mat-icon>\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 class=\"qms-scrollbar qmslib_related_popup_content\" [ngClass]=\"{\r\n        panel__content_item: checkedNodeList.length,\r\n        panel__content: !checkedNodeList.length,\r\n        panel__content_height_with_upload: canUploadImage && !checkedNodeList.length,\r\n        panel__content_item_height_with_upload: canUploadImage && checkedNodeList.length,\r\n        'col-6': splitView,\r\n        'col-12': !splitView\r\n      }\">\r\n      <ng-container *ngIf=\"treeData1.length > 0\">\r\n        <mat-expansion-panel hideToggle id=\"qmslib_related_popup_common_001\" [expanded]=\"isCommonExpanded\"\r\n          (opened)=\"isCommonExpanded = true\" (closed)=\"isCommonExpanded = false\" class=\"panel-tree\">\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 [treeData]=\"treeData1\" [treeConfig]=\"treeConfig1\" [selectedData]=\"selectedData\"\r\n              [selectedRiskData]=\"selectedRiskData\" [disabledList]=\"disabledList\"\r\n              (checkBoxEvent)=\"getCommonCheckedNode($event)\"\r\n              (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.area)\"\r\n              (selectNodeEvent)=\"selectNodeTreeEvent($event)\" (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\r\n              [expandOnTitleClick]=\"!splitView\" [parentNodeOnClick]=\"parentNodeSelected\"\r\n              (treeControlNodes)=\"selectTreeControlNodeProcess($event)\"></qms-tree>\r\n          </div>\r\n        </mat-expansion-panel>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"treeData2.length > 0\">\r\n        <div *ngIf=\"moduleId === module.documentProcess\" class=\"line__divider\"></div>\r\n\r\n        <mat-expansion-panel hideToggle *ngIf=\"moduleId === module.documentProcess\"\r\n          id=\"qmslib_related_popup_document_001\" [expanded]=\"isDocumentExpanded\" (opened)=\"isDocumentExpanded = true\"\r\n          (closed)=\"isDocumentExpanded = false\" class=\"panel-tree\">\r\n          <mat-expansion-panel-header class=\"padding-5\">\r\n            <mat-panel-title>\r\n              {{ LANG.DOCUMENTS | 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                isDocumentExpanded\r\n                ? \"keyboard_arrow_up\"\r\n                : \"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 [treeData]=\"treeData2\" [treeConfig]=\"treeConfig2\" [selectedData]=\"selectedData2\"\r\n              [disabledList]=\"disabledList2\" (checkBoxEvent)=\"getDocumentCheckedNode($event)\"\r\n              (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.folder)\"\r\n              (selectNodeEvent)=\"selectNodeTree2Event($event)\" (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\r\n              [expandOnTitleClick]=\"!splitView\" [parentNodeOnClick]=\"parentNodeSelected\"\r\n              (treeControlNodes)=\"selectTreeControlNodeDocument($event)\"></qms-tree>\r\n          </div>\r\n        </mat-expansion-panel>\r\n      </ng-container>\r\n    </div>\r\n    <div *ngIf=\"splitView\" 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      <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 qms-group-options [disabled]=\"node.disabled\" color=\"default\" [checked]=\"isNodeSelected(node)\"\r\n          (change)=\"toggleSelectItem(node)\"></mat-checkbox>\r\n        <mat-icon class=\"mat-icon-rtl-mirror material-icons-outlined\" [svgIcon]=\"getNodeIcon(node)\"></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 *ngIf=\"item.itemName\" mat-button class=\"related__item__content\" qms-tool-tip=\"{{\r\n              isEllipsisActive(itemName) ? getItemChipName(item) : ''\r\n            }}\" mode=\"dark\">\r\n            <span class=\"related__item__content_name\" #itemName>{{\r\n              getItemChipName(item)\r\n              }}</span>\r\n            <mat-icon *ngIf=\"!(treeConfig1?.selectOne || treeConfig2?.selectOne)\"\r\n              (click)=\"removeCheckedNodeList(item)\">cancel</mat-icon>\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 *ngIf=\"!checkedNodeList.length\" qms-btn style=\"margin-top: 7px\" (click)=\"onAddClick()\">\r\n      {{ LANG.ADD }}\r\n    </button>\r\n    <button *ngIf=\"checkedNodeList.length\" qms-btn style=\"margin-top: 0px\" (click)=\"onAddClick()\">\r\n      {{ LANG.ADD }} ({{ checkedNodeList.length }})\r\n    </button>\r\n    <button qms-btn-text [ngStyle]=\"{ 'margin-top': checkedNodeList.length ? '0px' : '7px' }\" (click)=\"onCloseClick()\">\r\n      {{ LANG.CANCEL }}\r\n    </button>\r\n  </div>\r\n</div>",
+                    template: "<div id=\"qmslib_related_popup\" class=\"qmslib__related__popup__container\">\n  <div id=\"qmslib_related_popup_header\">\n    <span mat-icon-button class=\"button__close\" (click)=\"onCloseClick()\">\n      <mat-icon mat-icon>close</mat-icon>\n    </span>\n    <div *ngIf=\"canUploadImage || canUploadVideo || canUpdateVideoProperties\" id=\"qmslib_related_popup_header_001\"\n      [ngClass]=\"{\n      panel_header_height_with_video_upload: canUploadVideo,\n      panel_header_height_without_video_upload: !canUploadVideo && canUploadImage && canUpdateVideoProperties\n    }\" mat-dialog-content class=\"row\">\n      <div *ngIf=\"canUploadImage\" class=\"selected-image col-12\">\n        <div class=\"row d-flex align-items-center\">\n          <div class=\"col-md-4\">{{ moduleUploadImageName | uppercase }}</div>\n          <div class=\"col-md-8\">\n            <form>\n              <mat-form-field qms-form qms-file-upload appearance=\"fill\" class=\"example-width input-upload\">\n                <mat-icon matPrefix svgIcon=\"upload\"></mat-icon>\n                <input matInput placeholder=\"Upload file\" [formControl]=\"qmsInputImageType\" qms-file-upload-display\n                  #fileDisplay value=\"{{qmsInputImageFile? qmsInputImageFile.fileName : ''}}\"\n                  [attr.disabled]=\"isLoadingImageFile ? 'disabled' : null\" readonly>\n                <input hidden type=\"file\" [(inputFile)]=\"qmsInputImageFile\" qms-file-upload-selector #fileSelector\n                  [acceptExtensions]=\"acceptExtensions\"\n                  accept=\".pjp, .jpg, .pjpeg, .jpeg, .jfif, .png, .gif, .bmp, .webp, .tif, .tiff\"\n                  [maxSize]=\"maxVideoThumbnailSizeKB\" (change)=\"onChangeImage($event)\">\n\n                <mat-progress-spinner matSuffix mode=\"indeterminate\" diameter='20'\n                  *ngIf=\"isLoadingImageFile\"></mat-progress-spinner>\n                <div matSuffix qms-input-clear *ngIf=\"qmsInputImageFile && qmsInputImageFile.fileName\">\n                  <button qms-btn-icon color=\"light\" (click)=\"clearQMSInputImageFile()\" [disabled]=\"isLoadingImageFile\">\n                    <mat-icon>close</mat-icon>\n                  </button>\n                </div>\n\n                <mat-error *ngIf=\"qmsInputImageFile && qmsInputImageFile.typeError == 1\">\n                  {{ LANG.QMSCKEDITOR.EXTENSION_IS_NOT_SUPPORTED }}\n                </mat-error>\n              </mat-form-field>\n            </form>\n          </div>\n        </div>\n        <div class=\"row d-flex align-items-center\">\n          <div class=\"col-md-4\">{{ LANG.QMSCKEDITOR.VIDEO_IMAGE | uppercase}}:</div>\n          <div class=\"col-md-8\">\n            <mat-form-field class=\"example-width input-upload\">\n              <input matInput [(ngModel)]=\"videoData.poster\">\n            </mat-form-field>\n          </div>\n        </div>\n      </div>\n      <div class=\"selected-image col-12\">\n        <div *ngIf=\"canUploadVideo\" class=\"row d-flex align-items-center\">\n          <div class=\"col-md-4\">{{ moduleUploadFileName | uppercase }}</div>\n          <div class=\"col-md-8\">\n            <form>\n              <mat-form-field qms-form qms-file-upload appearance=\"fill\" class=\"example-width input-upload\">\n                <mat-icon matPrefix svgIcon=\"upload\"></mat-icon>\n                <input matInput placeholder=\"Upload file\" [formControl]=\"qmsInputVideoType\" qms-file-upload-display\n                  #fileDisplay value=\"{{qmsInputVideoFile? qmsInputVideoFile.fileName : ''}}\"\n                  [attr.disabled]=\"isLoadingVideoFile ? 'disabled' : null\" readonly>\n                <input hidden type=\"file\" [(inputFile)]=\"qmsInputVideoFile\" qms-file-upload-selector #fileSelector\n                  [acceptExtensions]=\"acceptExtensionsForVideo\" accept=\".mp4\" (change)=\"onChangeFile($event)\">\n\n                <mat-progress-spinner matSuffix mode=\"indeterminate\" diameter='20'\n                  *ngIf=\"isLoadingVideoFile\"></mat-progress-spinner>\n                <div matSuffix qms-input-clear *ngIf=\"qmsInputVideoFile && qmsInputVideoFile.fileName\">\n                  <button qms-btn-icon color=\"light\" (click)=\"clearQMSInputVideoFile()\" [disabled]=\"isLoadingVideoFile\">\n                    <mat-icon>close</mat-icon>\n                  </button>\n                </div>\n\n                <mat-error *ngIf=\"qmsInputVideoFile && qmsInputVideoFile.typeError == 1\">\n                  {{ LANG.QMSCKEDITOR.ACCEPT_MP4_ONLY }}\n                </mat-error>\n              </mat-form-field>\n            </form>\n          </div>\n        </div>\n        <div class=\"row d-flex align-items-center\" *ngIf=\"canUpdateVideoProperties\">\n          <div class=\"col-md-4\">{{ LANG.QMSCKEDITOR.VIDEO_SOURCE | uppercase}}:</div>\n          <div class=\"col-md-8\">\n            <mat-form-field class=\"example-width input-upload\">\n              <input matInput [(ngModel)]=\"videoData.src\">\n            </mat-form-field>\n          </div>\n        </div>\n      </div>\n      <div *ngIf=\"canUpdateVideoProperties\" class=\"selected-image col-12\">\n        <div class=\"row d-flex align-items-center\">\n          <div class=\"col-md-4\">\n            <mat-form-field class=\"example-width input-upload\">\n              <mat-label>{{ LANG.WIDTH }}</mat-label>\n              <input type=\"number\" matInput [(ngModel)]=\"videoData.width\">\n            </mat-form-field>\n          </div>\n          <div class=\"col-md-4\">\n            <mat-form-field class=\"example-width input-upload\">\n              <mat-label>{{ LANG.HEIGHT }}</mat-label>\n              <input type=\"number\" matInput [(ngModel)]=\"videoData.height\">\n            </mat-form-field>\n          </div>\n          <div class=\"col-md-4\">\n            <mat-form-field class=\"example-width input-upload\">\n              <mat-label>Id</mat-label>\n              <input matInput [(ngModel)]=\"videoData.id\">\n            </mat-form-field>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"row\">\n      <span class=\"module-name\">{{ moduleName | uppercase }}</span>\n    </div>\n  </div>\n\n  <div id=\"qmslib_related_popup_search\" class=\"input__field\">\n    <input type=\"text\" placeholder=\"{{ LANG.SEARCH }}\" matInput [formControl]=\"myControl\" [matAutocomplete]=\"auto\" />\n    <mat-icon>search</mat-icon>\n  </div>\n\n  <div class=\"line__divider\"></div>\n\n  <mat-autocomplete #auto=\"matAutocomplete\" class=\"mat-autocomplete_related-viewport\"\n    (optionSelected)=\"selectRelated($event.option.value)\" [displayWith]=\"displayWhenSelectRelatedOption\">\n    <cdk-virtual-scroll-viewport qms-scrollbar itemSize=\"10\" [class.related-viewport]=\"isInputValue\"\n      *ngIf=\"filteredOptions.length\">\n      <ng-container *ngFor=\"let type of searchOrder\">\n        <div class=\"search__module-result\" *ngIf=\"canShowSearchOption(type.value)\">\n          <span class=\"search__module-title\">{{ getTitle(type.value) }}</span>\n          <mat-option class=\"search__option\" *ngFor=\"let option of getModuleFilteredOptions(type.value)\"\n            [value]=\"option\" [disabled]=\"option.disabled\">\n            <qms-list-item type=\"image-square\">\n              <mat-icon leading-icon type=\"image-square\" [svgIcon]=\"getNodeIcon(option)\"></mat-icon>\n              <div qms-list-header>\n                <div qms-line type=\"caption\" qms-tool-tip=\"{{\n                    isEllipsisActive(searchItemResult) ? option.parentName : ''\n                  }}\" mode=\"dark\" *ngIf=\"getParentName(option)\">\n                  <span #searchItemResult class=\"search__result__parent-name\">\n                    {{ option.parentName }}\n                  </span>\n                </div>\n                <div qms-line type=\"subtitle\" class=\"search__option-name\">\n                  {{ option.itemName }}\n                </div>\n                <div class=\"caption\" *ngIf=\"option.breadcumbs && option.breadcumbs.length\">\n                  <qms-breadcrumb class=\"breadcrumb-container\" type=\"table\" numDisplayItem=\"1\"\n                    [nodes]=\"option.breadcumbs\">\n                  </qms-breadcrumb>\n                </div>\n              </div>\n              <div qms-line color=\"default-subtitle\" *ngIf=\"getItemId(option)\">\n                <span>\n                  <mat-icon class=\"material-icons-outlined search__description-icon\">local_offer</mat-icon>\n                </span>\n                {{ getItemId(option) }}\n              </div>\n            </qms-list-item>\n          </mat-option>\n        </div>\n      </ng-container>\n    </cdk-virtual-scroll-viewport>\n  </mat-autocomplete>\n\n  <div class=\"row\">\n    <div class=\"qms-scrollbar qmslib_related_popup_content\" [ngClass]=\"{\n        panel__content_item: checkedNodeList.length,\n        panel__content: !checkedNodeList.length,\n        panel__content_height_with_upload: canUploadImage && !checkedNodeList.length,\n        panel__content_item_height_with_upload: canUploadImage && checkedNodeList.length,\n        'col-6': splitView,\n        'col-12': !splitView\n      }\">\n      <ng-container *ngIf=\"treeData1.length > 0\">\n        <mat-expansion-panel hideToggle id=\"qmslib_related_popup_common_001\" [expanded]=\"isCommonExpanded\"\n          (opened)=\"isCommonExpanded = true\" (closed)=\"isCommonExpanded = false\" class=\"panel-tree\">\n          <mat-expansion-panel-header class=\"padding-5\">\n            <mat-panel-title *ngIf=\"moduleId === module.documentProcess\">\n              {{ LANG.PROCESSES | uppercase }}\n            </mat-panel-title>\n            <mat-panel-title *ngIf=\"moduleId === module.deviation\">\n              {{ LANG.DEVIATION | uppercase }}\n            </mat-panel-title>\n            <mat-panel-title *ngIf=\"moduleId === module.checklist\">\n              {{ LANG.CHECKLIST | uppercase }}\n            </mat-panel-title>\n            <mat-panel-title *ngIf=\"moduleId === module.risk\">\n              {{ LANG.ASSESSMENT | uppercase }}\n            </mat-panel-title>\n            <button qms-btn-icon class=\"related_popup_toggle-btn\">\n              <mat-icon>\n                {{\n                isCommonExpanded ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\"\n                }}\n              </mat-icon>\n            </button>\n          </mat-expansion-panel-header>\n          <div id=\"qmslib_related_popup_common_002\">\n            <qms-tree [treeData]=\"treeData1\" [treeConfig]=\"treeConfig1\" [selectedData]=\"selectedData\"\n              [selectedRiskData]=\"selectedRiskData\" [disabledList]=\"disabledList\"\n              (checkBoxEvent)=\"getCommonCheckedNode($event)\"\n              (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.area)\"\n              (selectNodeEvent)=\"selectNodeTreeEvent($event)\" (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\n              [expandOnTitleClick]=\"!splitView\" [parentNodeOnClick]=\"parentNodeSelected\"\n              (treeControlNodes)=\"selectTreeControlNodeProcess($event)\"></qms-tree>\n          </div>\n        </mat-expansion-panel>\n      </ng-container>\n\n      <ng-container *ngIf=\"treeData2.length > 0\">\n        <div *ngIf=\"moduleId === module.documentProcess\" class=\"line__divider\"></div>\n\n        <mat-expansion-panel hideToggle *ngIf=\"moduleId === module.documentProcess\"\n          id=\"qmslib_related_popup_document_001\" [expanded]=\"isDocumentExpanded\" (opened)=\"isDocumentExpanded = true\"\n          (closed)=\"isDocumentExpanded = false\" class=\"panel-tree\">\n          <mat-expansion-panel-header class=\"padding-5\">\n            <mat-panel-title>\n              {{ LANG.DOCUMENTS | uppercase }}\n            </mat-panel-title>\n            <button qms-btn-icon class=\"related_popup_toggle-btn\">\n              <mat-icon>\n                {{\n                isDocumentExpanded\n                ? \"keyboard_arrow_up\"\n                : \"keyboard_arrow_down\"\n                }}\n              </mat-icon>\n            </button>\n          </mat-expansion-panel-header>\n          <div id=\"qmslib_related_popup_document_002\">\n            <qms-tree [treeData]=\"treeData2\" [treeConfig]=\"treeConfig2\" [selectedData]=\"selectedData2\"\n              [disabledList]=\"disabledList2\" (checkBoxEvent)=\"getDocumentCheckedNode($event)\"\n              (nodeExpandEvent)=\"getChildrenOfFolder($event, dataType.folder)\"\n              (selectNodeEvent)=\"selectNodeTree2Event($event)\" (getChildNodeSelectOne)=\"getChildNodeSelectOne($event)\"\n              [expandOnTitleClick]=\"!splitView\" [parentNodeOnClick]=\"parentNodeSelected\"\n              (treeControlNodes)=\"selectTreeControlNodeDocument($event)\"></qms-tree>\n          </div>\n        </mat-expansion-panel>\n      </ng-container>\n    </div>\n    <div *ngIf=\"splitView\" class=\"qms-scrollbar qmslib-related-popup-splitview qmslib_related_popup_content col-6\"\n      [ngClass]=\"{\n        panel__content_item: checkedNodeList.length,\n        panel__content: !checkedNodeList.length\n      }\">\n      <div class=\"splitview-header\" *ngIf=\"selectedFolder\">\n        {{ splitViewTitle }}\n      </div>\n      <div class=\"expand-node\" *ngFor=\"let node of itemInSplitview\">\n        <mat-checkbox qms-group-options [disabled]=\"node.disabled\" color=\"default\" [checked]=\"isNodeSelected(node)\"\n          (change)=\"toggleSelectItem(node)\"></mat-checkbox>\n        <mat-icon class=\"mat-icon-rtl-mirror material-icons-outlined\" [svgIcon]=\"getNodeIcon(node)\"></mat-icon>\n        <span class=\"text-node\">{{ node.itemName }}</span>\n      </div>\n    </div>\n  </div>\n\n  <div *ngIf=\"checkedNodeList.length\" class=\"line__divider\"></div>\n\n  <div class=\"row\">\n    <div class=\"col-12 pr-0 pe-0\">\n      <div *ngIf=\"checkedNodeList.length\" class=\"panel__item qms-scrollbar\">\n        <div class=\"related__item__inline\" *ngFor=\"let item of checkedNodeList\">\n          <button *ngIf=\"item.itemName\" mat-button class=\"related__item__content\" qms-tool-tip=\"{{\n              isEllipsisActive(itemName) ? getItemChipName(item) : ''\n            }}\" mode=\"dark\">\n            <span class=\"related__item__content_name\" #itemName>{{\n              getItemChipName(item)\n              }}</span>\n            <mat-icon *ngIf=\"!(treeConfig1?.selectOne || treeConfig2?.selectOne)\"\n              (click)=\"removeCheckedNodeList(item)\">cancel</mat-icon>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"line__divider\"></div>\n\n  <div class=\"confirm__button__groups\">\n    <button *ngIf=\"!checkedNodeList.length\" qms-btn style=\"margin-top: 7px\"\n      [disabled]=\"isLoadingVideoFile || isLoadingImageFile\" (click)=\"onAddClick()\">\n      {{ LANG.ADD }}\n    </button>\n    <button *ngIf=\"checkedNodeList.length\" qms-btn style=\"margin-top: 0px\"\n      [disabled]=\"isLoadingVideoFile || isLoadingImageFile\" (click)=\"onAddClick()\">\n      {{ LANG.ADD }} ({{ checkedNodeList.length }})\n    </button>\n    <button qms-btn-text [ngStyle]=\"{ 'margin-top': checkedNodeList.length ? '0px' : '7px' }\" (click)=\"onCloseClick()\">\n      {{ LANG.CANCEL }}\n    </button>\n  </div>\n</div>",
                     encapsulation: i0.ViewEncapsulation.None,
-                    styles: ["::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:rgba(0,0,0,.12);background-clip:content-box}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.38);border-radius:20px;width:4px;border:4px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5);background-clip:content-box;border:4px solid transparent}.qms__popup .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qms__danger button{border:none;color:var(--text-white);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:var(--button-red-background);margin-left:10px}.qms__danger .yellow{background-color:var(--button-yellow-background);margin-left:10px;color:var(--popup-title-color)}.qms__danger .green{background-color:var(--button-green-background);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:var(--button-background)}.confirm__button__groups .confirm:hover{background:var(--primary-button-background-color);color:var(--primary-button-text-color)}.confirm__button__groups .confirm:disabled{cursor:not-allowed}.confirm__button__groups .cancel{background:var(--button-background)}.confirm__button__groups .cancel:hover{background:var(--primary-button-background-color);color:var(--primary-button-text-color)}.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:var(--background-input-text)}.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_height_with_upload{height:380px}.qmslib__related__popup__container .panel__content_item{height:350px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel__content_item_height_with_upload{height:257px}.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:var(--related-item-background);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:var(--related-mat-icon-color);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{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 .module-name{margin-top:10px;display:block}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-container .qms-breadcrumb-item .mat-icon{font-size:16px!important;padding-bottom:1px}cdk-virtual-scroll-viewport .search__module-result .mat-option[aria-disabled=true] .breadcrumb-container .qms-breadcrumb-item .mat-icon,cdk-virtual-scroll-viewport .search__module-result .mat-option[aria-disabled=true] .breadcrumb-container .qms-breadcrumb-item-text,cdk-virtual-scroll-viewport .search__module-result .mat-option[aria-disabled=true] .subtitle{color:rgba(0,0,0,.38)}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}#qmslib_related_popup_header_001 .module-title{width:200px}#qmslib_related_popup_header_001 .selected-image{display:flex;align-items:center;padding-bottom:10px}#qmslib_related_popup_header_001 .selected-image .input-upload{height:60px;padding-left:30px;max-width:260px}.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}"]
+                    styles: ["::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:rgba(0,0,0,.12);background-clip:content-box}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.38);border-radius:20px;width:4px;border:4px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5);background-clip:content-box;border:4px solid transparent}.qms__popup .button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qms__danger button{border:none;color:var(--text-white);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:var(--button-red-background);margin-left:10px}.qms__danger .yellow{background-color:var(--button-yellow-background);margin-left:10px;color:var(--popup-title-color)}.qms__danger .green{background-color:var(--button-green-background);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:var(--button-background)}.confirm__button__groups .confirm:hover{background:var(--primary-button-background-color);color:var(--primary-button-text-color)}.confirm__button__groups .confirm:disabled{cursor:not-allowed}.confirm__button__groups .cancel{background:var(--button-background)}.confirm__button__groups .cancel:hover{background:var(--primary-button-background-color);color:var(--primary-button-text-color)}.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:var(--background-input-text)}.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_height_with_upload{height:380px}.qmslib__related__popup__container .panel__content_item{height:350px;overflow:auto;margin-top:12px}.qmslib__related__popup__container .panel__content_item_height_with_upload{height:257px}.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:var(--related-item-background);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:var(--related-mat-icon-color);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{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 .module-name{margin-top:10px;display:block;font-weight:600;font-family:Raleway}.qmslib__related__popup__container input::-webkit-inner-spin-button,.qmslib__related__popup__container input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qmslib__related__popup__container input[type=number]{-moz-appearance:textfield}.qmslib__related__popup__container .panel_header_height_with_video_upload{height:350px}.qmslib__related__popup__container .panel_header_height_without_video_upload{height:300px}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-container .qms-breadcrumb-item .mat-icon{font-size:16px!important;padding-bottom:1px}cdk-virtual-scroll-viewport .search__module-result .mat-option[aria-disabled=true] .breadcrumb-container .qms-breadcrumb-item .mat-icon,cdk-virtual-scroll-viewport .search__module-result .mat-option[aria-disabled=true] .breadcrumb-container .qms-breadcrumb-item-text,cdk-virtual-scroll-viewport .search__module-result .mat-option[aria-disabled=true] .subtitle{color:rgba(0,0,0,.38)}cdk-virtual-scroll-viewport .search__module-result svg{display:block}#qmslib_related_popup_header_001{width:100%;padding:0;font-weight:600;font-family:Raleway;margin:0}#qmslib_related_popup_header_001 .selected-image{padding-bottom:10px;width:100%}#qmslib_related_popup_header_001 .selected-image .input-upload,#qmslib_related_popup_header_001 .selected-image .module-name{width:100%;height:60px}.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}"]
                 },] }
     ];
     RelatedPopupComponent.ctorParameters = function () { return [
@@ -8311,7 +8962,7 @@
                 showCheckBox: true,
                 allowMultipleCheck: true,
                 onlyCheckBoxForChild: false,
-                moduleId: DataType$1.risk,
+                moduleId: exports.DataType.risk,
                 openIcon: 'keyboard_arrow_up',
                 openIconColor: '#1954A9',
                 closeIcon: 'keyboard_arrow_down',
@@ -8681,6 +9332,7 @@
                         RelatedListComponent
                     ],
                     imports: [
+                        forms.FormsModule,
                         i1.CommonModule,
                         tree$1.MatTreeModule,
                         icon.MatIconModule,
@@ -9243,20 +9895,6 @@
     ];
     QMSCKEditorCommonService.ctorParameters = function () { return []; };
 
-    exports.DataType = void 0;
-    (function (DataType) {
-        DataType[DataType["process"] = 2] = "process";
-        DataType[DataType["document"] = 1] = "document";
-        DataType[DataType["area"] = 3] = "area";
-        DataType[DataType["folder"] = 4] = "folder";
-        DataType[DataType["deviation"] = 5] = "deviation";
-        DataType[DataType["checklist"] = 6] = "checklist";
-        DataType[DataType["risk"] = 7] = "risk";
-        DataType[DataType["deviationType"] = 8] = "deviationType";
-        DataType[DataType["checklistCategory"] = 9] = "checklistCategory";
-        DataType[DataType["riskFolder"] = 10] = "riskFolder";
-    })(exports.DataType || (exports.DataType = {}));
-
     var NewTreeNode = /** @class */ (function () {
         function NewTreeNode() {
         }
@@ -9276,6 +9914,7 @@
             node.parentId = keyObj["parentId"];
             node.levelType = keyObj["levelType"];
             node.expandable = keyObj["expandable"];
+            node.itemType = keyObj["itemType"];
             if (value != null) {
                 if (typeof value === 'object') {
                     node.children = _this.buildArrayTree(value, level + 1);
@@ -9318,7 +9957,8 @@
                     name: item.name,
                     parentId: item.parentId,
                     levelType: item.levelType,
-                    expandable: item.expandable
+                    expandable: item.expandable,
+                    itemType: item.itemType
                 };
                 objParent_1[json.stringify(parentKey)] = null;
             });
@@ -9327,7 +9967,8 @@
                 name: item.name,
                 parentId: '',
                 levelType: item.levelType,
-                expandable: item.expandable
+                expandable: item.expandable,
+                itemType: item.itemType
             };
             // add node to tree
             objData$1[json.stringify(key)] = objParent_1;
@@ -9349,7 +9990,8 @@
                 name: item.name,
                 parentId: id,
                 levelType: item.levelType,
-                expandable: item.expandable
+                expandable: item.expandable,
+                itemType: item.itemType
             };
             objParent[json.stringify(key)] = Object.assign(Object.assign({}, objParent[json.stringify(key)]), processNode);
         });
@@ -9410,7 +10052,7 @@
             this.isChecked = false;
             this.idCheckIcon = '';
             this.listChildNode = [];
-            this.dataType = DataType$1;
+            this.dataType = exports.DataType;
             this.transformer = function (node, level) {
                 var checkHasChild = true;
                 if (!node.children) {
@@ -9438,7 +10080,8 @@
                     hasChild: checkHasChild,
                     parentId: node.parentId,
                     disabled: false,
-                    levelType: node.levelType
+                    levelType: node.levelType,
+                    itemType: node.itemType
                 };
             };
             this.treeFlattener = new tree$1.MatTreeFlattener(this.transformer, function (node) {
@@ -9461,6 +10104,7 @@
             appIconService.registerDeviationIcon(iconRegistry, domSanitizer);
             appIconService.registerChecklistIcon(iconRegistry, domSanitizer);
             appIconService.registerRiskIcon(iconRegistry, domSanitizer);
+            appIconService.registerProcessInterconnectedIcon(iconRegistry, domSanitizer);
         }
         NewTreeComponent.prototype.ngOnChanges = function (changes) {
             if (changes.treeData && JSON.stringify(changes.treeData.currentValue) !== JSON.stringify(changes.treeData.previousValue)) {
@@ -9818,20 +10462,20 @@
             var _v, _w;
             var _this = this;
             switch (this.moduleId) {
-                case DataType$1.document:
-                    node.itemType = node.expandable ? DataType$1.folder : DataType$1.document;
+                case exports.DataType.document:
+                    node.itemType = node.expandable ? exports.DataType.folder : exports.DataType.document;
                     break;
-                case DataType$1.process:
-                    node.itemType = node.expandable ? DataType$1.area : DataType$1.process;
+                case exports.DataType.process:
+                    node.itemType = node.expandable ? exports.DataType.area : exports.DataType.process;
                     break;
-                case DataType$1.checklist:
-                    node.itemType = node.expandable ? DataType$1.checklistCategory : DataType$1.checklist;
+                case exports.DataType.checklist:
+                    node.itemType = node.expandable ? exports.DataType.checklistCategory : exports.DataType.checklist;
                     break;
-                case DataType$1.deviation:
-                    node.itemType = node.expandable ? DataType$1.deviationType : DataType$1.deviation;
+                case exports.DataType.deviation:
+                    node.itemType = node.expandable ? exports.DataType.deviationType : exports.DataType.deviation;
                     break;
-                case DataType$1.risk:
-                    node.itemType = node.expandable ? DataType$1.riskFolder : DataType$1.risk;
+                case exports.DataType.risk:
+                    node.itemType = node.expandable ? exports.DataType.riskFolder : exports.DataType.risk;
                     break;
             }
             this.selectNodeEvent.emit(node);
@@ -9937,11 +10581,11 @@
         NewTreeComponent.prototype.checkDataTypeSelectNode = function (node) {
             var itemType = -1;
             switch (this.moduleId) {
-                case DataType$1.process:
-                    itemType = node.expandable ? DataType$1.area : DataType$1.process;
+                case exports.DataType.process:
+                    itemType = node.expandable ? exports.DataType.area : (node.itemType || exports.DataType.process);
                     break;
-                case DataType$1.document:
-                    itemType = node.expandable ? DataType$1.folder : DataType$1.document;
+                case exports.DataType.document:
+                    itemType = node.expandable ? exports.DataType.folder : exports.DataType.document;
                     break;
                 default:
                     itemType = this.moduleId;
@@ -10122,7 +10766,7 @@
                 return this.treeControl.isExpanded(node) ? this.openIcon : this.closeIcon;
             }
             switch (this.moduleId) {
-                case DataType$1.document: {
+                case exports.DataType.document: {
                     var nodeData = this.treeData.filter(function (x) { return x.id === node.id; });
                     if (nodeData.length > 0) {
                         switch (nodeData[0].levelType) {
@@ -10140,7 +10784,7 @@
                     }
                     return this.treeControl.isExpanded(node) ? 'folder_outlined' : 'folder';
                 }
-                case DataType$1.process:
+                case exports.DataType.process:
                     return this.treeControl.isExpanded(node) ? 'process_area_outlined' : 'process_area';
                 default:
                     return this.treeControl.isExpanded(node) ? 'keyboard_up' : 'keyboard_down';
@@ -10148,7 +10792,7 @@
         };
         NewTreeComponent.prototype.getItemIcon = function (node) {
             switch (this.moduleId) {
-                case DataType$1.document:
+                case exports.DataType.document:
                     var parent = this.treeData.filter(function (x) { return x.id === node.parentId; });
                     if (parent.length > 0) {
                         switch (parent[0].levelType) {
@@ -10165,13 +10809,15 @@
                         }
                     }
                     return 'document';
-                case DataType$1.process:
+                case exports.DataType.process:
+                    if ((node === null || node === void 0 ? void 0 : node.itemType) === exports.DataType.processInterconnected)
+                        return 'process_interconnected';
                     return 'process';
-                case DataType$1.checklist:
+                case exports.DataType.checklist:
                     return 'checklist';
-                case DataType$1.deviation:
+                case exports.DataType.deviation:
                     return 'deviation';
-                case DataType$1.risk:
+                case exports.DataType.risk:
                     return 'risk';
                 default:
                     return 'document';
@@ -10377,7 +11023,13 @@
             this.isDocumentExpanded = true;
             this.isCommonExpanded = true;
             this.singleSelectedNode = false;
-            this.searchOrder = [];
+            this.searchOrder = [
+                { key: 'processInterconnected', value: exports.DataType.processInterconnected },
+                { key: 'process', value: exports.DataType.process },
+                { key: 'document', value: exports.DataType.document },
+                { key: 'area', value: exports.DataType.area },
+                { key: 'folder', value: exports.DataType.folder }
+            ];
             this.myControl = new forms.FormControl();
             this.filteredOptions = [];
             this.isInputValue = false;
@@ -10414,6 +11066,7 @@
             appIconService.registerProcessAreaIcon(iconRegistry, sanitizer);
             appIconService.registerDocumentIcon(iconRegistry, sanitizer);
             appIconService.registerFolderIcon(iconRegistry, sanitizer);
+            appIconService.registerProcessInterconnectedIcon(iconRegistry, sanitizer);
         }
         SelectProcessDocumentPopupComponent.prototype.ngOnDestroy = function () {
             this.ngUnsubscribe.next();
@@ -10495,7 +11148,6 @@
                 }
             });
             this.itemType = this.dataType.process;
-            this.searchOrder = this.getSearchOrder();
         };
         SelectProcessDocumentPopupComponent.prototype.setSelectedData = function () {
             var _this = this;
@@ -10671,7 +11323,7 @@
                     }
                     this.addToChecklistNodeAndSelectedData(item);
                 }
-                else if (item.itemType === this.dataType.area || item.itemType === this.dataType.process) {
+                else if (item.itemType === this.dataType.area || item.itemType === this.dataType.process || item.itemType === this.dataType.processInterconnected) {
                     var isExistInDisabled = this.disabledList.findIndex(function (x) {
                         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);
@@ -10961,17 +11613,12 @@
                     return 'process_area_outlined';
                 case exports.DataType.process:
                     return 'process';
+                case exports.DataType.processInterconnected:
+                    return 'process_interconnected';
                 default:
                     return 'folder_outlined';
             }
         };
-        SelectProcessDocumentPopupComponent.prototype.getSearchOrder = function () {
-            var _this = this;
-            var searchTypes = Object.keys(this.dataType)
-                .map(function (key) { return ({ value: _this.dataType[key], key: key }); });
-            searchTypes = searchTypes.slice(searchTypes.length / 2);
-            return searchTypes;
-        };
         SelectProcessDocumentPopupComponent.prototype.getTitle = function (type) {
             switch (type) {
                 case exports.DataType.process:
@@ -10982,10 +11629,12 @@
                     return this.LANG.DOCUMENTS;
                 case exports.DataType.folder:
                     return this.LANG.FOLDER;
+                case exports.DataType.processInterconnected:
+                    return this.LANG.INTERCONNECTED_PROCESSES;
             }
         };
         SelectProcessDocumentPopupComponent.prototype.getItemId = function (item) {
-            if (item.itemType === this.dataType.process) {
+            if (item.itemType === this.dataType.process || item.itemType === this.dataType.processInterconnected) {
                 return this.LANG.PROCESS_ID + ": " + item.itemNumberId + "; " + item.statusName;
             }
             else if (item.itemType === this.dataType.document) {
@@ -11232,10 +11881,11 @@
             if (folderId === void 0) { folderId = null; }
             return this.get('ckeditorTree/GetUploadVideoList', { folderId: folderId });
         };
-        QMSCKEditorTreeService.prototype.getProcessAreaContents = function (areaId, showProcessesInTree) {
+        QMSCKEditorTreeService.prototype.getProcessAreaContents = function (areaId, showProcessesInTree, isInterconnectedProcess) {
             if (areaId === void 0) { areaId = ''; }
             if (showProcessesInTree === void 0) { showProcessesInTree = true; }
-            return this.get('processAreas/GetContent', { areaId: areaId, showProcessesInTree: showProcessesInTree });
+            if (isInterconnectedProcess === void 0) { isInterconnectedProcess = false; }
+            return this.get('processAreas/GetContent', { areaId: areaId, showProcessesInTree: showProcessesInTree, isInterconnectedProcess: isInterconnectedProcess });
         };
         QMSCKEditorTreeService.prototype.getFolderChildrens = function (id, showProcessesInTree, isOnlyApproved) {
             if (id === void 0) { id = ''; }
@@ -11256,6 +11906,14 @@
             if (searchType === void 0) { searchType = 1; }
             return this.get('Search/SearchDocuments', { keyword: keyword, searchType: searchType });
         };
+        // public Search
+        QMSCKEditorTreeService.prototype.searchProcessInterconnected = function (keyword, isContentSearch, isFrontend, searchType) {
+            if (keyword === void 0) { keyword = ''; }
+            if (isContentSearch === void 0) { isContentSearch = true; }
+            if (isFrontend === void 0) { isFrontend = false; }
+            if (searchType === void 0) { searchType = 1; }
+            return this.get('SearchProcess/SearchProcessInterconnected', { isContentSearch: isContentSearch, isFrontend: isFrontend, keyword: keyword, searchType: searchType });
+        };
         return QMSCKEditorTreeService;
     }(QMSCKEditorBaseService));
     QMSCKEditorTreeService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function QMSCKEditorTreeService_Factory() { return new QMSCKEditorTreeService(i0__namespace.ɵɵinject(i1__namespace$1.HttpClient), i0__namespace.ɵɵinject(QMSCKEditorGlobalService)); }, token: QMSCKEditorTreeService, providedIn: "root" });
@@ -11278,6 +11936,12 @@
         empty: '00000000-0000-0000-0000-000000000000'
     };
 
+    var ProcessClassification;
+    (function (ProcessClassification) {
+        ProcessClassification[ProcessClassification["Process"] = 1] = "Process";
+        ProcessClassification[ProcessClassification["InterconnectedProcess"] = 2] = "InterconnectedProcess";
+    })(ProcessClassification || (ProcessClassification = {}));
+
     var QMSCKEditorLinkComponent = /** @class */ (function (_super) {
         __extends(QMSCKEditorLinkComponent, _super);
         function QMSCKEditorLinkComponent(cdr, dialog, translate, linkService, commonService, treeService, selectProcessDocumentGlobalService, dialogRef, data) {
@@ -11306,6 +11970,7 @@
                 emailBody: new forms.FormControl("", [forms.Validators.required]),
             });
             _this.anchorDocFormGroup = new forms.FormGroup({
+                targetList: new forms.FormControl(),
                 anchorTitle: new forms.FormControl("", [forms.Validators.required]),
                 anchorByName: new forms.FormControl("", [forms.Validators.required]),
             });
@@ -11335,13 +12000,29 @@
                 exports.DocumentNodeType.LinkDocument,
                 exports.DocumentNodeType.ShortcutDocument
             ];
+            _this.selectedTargetAnchorDocument = 0;
             _this.selectedLinkType = data.typeId;
-            _this.selectedTarget = data.targetId;
             _this.selectedProtocol = data.protocolId;
             _this.url = data.url;
             _this.advisoryTitle = data.title;
             _this.edit = data.edit;
             _this.editorContent = data.editorContent;
+            if (_this.url.length && data.typeId == exports.LinkType.url) {
+                _this.selectedTarget = data.targetId;
+                _this.selectedTargetAnchorDocument = data.defaultTargetNewWindow ? exports.TargetType.new : exports.TargetType.same;
+            }
+            else if (_this.url.length && data.typeId == exports.LinkType.anchorDocument) {
+                _this.selectedTargetAnchorDocument = data.targetId;
+                _this.selectedTarget = data.defaultTargetNewWindow ? exports.TargetType.new : exports.TargetType.same;
+            }
+            else if (data.defaultTargetNewWindow) {
+                _this.selectedTarget = exports.TargetType.new;
+                _this.selectedTargetAnchorDocument = exports.TargetType.new;
+            }
+            else {
+                _this.selectedTarget = exports.TargetType.same;
+                _this.selectedTargetAnchorDocument = exports.TargetType.same;
+            }
             return _this;
         }
         QMSCKEditorLinkComponent.prototype.ngOnInit = function () {
@@ -11556,40 +12237,86 @@
                             dialogRef.componentInstance.onSearch.subscribe(function (keyword) {
                                 if (!keyword || keyword.trim() === '')
                                     return;
-                                rxjs.forkJoin([_this.treeService.searchProcess(keyword), _this.treeService.searchDocument(keyword)])
-                                    .toPromise()
-                                    .then(function (_a) {
-                                    var _b = __read(_a, 2), process = _b[0], document = _b[1];
-                                    if (process && document) {
-                                        var resultProcessSearch = process.map(function (x) {
-                                            return {
-                                                id: x.entityId,
-                                                itemNumberId: x.processNumber.toString(),
-                                                itemName: x.name,
-                                                itemType: exports.DataType.process,
-                                                status: x.status,
-                                                statusName: x.approvalStatus,
-                                                location: x.location,
-                                            };
-                                        });
-                                        var resultDocumentSearch = document.documents.map(function (x) {
-                                            return {
-                                                id: x.id.toString(),
-                                                itemNumberId: x.id.toString(),
-                                                itemName: x.name,
-                                                itemType: exports.DataType.document,
-                                                status: 0,
-                                                statusName: x.approvalStatus,
-                                                location: x.location,
-                                            };
-                                        });
-                                        var resulSearch = __spreadArray(__spreadArray([], __read(resultProcessSearch)), __read(resultDocumentSearch));
-                                        _this.selectProcessDocumentGlobalService.setSearchRelated(resulSearch);
-                                    }
-                                });
+                                if (_this.data.enabledInterconnected) {
+                                    rxjs.forkJoin([_this.treeService.searchProcess(keyword), _this.treeService.searchDocument(keyword), _this.treeService.searchProcessInterconnected(keyword)])
+                                        .toPromise()
+                                        .then(function (_a) {
+                                        var _b = __read(_a, 3), process = _b[0], document = _b[1], interconnected = _b[2];
+                                        if (process && document && interconnected) {
+                                            var resultProcessSearch = process.map(function (x) {
+                                                return {
+                                                    id: x.entityId,
+                                                    itemNumberId: x.processNumber.toString(),
+                                                    itemName: x.name,
+                                                    itemType: exports.DataType.process,
+                                                    status: x.status,
+                                                    statusName: x.approvalStatus,
+                                                    location: x.location,
+                                                };
+                                            });
+                                            var resultDocumentSearch = document.documents.map(function (x) {
+                                                return {
+                                                    id: x.id.toString(),
+                                                    itemNumberId: x.id.toString(),
+                                                    itemName: x.name,
+                                                    itemType: exports.DataType.document,
+                                                    status: 0,
+                                                    statusName: x.approvalStatus,
+                                                    location: x.location,
+                                                };
+                                            });
+                                            var resultInterconnectedSearch = interconnected.map(function (x) {
+                                                return {
+                                                    id: x.processInterconnectedEntityId,
+                                                    itemNumberId: x.processInterconnectedNumber.toString(),
+                                                    itemName: x.name,
+                                                    itemType: exports.DataType.processInterconnected,
+                                                    status: x.status,
+                                                    statusName: x.approvalStatus,
+                                                    location: x.location,
+                                                };
+                                            });
+                                            var resulSearch = __spreadArray(__spreadArray(__spreadArray([], __read(resultProcessSearch)), __read(resultDocumentSearch)), __read(resultInterconnectedSearch));
+                                            _this.selectProcessDocumentGlobalService.setSearchRelated(resulSearch);
+                                        }
+                                    });
+                                }
+                                else {
+                                    rxjs.forkJoin([_this.treeService.searchProcess(keyword), _this.treeService.searchDocument(keyword)])
+                                        .toPromise()
+                                        .then(function (_a) {
+                                        var _b = __read(_a, 2), process = _b[0], document = _b[1];
+                                        if (process && document) {
+                                            var resultProcessSearch = process.map(function (x) {
+                                                return {
+                                                    id: x.entityId,
+                                                    itemNumberId: x.processNumber.toString(),
+                                                    itemName: x.name,
+                                                    itemType: exports.DataType.process,
+                                                    status: x.status,
+                                                    statusName: x.approvalStatus,
+                                                    location: x.location,
+                                                };
+                                            });
+                                            var resultDocumentSearch = document.documents.map(function (x) {
+                                                return {
+                                                    id: x.id.toString(),
+                                                    itemNumberId: x.id.toString(),
+                                                    itemName: x.name,
+                                                    itemType: exports.DataType.document,
+                                                    status: 0,
+                                                    statusName: x.approvalStatus,
+                                                    location: x.location,
+                                                };
+                                            });
+                                            var resulSearch = __spreadArray(__spreadArray([], __read(resultProcessSearch)), __read(resultDocumentSearch));
+                                            _this.selectProcessDocumentGlobalService.setSearchRelated(resulSearch);
+                                        }
+                                    });
+                                }
                             });
                             dialogRef.componentInstance.onExpandProcessArea.subscribe(function (area) {
-                                _this.treeService.getProcessAreaContents(area.id).toPromise().then(function (res) {
+                                _this.treeService.getProcessAreaContents(area.id, true, _this.data.enabledInterconnected).toPromise().then(function (res) {
                                     if (res) {
                                         var areas = res.areas.map(function (x) {
                                             return {
@@ -11610,7 +12337,8 @@
                                                 expandable: false,
                                                 statusId: x.status,
                                                 statusName: x.approvalStatus,
-                                                displayId: x.processNumber
+                                                displayId: x.processNumber,
+                                                itemType: x.processClassification === ProcessClassification.InterconnectedProcess ? exports.DataType.processInterconnected : exports.DataType.process
                                             };
                                         }) || [];
                                         _this.selectProcessDocumentGlobalService.setProcessAreaChildren(__spreadArray(__spreadArray([], __read(areas)), __read(processes)));
@@ -11681,6 +12409,8 @@
                 case exports.DataType.folder:
                     url = "/folder/" + data.id;
                     break;
+                case exports.DataType.processInterconnected:
+                    url = "/process-interconnected/" + data.displayId;
                 default:
                     break;
             }
@@ -11852,7 +12582,7 @@
                 case exports.LinkType.anchorDocument:
                     link.url = "" + this.selectedLinkType + 0 + "/document/" + this.documentId + "#" + this.anchorByName;
                     link.title = this.anchorTitle;
-                    link.targetId = exports.TargetType.topmost;
+                    link.targetId = this.selectedTargetAnchorDocument;
                     break;
             }
             this.dialogRef.close(link);
@@ -11910,7 +12640,7 @@
     QMSCKEditorLinkComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "qms-ckeditor-link",
-                    template: "<div id=\"qmsckeditor_link\" class=\"qmsckeditor qmsckeditor__link__container\">\r\n  <div id=\"qmsckeditor_link_header\">\r\n    <span id=\"qmsckeditor_link_header_001\" mat-icon-button class=\"qmsckeditor button__close\" (click)=\"onCloseDialog()\">\r\n      <mat-icon>close</mat-icon>\r\n    </span>\r\n    <div id=\"qmsckeditor_link_header_002\" mat-dialog-content>\r\n      <h2 id=\"qmsckeditor_link_header_001\">\r\n        {{ LANG.QMSCKEDITOR.LINK }}\r\n      </h2>\r\n    </div>\r\n  </div>\r\n  <div id=\"qmsckeditor_link_type\" class=\"row\">\r\n    <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\r\n      <mat-label>{{ LANG.QMSCKEDITOR.LINK_TYPE }}</mat-label>\r\n      <mat-select disableOptionCentering name=\"linkTypeList\" [(ngModel)]=\"selectedLinkType\"\r\n        (ngModelChange)=\"onSelectedLinkType()\">\r\n        <mat-option *ngFor=\"let link of linkTypes\" [value]=\"link.id\">\r\n          {{ link.name }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n  </div>\r\n\r\n  <div id=\"qmsckeditor_link_content\">\r\n    <form [formGroup]=\"linkFormGroup\" class=\"qmsckeditor link__content height row\"\r\n      *ngIf=\"selectedLinkType == LinkType.url\">\r\n      <div id=\"qmsckeditor_link_url\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\r\n        <mat-expansion-panel id=\"qmsckeditor_link_url_panel\" [expanded]=\"isExpanded\" (opened)=\"isExpanded = true\"\r\n          (closed)=\"isExpanded = false\">\r\n          <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n              {{ LANG.QMSCKEDITOR.URL_HEADER }}\r\n            </mat-panel-title>\r\n          </mat-expansion-panel-header>\r\n          <div id=\"qmsckeditor_link_url_001\" class=\"row mt-2\">\r\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.TARGET }}</mat-label>\r\n              <mat-select [(ngModel)]=\"selectedTarget\" formControlName=\"targetList\" disableOptionCentering>\r\n                <mat-option *ngFor=\"let target of targets\" [value]=\"target.id\">\r\n                  {{ target.name }}\r\n                </mat-option>\r\n              </mat-select>\r\n            </mat-form-field>\r\n          </div>\r\n          <div id=\"qmsckeditor_link_url_002\" class=\"row\">\r\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.PROTOCOL }}</mat-label>\r\n              <mat-select [(ngModel)]=\"selectedProtocol\" formControlName=\"protocolList\" disableOptionCentering>\r\n                <mat-option *ngFor=\"let protocol of protocols\" [value]=\"protocol.id\">\r\n                  {{ protocol.name }}\r\n                </mat-option>\r\n              </mat-select>\r\n            </mat-form-field>\r\n          </div>\r\n          <div id=\"qmsckeditor_link_url_003\" class=\"row\">\r\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.LINK_URL }}</mat-label>\r\n              <input matInput [(ngModel)]=\"url\" name=\"url\" formControlName=\"url\"\r\n                (ngModelChange)=\"getUrlToSetProtocol()\" (keydown.enter)=\"setLinkUrlType($event)\" />\r\n              <mat-error *ngIf=\"linkFormGroup.get('url').hasError('required')\" class=\"mt5\">\r\n              </mat-error>\r\n            </mat-form-field>\r\n          </div>\r\n          <div id=\"qmsckeditor_link_url_004\" class=\"row\">\r\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.TITLE }}</mat-label>\r\n              <input matInput [(ngModel)]=\"advisoryTitle\" formControlName=\"advisoryTitle\" />\r\n              <mat-error *ngIf=\"linkFormGroup.get('advisoryTitle').hasError('required')\" class=\"mt5\">\r\n              </mat-error>\r\n            </mat-form-field>\r\n          </div>\r\n          <div id=\"qmsckeditor_link_url_005\" class=\"qmsckeditor button__groups row\">\r\n            <div class=\"col-6 pl-3 ps-3\">\r\n              <button class=\"save\" mat-flat-button (click)=\"eHandbook(false, false)\">\r\n                {{ LANG.QMSCKEDITOR.DOCUMENT_PROCESS }}\r\n              </button>\r\n            </div>\r\n            <div class=\"col-6 pr-3 pe-3\">\r\n              <button class=\"save\" mat-flat-button (click)=\"attachment()\">\r\n                {{ LANG.QMSCKEDITOR.ATTACHMENT }}\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </mat-expansion-panel>\r\n      </div>\r\n    </form>\r\n\r\n    <form [formGroup]=\"anchorTextFormGroup\" class=\"qmsckeditor link__content height row\"\r\n      *ngIf=\"selectedLinkType == LinkType.anchorText\">\r\n      <div id=\"qmsckeditor_link_anchor_text\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\r\n        <mat-expansion-panel id=\"qmsckeditor_link_anchor_text_panel\" [expanded]=\"isExpanded\"\r\n          (opened)=\"isExpanded = true\" (closed)=\"isExpanded = false\">\r\n          <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n              {{ LANG.QMSCKEDITOR.ANCHOR_TEXT_HEADER }}\r\n            </mat-panel-title>\r\n          </mat-expansion-panel-header>\r\n          <div id=\"qmsckeditor_link_anchor_text_001\" class=\"row mt-2\">\r\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.ANCHOR_BY_NAME }}</mat-label>\r\n              <mat-select [(ngModel)]=\"anchorText\" formControlName=\"anchorText\">\r\n                <mat-option *ngFor=\"let editorAnchor of editorAnchors\" [value]=\"editorAnchor.anchorValue\"\r\n                  disableOptionCentering>\r\n                  {{ editorAnchor.viewValue }}\r\n                </mat-option>\r\n              </mat-select>\r\n              <mat-error *ngIf=\"\r\n                  anchorTextFormGroup.get('anchorText').hasError('required')\r\n                \" class=\"mt5\">\r\n              </mat-error>\r\n            </mat-form-field>\r\n          </div>\r\n        </mat-expansion-panel>\r\n      </div>\r\n    </form>\r\n\r\n    <form [formGroup]=\"emailFormGroup\" class=\"qmsckeditor link__content height row\"\r\n      *ngIf=\"selectedLinkType == LinkType.email\">\r\n      <div id=\"qmsckeditor_link_email\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\r\n        <mat-expansion-panel id=\"qmsckeditor_link_email_panel\" [expanded]=\"isExpanded\" (opened)=\"isExpanded = true\"\r\n          (closed)=\"isExpanded = false\">\r\n          <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n              {{ LANG.QMSCKEDITOR.EMAIL_HEADER }}\r\n            </mat-panel-title>\r\n          </mat-expansion-panel-header>\r\n          <div id=\"qmsckeditor_link_email_001\" class=\"row\">\r\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_ADDRESS }}</mat-label>\r\n              <input matInput [(ngModel)]=\"emailAddress\" formControlName=\"emailAddress\" />\r\n              <mat-error *ngIf=\"emailFormGroup.get('emailAddress').hasError('required')\" class=\"mt5\">\r\n              </mat-error>\r\n            </mat-form-field>\r\n          </div>\r\n          <div id=\"qmsckeditor_link_email_002\" class=\"row\">\r\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_SUBJECT }}</mat-label>\r\n              <input matInput [(ngModel)]=\"emailSubject\" formControlName=\"emailSubject\" />\r\n              <mat-error *ngIf=\"emailFormGroup.get('emailSubject').hasError('required')\" class=\"mt5\">\r\n              </mat-error>\r\n            </mat-form-field>\r\n          </div>\r\n          <div id=\"qmsckeditor_link_email_003\" class=\"row\">\r\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_BODY }}</mat-label>\r\n              <textarea matInput [(ngModel)]=\"emailBody\" formControlName=\"emailBody\"></textarea>\r\n              <mat-error *ngIf=\"emailFormGroup.get('emailBody').hasError('required')\" class=\"mt5\">\r\n              </mat-error>\r\n            </mat-form-field>\r\n          </div>\r\n        </mat-expansion-panel>\r\n      </div>\r\n    </form>\r\n\r\n    <form [formGroup]=\"anchorDocFormGroup\" class=\"qmsckeditor link__content height row\"\r\n      *ngIf=\"selectedLinkType == LinkType.anchorDocument\">\r\n      <div id=\"qmsckeditor_link_anchor_doc\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\r\n        <mat-expansion-panel id=\"qmsckeditor_link_email_panel\" [expanded]=\"isExpanded\" (opened)=\"isExpanded = true\"\r\n          (closed)=\"isExpanded = false\">\r\n          <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n              {{ LANG.QMSCKEDITOR.DOCUMENT_HEADER }}\r\n            </mat-panel-title>\r\n          </mat-expansion-panel-header>\r\n          <div id=\"qmsckeditor_link_anchor_doc_001\" class=\"qmsckeditor button__groups row\">\r\n            <div class=\"col-6 pl-3 ps-3\">\r\n              <button class=\"cancel\" mat-flat-button (click)=\"eHandbook(true, true)\">\r\n                {{ LANG.QMSCKEDITOR.DOCUMENT }}\r\n              </button>\r\n            </div>\r\n          </div>\r\n          <div id=\"qmsckeditor_link_anchor_doc_002\" class=\"row mt-4\">\r\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.DOCUMENT }}</mat-label>\r\n              <input matInput [(ngModel)]=\"anchorTitle\" formControlName=\"anchorTitle\" />\r\n              <mat-error *ngIf=\"\r\n                  anchorDocFormGroup.get('anchorTitle').hasError('required')\r\n                \" class=\"mt5\">\r\n              </mat-error>\r\n            </mat-form-field>\r\n          </div>\r\n          <div id=\"qmsckeditor_link_anchor_doc_003\" class=\"row mt-2\">\r\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.ANCHOR_BY_NAME }}</mat-label>\r\n              <mat-select [(ngModel)]=\"anchorByName\" formControlName=\"anchorByName\" disableOptionCentering>\r\n                <mat-option *ngFor=\"let docAnchor of documentAnchors\" [value]=\"docAnchor.anchorValue\">\r\n                  {{ docAnchor.viewValue }}\r\n                </mat-option>\r\n              </mat-select>\r\n              <mat-error *ngIf=\"\r\n                  anchorDocFormGroup.get('anchorByName').hasError('required')\r\n                \" class=\"mt5\">\r\n              </mat-error>\r\n            </mat-form-field>\r\n          </div>\r\n        </mat-expansion-panel>\r\n      </div>\r\n    </form>\r\n  </div>\r\n\r\n  <div id=\"qmsckeditor_link_footer\" class=\"qmsckeditor button__groups row\">\r\n    <div class=\"col-12 mt-3 pl-3 pr-3 ps-3 pe-3\">\r\n      <button class=\"save\" mat-flat-button (click)=\"setLink()\" [disabled]=\"disableOkButton()\">\r\n        {{ LANG.QMSCKEDITOR.OK }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>",
+                    template: "<div id=\"qmsckeditor_link\" class=\"qmsckeditor qmsckeditor__link__container\">\n  <div id=\"qmsckeditor_link_header\">\n    <span id=\"qmsckeditor_link_header_001\" mat-icon-button class=\"qmsckeditor button__close\" (click)=\"onCloseDialog()\">\n      <mat-icon>close</mat-icon>\n    </span>\n    <div id=\"qmsckeditor_link_header_002\" mat-dialog-content>\n      <h2 id=\"qmsckeditor_link_header_001\">\n        {{ LANG.QMSCKEDITOR.LINK }}\n      </h2>\n    </div>\n  </div>\n  <div id=\"qmsckeditor_link_type\" class=\"row\">\n    <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n      <mat-label>{{ LANG.QMSCKEDITOR.LINK_TYPE }}</mat-label>\n      <mat-select disableOptionCentering name=\"linkTypeList\" [(ngModel)]=\"selectedLinkType\"\n        (ngModelChange)=\"onSelectedLinkType()\">\n        <mat-option *ngFor=\"let link of linkTypes\" [value]=\"link.id\">\n          {{ link.name }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <div id=\"qmsckeditor_link_content\">\n    <form [formGroup]=\"linkFormGroup\" class=\"qmsckeditor link__content height row\"\n      *ngIf=\"selectedLinkType == LinkType.url\">\n      <div id=\"qmsckeditor_link_url\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\n        <mat-expansion-panel id=\"qmsckeditor_link_url_panel\" [expanded]=\"isExpanded\" (opened)=\"isExpanded = true\"\n          (closed)=\"isExpanded = false\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              {{ LANG.QMSCKEDITOR.URL_HEADER }}\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <div id=\"qmsckeditor_link_url_001\" class=\"row mt-2\">\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n              <mat-label>{{ LANG.QMSCKEDITOR.TARGET }}</mat-label>\n              <mat-select [(ngModel)]=\"selectedTarget\" formControlName=\"targetList\" disableOptionCentering>\n                <mat-option *ngFor=\"let target of targets\" [value]=\"target.id\">\n                  {{ target.name }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_url_002\" class=\"row\">\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n              <mat-label>{{ LANG.QMSCKEDITOR.PROTOCOL }}</mat-label>\n              <mat-select [(ngModel)]=\"selectedProtocol\" formControlName=\"protocolList\" disableOptionCentering>\n                <mat-option *ngFor=\"let protocol of protocols\" [value]=\"protocol.id\">\n                  {{ protocol.name }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_url_003\" class=\"row\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.LINK_URL }}</mat-label>\n              <input matInput [(ngModel)]=\"url\" name=\"url\" formControlName=\"url\"\n                (ngModelChange)=\"getUrlToSetProtocol()\" (keydown.enter)=\"setLinkUrlType($event)\" />\n              <mat-error *ngIf=\"linkFormGroup.get('url').hasError('required')\" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_url_004\" class=\"row\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.TITLE }}</mat-label>\n              <input matInput [(ngModel)]=\"advisoryTitle\" formControlName=\"advisoryTitle\" />\n              <mat-error *ngIf=\"linkFormGroup.get('advisoryTitle').hasError('required')\" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_url_005\" class=\"qmsckeditor button__groups row\">\n            <div class=\"col-6 pl-3 ps-3\">\n              <button class=\"save\" mat-flat-button (click)=\"eHandbook(false, false)\">\n                {{ LANG.QMSCKEDITOR.DOCUMENT_PROCESS }}\n              </button>\n            </div>\n            <div class=\"col-6 pr-3 pe-3\">\n              <button class=\"save\" mat-flat-button (click)=\"attachment()\">\n                {{ LANG.QMSCKEDITOR.ATTACHMENT }}\n              </button>\n            </div>\n          </div>\n        </mat-expansion-panel>\n      </div>\n    </form>\n\n    <form [formGroup]=\"anchorTextFormGroup\" class=\"qmsckeditor link__content height row\"\n      *ngIf=\"selectedLinkType == LinkType.anchorText\">\n      <div id=\"qmsckeditor_link_anchor_text\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\n        <mat-expansion-panel id=\"qmsckeditor_link_anchor_text_panel\" [expanded]=\"isExpanded\"\n          (opened)=\"isExpanded = true\" (closed)=\"isExpanded = false\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              {{ LANG.QMSCKEDITOR.ANCHOR_TEXT_HEADER }}\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <div id=\"qmsckeditor_link_anchor_text_001\" class=\"row mt-2\">\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n              <mat-label>{{ LANG.QMSCKEDITOR.ANCHOR_BY_NAME }}</mat-label>\n              <mat-select [(ngModel)]=\"anchorText\" formControlName=\"anchorText\">\n                <mat-option *ngFor=\"let editorAnchor of editorAnchors\" [value]=\"editorAnchor.anchorValue\"\n                  disableOptionCentering>\n                  {{ editorAnchor.viewValue }}\n                </mat-option>\n              </mat-select>\n              <mat-error *ngIf=\"\n                  anchorTextFormGroup.get('anchorText').hasError('required')\n                \" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n        </mat-expansion-panel>\n      </div>\n    </form>\n\n    <form [formGroup]=\"emailFormGroup\" class=\"qmsckeditor link__content height row\"\n      *ngIf=\"selectedLinkType == LinkType.email\">\n      <div id=\"qmsckeditor_link_email\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\n        <mat-expansion-panel id=\"qmsckeditor_link_email_panel\" [expanded]=\"isExpanded\" (opened)=\"isExpanded = true\"\n          (closed)=\"isExpanded = false\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              {{ LANG.QMSCKEDITOR.EMAIL_HEADER }}\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <div id=\"qmsckeditor_link_email_001\" class=\"row\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_ADDRESS }}</mat-label>\n              <input matInput [(ngModel)]=\"emailAddress\" formControlName=\"emailAddress\" />\n              <mat-error *ngIf=\"emailFormGroup.get('emailAddress').hasError('required')\" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_email_002\" class=\"row\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_SUBJECT }}</mat-label>\n              <input matInput [(ngModel)]=\"emailSubject\" formControlName=\"emailSubject\" />\n              <mat-error *ngIf=\"emailFormGroup.get('emailSubject').hasError('required')\" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_email_003\" class=\"row\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_BODY }}</mat-label>\n              <textarea matInput [(ngModel)]=\"emailBody\" formControlName=\"emailBody\"></textarea>\n              <mat-error *ngIf=\"emailFormGroup.get('emailBody').hasError('required')\" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n        </mat-expansion-panel>\n      </div>\n    </form>\n\n    <form [formGroup]=\"anchorDocFormGroup\" class=\"qmsckeditor link__content height row\"\n      *ngIf=\"selectedLinkType == LinkType.anchorDocument\">\n      <div id=\"qmsckeditor_link_anchor_doc\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\n        <mat-expansion-panel id=\"qmsckeditor_link_email_panel\" [expanded]=\"isExpanded\" (opened)=\"isExpanded = true\"\n          (closed)=\"isExpanded = false\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              {{ LANG.QMSCKEDITOR.DOCUMENT_HEADER }}\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <div id=\"qmsckeditor_link_anchor_doc_001\" class=\"qmsckeditor button__groups row\">\n            <div class=\"col-6 pl-3 ps-3\">\n              <button class=\"cancel\" mat-flat-button (click)=\"eHandbook(true, true)\">\n                {{ LANG.QMSCKEDITOR.DOCUMENT }}\n              </button>\n            </div>\n          </div>\n          <div id=\"qmsckeditor_link_anchor_doc_002\" class=\"row mt-4\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.DOCUMENT }}</mat-label>\n              <input matInput [(ngModel)]=\"anchorTitle\" formControlName=\"anchorTitle\" />\n              <mat-error *ngIf=\"\n                  anchorDocFormGroup.get('anchorTitle').hasError('required')\n                \" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_anchor_doc_003\" class=\"row mt-2\">\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n              <mat-label>{{ LANG.QMSCKEDITOR.TARGET }}</mat-label>\n              <mat-select [(ngModel)]=\"selectedTargetAnchorDocument\" formControlName=\"targetList\" disableOptionCentering>\n                <mat-option *ngFor=\"let target of targets\" [value]=\"target.id\">\n                  {{ target.name }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_anchor_doc_004\" class=\"row mt-2\">\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n              <mat-label>{{ LANG.QMSCKEDITOR.ANCHOR_BY_NAME }}</mat-label>\n              <mat-select [(ngModel)]=\"anchorByName\" formControlName=\"anchorByName\" disableOptionCentering>\n                <mat-option *ngFor=\"let docAnchor of documentAnchors\" [value]=\"docAnchor.anchorValue\">\n                  {{ docAnchor.viewValue }}\n                </mat-option>\n              </mat-select>\n              <mat-error *ngIf=\"\n                  anchorDocFormGroup.get('anchorByName').hasError('required')\n                \" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n        </mat-expansion-panel>\n      </div>\n    </form>\n  </div>\n\n  <div id=\"qmsckeditor_link_footer\" class=\"qmsckeditor button__groups row\">\n    <div class=\"col-12 mt-3 pl-3 pr-3 ps-3 pe-3\">\n      <button class=\"save\" mat-flat-button (click)=\"setLink()\" [disabled]=\"disableOkButton()\">\n        {{ LANG.QMSCKEDITOR.OK }}\n      </button>\n    </div>\n  </div>\n</div>",
                     styles: [".mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt7{margin-top:7px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml5{margin-left:5px!important}.ml15{margin-left:15px!important}.ml10{margin-left:10px!important}.ml12{margin-left:12px!important}.ml16{margin-left:16px!important}.ml-auto{margin-left:auto!important}.ml-25{margin-left:-25px!important}.mr5{margin-right:5px!important}.mr12{margin-right:12px!important}.mr15{margin-right:15px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.pt8{padding-top:8px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pl15{padding-left:15px!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.pr15{padding-right:15px!important}.fs12{font-size:12px}.fs14{font-size:14px!important}.fs16{font-size:16px!important}.fs22{font-size:22px!important}.fw500{font-weight:500!important}.italic-text{font-style:italic}.display-flex{display:flex}.qmsckeditor{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.qmsckeditor h2{font-size:20px;font-weight:400}.qmsckeditor .mat-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close,.qmsckeditor.button__done{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__done{margin-right:20px}.qmsckeditor.button__done .mat-icon{color:#28a745;font-weight:700}.qmsckeditor.button__groups button{min-height:40px;width:100%;border-radius:4px;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px}.qmsckeditor.button__groups .save{background:#f8f9f9}.qmsckeditor.button__groups .save:hover{background:#e5e7e9}.qmsckeditor.button__groups .save:disabled{cursor:not-allowed}.qmsckeditor.button__groups .cancel{background:#f8f9f9}.qmsckeditor.button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.button__groups .cancel:disabled{cursor:not-allowed}.qmsckeditor.button__groups .delete{background:#f8f9f9}.qmsckeditor.button__groups .delete:hover{background:#e5e7e9}.qmsckeditor.button__groups .delete:disabled{cursor:not-allowed}.qmsckeditor.confirm__button__groups button{min-height:36px;border-radius:4px;width:auto;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px}.qmsckeditor.confirm__button__groups .confirm{background:#f8f9f9}.qmsckeditor.confirm__button__groups .confirm:hover{background:#e5e7e9}.qmsckeditor.confirm__button__groups .cancel{background:#f8f9f9}.qmsckeditor.confirm__button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.template-content.height{min-height:420px;max-height:520px;overflow:auto}.qmsckeditor.template-content.title{margin-left:-9px}.qmsckeditor.link__content.height{min-height:400px;max-height:520px}.qmsckeditor.card{margin-bottom:10px;min-height:60px;box-shadow:none;border:1px solid #e5e5e5}.qmsckeditor.card .title{font-weight:700}.qmsckeditor.card .content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qmsckeditor.card .material-icons{font-size:20px}.qmsckeditor.tooltip-content.height{min-height:400px;max-height:472px;overflow:auto}.qmsckeditor.save__as__template.height{height:125px}.ck-content .ck-horizontal-line,.ck-content .page-break{width:100%}.ck-content hr{background:#ccc}.ck-font-size-dropdown .ck-dropdown__panel ul{max-height:320px;overflow-y:auto}.ck-font-size-dropdown .ck-dropdown__panel ul li .ck-fontsize-option .ck-button__label{line-height:50px}.qmsckeditor__link__container textarea.mat-input-element{min-height:130px}"]
                 },] }
     ];
@@ -12947,10 +13677,223 @@
     CKEditorEventConst.QMSCK_BROWSE_VIDEO_MSG = 'QMSCK_BROWSE_VIDEO_MSG';
     CKEditorEventConst.QMSCK_BROWSE_VIDEO_RESP = 'QMSCK_BROWSE_VIDEO_RESP';
 
+    function BuildResourceNO(LANG) {
+        if (LANG === void 0) { LANG = null; }
+        return {
+            dictionary: {
+                // words of CK5 possible ONLY via the Transifex online service
+                "%0 of %1": "%0 av %1",
+                "Align center": "Midtstill",
+                "Align left": "Venstrejuster",
+                "Align right": "Høyrejuster",
+                "Aquamarine": "Akvamarin",
+                "Big": "Stor",
+                "Black": "Svart",
+                "Block quote": "Blokksitat",
+                "Blue": "Blå",
+                "Bold": "Fet",
+                "Bulleted List": "Punktliste",
+                "Cancel": "Avbryt",
+                "Cannot upload file:": "Kan ikke laste opp fil:",
+                "Centered image": "Midtstilt bilde",
+                "Change image text alternative": "Endre tekstalternativ til bildet",
+                "Characters: % 0": "Tegn: %0",
+                "Could not insert image at the current position.": "Kunne ikke sette inn bilde på gjeldende posisjon.",
+                "Could not obtain resized image URL.": "Kunne ikke finne URL for bilde med endret størrelse.",
+                "Decrease indent": "Reduser innrykk",
+                "Default": "Standard",
+                "Dim grey": "Svak grå",
+                "Document colors": "Dokumentfarger",
+                "Dropdown toolbar": "Verktøylinje for nedtrekksliste",
+                "Edit block": "Rediger blokk",
+                "Editor toolbar": "Verktøylinje for redigeringsverktøy",
+                "Enter image caption": "Skriv inn bildetekst",
+                "Font Background Color": "Uthevingsfarge for tekst",
+                "Font Color": "Skriftfarge",
+                "Font Family": "Skrifttypefamilie",
+                "Font Size": "Skriftstørrelse",
+                "Full size image": "Bilde i full størrelse",
+                "Green": "Grønn",
+                "Grey": "Grå",
+                "Horizontal line": "Horisontal linje",
+                "Huge": "Veldig stor",
+                "Image resize list": "",
+                "Image toolbar": "Verktøylinje for bilde",
+                "Increase indent": "Øk innrykk",
+                "Insert image": "Sett inn bilde",
+                "Insert image or file": "Sett inn bilde eller fil",
+                "Insert paragraph after block": "",
+                "Insert paragraph before block": "",
+                "Inserting image failed": "Innsetting av bilde mislyktes",
+                "Italic": "Kursiv",
+                "Justify": "Blokkjuster",
+                "Left aligned image": "Venstrejustert bilde",
+                "Light blue": "Lyseblå",
+                "Light green": "Lysegrønn",
+                "Light grey": "Lysegrå",
+                "Next": "Neste",
+                "Numbered List": "Nummerert liste",
+                "Orange": "Oransje",
+                "Original": "Opprinnelig",
+                "Page break": "Sideskift ",
+                "Previous": "Forrige",
+                "Purple": "Lilla",
+                "Red": "Rød",
+                "Redo": "Gjør om",
+                "Remove Format": "Fjern formatering",
+                "Remove color": "Fjern farge",
+                "Resize image": "",
+                "Resize image to %0": "",
+                "Resize image to the original size": "",
+                "Rich Text Editor": "Tekstredigeringsverktøy for rik tekst",
+                "Rich Text Editor, %0": "Tekstredigeringsverktøy for rik tekst, %0",
+                "Right aligned image": "Høyrejustert bilde",
+                "Save": "Lagre",
+                "Select all": "Velg alt ",
+                "Selecting resized image failed": "Kunne ikke velge bilde med endret størrelse",
+                "Show more items": "Vis flere elementer",
+                "Side image": "Sidestilt bilde",
+                "Small": "Liten",
+                "Source": "Kilde",
+                "Strikethrough": "Gjennomstreket",
+                "Subscript": "Senket skrift",
+                "Superscript": "Hevet skrift",
+                "Text alignment": "Tekstjustering",
+                "Text alignment toolbar": "Verktøylinje for tekstjustering",
+                "Text alternative": "Tekstalternativ",
+                "Tiny": "Veldig liten",
+                "Turquoise": "Turkis",
+                "Underline": "Understreket",
+                "Undo": "Angre",
+                "Upload failed": "Kunne ikke laste opp",
+                "Upload in progress": "Laster opp fil",
+                "White": "Hvit",
+                "Widget toolbar": "Widget verktøylinje ",
+                "Words: %0": "Ord: %0",
+                "Yellow": "Gul",
+                "image widget": "Bilde-widget",
+                // additinal custom words
+                "Maximize": LANG.QMSCKEDITOR.MAXIMIZE,
+                "Minimize": LANG.QMSCKEDITOR.MINIMIZE,
+                "Paragraph": LANG.QMSCKEDITOR.PARAGRAPH,
+                "Heading": LANG.QMSCKEDITOR.HEADING,
+                "Heading %0": LANG.QMSCKEDITOR.HEADING_NUMBER,
+                "Choose heading": LANG.QMSCKEDITOR.CHOOSE_HEADING,
+                "Special characters": LANG.QMSCKEDITOR.SPECIAL_CHARACTERS,
+                "Business Process Model and Notation": LANG.QMSCKEDITOR.BPMN,
+                // Image
+                "Link image": LANG.QMSCKEDITOR.LINK_IMAGE,
+                "Edit link": LANG.QMSCKEDITOR.EDIT_LINK,
+                "This link has no URL": LANG.QMSCKEDITOR.THIS_LINK_HAS_NO_URL,
+                "Image Map": LANG.QMSCKEDITOR.IMAGE_MAP,
+                // Media
+                "Insert media": LANG.QMSCKEDITOR.INSERT_MEDIA,
+                "Resize media": LANG.QMSCKEDITOR.RESIZE_MEDIA,
+                "Full size media": LANG.QMSCKEDITOR.FULL_SIZE_MEDIA,
+                "Side media": LANG.QMSCKEDITOR.SIDE_MEDIA,
+                "Left aligned media": LANG.QMSCKEDITOR.LEFT_ALIGNED_MEDIA,
+                "Centered media": LANG.QMSCKEDITOR.CENTERED_MEDIA,
+                "Right aligned media": LANG.QMSCKEDITOR.RIGHT_ALIGNED_MEDIA,
+                "Paste the media URL in the input.": LANG.QMSCKEDITOR.PASTE_THE_MEDIA_URL_IN_THE_INPUT,
+                "Tip: Paste the URL into the content to embed faster.": LANG.QMSCKEDITOR.MEDIA_TIP,
+                // Video
+                "Browse Video": LANG.QMSCKEDITOR.BROWSE_VIDEO,
+                "Full size video": LANG.QMSCKEDITOR.FULL_SIZE_VIDEO,
+                "Left aligned video": LANG.QMSCKEDITOR.LEFT_ALIGNED_VIDEO,
+                "Centered video": LANG.QMSCKEDITOR.CENTERED_VIDEO,
+                "Right aligned video": LANG.QMSCKEDITOR.RIGHT_ALIGNED_VIDEO,
+                // Link
+                "Link": LANG.QMSCKEDITOR.LINK,
+                // Anchor
+                "Anchor": LANG.QMSCKEDITOR.ANCHOR,
+                "Anchor name": LANG.QMSCKEDITOR.ANCHOR_NAME,
+                // Find and replace
+                "Find and replace": LANG.QMSCKEDITOR.FIND_AND_REPLACE,
+                "Find in text…": LANG.QMSCKEDITOR.FIND_IN_TEXT,
+                "Match case": LANG.QMSCKEDITOR.MATCH_CASE,
+                "Whole words only": LANG.QMSCKEDITOR.WHOLE_WORDS_ONLY,
+                "Find": LANG.QMSCKEDITOR.FIND,
+                "Replace with…": LANG.QMSCKEDITOR.REPLACE_WITH,
+                "Replace all": LANG.QMSCKEDITOR.REPLACE_ALL,
+                "Replace": LANG.QMSCKEDITOR.REPLACE,
+                // Table
+                "Column": LANG.QMSCKEDITOR.COLUMN,
+                "Header column": LANG.QMSCKEDITOR.HEADER_COLUMN,
+                "Insert column left": LANG.QMSCKEDITOR.INSERT_COLUMN_LEFT,
+                "Insert column right": LANG.QMSCKEDITOR.INSERT_COLUMN_RIGHT,
+                "Delete column": LANG.QMSCKEDITOR.DELETE_COLUMN,
+                "Select column": LANG.QMSCKEDITOR.SELECT_COLUMN,
+                "Row": LANG.QMSCKEDITOR.ROW,
+                "Header row": LANG.QMSCKEDITOR.HEADER_ROW,
+                "Insert row above": LANG.QMSCKEDITOR.INSERT_ROW_ABOVE,
+                "Insert row below": LANG.QMSCKEDITOR.INSERT_ROW_BELOW,
+                "Delete row": LANG.QMSCKEDITOR.DELETE_ROW,
+                "Select row": LANG.QMSCKEDITOR.SELECT_ROW,
+                "Merge cells": LANG.QMSCKEDITOR.MERGE_CELLS,
+                "Merge cell up": LANG.QMSCKEDITOR.MERGE_CELL_UP,
+                "Merge cell right": LANG.QMSCKEDITOR.MERGE_CELL_RIGHT,
+                "Merge cell down": LANG.QMSCKEDITOR.MERGE_CELL_DOWN,
+                "Merge cell left": LANG.QMSCKEDITOR.MERGE_CELL_LEFT,
+                "Split cell vertically": LANG.QMSCKEDITOR.SPLIT_CELL_VERTICALLY,
+                "Split cell horizontally": LANG.QMSCKEDITOR.SPLIT_CELL_HORIZONTALLY,
+                "Table properties": LANG.QMSCKEDITOR.TABLE_PROPERTIES,
+                "Border": LANG.QMSCKEDITOR.BORDER,
+                "Style": LANG.QMSCKEDITOR.STYLE,
+                "None": LANG.QMSCKEDITOR.NONE,
+                "Solid": LANG.QMSCKEDITOR.SOLID,
+                "Dotted": LANG.QMSCKEDITOR.DOTTED,
+                "Dashed": LANG.QMSCKEDITOR.DASHED,
+                "Double": LANG.QMSCKEDITOR.DOUBLE,
+                "Groove": LANG.QMSCKEDITOR.GROOVE,
+                "Ridge": LANG.QMSCKEDITOR.RIDGE,
+                "Inset": LANG.QMSCKEDITOR.INSET,
+                "Outset": LANG.QMSCKEDITOR.OUTSET,
+                "Color": LANG.QMSCKEDITOR.COLOR,
+                "Color picker": LANG.QMSCKEDITOR.COLOR_PICKER,
+                "Width": LANG.QMSCKEDITOR.WIDTH,
+                "Height": LANG.QMSCKEDITOR.HEIGHT,
+                "Background": LANG.QMSCKEDITOR.BACKGROUND,
+                "Dimensions": LANG.QMSCKEDITOR.DIMENSION,
+                "Alignment": LANG.QMSCKEDITOR.ALIGNMENT,
+                "Align table to the left": LANG.QMSCKEDITOR.ALIGN_TABLE_LEFT,
+                "Center table": LANG.QMSCKEDITOR.CENTER_TABLE,
+                "Align table to the right": LANG.QMSCKEDITOR.ALIGN_TABLE_RIGHT,
+                "Cell properties": LANG.QMSCKEDITOR.CELL_PROPERTIES,
+                "Padding": LANG.QMSCKEDITOR.PADDING,
+                "Table cell text alignment": LANG.QMSCKEDITOR.TABLE_CELL_TEXT_ALIGNMENT,
+                "Align cell text to the left": LANG.QMSCKEDITOR.ALIGN_CELL_TEXT_LEFT,
+                "Align cell text to the center": LANG.QMSCKEDITOR.ALIGN_CELL_TEXT_CENTER,
+                "Align cell text to the right": LANG.QMSCKEDITOR.ALIGN_CELL_TEXT_RIGHT,
+                "Justify cell text": LANG.QMSCKEDITOR.JUSTIFY_CELL_TEXT,
+                "Align cell text to the top": LANG.QMSCKEDITOR.ALIGN_CELL_TEXT_TOP,
+                "Align cell text to the middle": LANG.QMSCKEDITOR.ALIGN_CELL_TEXT_MIDDLE,
+                "Align cell text to the bottom": LANG.QMSCKEDITOR.ALIGN_CELL_TEXT_BOTTOM,
+                // Other
+                "Toggle Toolbar": LANG.QMSCKEDITOR.TOGGLE_TOOLBAR,
+                "Insert table": LANG.QMSCKEDITOR.INSERT_TABLE,
+                "Tooltip": LANG.QMSCKEDITOR.TOOLTIP,
+                "Timestamp": LANG.QMSCKEDITOR.TIMESTAMP,
+                "Add Template": LANG.QMSCKEDITOR.ADD_TEMPLATE,
+                "Templates": LANG.QMSCKEDITOR.TEMPLATES,
+                "About CKEditor": LANG.QMSCKEDITOR.ABOUT_CKEDITOR,
+                "Create Table of Contents": LANG.QMSCKEDITOR.CREATE_TABLE_OF_CONTENTS,
+            }
+        };
+    }
+    var CKEditorBuildResourceFunctions = {
+        BuildResourceNO: BuildResourceNO,
+    };
+
     var IFRAME_SRC = '//cdn.iframe.ly/api/iframe';
     var API_KEY = 'b499e92e857f435c39c14d';
-    function getCKEditorConfiguration(itemToolbar, availableLanguages) {
-        if (availableLanguages === void 0) { availableLanguages = null; }
+    function getCKEditorConfiguration(itemToolbar, LANG, language) {
+        if (LANG === void 0) { LANG = null; }
+        if (language === void 0) { language = 'en'; }
+        if (window['CKEDITOR_TRANSLATIONS']) {
+            // Add dictionary no for ckeditor 5 (locale)
+            window['CKEDITOR_TRANSLATIONS'].no = CKEditorBuildResourceFunctions.BuildResourceNO(LANG);
+            window['CKEDITOR_TRANSLATIONS'].nn = CKEditorBuildResourceFunctions.BuildResourceNO(LANG);
+        }
         var ckeditorConfig = {
             toolbar: {
                 items: [],
@@ -12958,7 +13901,7 @@
                 viewportTopOffset: 30,
                 shouldNotGroupWhenFull: true
             },
-            language: 'en',
+            language: language,
             table: {
                 contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells', 'tableProperties', 'tableCellProperties']
             },
@@ -12979,15 +13922,15 @@
                     '|',
                     'imageMap',
                     '|',
-                    'qmsFlowchart',
-                    '|',
+                    // 'qmsFlowchart',
+                    // '|',
                     'qmsBpmn'
                 ],
                 resizeOptions: [
                     {
                         name: 'imageResize:original',
                         value: null,
-                        label: 'Original',
+                        label: LANG.QMSCKEDITOR.ORIGINAL,
                         icon: 'original'
                     },
                     {
@@ -13028,7 +13971,7 @@
                     {
                         name: 'videoResize:original',
                         value: null,
-                        label: 'Original',
+                        label: LANG.QMSCKEDITOR.ORIGINAL,
                         icon: 'original'
                     },
                     {
@@ -13069,7 +14012,7 @@
                     {
                         name: 'mediaResize:original',
                         value: null,
-                        label: 'Original',
+                        label: LANG.QMSCKEDITOR.ORIGINAL,
                         icon: 'original'
                     },
                     {
@@ -13114,7 +14057,7 @@
                     {
                         name: 'mediaResize:original',
                         value: null,
-                        label: 'Original',
+                        label: LANG.QMSCKEDITOR.ORIGINAL,
                         icon: 'original'
                     },
                     {
@@ -13226,11 +14169,6 @@
                     generatePtSetting(48)
                 ]
             },
-            getTranslateLabel: function (propertyResource, defaultLabel) {
-                if (availableLanguages && availableLanguages.QMSCKEDITOR[propertyResource])
-                    return availableLanguages.QMSCKEDITOR[propertyResource];
-                return defaultLabel;
-            }
         };
         if (itemToolbar) {
             var itemArray = itemToolbar.split(',');
@@ -16419,6 +17357,12 @@
                 joint.ui.FreeTransform.clear(paper);
                 freeTransform = null;
                 joint.ui.Halo.clear(paper);
+                var cells = graph.getCells();
+                cells.forEach(function (cell) {
+                    if (cell.get('type') === 'bpmn2.HeaderedPool') {
+                        cell.set('z', -1);
+                    }
+                });
             }
             function isSelectedCellViewInSelection(selection) {
                 var models = selection.collection.toArray() || [];
@@ -16866,6 +17810,7 @@
             }
         };
         BpmnService.prototype.onChangeLinkLabel = function (cell, defSize) {
+            var _a, _b;
             if (cell.isLink()) {
                 var size = defSize;
                 var refPos_1 = 0;
@@ -16878,8 +17823,8 @@
                     refPos_1 += 1;
                     return true;
                 });
-                if (graph.getLinks()[refPos_1].attributes.attrs.text &&
-                    graph.getLinks()[refPos_1].attributes.attrs.text['font-size']) {
+                if (((_a = graph.getLinks()[refPos_1]) === null || _a === void 0 ? void 0 : _a.attributes.attrs.text) &&
+                    ((_b = graph.getLinks()[refPos_1]) === null || _b === void 0 ? void 0 : _b.attributes.attrs.text['font-size'])) {
                     size = graph.getLinks()[refPos_1].attributes.attrs.text['font-size'];
                 }
                 graph.getLinks()[refPos_1].prop('labels/0/attrs/label/fontSize', size);
@@ -20004,7 +20949,7 @@
 
     var QMSCKEditorImageMapComponent = /** @class */ (function (_super) {
         __extends(QMSCKEditorImageMapComponent, _super);
-        function QMSCKEditorImageMapComponent(renderer, cdr, dialog, translate, linkService, dialogRef, commonService, data, iconRegistry, sanitizer) {
+        function QMSCKEditorImageMapComponent(renderer, cdr, dialog, translate, linkService, dialogRef, commonService, data, iconRegistry, sanitizer, treeService, selectProcessDocumentGlobalService) {
             var _this = _super.call(this) || this;
             _this.renderer = renderer;
             _this.cdr = cdr;
@@ -20014,6 +20959,8 @@
             _this.dialogRef = dialogRef;
             _this.commonService = commonService;
             _this.data = data;
+            _this.treeService = treeService;
+            _this.selectProcessDocumentGlobalService = selectProcessDocumentGlobalService;
             _this.linkTypes = [];
             _this.targets = [];
             _this.protocols = [];
@@ -20042,6 +20989,12 @@
             _this.anchorDocuments = [];
             //documentAnchors: IAnchor[];
             _this.imageListeners = [];
+            _this.documentTypes = [
+                exports.DocumentNodeType.Document,
+                exports.DocumentNodeType.FileDocument,
+                exports.DocumentNodeType.LinkDocument,
+                exports.DocumentNodeType.ShortcutDocument
+            ];
             _this.imageMapData = data;
             _this.naturalImageHeight = _this.imageMapData.imageHeight;
             _this.naturalImageWidth = _this.imageMapData.imageWidth;
@@ -20367,35 +21320,236 @@
             }
         };
         QMSCKEditorImageMapComponent.prototype.eHandbook = function (isOnlyDocument, isAnchorDocument) {
-            var _this = this;
-            var data = new QMSCKEditorRelation();
-            data.isOnlyDocument = isOnlyDocument;
-            data.isEnableFolder = !isOnlyDocument;
-            var dialogTemplate = this.dialog.open(QMSCKEditorRelatedComponent, {
-                width: '650px',
-                height: '650px',
-                data: data,
-                disableClose: true
-            });
-            dialogTemplate
-                .afterClosed()
-                .pipe(operators.takeUntil(this.ngUnsubcribe))
-                .subscribe(function (result) {
-                if (result) {
-                    if (isAnchorDocument) {
-                        _this.documentId = result.id;
-                        //this.anchorTitle = `${result.title}(${result.id})`;
-                        _this.getAnchorDocument(result.id);
-                    }
-                    else {
-                        _this.parseLinkUrl(result.url);
-                        _this.selectedProtocol = exports.ProtocolTypeName.other;
-                        if (!_this.advisoryTitle) {
-                            _this.advisoryTitle = result.title;
-                        }
+            return __awaiter(this, void 0, void 0, function () {
+                var data, treeProcessData, treeDocumentData, dialogRef;
+                var _this = this;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            this.processConfig = {
+                                allowSelectFolder: true,
+                                areaOfCurrentProcess: '',
+                                showCheckBox: false,
+                                allowMultipleCheck: false,
+                                onlyCheckBoxForChild: false,
+                                moduleId: exports.DataType.process,
+                                openIconColor: '#1954A9',
+                                closeIconColor: '#a4b0de',
+                                singleSelectedNode: true,
+                                onlyFolder: false,
+                                selectOne: true
+                            };
+                            this.documentConfig = {
+                                allowSelectFolder: !isOnlyDocument,
+                                areaOfCurrentProcess: '',
+                                showCheckBox: false,
+                                moduleId: exports.DataType.document,
+                                allowMultipleCheck: false,
+                                onlyCheckBoxForChild: false,
+                                openIconColor: '#1954A9',
+                                closeIconColor: '#4acaff',
+                                singleSelectedNode: true,
+                                onlyFolder: false,
+                                selectOne: true
+                            };
+                            data = new SelectProcessDocumentPopupData();
+                            data.moduleId = exports.ModuleType.documentProcess;
+                            data.moduleName = this.LANG.QMSCKEDITOR.DOCUMENT_PROCESS;
+                            if (!!isOnlyDocument) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.treeService.getProcessAreaContents().toPromise()];
+                        case 1:
+                            treeProcessData = _a.sent();
+                            data.treeData1 = (treeProcessData === null || treeProcessData === void 0 ? void 0 : treeProcessData.areas.map(function (x) {
+                                return {
+                                    id: x.id,
+                                    name: x.name,
+                                    parentId: x.parentId === guidHelper.empty ? '' : x.parentId,
+                                    statusId: 0,
+                                    statusName: '',
+                                    displayId: 0,
+                                    expandable: true
+                                };
+                            })) || [];
+                            _a.label = 2;
+                        case 2: return [4 /*yield*/, this.treeService.getFolderChildrens().toPromise()];
+                        case 3:
+                            treeDocumentData = _a.sent();
+                            data.treeData2 = treeDocumentData === null || treeDocumentData === void 0 ? void 0 : treeDocumentData.map(function (x) {
+                                return {
+                                    id: x.id.toString(),
+                                    name: x.name.toString(),
+                                    parentId: !x.parentHandbookId ? '' : x.parentHandbookId.toString(),
+                                    statusId: 0,
+                                    statusName: '',
+                                    displayId: 0,
+                                    expandable: x.type > exports.DocumentNodeType.ShortcutDocument,
+                                    levelType: x.type
+                                };
+                            });
+                            data.treeConfig1 = this.processConfig;
+                            data.treeConfig2 = this.documentConfig;
+                            data.splitView = false;
+                            data.isSelectOne = true;
+                            data.tooltipLocationSearchResult = true;
+                            dialogRef = this.dialog.open(SelectProcessDocumentPopupComponent, {
+                                width: '768px',
+                                minHeight: '690px',
+                                data: data,
+                                panelClass: ['related-process__popup', 'custom-mat-dialog-container'],
+                                autoFocus: false
+                            });
+                            dialogRef.componentInstance.onSearch.subscribe(function (keyword) {
+                                if (!keyword || keyword.trim() === '')
+                                    return;
+                                if (_this.data.enabledInterconnected) {
+                                    forkJoin.forkJoin([_this.treeService.searchProcess(keyword), _this.treeService.searchDocument(keyword), _this.treeService.searchProcessInterconnected(keyword)])
+                                        .toPromise()
+                                        .then(function (_a) {
+                                        var _b = __read(_a, 3), process = _b[0], document = _b[1], interconnected = _b[2];
+                                        if (process && document && interconnected) {
+                                            var resultProcessSearch = process.map(function (x) {
+                                                return {
+                                                    id: x.entityId,
+                                                    itemNumberId: x.processNumber.toString(),
+                                                    itemName: x.name,
+                                                    itemType: exports.DataType.process,
+                                                    status: x.status,
+                                                    statusName: x.approvalStatus,
+                                                    location: x.location,
+                                                };
+                                            });
+                                            var resultDocumentSearch = document.documents.map(function (x) {
+                                                return {
+                                                    id: x.id.toString(),
+                                                    itemNumberId: x.id.toString(),
+                                                    itemName: x.name,
+                                                    itemType: exports.DataType.document,
+                                                    status: 0,
+                                                    statusName: x.approvalStatus,
+                                                    location: x.location,
+                                                };
+                                            });
+                                            var resultInterconnectedSearch = interconnected.map(function (x) {
+                                                return {
+                                                    id: x.processInterconnectedEntityId,
+                                                    itemNumberId: x.processInterconnectedNumber.toString(),
+                                                    itemName: x.name,
+                                                    itemType: exports.DataType.processInterconnected,
+                                                    status: x.status,
+                                                    statusName: x.approvalStatus,
+                                                    location: x.location,
+                                                };
+                                            });
+                                            var resulSearch = __spreadArray(__spreadArray(__spreadArray([], __read(resultProcessSearch)), __read(resultDocumentSearch)), __read(resultInterconnectedSearch));
+                                            _this.selectProcessDocumentGlobalService.setSearchRelated(resulSearch);
+                                        }
+                                    });
+                                }
+                                else {
+                                    forkJoin.forkJoin([_this.treeService.searchProcess(keyword), _this.treeService.searchDocument(keyword)])
+                                        .toPromise()
+                                        .then(function (_a) {
+                                        var _b = __read(_a, 2), process = _b[0], document = _b[1];
+                                        if (process && document) {
+                                            var resultProcessSearch = process.map(function (x) {
+                                                return {
+                                                    id: x.entityId,
+                                                    itemNumberId: x.processNumber.toString(),
+                                                    itemName: x.name,
+                                                    itemType: exports.DataType.process,
+                                                    status: x.status,
+                                                    statusName: x.approvalStatus,
+                                                    location: x.location,
+                                                };
+                                            });
+                                            var resultDocumentSearch = document.documents.map(function (x) {
+                                                return {
+                                                    id: x.id.toString(),
+                                                    itemNumberId: x.id.toString(),
+                                                    itemName: x.name,
+                                                    itemType: exports.DataType.document,
+                                                    status: 0,
+                                                    statusName: x.approvalStatus,
+                                                    location: x.location,
+                                                };
+                                            });
+                                            var resulSearch = __spreadArray(__spreadArray([], __read(resultProcessSearch)), __read(resultDocumentSearch));
+                                            _this.selectProcessDocumentGlobalService.setSearchRelated(resulSearch);
+                                        }
+                                    });
+                                }
+                            });
+                            dialogRef.componentInstance.onExpandProcessArea.subscribe(function (area) {
+                                _this.treeService.getProcessAreaContents(area.id, true, _this.data.enabledInterconnected).toPromise().then(function (res) {
+                                    if (res) {
+                                        var areas = res.areas.map(function (x) {
+                                            return {
+                                                id: x.id.toString(),
+                                                name: x.name,
+                                                parentId: x.parentId,
+                                                expandable: true,
+                                                statusId: x.status,
+                                                statusName: x.statusName,
+                                                displayId: 0
+                                            };
+                                        }) || [];
+                                        var processes = res.processes.map(function (x) {
+                                            return {
+                                                id: x.entityId.toString(),
+                                                name: x.name,
+                                                parentId: x.processAreaId,
+                                                expandable: false,
+                                                statusId: x.status,
+                                                statusName: x.approvalStatus,
+                                                displayId: x.processNumber,
+                                                itemType: x.processClassification === ProcessClassification.InterconnectedProcess ? exports.DataType.processInterconnected : exports.DataType.process
+                                            };
+                                        }) || [];
+                                        _this.selectProcessDocumentGlobalService.setProcessAreaChildren(__spreadArray(__spreadArray([], __read(areas)), __read(processes)));
+                                    }
+                                });
+                            });
+                            dialogRef.componentInstance.onExpandFolder.subscribe(function (folder) {
+                                _this.treeService
+                                    .getFolderChildrens(folder.id)
+                                    .toPromise().then(function (res) {
+                                    if (res) {
+                                        var childs = res.map(function (x) {
+                                            return {
+                                                id: x.id.toString(),
+                                                name: x.name.toString(),
+                                                parentId: _this.getParentId(x),
+                                                statusId: 0,
+                                                statusName: x.approvalStatus,
+                                                displayId: x.id,
+                                                expandable: !_this.documentTypes.includes(x.type),
+                                                levelType: !_this.documentTypes.includes(x.type) ? x.type : folder.levelType
+                                            };
+                                        });
+                                        _this.selectProcessDocumentGlobalService.setFolderChildren(childs);
+                                    }
+                                });
+                            });
+                            dialogRef.afterClosed().subscribe(function (result) {
+                                if (result === null || result === void 0 ? void 0 : result.length) {
+                                    var resultData = result[0];
+                                    if (isAnchorDocument) {
+                                        _this.documentId = resultData.id;
+                                        _this.getAnchorDocument(resultData.id);
+                                    }
+                                    else {
+                                        _this.parseLinkUrl(_this.getLinkURL(resultData));
+                                        _this.selectedProtocol = exports.ProtocolTypeName.other;
+                                        if (!_this.advisoryTitle) {
+                                            _this.advisoryTitle = resultData.itemName;
+                                        }
+                                    }
+                                    _this.updateAreaValues();
+                                }
+                            });
+                            return [2 /*return*/];
                     }
-                    _this.updateAreaValues();
-                }
+                });
             });
         };
         QMSCKEditorImageMapComponent.prototype.getAnchorDocument = function (documentId) {
@@ -20498,6 +21652,34 @@
             //this.dialogRef.close();
             this.onCloseDialog();
         };
+        QMSCKEditorImageMapComponent.prototype.getParentId = function (item) {
+            if (!this.documentTypes.includes(item.type)) {
+                return !item.parentHandbookId ? '' : item.parentHandbookId.toString();
+            }
+            return !item.parentFolderId ? '' : item.parentFolderId.toString();
+        };
+        QMSCKEditorImageMapComponent.prototype.getLinkURL = function (data) {
+            var url = '';
+            switch (data === null || data === void 0 ? void 0 : data.itemType) {
+                case exports.DataType.document:
+                    url = "/document/" + data.id;
+                    break;
+                case exports.DataType.process:
+                    url = "/process-detail/" + data.displayId;
+                    break;
+                case exports.DataType.area:
+                    url = "/area/detail/" + data.id;
+                    break;
+                case exports.DataType.folder:
+                    url = "/folder/" + data.id;
+                    break;
+                case exports.DataType.processInterconnected:
+                    url = "/process-interconnected/" + data.displayId;
+                default:
+                    break;
+            }
+            return url;
+        };
         return QMSCKEditorImageMapComponent;
     }(QMSCKEditorBaseComponent));
     QMSCKEditorImageMapComponent.decorators = [
@@ -20517,7 +21699,9 @@
         { type: QMSCKEditorCommonService },
         { type: QMSCKEditorImageMap, decorators: [{ type: i0.Inject, args: [dialog.MAT_DIALOG_DATA,] }] },
         { type: icon.MatIconRegistry },
-        { type: platformBrowser.DomSanitizer }
+        { type: platformBrowser.DomSanitizer },
+        { type: QMSCKEditorTreeService },
+        { type: QMSSelectProcessDocumentGlobalService }
     ]; };
     QMSCKEditorImageMapComponent.propDecorators = {
         ckEditor: [{ type: i0.Input }],
@@ -27140,6 +28324,23 @@
         VideoUploadMode[VideoUploadMode["OnlyPickFromArchive"] = 2] = "OnlyPickFromArchive";
     })(VideoUploadMode || (VideoUploadMode = {}));
 
+    var QMSCKEditorVideo = /** @class */ (function () {
+        function QMSCKEditorVideo(id, src, controls, poster, width, height) {
+            if (controls === void 0) { controls = true; }
+            this.id = id ? id : this.generateId();
+            this.src = src;
+            this.controls = controls;
+            this.poster = poster;
+            this.width = width ? width : VideoConst.DEFAULT_VIDEO_WIDTH;
+            this.height = height ? height : VideoConst.DEFAULT_VIDEO_HEIGHT;
+        }
+        QMSCKEditorVideo.prototype.generateId = function () {
+            var now = new Date();
+            return 'video' + now.getFullYear() + (now.getMonth() + 1) + now.getDate() + now.getHours() + now.getMinutes() + now.getSeconds();
+        };
+        return QMSCKEditorVideo;
+    }());
+
     var QMSCKEditorComponent = /** @class */ (function (_super) {
         __extends(QMSCKEditorComponent, _super);
         /**
@@ -27159,6 +28360,7 @@
             _this.qmsckContentOutput = new i0.EventEmitter();
             _this.ckEditorEventConst = CKEditorEventConst;
             _this.isToolbarItemsIdSet = false;
+            _this.language = 'en';
             _this.ckTagname = "div";
             return _this;
         }
@@ -27205,6 +28407,7 @@
             this.ckEditor = this.qmsckPlugin.pluginObject;
             this.translate.getLanguageSubject$.pipe(operators.takeUntil(this.ngUnsubcribe)).subscribe(function (res) {
                 if (res) {
+                    _this.language = res;
                     _this.LANG = _this.translate.getObjectLang(res);
                 }
             });
@@ -27219,7 +28422,7 @@
                 }
                 toolbarItems += ',' + strToolbars; // disable qmsFlowchart until NK-440 done
             }
-            this.ckeditorConfig = CKEditorCommonFunctions.getCKEditorConfiguration(toolbarItems, this.LANG);
+            this.ckeditorConfig = CKEditorCommonFunctions.getCKEditorConfiguration(toolbarItems, this.LANG, this.language);
             if (this.ckeditorConfig)
                 this.ckeditorConfig.containerId = this.editorId;
             if (this.qmsckData.hideImgOptions) {
@@ -27353,13 +28556,13 @@
             };
             this.ckEditor.defaultConfig = Object.assign(this.ckEditor.defaultConfig || {}, mathTypeConfig);
         };
-        QMSCKEditorComponent.prototype.onChanged = function (_e) {
-            var editor = _e.editor;
-            //this.qmsckContentInput = editor.getData();
+        QMSCKEditorComponent.prototype.onChanged = function (_j) {
+            var editor = _j.editor;
+            // this.qmsckContentInput = editor.getData();
             this.qmsckContentOutput.emit(this.qmsckContentInput);
         };
-        QMSCKEditorComponent.prototype.onBlur = function (_e) {
-            var editor = _e.editor;
+        QMSCKEditorComponent.prototype.onBlur = function (_j) {
+            var editor = _j.editor;
             this.qmsckContentInput = editor.getData();
             this.qmsckContentOutput.emit(this.qmsckContentInput);
         };
@@ -27417,8 +28620,10 @@
                     wordsBox.textContent = _this.LANG.QMSCKEDITOR.WORDS + ": " + stats.words + " / " + _this.LANG.QMSCKEDITOR.CHARACTERS + ": " + stats.characters;
                 }
             });
+            if (this.qmsckData.isReadOnly) {
+                editor.isReadOnly = true;
+            }
             this._setEditorInstanceObserver(this.editorId);
-            this.setLabelTranslateForNonDropdownToolbarItems(editor);
         };
         /**
          * Add template - Load template
@@ -27484,6 +28689,8 @@
                 data.qmsckContentFields = qmsckContentFields;
                 data.qmsckIsGetAnchorMoreContent = qmsckIsGetAnchorMoreContent;
             }
+            data.defaultTargetNewWindow = this.qmsckData.defaultTargetNewWindow;
+            data.enabledInterconnected = this.qmsckData.enabledInterconnected;
             var dialogTemplate;
             if (!this.qmsckPlugin.simpleMode) {
                 dialogTemplate = this.dialog.open(QMSCKEditorLinkComponent, {
@@ -27556,6 +28763,7 @@
             data.entityId = this.qmsckData.entityId;
             data.editorContent = this.qmsckContentInput;
             data.linkJavaScriptLinksAllowed = this.qmsckData.linkJavaScriptLinksAllowed;
+            data.enabledInterconnected = this.qmsckData.enabledInterconnected;
             var dialogTemplate = this.dialog.open(QMSCKEditorImageMapComponent, {
                 data: data,
                 disableClose: true,
@@ -27700,6 +28908,7 @@
                 .getUploadVideoList()
                 .pipe(operators.takeUntil(this.ngUnsubcribe))
                 .subscribe(function (response) {
+                var _a, _b, _c, _d, _e, _f, _g, _h;
                 var videos = response || [];
                 var config = {
                     allowSelectFolder: false,
@@ -27707,7 +28916,7 @@
                     showCheckBox: true,
                     allowMultipleCheck: _this.qmsckData.uploadVideoAllowMultipleCheck,
                     onlyCheckBoxForChild: true,
-                    moduleId: DataType$1.document,
+                    moduleId: exports.DataType.document,
                     openIcon: "folder_open",
                     openIconColor: "#1954A9",
                     closeIcon: "folder_filled",
@@ -27723,10 +28932,12 @@
                 data.moduleName = _this.LANG.QMSCKEDITOR.SELECT_VIDEO_FROM_ARCHIVE;
                 data.moduleUploadImageName = _this.LANG.QMSCKEDITOR.SELECT_VIDEO_IMAGE;
                 data.moduleUploadFileName = _this.LANG.QMSCKEDITOR.ADD_A_FILE;
+                data.videoData = new QMSCKEditorVideo(value.id, value.src, true, value.poster, ((_b = (_a = value.width) === null || _a === void 0 ? void 0 : _a.toString()) === null || _b === void 0 ? void 0 : _b.indexOf('%')) < 0 ? (_e = (_d = (_c = value.width) === null || _c === void 0 ? void 0 : _c.toString()) === null || _d === void 0 ? void 0 : _d.match(/\d/g)) === null || _e === void 0 ? void 0 : _e.join('') : null, (_h = (_g = (_f = value.height) === null || _f === void 0 ? void 0 : _f.toString()) === null || _g === void 0 ? void 0 : _g.match(/\d/g)) === null || _h === void 0 ? void 0 : _h.join(''));
+                data.canUpdateVideoProperties = true;
                 data.treeData1 = videos.map(function (item) {
                     return {
-                        rootId: item.rootId,
-                        parentId: item.parentId,
+                        rootId: "root-" + item.rootId,
+                        parentId: (item.parentId !== null && item.parentId !== "") ? "root-" + item.parentId : item.parentId,
                         rootName: item.rootName,
                         subName: item.subName,
                         childId: item.childId,
@@ -27743,10 +28954,20 @@
                 data.canUploadVideo = _this.qmsckData.videoUploadMode === VideoUploadMode.AllowUpload;
                 data.maxVideoThumbnailSizeKB = _this.qmsckData.maxVideoThumbnailSizeKB;
                 data.entityId = _this.qmsckData.entityId;
+                if (value.selectedId) {
+                    var disabledList = [data.treeData1.find(function (x) { return x.childId === value.selectedId; })] || [];
+                    data.disabledList = disabledList.map(function (x) {
+                        return {
+                            id: x.childId,
+                            itemName: x.childName,
+                            displayId: x.displayId,
+                            parentId: null,
+                        };
+                    });
+                }
                 var dialogRef = _this.dialog.open(RelatedPopupComponent, {
-                    minWidth: "450px",
-                    maxWidth: "800px",
-                    minHeight: "620px",
+                    width: "800px",
+                    minHeight: "630px",
                     data: data,
                     panelClass: "qmsckeditor-browse-video-popup",
                 });
@@ -27757,21 +28978,16 @@
                     }
                 }, 100);
                 dialogRef.afterClosed().subscribe(function (result) {
-                    if (result) {
+                    if (result && result.src) {
                         var urls = [];
-                        if (result.requestUploadVideoUrl) {
-                            urls.push(result.requestUploadVideoUrl);
+                        urls = [result.src];
+                        if (!result.width || result.width <= 0) {
+                            result.width = VideoConst.DEFAULT_VIDEO_WIDTH;
                         }
-                        else {
-                            var ids_1 = result.checkedNodeList.reduce(function (result, item) {
-                                result[item.id.toString()] = item.id;
-                                return result;
-                            }, {});
-                            urls = videos
-                                .filter(function (i) { return i.childId && !!ids_1[i.childId.toString()]; })
-                                .map(function (i) { return i.url; });
-                        }
-                        var evt = new CustomEvent(_this.ckEditorEventConst.QMSCK_BROWSE_VIDEO_RESP, { detail: { urls: urls, thumbnailUrl: result.imageRelativeUrl } });
+                        if (!result.height || result.height <= 0) {
+                            result.height = VideoConst.DEFAULT_VIDEO_HEIGHT;
+                        }
+                        var evt = new CustomEvent(_this.ckEditorEventConst.QMSCK_BROWSE_VIDEO_RESP, { detail: { urls: urls, thumbnailUrl: result.poster, id: result.id, width: result.width, height: result.height } });
                         window.dispatchEvent(evt);
                     }
                 });
@@ -27798,103 +29014,6 @@
             });
             this.toggleToolbarEventHandling();
         };
-        QMSCKEditorComponent.prototype.setLabelTranslateForNonDropdownToolbarItems = function (editor) {
-            var _this = this;
-            var _a, _b;
-            var allItemOnToolbar = (_b = (_a = editor.ui.view.toolbar) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b._items;
-            allItemOnToolbar.forEach(function (el) {
-                if (el.label) {
-                    el.label = _this.translateCKEditor(el.label);
-                    return;
-                }
-                if (el.buttonView && el.buttonView.label) {
-                    el.buttonView.label = _this.translateCKEditor(el.buttonView.label);
-                    return;
-                }
-            });
-        };
-        QMSCKEditorComponent.prototype.translateCKEditor = function (label) {
-            switch (label.toLowerCase()) {
-                case ('font size'):
-                    return this.LANG.QMSCKEDITOR.FONT_SIZE;
-                case ('font family'):
-                    return this.LANG.QMSCKEDITOR.FONT_FAMILY;
-                case ('font color'):
-                    return this.LANG.QMSCKEDITOR.FONT_COLOR;
-                case ('font background color'):
-                    return this.LANG.QMSCKEDITOR.FONT_BACKGROUND_COLOR;
-                case ('bold'):
-                    return this.LANG.QMSCKEDITOR.BOLD;
-                case ('italic'):
-                    return this.LANG.QMSCKEDITOR.ITALIC;
-                case ('underline'):
-                    return this.LANG.QMSCKEDITOR.UNDERLINE;
-                case ('strikethrough'):
-                    return this.LANG.QMSCKEDITOR.STRIKETHROUGH;
-                case ('horizontal line'):
-                    return this.LANG.QMSCKEDITOR.HORIZONTAL_LINE;
-                case ('page break'):
-                    return this.LANG.QMSCKEDITOR.PAGE_BREAK;
-                case ('text alignment'):
-                    return this.LANG.QMSCKEDITOR.TEXT_ALIGNMENT;
-                case ('bulleted list'):
-                    return this.LANG.QMSCKEDITOR.BULLETED_LIST;
-                case ('numbered list'):
-                    return this.LANG.QMSCKEDITOR.NUMBERED_LIST;
-                case ('decrease indent'):
-                    return this.LANG.QMSCKEDITOR.DECREASE_INDENT;
-                case ('increase indent'):
-                    return this.LANG.QMSCKEDITOR.INCREASE_INDENT;
-                case ('subscript'):
-                    return this.LANG.QMSCKEDITOR.SUBSCRIPT;
-                case ('superscript'):
-                    return this.LANG.QMSCKEDITOR.SUPERSCRIPT;
-                case ('undo'):
-                    return this.LANG.QMSCKEDITOR.UNDO;
-                case ('redo'):
-                    return this.LANG.QMSCKEDITOR.REDO;
-                case ('special characters'):
-                    return this.LANG.QMSCKEDITOR.SPECIAL_CHARACTERS;
-                case ('block quote'):
-                    return this.LANG.QMSCKEDITOR.BLOCKQUOTE;
-                case ('insert image'):
-                    return this.LANG.QMSCKEDITOR.INSERT_IMAGE;
-                case ('insert media'):
-                    return this.LANG.QMSCKEDITOR.INSERT_MEDIA;
-                case ('browse video'):
-                    return this.LANG.QMSCKEDITOR.BROWSE_VIDEO;
-                case ('insert table'):
-                    return this.LANG.QMSCKEDITOR.INSERT_TABLE;
-                case ('anchor'):
-                    return this.LANG.QMSCKEDITOR.ANCHOR;
-                case ('tooltip'):
-                    return this.LANG.QMSCKEDITOR.TOOLTIP;
-                case ('timestamp'):
-                    return this.LANG.QMSCKEDITOR.TIMESTAMP;
-                case ('add template'):
-                    return this.LANG.QMSCKEDITOR.ADD_TEMPLATE;
-                case ('templates'):
-                    return this.LANG.QMSCKEDITOR.TEMPLATES;
-                case ('remove format'):
-                    return this.LANG.QMSCKEDITOR.REMOVE_FORMAT;
-                case ('link'):
-                    return this.LANG.QMSCKEDITOR.LINK;
-                case ('flowchart'):
-                    return this.LANG.QMSCKEDITOR.FLOWCHART;
-                case ('business process model and notation'):
-                    return this.LANG.QMSCKEDITOR.BPMN;
-                case ('about ckeditor'):
-                    return this.LANG.QMSCKEDITOR.ABOUT_CKEDITOR;
-                case ('create table of contents'):
-                    return this.LANG.QMSCKEDITOR.CREATE_TABLE_OF_CONTENTS;
-                case ('source'):
-                    return this.LANG.QMSCKEDITOR.SOURCE;
-                case ('toggle toolbar'):
-                    return this.LANG.QMSCKEDITOR.TOGGLE_TOOLBAR;
-                default:
-                    return label;
-            }
-        };
         return QMSCKEditorComponent;
     }(QMSCKEditorBaseComponent));
     QMSCKEditorComponent.decorators = [
@@ -29975,20 +31094,6 @@
         { type: SelectOneNextData, decorators: [{ type: i0.Inject, args: [dialog.MAT_DIALOG_DATA,] }] }
     ]; };
 
-    var DataType;
-    (function (DataType) {
-        DataType[DataType["process"] = 2] = "process";
-        DataType[DataType["document"] = 1] = "document";
-        DataType[DataType["area"] = 3] = "area";
-        DataType[DataType["folder"] = 4] = "folder";
-        DataType[DataType["deviation"] = 5] = "deviation";
-        DataType[DataType["checklist"] = 6] = "checklist";
-        DataType[DataType["risk"] = 7] = "risk";
-        DataType[DataType["deviationType"] = 8] = "deviationType";
-        DataType[DataType["checklistCategory"] = 9] = "checklistCategory";
-        DataType[DataType["riskFolder"] = 10] = "riskFolder";
-    })(DataType || (DataType = {}));
-
     var DocumentNodeType;
     (function (DocumentNodeType) {
         DocumentNodeType[DocumentNodeType["Document"] = 1] = "Document";
@@ -30048,7 +31153,7 @@
             this.selectedNode = [];
             this.selectedData = [];
             this.module = ModuleType;
-            this.dataType = DataType;
+            this.dataType = exports.DataType;
             this.itemType = 0;
             this.selectedRiskData = [];
             this.disabledList = [];
@@ -30337,7 +31442,7 @@
             return (elmHeight + elmMargin);
         };
         SelectOneDialog.prototype.getItemChipName = function (item) {
-            if (item.itemType === DataType.checklist || item.itemType === DataType.deviation) {
+            if (item.itemType === exports.DataType.checklist || item.itemType === exports.DataType.deviation) {
                 return (item.parentName && item.itemName !== item.parentName) ? item.parentName + "/" + item.itemName : item.itemName;
             }
             return item.itemName;
@@ -30347,7 +31452,7 @@
         };
         SelectOneDialog.prototype.getNodeIcon = function (item) {
             switch (item.itemType) {
-                case DataType.folder: {
+                case exports.DataType.folder: {
                     switch (item.levelType) {
                         case DocumentNodeType.DepartmentFolder:
                             return 'department_folder_outlined';
@@ -30361,7 +31466,7 @@
                             return 'folder_outlined';
                     }
                 }
-                case DataType.document: {
+                case exports.DataType.document: {
                     switch (item.levelType) {
                         case DocumentNodeType.DepartmentFolder:
                             return 'document_department';
@@ -30375,15 +31480,15 @@
                             return 'document';
                     }
                 }
-                case DataType.area:
+                case exports.DataType.area:
                     return 'process_area_outlined';
-                case DataType.process:
+                case exports.DataType.process:
                     return 'process';
-                case DataType.deviation:
+                case exports.DataType.deviation:
                     return 'deviation';
-                case DataType.checklist:
+                case exports.DataType.checklist:
                     return 'checklist';
-                case DataType.risk:
+                case exports.DataType.risk:
                     return 'risk';
                 default:
                     return 'folder_outlined';
@@ -31835,25 +32940,27 @@
             this.execWithoutEmitNodeChangeEvent(function () {
                 var _b;
                 var selectedItems = [];
-                var reMapTreeNode = function (item) {
+                var reMapTreeNode = function (item, clearGroupId) {
+                    if (clearGroupId === void 0) { clearGroupId = false; }
                     var _a;
                     var node = _this.treeControl.dataNodes.find(function (x) { return x.id == item.id; });
                     var nestedNode = _this.convertToNestedNode(node);
                     node.groupId = item.groupId;
                     node.isGroup = item.isGroup;
                     _this.checkListSelection.select(node);
-                    return Object.assign(Object.assign({}, nestedNode), { groupId: item.groupId, isGroup: item.isGroup, childCount: (_a = nestedNode.childCount) !== null && _a !== void 0 ? _a : _this.getListChildrenOfNode(node).length, children: [] });
+                    return Object.assign(Object.assign({}, nestedNode), { groupId: clearGroupId ? null : item.groupId, isGroup: item.isGroup, childCount: (_a = nestedNode.childCount) !== null && _a !== void 0 ? _a : _this.getListChildrenOfNode(node).length, children: [] });
                 };
                 treeNodes.forEach(function (item) {
                     var node = _this.treeControl.dataNodes.find(function (x) { return x.id == item.id; });
                     if (!node)
                         return;
                     var nestedNode = _this.convertToNestedNode(node);
-                    selectedItems.push(Object.assign(Object.assign({}, reMapTreeNode(item)), { children: item.children.map(function (x) { return reMapTreeNode(x); }) }));
+                    selectedItems.push(Object.assign(Object.assign({}, reMapTreeNode(item, true)), { children: item.children.map(function (x) { return reMapTreeNode(x); }) }));
                 });
                 (_b = _this.resultSelected).push.apply(_b, __spreadArray([], __read(selectedItems)));
             });
             this.onValueChangeEvent.emit(this.resultSelected);
+            this._onSelectionNodeChangeEvent('added', this.resultSelected);
             this.cdRef.detectChanges();
         };
         SelectDepartmentTreeComponent.prototype._initListSelected = function () {
@@ -33632,6 +34739,9 @@
             configurable: true
         });
         ;
+        QMSSelectAccessDialogComponent.prototype.ngAfterContentChecked = function () {
+            this.cdRef.detectChanges();
+        };
         QMSSelectAccessDialogComponent.prototype.ngAfterContentInit = function () {
             this.cdRef.detectChanges();
         };
@@ -33691,8 +34801,23 @@
             this.resultAccess = ___namespace.cloneDeep(Object.assign(Object.assign({}, this.dialogData.data.selectedData), { departments: [] }));
             // init group selected department
             this._departmentSelected = ___namespace.cloneDeep(this.dialogData.data.selectedData.departments);
-            var groups = this._departmentSelected.filter(function (x) { return x.isGroup; }) || [];
-            var singleItem = this._departmentSelected.filter(function (x) { return !x.isGroup && !x.groupId; });
+            var groups = [];
+            var singleItem = [];
+            this._departmentSelected.forEach(function (item) {
+                if (item.isGroup) {
+                    groups.push(item);
+                    return;
+                }
+                if (!item.groupId) {
+                    singleItem.push(item);
+                    return;
+                }
+                if (!_this._departmentSelected.some(function (x) { return x.id == item.groupId; })) {
+                    item.groupId = null;
+                    singleItem.push(item);
+                    return;
+                }
+            });
             groups.forEach(function (group) {
                 var child = _this._departmentSelected.filter(function (item) { return item.groupId == group.id; });
                 group.children = child;
@@ -33988,9 +35113,11 @@
                                 _this.resultAccess.departments.splice(index, 1);
                         });
                 });
+                this.cdRef.detectChanges();
             }
             this.resultAccess.departments.forEach(function (item) {
-                item.children = item.children.filter(function (x, index) { return index === item.children.findIndex(function (_x) { return x.id === _x.id; }); });
+                if (!!item.children)
+                    item.children = item.children.filter(function (x, index) { return index === item.children.findIndex(function (_x) { return x.id === _x.id; }); });
             });
             this._departmentSelected = ___namespace.cloneDeep(this.resultAccess.departments);
             this.cdRef.detectChanges();
@@ -34208,6 +35335,7 @@
     exports.PROCESS_AREA_ICON = PROCESS_AREA_ICON;
     exports.PROCESS_AREA_OUTLINED_ICON = PROCESS_AREA_OUTLINED_ICON;
     exports.PROCESS_ICON = PROCESS_ICON;
+    exports.PROCESS_INTERCONNECTED_ICON = PROCESS_INTERCONNECTED_ICON;
     exports.PopupData = PopupData;
     exports.QMSAccessItem = QMSAccessItem;
     exports.QMSAccessPagingChangeModel = QMSAccessPagingChangeModel;