qms-angular 1.1.41 → 1.1.43

package/fesm2015/qms-angular.js

@@ -44,6 +44,7 @@ import * as $$1 from 'jquery';
 import * as _ from 'lodash';
 import { memoize } from 'lodash';
 import { Buffer } from 'buffer';
+import { forkJoin as forkJoin$1 } from 'rxjs/internal/observable/forkJoin';
 import * as dagre from 'dagre';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { MatTabsModule } from '@angular/material/tabs';
@@ -142,6 +143,8 @@ const en = {
     "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"
     },
@@ -283,6 +286,87 @@ const en = {
         "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",
@@ -503,7 +587,8 @@ const en = {
         "DELETE_TEMPLATE": "Delete template",
         "SAVE_AS_TEMPLATE": "Save as template",
         "RESET_TO_LAST_SAVE": "Reset to last saved"
-    }
+    },
+    "INTERCONNECTED_PROCESSES": "Interconnected Processes"
 };
 
 const no = {
@@ -579,6 +664,8 @@ const no = {
     "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"
     },
@@ -709,7 +796,7 @@ const no = {
         "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",
@@ -720,6 +807,87 @@ const no = {
         "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",
@@ -940,22 +1108,464 @@ const no = {
         "DELETE_TEMPLATE": "Slett mal",
         "SAVE_AS_TEMPLATE": "Lagre som mal",
         "RESET_TO_LAST_SAVE": "Forkast ulagrede endringer"
+    },
+    "INTERCONNECTED_PROCESSES": "Sammenkoblede Prosesser"
+};
+
+const 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"
     }
 };
 
+const QMS_THEMES = ['qms-theme-default', 'qms-theme-pink'];
+const QMS_THEME_DEFAULT = 'qms-theme-default';
+const QMS_LANGUAGES = ['en', 'no', 'sv'];
+
 class TranslateLibraryService {
     constructor() {
         this.getLanguageSubject$ = new BehaviorSubject('en');
-        this.availableLanguages = { en, no };
+        this.availableLanguages = { en, no, sv };
+        this.qmsLanguages = QMS_LANGUAGES;
     }
     setLanguage(item) {
         this.getLanguageSubject$.next(item);
     }
     getObjectLang(lang) {
+        var _a;
         let language = lang && lang.toLowerCase() || 'en';
-        if (language !== 'en' && language !== 'no') {
-            language = 'en';
-        }
+        language = (_a = this.qmsLanguages.find(item => item === language)) !== null && _a !== void 0 ? _a : 'en';
         return this.availableLanguages[language];
     }
 }
@@ -4031,10 +4641,6 @@ QMSListModule.decorators = [
             },] }
 ];
 
-const QMS_THEMES = ['qms-theme-default', 'qms-theme-pink'];
-const QMS_THEME_DEFAULT = 'qms-theme-default';
-const QMS_LANGUAGES = ['en', 'no'];
-
 class QMSThemingLibraryService {
     constructor(doc) {
         this.doc = doc;
@@ -4377,116 +4983,121 @@ QMSUploadFileErrorDialogModule.decorators = [
             },] }
 ];
 
-const BREADCRUMB_DROPDOWN_ICON = `<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3552 5.35508C11.9118 4.91175 11.3168 4.66675 10.6985 4.66675H4.66683C3.3835 4.66675 2.34516 5.71675 2.34516 7.00008L2.3335 21.0001C2.3335 22.2834 3.3835 23.3334 4.66683 23.3334H23.3335C24.6168 23.3334 25.6668 22.2834 25.6668 21.0001V9.33341C25.6668 8.05008 24.6168 7.00008 23.3335 7.00008H14.0002L12.3552 5.35508Z" fill="#00324E"/>
-<path d="M10.25 13.125L14 16.875L17.75 13.125H10.25Z" fill="white" fill-opacity="0.6"/>
-</svg>
+const BREADCRUMB_DROPDOWN_ICON = `<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3552 5.35508C11.9118 4.91175 11.3168 4.66675 10.6985 4.66675H4.66683C3.3835 4.66675 2.34516 5.71675 2.34516 7.00008L2.3335 21.0001C2.3335 22.2834 3.3835 23.3334 4.66683 23.3334H23.3335C24.6168 23.3334 25.6668 22.2834 25.6668 21.0001V9.33341C25.6668 8.05008 24.6168 7.00008 23.3335 7.00008H14.0002L12.3552 5.35508Z" fill="#00324E"/>
+<path d="M10.25 13.125L14 16.875L17.75 13.125H10.25Z" fill="white" fill-opacity="0.6"/>
+</svg>
 `;
-const PROCESS_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M3 3V9H5V19H15V21H21V15H15V17H7V9H9V7H15V9H21V3H15V5H9V3H3ZM7 5V7H5V5H7ZM19 5V7H17V5H19ZM19 19V17H17V19H19Z" fill="black" fill-opacity="0.6"/>
-</svg>
+const PROCESS_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 3V9H5V19H15V21H21V15H15V17H7V9H9V7H15V9H21V3H15V5H9V3H3ZM7 5V7H5V5H7ZM19 5V7H17V5H19ZM19 19V17H17V19H19Z" fill="black" fill-opacity="0.6"/>
+</svg>
 `;
-const PROCESS_AREA_OUTLINED_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H11V18H4V6H9.17L11.17 8H20V11H22V8C22 6.9 21.1 6 20 6H12L10 4Z" fill="black" fill-opacity="0.6"/>
-<path d="M13 16.5V13H16.5V14.1667H20V13H23.5V16.5H20V15.3333H16.5V16.5H15.3333V21.1667H20V20H23.5V23.5H20V22.3333H14.1667V16.5H13Z" fill="black" fill-opacity="0.6"/>
-</svg>
+const PROCESS_AREA_OUTLINED_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H11V18H4V6H9.17L11.17 8H20V11H22V8C22 6.9 21.1 6 20 6H12L10 4Z" fill="black" fill-opacity="0.6"/>
+<path d="M13 16.5V13H16.5V14.1667H20V13H23.5V16.5H20V15.3333H16.5V16.5H15.3333V21.1667H20V20H23.5V23.5H20V22.3333H14.1667V16.5H13Z" fill="black" fill-opacity="0.6"/>
+</svg>
 `;
-const PROCESS_AREA_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4 4H10L12 6H20C21.1 6 22 6.9 22 8V11H13C11.8954 11 11 11.8954 11 13V20H4C2.9 20 2 19.1 2 18L2.01 6C2.01 4.9 2.9 4 4 4Z" fill="black" fill-opacity="0.6"/>
-<path d="M13 16.5V13H16.5V14.1667H20V13H23.5V16.5H20V15.3333H16.5V16.5H15.3333V21.1667H20V20H23.5V23.5H20V22.3333H14.1667V16.5H13Z" fill="black" fill-opacity="0.6"/>
-</svg>
+const PROCESS_AREA_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 4H10L12 6H20C21.1 6 22 6.9 22 8V11H13C11.8954 11 11 11.8954 11 13V20H4C2.9 20 2 19.1 2 18L2.01 6C2.01 4.9 2.9 4 4 4Z" fill="black" fill-opacity="0.6"/>
+<path d="M13 16.5V13H16.5V14.1667H20V13H23.5V16.5H20V15.3333H16.5V16.5H15.3333V21.1667H20V20H23.5V23.5H20V22.3333H14.1667V16.5H13Z" fill="black" fill-opacity="0.6"/>
+</svg>
 `;
-const DOCUMENT_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6 2H14L20 8V20C20 21.1 19.1 22 18 22H5.99C4.89 22 4 21.1 4 20L4.01 4C4.01 2.9 4.9 2 6 2ZM6 4V20H18V9H13V4H6Z" fill="black" fill-opacity="0.6"/>
-</svg>
+const DOCUMENT_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 2H14L20 8V20C20 21.1 19.1 22 18 22H5.99C4.89 22 4 21.1 4 20L4.01 4C4.01 2.9 4.9 2 6 2ZM6 4V20H18V9H13V4H6Z" fill="black" fill-opacity="0.6"/>
+</svg>
 `;
-const DEVIATION_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M1 21.5L12 2.5L23 21.5H1ZM19.53 19.5L12 6.49L4.47 19.5H19.53ZM11 16.5V18.5H13V16.5H11ZM11 10.5H13V14.5H11V10.5Z" fill="black" fill-opacity="0.6"/>
-</svg>
+const DEVIATION_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 21.5L12 2.5L23 21.5H1ZM19.53 19.5L12 6.49L4.47 19.5H19.53ZM11 16.5V18.5H13V16.5H11ZM11 10.5H13V14.5H11V10.5Z" fill="black" fill-opacity="0.6"/>
+</svg>
 `;
-const CHECKLIST_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3 13H5V11H3V13Z" fill="black" fill-opacity="0.6"/>
-<path d="M3 17H5V15H3V17Z" fill="black" fill-opacity="0.6"/>
-<path d="M3 9H5V7H3V9Z" fill="black" fill-opacity="0.6"/>
-<path d="M7 13H21V11H7V13Z" fill="black" fill-opacity="0.6"/>
-<path d="M7 17H21V15H7V17Z" fill="black" fill-opacity="0.6"/>
-<path d="M7 7V9H21V7H7Z" fill="black" fill-opacity="0.6"/>
-</svg>
+const CHECKLIST_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 13H5V11H3V13Z" fill="black" fill-opacity="0.6"/>
+<path d="M3 17H5V15H3V17Z" fill="black" fill-opacity="0.6"/>
+<path d="M3 9H5V7H3V9Z" fill="black" fill-opacity="0.6"/>
+<path d="M7 13H21V11H7V13Z" fill="black" fill-opacity="0.6"/>
+<path d="M7 17H21V15H7V17Z" fill="black" fill-opacity="0.6"/>
+<path d="M7 7V9H21V7H7Z" fill="black" fill-opacity="0.6"/>
+</svg>
 `;
-const RISK_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M3 3V21H21V3H3ZM11 19H5V13H11V19ZM5 11H11V5H5V11ZM19 19H13V13H19V19ZM13 11H19V5H13V11Z" fill="black" fill-opacity="0.6"/>
-</svg>
+const RISK_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 3V21H21V3H3ZM11 19H5V13H11V19ZM5 11H11V5H5V11ZM19 19H13V13H19V19ZM13 11H19V5H13V11Z" fill="black" fill-opacity="0.6"/>
+</svg>
 `;
-const NORMAL_FOLDER_OUTLINED_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4 4H10L12 6H20C21.1 6 22 6.9 22 8V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18L2.01 6C2.01 4.9 2.9 4 4 4ZM11.17 8L9.17 6H4V18H20V8H11.17Z" fill="black" fill-opacity="0.6"/>
-</svg>
+const NORMAL_FOLDER_OUTLINED_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 4H10L12 6H20C21.1 6 22 6.9 22 8V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18L2.01 6C2.01 4.9 2.9 4 4 4ZM11.17 8L9.17 6H4V18H20V8H11.17Z" fill="black" fill-opacity="0.6"/>
+</svg>
 `;
-const NORMAL_FOLDER_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.59 4.59C10.21 4.21 9.7 4 9.17 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.9 21.1 6 20 6H12L10.59 4.59Z" fill="black" fill-opacity="0.6"/>
-</svg>
+const NORMAL_FOLDER_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.59 4.59C10.21 4.21 9.7 4 9.17 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.9 21.1 6 20 6H12L10.59 4.59Z" fill="black" fill-opacity="0.6"/>
+</svg>
 `;
-const LOCAL_FOLDER_OUTLINED_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H11V18H4V6H9.17L11.17 8H20V12H22V8C22 6.9 21.1 6 20 6H12L10 4Z" fill="black" fill-opacity="0.6"/>
-<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"/>
-</svg>
+const LOCAL_FOLDER_OUTLINED_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H11V18H4V6H9.17L11.17 8H20V12H22V8C22 6.9 21.1 6 20 6H12L10 4Z" fill="black" fill-opacity="0.6"/>
+<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"/>
+</svg>
 `;
-const LOCAL_FOLDER_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4 4H10L12 6H20C21.1 6 22 6.9 22 8V12H17C13.6863 12 11 14.6863 11 18V20H4C2.9 20 2 19.1 2 18L2.01 6C2.01 4.9 2.9 4 4 4Z" fill="black" fill-opacity="0.6"/>
-<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"/>
-</svg>
+const LOCAL_FOLDER_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 4H10L12 6H20C21.1 6 22 6.9 22 8V12H17C13.6863 12 11 14.6863 11 18V20H4C2.9 20 2 19.1 2 18L2.01 6C2.01 4.9 2.9 4 4 4Z" fill="black" fill-opacity="0.6"/>
+<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"/>
+</svg>
 `;
-const ENTERPRISE_FOLDER_OUTLINED_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H11V18H4V6H9.17L11.17 8H20V11H22V8C22 6.9 21.1 6 20 6H12L10 4Z" fill="black" fill-opacity="0.6"/>
-<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"/>
-</svg>
+const ENTERPRISE_FOLDER_OUTLINED_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H11V18H4V6H9.17L11.17 8H20V11H22V8C22 6.9 21.1 6 20 6H12L10 4Z" fill="black" fill-opacity="0.6"/>
+<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"/>
+</svg>
 `;
-const ENTERPRISE_FOLDER_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4 4H10L12 6H20C21.1 6 22 6.9 22 8V11H17C13.6863 11 11 13.6863 11 17V20H4C2.9 20 2 19.1 2 18L2.01 6C2.01 4.9 2.9 4 4 4Z" fill="black" fill-opacity="0.6"/>
-<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"/>
+const ENTERPRISE_FOLDER_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 4H10L12 6H20C21.1 6 22 6.9 22 8V11H17C13.6863 11 11 13.6863 11 17V20H4C2.9 20 2 19.1 2 18L2.01 6C2.01 4.9 2.9 4 4 4Z" fill="black" fill-opacity="0.6"/>
+<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"/>
 </svg>`;
-const REGIONAL_FOLDER_OUTLINED_ICON = `<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H12V18H4V6H9.17L11.17 8H20V11H22V8C22 6.9 21.1 6 20 6H12L10 4Z" fill="black" fill-opacity="0.6"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M18.4999 13.0833C16.4037 13.0833 14.7083 14.7787 14.7083 16.8749C14.7083 19.1337 17.1024 22.2483 18.0883 23.4345C18.3049 23.6945 18.7003 23.6945 18.917 23.4345C19.8974 22.2483 22.2916 19.1337 22.2916 16.8749C22.2916 14.7787 20.5962 13.0833 18.4999 13.0833ZM18.4999 18.2291C17.7524 18.2291 17.1458 17.6224 17.1458 16.8749C17.1458 16.1274 17.7524 15.5208 18.4999 15.5208C19.2474 15.5208 19.8541 16.1274 19.8541 16.8749C19.8541 17.6224 19.2474 18.2291 18.4999 18.2291Z" fill="#662E0D"/>
-</svg>
+const REGIONAL_FOLDER_OUTLINED_ICON = `<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H12V18H4V6H9.17L11.17 8H20V11H22V8C22 6.9 21.1 6 20 6H12L10 4Z" fill="black" fill-opacity="0.6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.4999 13.0833C16.4037 13.0833 14.7083 14.7787 14.7083 16.8749C14.7083 19.1337 17.1024 22.2483 18.0883 23.4345C18.3049 23.6945 18.7003 23.6945 18.917 23.4345C19.8974 22.2483 22.2916 19.1337 22.2916 16.8749C22.2916 14.7787 20.5962 13.0833 18.4999 13.0833ZM18.4999 18.2291C17.7524 18.2291 17.1458 17.6224 17.1458 16.8749C17.1458 16.1274 17.7524 15.5208 18.4999 15.5208C19.2474 15.5208 19.8541 16.1274 19.8541 16.8749C19.8541 17.6224 19.2474 18.2291 18.4999 18.2291Z" fill="#662E0D"/>
+</svg>
+`;
+const REGIONAL_FOLDER_ICON = `<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 4H10L12 6H20C21.1 6 22 6.9 22 8V11H18C14.6863 11 12 13.6863 12 17V20H4C2.9 20 2 19.1 2 18L2.01 6C2.01 4.9 2.9 4 4 4Z" fill="black" fill-opacity="0.6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.4999 13.0833C16.4037 13.0833 14.7083 14.7787 14.7083 16.8749C14.7083 19.1337 17.1024 22.2483 18.0883 23.4345C18.3049 23.6945 18.7003 23.6945 18.917 23.4345C19.8974 22.2483 22.2916 19.1337 22.2916 16.8749C22.2916 14.7787 20.5962 13.0833 18.4999 13.0833ZM18.4999 18.2291C17.7524 18.2291 17.1458 17.6224 17.1458 16.8749C17.1458 16.1274 17.7524 15.5208 18.4999 15.5208C19.2474 15.5208 19.8541 16.1274 19.8541 16.8749C19.8541 17.6224 19.2474 18.2291 18.4999 18.2291Z" fill="#662E0D"/>
+</svg>
 `;
-const REGIONAL_FOLDER_ICON = `<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4 4H10L12 6H20C21.1 6 22 6.9 22 8V11H18C14.6863 11 12 13.6863 12 17V20H4C2.9 20 2 19.1 2 18L2.01 6C2.01 4.9 2.9 4 4 4Z" fill="black" fill-opacity="0.6"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M18.4999 13.0833C16.4037 13.0833 14.7083 14.7787 14.7083 16.8749C14.7083 19.1337 17.1024 22.2483 18.0883 23.4345C18.3049 23.6945 18.7003 23.6945 18.917 23.4345C19.8974 22.2483 22.2916 19.1337 22.2916 16.8749C22.2916 14.7787 20.5962 13.0833 18.4999 13.0833ZM18.4999 18.2291C17.7524 18.2291 17.1458 17.6224 17.1458 16.8749C17.1458 16.1274 17.7524 15.5208 18.4999 15.5208C19.2474 15.5208 19.8541 16.1274 19.8541 16.8749C19.8541 17.6224 19.2474 18.2291 18.4999 18.2291Z" fill="#662E0D"/>
-</svg>
+const DEPARTMENT_FOLDER_OUTLINED_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H11V18H4V6H9.17L11.17 8H20V12H22V8C22 6.9 21.1 6 20 6H12L10 4Z" fill="black" fill-opacity="0.6"/>
+<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"/>
+</svg>
 `;
-const DEPARTMENT_FOLDER_OUTLINED_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H11V18H4V6H9.17L11.17 8H20V12H22V8C22 6.9 21.1 6 20 6H12L10 4Z" fill="black" fill-opacity="0.6"/>
-<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"/>
-</svg>
+const DEPARTMENT_FOLDER_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 4H10L12 6H20C21.1 6 22 6.9 22 8V12H17C13.6863 12 11 14.6863 11 18V20H4C2.9 20 2 19.1 2 18L2.01 6C2.01 4.9 2.9 4 4 4Z" fill="black" fill-opacity="0.6"/>
+<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"/>
+</svg>
 `;
-const DEPARTMENT_FOLDER_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4 4H10L12 6H20C21.1 6 22 6.9 22 8V12H17C13.6863 12 11 14.6863 11 18V20H4C2.9 20 2 19.1 2 18L2.01 6C2.01 4.9 2.9 4 4 4Z" fill="black" fill-opacity="0.6"/>
-<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"/>
-</svg>
+const KEYBOARD_UP_ICON = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/></svg>
 `;
-const KEYBOARD_UP_ICON = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/></svg>
+const KEYBOARD_DOWN_ICON = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/></svg>
 `;
-const KEYBOARD_DOWN_ICON = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/></svg>
+const DOCUMENT_LOCAL_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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"/>
+<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"/>
+</svg>
 `;
-const DOCUMENT_LOCAL_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<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"/>
-<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"/>
-</svg>
+const DOCUMENT_DEPARTMENT_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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"/>
+<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"/>
+</svg>
 `;
-const DOCUMENT_DEPARTMENT_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<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"/>
-<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"/>
-</svg>
+const DOCUMENT_REGIONAL_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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"/>
+<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"/>
+</svg>
 `;
-const DOCUMENT_REGIONAL_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<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"/>
-<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"/>
-</svg>
+const DOCUMENT_ENTERPRISE_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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"/>
+<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"/>
+</svg>
 `;
-const DOCUMENT_ENTERPRISE_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<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"/>
-<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"/>
-</svg>
+const PROCESS_INTERCONNECTED_ICON = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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"/>
+<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"/>
+</svg>
 `;
 
 class QMSIconRegistryService {
@@ -4525,6 +5136,9 @@ class QMSIconRegistryService {
     registerRiskIcon(_iconRegistry, _sanitizer) {
         _iconRegistry.addSvgIconLiteral('risk', _sanitizer.bypassSecurityTrustHtml(RISK_ICON));
     }
+    registerProcessInterconnectedIcon(_iconRegistry, _sanitizer) {
+        _iconRegistry.addSvgIconLiteral('process_interconnected', _sanitizer.bypassSecurityTrustHtml(PROCESS_INTERCONNECTED_ICON));
+    }
 }
 QMSIconRegistryService.ɵprov = i0.ɵɵdefineInjectable({ factory: function QMSIconRegistryService_Factory() { return new QMSIconRegistryService(); }, token: QMSIconRegistryService, providedIn: "root" });
 QMSIconRegistryService.decorators = [
@@ -5088,20 +5702,6 @@ QMSBasicTreeComponent.propDecorators = {
     checkBoxEvent: [{ type: Output }]
 };
 
-var DataType$2;
-(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$2 || (DataType$2 = {}));
-
 var DocumentNodeType$2;
 (function (DocumentNodeType) {
     DocumentNodeType[DocumentNodeType["Document"] = 1] = "Document";
@@ -5222,6 +5822,21 @@ const TreeFunctions$1 = {
     findChild: findChild$2
 };
 
+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["processInterconnected"] = 11] = "processInterconnected";
+})(DataType || (DataType = {}));
+
 class TreeComponent {
     constructor(cdRef, domSanitizer, iconRegistry, appIconService) {
         this.cdRef = cdRef;
@@ -5268,7 +5883,7 @@ class TreeComponent {
         this.isChecked = false;
         this.idCheckIcon = '';
         this.listChildNode = [];
-        this.dataType = DataType$2;
+        this.dataType = DataType;
         this._transformer = (node, level) => {
             var _a;
             let checkHasChild = true;
@@ -5328,10 +5943,10 @@ class TreeComponent {
             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 {
@@ -5539,6 +6154,14 @@ class TreeComponent {
                             }
                             break;
                         default:
+                            const index = this.treeControl.dataNodes.findIndex(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;
                     }
                 });
@@ -5763,11 +6386,11 @@ class TreeComponent {
     checkDataTypeSelectNode(node) {
         let itemType = -1;
         switch (this.moduleId) {
-            case DataType$2.process:
-                itemType = node.expandable ? DataType$2.area : DataType$2.process;
+            case DataType.process:
+                itemType = node.expandable ? DataType.area : DataType.process;
                 break;
-            case DataType$2.document:
-                itemType = node.expandable ? DataType$2.folder : DataType$2.document;
+            case DataType.document:
+                itemType = node.expandable ? DataType.folder : DataType.document;
                 break;
             default:
                 itemType = this.moduleId;
@@ -5870,7 +6493,7 @@ class TreeComponent {
             return this.treeControl.isExpanded(node) ? this.openIcon : this.closeIcon;
         }
         switch (this.moduleId) {
-            case DataType$2.document: {
+            case DataType.document: {
                 const nodeData = this.treeData.filter(x => { return x.rootId === node.id; });
                 if (nodeData.length > 0) {
                     switch (nodeData[0].levelType) {
@@ -5888,7 +6511,7 @@ class TreeComponent {
                 }
                 return this.treeControl.isExpanded(node) ? 'keyboard_up' : 'keyboard_down';
             }
-            case DataType$2.process:
+            case DataType.process:
                 return this.treeControl.isExpanded(node) ? 'process_area_outlined' : 'process_area';
             default:
                 return this.treeControl.isExpanded(node) ? 'keyboard_up' : 'keyboard_down';
@@ -5896,7 +6519,7 @@ class TreeComponent {
     }
     getItemIcon(node) {
         switch (this.moduleId) {
-            case DataType$2.document:
+            case DataType.document:
                 switch (node.levelType) {
                     case DocumentNodeType$2.DepartmentFolder:
                         return 'document_department';
@@ -5909,13 +6532,13 @@ class TreeComponent {
                     default:
                         return 'document';
                 }
-            case DataType$2.process:
+            case DataType.process:
                 return 'process';
-            case DataType$2.checklist:
+            case DataType.checklist:
                 return 'checklist';
-            case DataType$2.deviation:
+            case DataType.deviation:
                 return 'deviation';
-            case DataType$2.risk:
+            case DataType.risk:
                 return 'risk';
             default:
                 return 'document';
@@ -6016,7 +6639,7 @@ QMSTreeModule.decorators = [
 class RelatedContentComponent {
     constructor() {
         this.contents = [];
-        this.dataType = DataType$2;
+        this.dataType = DataType;
         this.imageProcess = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAwLjVWNi41SDJWMTYuNUgxMlYxOC41SDE4VjEyLjVIMTJWMTQuNUg0VjYuNUg2VjQuNUgxMlY2LjVIMThWMC41SDEyVjIuNUg2VjAuNUgwWk00IDIuNVY0LjVIMlYyLjVINFpNMTYgMi41VjQuNUgxNFYyLjVIMTZaTTE2IDE2LjVWMTQuNUgxNFYxNi41SDE2WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC42Ii8+DQo8L3N2Zz4NCg==';
     }
     ngOnInit() {
@@ -6050,7 +6673,7 @@ class RelatedListComponent {
         this.iconRegistry = iconRegistry;
         this.appIconService = appIconService;
         this.relatedData = [];
-        this.dataType = DataType$2;
+        this.dataType = DataType;
         // imageProcess = '../qms-angular/src/assets/images/union.svg';
         this.imageProcess = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAwLjVWNi41SDJWMTYuNUgxMlYxOC41SDE4VjEyLjVIMTJWMTQuNUg0VjYuNUg2VjQuNUgxMlY2LjVIMThWMC41SDEyVjIuNUg2VjAuNUgwWk00IDIuNVY0LjVIMlYyLjVINFpNMTYgMi41VjQuNUgxNFYyLjVIMTZaTTE2IDE2LjVWMTQuNUgxNFYxNi41SDE2WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC42Ii8+DQo8L3N2Zz4NCg==';
         this.updateData = new EventEmitter();
@@ -6063,6 +6686,7 @@ class RelatedListComponent {
         appIconService.registerDeviationIcon(iconRegistry, domSanitizer);
         appIconService.registerChecklistIcon(iconRegistry, domSanitizer);
         appIconService.registerRiskIcon(iconRegistry, domSanitizer);
+        appIconService.registerProcessInterconnectedIcon(iconRegistry, domSanitizer);
     }
     ngOnChanges(changes) {
         var _a;
@@ -6109,7 +6733,7 @@ class RelatedListComponent {
     }
     getNodeIcon(item) {
         switch (item.itemType) {
-            case DataType$2.folder: {
+            case DataType.folder: {
                 switch (item.levelType) {
                     case DocumentNodeType$2.DepartmentFolder:
                         return 'department_folder_outlined';
@@ -6123,7 +6747,7 @@ class RelatedListComponent {
                         return 'folder_outlined';
                 }
             }
-            case DataType$2.document: {
+            case DataType.document: {
                 switch (item.levelType) {
                     case DocumentNodeType$2.DepartmentFolder:
                         return 'document_department';
@@ -6137,16 +6761,18 @@ class RelatedListComponent {
                         return 'document';
                 }
             }
-            case DataType$2.area:
+            case DataType.area:
                 return 'process_area_outlined';
-            case DataType$2.process:
+            case DataType.process:
                 return 'process';
-            case DataType$2.deviation:
+            case DataType.deviation:
                 return 'deviation';
-            case DataType$2.checklist:
+            case DataType.checklist:
                 return 'checklist';
-            case DataType$2.risk:
+            case DataType.risk:
                 return 'risk';
+            case DataType.processInterconnected:
+                return 'process_interconnected';
             default:
                 return 'folder_outlined';
         }
@@ -6292,6 +6918,8 @@ class PopupData {
         this.splitView = false;
         this.moduleUploadFileName = '';
         this.entityId = '';
+        this.videoData = null;
+        this.canUpdateVideoProperties = false;
     }
 }
 
@@ -6345,10 +6973,13 @@ IconSvg.UPLOAD_ICON = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" vie
 
 class 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;
 
 class RelatedPopupComponent {
     constructor(cdRef, translate, dialogRef, globalService, iconRegistry, sanitizer, appIconService, elem, uploadService, dialog, data) {
+        var _a;
         this.cdRef = cdRef;
         this.translate = translate;
         this.dialogRef = dialogRef;
@@ -6376,7 +7007,7 @@ class RelatedPopupComponent {
         this.singleProcessList = [];
         this.singleDocumentList = [];
         this.module = ModuleType$2;
-        this.dataType = DataType$2;
+        this.dataType = DataType;
         this.itemType = 0;
         this.selectedRiskData = [];
         this.disabledList = [];
@@ -6408,6 +7039,8 @@ class RelatedPopupComponent {
         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;
@@ -6427,6 +7060,9 @@ class RelatedPopupComponent {
         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);
@@ -6465,7 +7101,7 @@ class RelatedPopupComponent {
                 let listNodeProcess = [];
                 let listNodeDocs = [];
                 res.forEach(item => {
-                    if (item.itemType === DataType$2.process) {
+                    if (item.itemType === DataType.process) {
                         let newNodeProcess = new TreeModel();
                         newNodeProcess.childId = item.id;
                         newNodeProcess.childName = item.itemName;
@@ -6501,13 +7137,13 @@ class RelatedPopupComponent {
                     let selectProcess = [];
                     let selectDocument = [];
                     this.checkedNodeList.forEach(x => {
-                        if (x.itemType === DataType$2.area || x.itemType === DataType$2.process) {
+                        if (x.itemType === DataType.area || x.itemType === DataType.process) {
                             this.treeData1.forEach(item => {
                                 if (item.childId && x.id === item.childId || !item.childId && (x.id === item.rootId)) {
                                     selectProcess.push({
                                         disabled: false,
-                                        expandable: x.itemType == DataType$2.area ? true : false,
-                                        hasChild: x.itemType == DataType$2.area ? true : false,
+                                        expandable: x.itemType == DataType.area ? true : false,
+                                        hasChild: x.itemType == DataType.area ? true : false,
                                         id: x.id,
                                         level: 0,
                                         levelType: undefined,
@@ -6522,8 +7158,8 @@ class RelatedPopupComponent {
                                 if (item.childId && x.id === item.childId || !item.childId && (x.id === item.rootId)) {
                                     selectDocument.push({
                                         disabled: false,
-                                        expandable: x.itemType == DataType$2.folder ? true : false,
-                                        hasChild: x.itemType == DataType$2.folder ? true : false,
+                                        expandable: x.itemType == DataType.folder ? true : false,
+                                        hasChild: x.itemType == DataType.folder ? true : false,
                                         id: x.id,
                                         level: 0,
                                         levelType: undefined,
@@ -6578,6 +7214,7 @@ class RelatedPopupComponent {
         return itemType;
     }
     removeCheckedNodeList(item) {
+        this.videoData.src = this.originVideoDataSrc;
         this.selectedData = [];
         this.selectedData2 = [];
         this.checkedNodeList = this.checkedNodeList.filter(x => { var _a, _b; return (x.id.toLowerCase() !== item.id.toLowerCase() || ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== ((_b = item.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())); });
@@ -6735,13 +7372,13 @@ class RelatedPopupComponent {
                         let selectDocument = [];
                         if (this.checkedNodeList.length) {
                             this.checkedNodeList.forEach(x => {
-                                if (x.itemType === DataType$2.document || x.itemType === DataType$2.folder) {
+                                if (x.itemType === DataType.document || x.itemType === DataType.folder) {
                                     this.treeData2.forEach(item => {
                                         if (item.childId && x.id === item.childId || !item.childId && (x.id === item.rootId)) {
                                             selectDocument.push({
                                                 disabled: false,
-                                                expandable: x.itemType == DataType$2.folder ? true : false,
-                                                hasChild: x.itemType == DataType$2.folder ? true : false,
+                                                expandable: x.itemType == DataType.folder ? true : false,
+                                                hasChild: x.itemType == DataType.folder ? true : false,
                                                 id: x.id,
                                                 level: 0,
                                                 levelType: undefined,
@@ -6895,13 +7532,13 @@ class RelatedPopupComponent {
                         let selectDocument = [];
                         if (this.checkedNodeList.length) {
                             this.checkedNodeList.forEach(x => {
-                                if (x.itemType === DataType$2.area || x.itemType === DataType$2.process) {
+                                if (x.itemType === DataType.area || x.itemType === DataType.process) {
                                     this.treeData1.forEach(item => {
                                         if (item.childId && x.id === item.childId || !item.childId && (x.id === item.rootId)) {
                                             selectProcess.push({
                                                 disabled: false,
-                                                expandable: x.itemType == DataType$2.area ? true : false,
-                                                hasChild: x.itemType == DataType$2.area ? true : false,
+                                                expandable: x.itemType == DataType.area ? true : false,
+                                                hasChild: x.itemType == DataType.area ? true : false,
                                                 id: x.id,
                                                 level: 0,
                                                 levelType: undefined,
@@ -6916,8 +7553,8 @@ class RelatedPopupComponent {
                                         if (item.childId && x.id === item.childId || !item.childId && (x.id === item.rootId)) {
                                             selectDocument.push({
                                                 disabled: false,
-                                                expandable: x.itemType == DataType$2.folder ? true : false,
-                                                hasChild: x.itemType == DataType$2.folder ? true : false,
+                                                expandable: x.itemType == DataType.folder ? true : false,
+                                                hasChild: x.itemType == DataType.folder ? true : false,
                                                 id: x.id,
                                                 level: 0,
                                                 levelType: undefined,
@@ -7188,26 +7825,22 @@ class RelatedPopupComponent {
             let imageRelativeUrl = "";
             let requestUploadVideoUrl = "";
             this.checkedNodeList.forEach(element => {
-                if (element.itemType === DataType$2.document) {
+                if (element.itemType === 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 === DataType$2.process) {
+                if (element.itemType === DataType.process) {
                     element.status = this.getStatusProcess(element.id);
                     element.breadcumbs = this.getBreadcumbAllParentProcess(element.id).slice(1).reverse();
                 }
             });
             if (!this.canUploadImage && !this.canUploadVideo)
                 return this.dialogRef.close(this.checkedNodeList);
-            if (this.canUploadImage && this.qmsInputImageFile) {
-                imageRelativeUrl = yield this.uploadService.uploadImage(this.qmsInputImageFile.file, this.imageUpload.height, this.imageUpload.width).toPromise();
-            }
-            if (this.canUploadVideo && this.qmsInputVideoFile) {
-                const resUploadVideo = yield this.uploadService.uploadSingleFile(this.qmsInputVideoFile.file, '', '1', this.entityId).toPromise();
-                requestUploadVideoUrl = resUploadVideo.url;
+            if (this.originVideoDataSrc && !this.videoData.src) {
+                this.videoData.src = this.originVideoDataSrc;
             }
-            this.dialogRef.close({ checkedNodeList: this.checkedNodeList, imageRelativeUrl: imageRelativeUrl, requestUploadVideoUrl: requestUploadVideoUrl });
+            this.dialogRef.close(this.videoData);
         });
     }
     getStatusName(id) {
@@ -7287,7 +7920,7 @@ class RelatedPopupComponent {
         return (elmHeight + elmMargin);
     }
     getItemChipName(item) {
-        if (item.itemType === DataType$2.checklist || item.itemType === DataType$2.deviation) {
+        if (item.itemType === DataType.checklist || item.itemType === DataType.deviation) {
             return (item.parentName && item.itemName !== item.parentName) ? `${item.parentName}/${item.itemName}` : item.itemName;
         }
         return item.itemName;
@@ -7297,7 +7930,7 @@ class RelatedPopupComponent {
     }
     getNodeIcon(item) {
         switch (item.itemType) {
-            case DataType$2.folder: {
+            case DataType.folder: {
                 switch (item.levelType) {
                     case DocumentNodeType$2.DepartmentFolder:
                         return 'department_folder_outlined';
@@ -7311,7 +7944,7 @@ class RelatedPopupComponent {
                         return 'folder_outlined';
                 }
             }
-            case DataType$2.document: {
+            case DataType.document: {
                 switch (item.levelType) {
                     case DocumentNodeType$2.DepartmentFolder:
                         return 'document_department';
@@ -7325,15 +7958,15 @@ class RelatedPopupComponent {
                         return 'document';
                 }
             }
-            case DataType$2.area:
+            case DataType.area:
                 return 'process_area_outlined';
-            case DataType$2.process:
+            case DataType.process:
                 return 'process';
-            case DataType$2.deviation:
+            case DataType.deviation:
                 return 'deviation';
-            case DataType$2.checklist:
+            case DataType.checklist:
                 return 'checklist';
-            case DataType$2.risk:
+            case DataType.risk:
                 return 'risk';
             default:
                 return 'folder_outlined';
@@ -7347,25 +7980,25 @@ class RelatedPopupComponent {
     }
     getTitle(type) {
         switch (type) {
-            case DataType$2.process:
+            case DataType.process:
                 return this.LANG.PROCESSES;
-            case DataType$2.area:
+            case DataType.area:
                 return this.LANG.PROCESS_AREA;
-            case DataType$2.document:
+            case DataType.document:
                 return this.LANG.DOCUMENTS;
-            case DataType$2.folder:
+            case DataType.folder:
                 return this.LANG.FOLDER;
-            case DataType$2.deviation:
+            case DataType.deviation:
                 return this.LANG.DEVIATION;
-            case DataType$2.deviationType:
+            case DataType.deviationType:
                 return this.LANG.DEVIATION_TYPE;
-            case DataType$2.checklist:
+            case DataType.checklist:
                 return this.LANG.CHECKLIST;
-            case DataType$2.checklistCategory:
+            case DataType.checklistCategory:
                 return this.LANG.CHECKLIST_CATEGORY;
-            case DataType$2.risk:
+            case DataType.risk:
                 return this.LANG.ASSESSMENT;
-            case DataType$2.riskFolder:
+            case DataType.riskFolder:
                 return this.LANG.FOLDER;
         }
     }
@@ -7433,11 +8066,11 @@ class RelatedPopupComponent {
     }
     canShowSearchOption(moduleId) {
         if (this.canOnlySelectItem &&
-            (moduleId === DataType$2.checklistCategory
-                || moduleId === DataType$2.riskFolder
-                || moduleId === DataType$2.deviationType
-                || (moduleId === DataType$2.area && this.treeConfig1 && !this.treeConfig1.singleSelectedNode)
-                || (moduleId === DataType$2.folder && this.treeConfig2 && !this.treeConfig2.singleSelectedNode))) {
+            (moduleId === DataType.checklistCategory
+                || moduleId === DataType.riskFolder
+                || moduleId === DataType.deviationType
+                || (moduleId === DataType.area && this.treeConfig1 && !this.treeConfig1.singleSelectedNode)
+                || (moduleId === DataType.folder && this.treeConfig2 && !this.treeConfig2.singleSelectedNode))) {
             return false;
         }
         return this.getModuleFilteredOptions(moduleId).length > 0;
@@ -7450,8 +8083,10 @@ class RelatedPopupComponent {
         });
         if (index >= 0) {
             this.commonCheckedList = this.commonCheckedList.filter((_, ind) => ind !== index);
+            this.videoData.src = this.originVideoDataSrc;
         }
         else {
+            this.videoData.src = `/video?id=${node.id}`;
             this.commonCheckedList = [...this.commonCheckedList, node];
         }
         this.selectedData = this.commonCheckedList;
@@ -7500,39 +8135,50 @@ class RelatedPopupComponent {
     }
     onChangeImage(event) {
         var _a;
-        if (!((_a = this.qmsInputImageFile) === null || _a === void 0 ? void 0 : _a.isSuccessful) && this.maxVideoThumbnailSizeKB) {
-            const dialogRef = this.dialog.open(QMSUploadFileErrorDialog, {
-                width: '500px',
-                data: {
-                    fileNames: this.qmsInputImageFile.typeError == FileErrorType.notSupportedExtension ? [this.qmsInputImageFile.fileName] : [],
-                    acceptedExtension: this.acceptExtensions,
-                    overLimitFiles: this.qmsInputImageFile.typeError == FileErrorType.exceedMaxSize ? [this.qmsInputImageFile.fileName] : [],
-                    fileSizeLimit: this.maxVideoThumbnailSizeKB / 1024,
-                    fileSizeLimitUnit: 'KB'
-                }
-            });
-            dialogRef.afterClosed().subscribe(() => {
-                this.qmsInputImageFile = null;
+        return __awaiter(this, void 0, void 0, function* () {
+            this.isLoadingImageFile = true;
+            if (!((_a = this.qmsInputImageFile) === null || _a === void 0 ? void 0 : _a.isSuccessful) && this.maxVideoThumbnailSizeKB) {
+                const dialogRef = this.dialog.open(QMSUploadFileErrorDialog, {
+                    width: '500px',
+                    data: {
+                        fileNames: this.qmsInputImageFile.typeError == FileErrorType.notSupportedExtension ? [this.qmsInputImageFile.fileName] : [],
+                        acceptedExtension: this.acceptExtensions,
+                        overLimitFiles: this.qmsInputImageFile.typeError == FileErrorType.exceedMaxSize ? [this.qmsInputImageFile.fileName] : [],
+                        fileSizeLimit: this.maxVideoThumbnailSizeKB / 1024,
+                        fileSizeLimitUnit: 'KB'
+                    }
+                });
+                dialogRef.afterClosed().subscribe(() => {
+                    this.qmsInputImageFile = null;
+                });
+            }
+            const readerImage = new FileReader();
+            readerImage.readAsDataURL(this.qmsInputImageFile.file);
+            readerImage.onload = (event) => __awaiter(this, void 0, void 0, function* () {
+                this.imageUpload.src = event.target.result.toString();
             });
-        }
-        const readerImage = new FileReader();
-        readerImage.readAsDataURL(this.qmsInputImageFile.file);
-        readerImage.onload = (event) => __awaiter(this, void 0, void 0, function* () {
-            this.imageUpload.src = event.target.result.toString();
+            this.videoData.poster = yield this.uploadService.uploadImage(this.qmsInputImageFile.file, this.imageUpload.height, this.imageUpload.width).toPromise();
+            this.isLoadingImageFile = false;
         });
     }
     onChangeFile(event) {
-        this.checkedNodeList = [];
-        this.dataTrees.toArray()[0].checklistSelection.clear();
-        this.dataTrees.toArray()[0].treeControl.dataNodes.map(x => x.disabled = true);
+        return __awaiter(this, void 0, void 0, function* () {
+            this.isLoadingVideoFile = true;
+            this.checkedNodeList = [];
+            this.dataTrees.toArray()[0].checklistSelection.clear();
+            this.dataTrees.toArray()[0].treeControl.dataNodes.map(x => x.disabled = true);
+            const resUploadVideo = yield this.uploadService.uploadSingleFile(this.qmsInputVideoFile.file, '', '1', this.entityId).toPromise();
+            this.videoData.src = resUploadVideo.url;
+            this.isLoadingVideoFile = false;
+        });
     }
 }
 RelatedPopupComponent.decorators = [
     { type: Component, args: [{
                 selector: 'qms-related-popup',
-                template: "<div id=\"qmslib_related_popup\" class=\"qmslib__related__popup__container\">\r\n  <div id=\"qmslib_related_popup_header\">\r\n    <span mat-icon-button class=\"button__close\" (click)=\"onCloseClick()\">\r\n      <mat-icon mat-icon>close</mat-icon>\r\n    </span>\r\n    <div id=\"qmslib_related_popup_header_001\" mat-dialog-content>\r\n      <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: 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 = () => [
@@ -7602,7 +8248,7 @@ class RiskAnalysisComponent {
             showCheckBox: true,
             allowMultipleCheck: true,
             onlyCheckBoxForChild: false,
-            moduleId: DataType$2.risk,
+            moduleId: DataType.risk,
             openIcon: 'keyboard_arrow_up',
             openIconColor: '#1954A9',
             closeIcon: 'keyboard_arrow_down',
@@ -7953,6 +8599,7 @@ QMSRelatedModule.decorators = [
                     RelatedListComponent
                 ],
                 imports: [
+                    FormsModule,
                     CommonModule,
                     MatTreeModule,
                     MatIconModule,
@@ -8465,20 +9112,6 @@ QMSCKEditorCommonService.decorators = [
 ];
 QMSCKEditorCommonService.ctorParameters = () => [];
 
-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 = {}));
-
 class NewTreeNode {
 }
 
@@ -8494,6 +9127,7 @@ function buildArrayTree$1(obj, level) {
         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);
@@ -8535,7 +9169,8 @@ function findParent$1(item, array) {
                 name: item.name,
                 parentId: item.parentId,
                 levelType: item.levelType,
-                expandable: item.expandable
+                expandable: item.expandable,
+                itemType: item.itemType
             };
             objParent[json.stringify(parentKey)] = null;
         });
@@ -8544,7 +9179,8 @@ function findParent$1(item, array) {
             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;
@@ -8565,7 +9201,8 @@ function findChild$1(id, objParent, array) {
             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);
     });
@@ -8625,7 +9262,7 @@ class NewTreeComponent {
         this.isChecked = false;
         this.idCheckIcon = '';
         this.listChildNode = [];
-        this.dataType = DataType$2;
+        this.dataType = DataType;
         this.transformer = (node, level) => {
             let checkHasChild = true;
             if (!node.children) {
@@ -8653,7 +9290,8 @@ class NewTreeComponent {
                 hasChild: checkHasChild,
                 parentId: node.parentId,
                 disabled: false,
-                levelType: node.levelType
+                levelType: node.levelType,
+                itemType: node.itemType
             };
         };
         this.treeFlattener = new MatTreeFlattener(this.transformer, (node) => {
@@ -8676,6 +9314,7 @@ class NewTreeComponent {
         appIconService.registerDeviationIcon(iconRegistry, domSanitizer);
         appIconService.registerChecklistIcon(iconRegistry, domSanitizer);
         appIconService.registerRiskIcon(iconRegistry, domSanitizer);
+        appIconService.registerProcessInterconnectedIcon(iconRegistry, domSanitizer);
     }
     ngOnChanges(changes) {
         if (changes.treeData && JSON.stringify(changes.treeData.currentValue) !== JSON.stringify(changes.treeData.previousValue)) {
@@ -9008,20 +9647,20 @@ class NewTreeComponent {
     /** Toggle the to-do item selection. Select/deselect all the descendants node */
     todoItemSelectionToggle(node) {
         switch (this.moduleId) {
-            case DataType$2.document:
-                node.itemType = node.expandable ? DataType$2.folder : DataType$2.document;
+            case DataType.document:
+                node.itemType = node.expandable ? DataType.folder : DataType.document;
                 break;
-            case DataType$2.process:
-                node.itemType = node.expandable ? DataType$2.area : DataType$2.process;
+            case DataType.process:
+                node.itemType = node.expandable ? DataType.area : DataType.process;
                 break;
-            case DataType$2.checklist:
-                node.itemType = node.expandable ? DataType$2.checklistCategory : DataType$2.checklist;
+            case DataType.checklist:
+                node.itemType = node.expandable ? DataType.checklistCategory : DataType.checklist;
                 break;
-            case DataType$2.deviation:
-                node.itemType = node.expandable ? DataType$2.deviationType : DataType$2.deviation;
+            case DataType.deviation:
+                node.itemType = node.expandable ? DataType.deviationType : DataType.deviation;
                 break;
-            case DataType$2.risk:
-                node.itemType = node.expandable ? DataType$2.riskFolder : DataType$2.risk;
+            case DataType.risk:
+                node.itemType = node.expandable ? DataType.riskFolder : DataType.risk;
                 break;
         }
         this.selectNodeEvent.emit(node);
@@ -9125,11 +9764,11 @@ class NewTreeComponent {
     checkDataTypeSelectNode(node) {
         let itemType = -1;
         switch (this.moduleId) {
-            case DataType$2.process:
-                itemType = node.expandable ? DataType$2.area : DataType$2.process;
+            case DataType.process:
+                itemType = node.expandable ? DataType.area : (node.itemType || DataType.process);
                 break;
-            case DataType$2.document:
-                itemType = node.expandable ? DataType$2.folder : DataType$2.document;
+            case DataType.document:
+                itemType = node.expandable ? DataType.folder : DataType.document;
                 break;
             default:
                 itemType = this.moduleId;
@@ -9288,7 +9927,7 @@ class NewTreeComponent {
             return this.treeControl.isExpanded(node) ? this.openIcon : this.closeIcon;
         }
         switch (this.moduleId) {
-            case DataType$2.document: {
+            case DataType.document: {
                 let nodeData = this.treeData.filter(x => { return x.id === node.id; });
                 if (nodeData.length > 0) {
                     switch (nodeData[0].levelType) {
@@ -9306,7 +9945,7 @@ class NewTreeComponent {
                 }
                 return this.treeControl.isExpanded(node) ? 'folder_outlined' : 'folder';
             }
-            case DataType$2.process:
+            case DataType.process:
                 return this.treeControl.isExpanded(node) ? 'process_area_outlined' : 'process_area';
             default:
                 return this.treeControl.isExpanded(node) ? 'keyboard_up' : 'keyboard_down';
@@ -9314,7 +9953,7 @@ class NewTreeComponent {
     }
     getItemIcon(node) {
         switch (this.moduleId) {
-            case DataType$2.document:
+            case DataType.document:
                 const parent = this.treeData.filter(x => { return x.id === node.parentId; });
                 if (parent.length > 0) {
                     switch (parent[0].levelType) {
@@ -9331,13 +9970,15 @@ class NewTreeComponent {
                     }
                 }
                 return 'document';
-            case DataType$2.process:
+            case DataType.process:
+                if ((node === null || node === void 0 ? void 0 : node.itemType) === DataType.processInterconnected)
+                    return 'process_interconnected';
                 return 'process';
-            case DataType$2.checklist:
+            case DataType.checklist:
                 return 'checklist';
-            case DataType$2.deviation:
+            case DataType.deviation:
                 return 'deviation';
-            case DataType$2.risk:
+            case DataType.risk:
                 return 'risk';
             default:
                 return 'document';
@@ -9520,7 +10161,7 @@ class SelectProcessDocumentPopupComponent {
         this.singleProcessList = [];
         this.singleDocumentList = [];
         this.module = ModuleType$1;
-        this.dataType = DataType$1;
+        this.dataType = DataType;
         this.itemType = 0;
         this.selectedRiskData = [];
         this.disabledList = [];
@@ -9528,7 +10169,13 @@ class SelectProcessDocumentPopupComponent {
         this.isDocumentExpanded = true;
         this.isCommonExpanded = true;
         this.singleSelectedNode = false;
-        this.searchOrder = [];
+        this.searchOrder = [
+            { key: 'processInterconnected', value: DataType.processInterconnected },
+            { key: 'process', value: DataType.process },
+            { key: 'document', value: DataType.document },
+            { key: 'area', value: DataType.area },
+            { key: 'folder', value: DataType.folder }
+        ];
         this.myControl = new FormControl();
         this.filteredOptions = [];
         this.isInputValue = false;
@@ -9565,6 +10212,7 @@ class SelectProcessDocumentPopupComponent {
         appIconService.registerProcessAreaIcon(iconRegistry, sanitizer);
         appIconService.registerDocumentIcon(iconRegistry, sanitizer);
         appIconService.registerFolderIcon(iconRegistry, sanitizer);
+        appIconService.registerProcessInterconnectedIcon(iconRegistry, sanitizer);
     }
     ngOnDestroy() {
         this.ngUnsubscribe.next();
@@ -9602,7 +10250,7 @@ class SelectProcessDocumentPopupComponent {
                     newNodeProcess.displayId = +item.itemNumberId;
                     newNodeProcess.parentId = item.parentId;
                     newNodeProcess.statusId = item.status;
-                    if (item.itemType === DataType$1.process) {
+                    if (item.itemType === DataType.process) {
                         listNodeProcess.push(newNodeProcess);
                     }
                     else {
@@ -9645,7 +10293,6 @@ class SelectProcessDocumentPopupComponent {
             }
         });
         this.itemType = this.dataType.process;
-        this.searchOrder = this.getSearchOrder();
     }
     setSelectedData() {
         if (this.checkedNodeList.length) {
@@ -9656,15 +10303,15 @@ class SelectProcessDocumentPopupComponent {
             this.checkedNodeList.forEach(x => {
                 const newNode = {
                     disabled: false,
-                    expandable: (x.itemType == DataType$1.area || x.itemType == DataType$1.folder) ? true : false,
-                    hasChild: (x.itemType == DataType$1.area || x.itemType == DataType$1.folder) ? true : false,
+                    expandable: (x.itemType == DataType.area || x.itemType == DataType.folder) ? true : false,
+                    hasChild: (x.itemType == DataType.area || x.itemType == DataType.folder) ? true : false,
                     id: x.id,
                     level: 0,
                     levelType: undefined,
                     name: x.itemName,
                     parentId: x.parentId
                 };
-                if (x.itemType === DataType$1.area || x.itemType === DataType$1.process) {
+                if (x.itemType === DataType.area || x.itemType === DataType.process) {
                     this.treeData1.forEach(item => {
                         if (item.id && x.id === item.id) {
                             selectProcess.push(newNode);
@@ -9819,7 +10466,7 @@ class SelectProcessDocumentPopupComponent {
                 }
                 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) {
                 const isExistInDisabled = this.disabledList.findIndex(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);
@@ -9842,8 +10489,8 @@ class SelectProcessDocumentPopupComponent {
         newNodeDocs.statusId = item === null || item === void 0 ? void 0 : item['itemStatus'];
         newNodeDocs.statusName = item === null || item === void 0 ? void 0 : item['statusName'];
         newNodeDocs.displayId = +item.itemNumberId;
-        newNodeDocs.expandable = item.itemType == DataType$1.folder || item.itemType == DataType$1.area ? true : false;
-        if (item.itemType == DataType$1.folder || item.itemType == DataType$1.document) {
+        newNodeDocs.expandable = item.itemType == DataType.folder || item.itemType == DataType.area ? true : false;
+        if (item.itemType == DataType.folder || item.itemType == DataType.document) {
             if (this.treeData2.findIndex(x => {
                 var _a, _b;
                 return x.id.toLowerCase() === newNodeDocs.id.toLowerCase() &&
@@ -9870,7 +10517,7 @@ class SelectProcessDocumentPopupComponent {
         newNodeDocs.statusId = item === null || item === void 0 ? void 0 : item['itemStatus'];
         newNodeDocs.statusName = item === null || item === void 0 ? void 0 : item['statusName'];
         newNodeDocs.displayId = +item.itemNumberId;
-        newNodeDocs.expandable = item.itemType == DataType$1.folder || item.itemType == DataType$1.area ? true : false;
+        newNodeDocs.expandable = item.itemType == DataType.folder || item.itemType == DataType.area ? true : false;
         if (this.isSelectOne) {
             this.checkedNodeList = [];
             this.documentCheckedList = [];
@@ -9882,7 +10529,7 @@ class SelectProcessDocumentPopupComponent {
                 (!newNodeDocs.parentId || ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = newNodeDocs.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase())) && x.expandable === newNodeDocs.expandable;
         });
         if (index < 0) {
-            if (item.itemType == DataType$1.folder || item.itemType == DataType$1.document) {
+            if (item.itemType == DataType.folder || item.itemType == DataType.document) {
                 if (this.documentCheckedList.findIndex(x => { var _a, _b; return x.id.toLowerCase() === newNodeDocs.id.toLowerCase() && ((_a = x.parentId) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = newNodeDocs.parentId) === null || _b === void 0 ? void 0 : _b.toLowerCase()); }) < 0) {
                     this.documentCheckedList.push({
                         id: newNodeDocs.id,
@@ -9940,15 +10587,15 @@ class SelectProcessDocumentPopupComponent {
             this.checkedNodeList.forEach(x => {
                 const node = {
                     disabled: false,
-                    expandable: x.itemType == DataType$1.area || x.itemType == DataType$1.folder ? true : false,
-                    hasChild: x.itemType == DataType$1.area || x.itemType == DataType$1.folder ? true : false,
+                    expandable: x.itemType == DataType.area || x.itemType == DataType.folder ? true : false,
+                    hasChild: x.itemType == DataType.area || x.itemType == DataType.folder ? true : false,
                     id: x.id,
                     level: 0,
                     levelType: undefined,
                     name: x.itemName,
                     parentId: x.parentId
                 };
-                if (x.itemType === DataType$1.area || x.itemType === DataType$1.process) {
+                if (x.itemType === DataType.area || x.itemType === DataType.process) {
                     this.treeData1.forEach(item => {
                         var _a, _b;
                         if (item.id && x.id.toLowerCase() === item.id.toLowerCase() &&
@@ -9972,7 +10619,7 @@ class SelectProcessDocumentPopupComponent {
             this.selectedData = [...this.selectedData, ...selectProcess];
             this.selectedData2 = [...this.selectedData2, ...selectDocument];
         }
-        if (item.itemType === DataType$1.folder || item.itemType === DataType$1.document) {
+        if (item.itemType === DataType.folder || item.itemType === DataType.document) {
             if (this.selectedData2.findIndex(x => {
                 var _a, _b;
                 return x.id.toLowerCase() === item.id.toLowerCase() &&
@@ -9996,10 +10643,10 @@ class SelectProcessDocumentPopupComponent {
         this.addSelectedData({
             id: item.id,
             name: item.itemName,
-            expandable: item.itemType == DataType$1.area || item.itemType == DataType$1.folder,
+            expandable: item.itemType == DataType.area || item.itemType == DataType.folder,
             level: 0,
             disabled: false,
-            hasChild: item.itemType == DataType$1.area || item.itemType == DataType$1.folder,
+            hasChild: item.itemType == DataType.area || item.itemType == DataType.folder,
             itemType: item.itemType
         });
     }
@@ -10076,7 +10723,7 @@ class SelectProcessDocumentPopupComponent {
     }
     getNodeIcon(item) {
         switch (item.itemType) {
-            case DataType$1.folder: {
+            case DataType.folder: {
                 switch (item.levelType) {
                     case DocumentNodeType$1.DepartmentFolder:
                         return 'department_folder_outlined';
@@ -10090,7 +10737,7 @@ class SelectProcessDocumentPopupComponent {
                         return 'folder_outlined';
                 }
             }
-            case DataType$1.document: {
+            case DataType.document: {
                 switch (item.levelType) {
                     case DocumentNodeType$1.DepartmentFolder:
                         return 'document_department';
@@ -10104,34 +10751,32 @@ class SelectProcessDocumentPopupComponent {
                         return 'document';
                 }
             }
-            case DataType$1.area:
+            case DataType.area:
                 return 'process_area_outlined';
-            case DataType$1.process:
+            case DataType.process:
                 return 'process';
+            case DataType.processInterconnected:
+                return 'process_interconnected';
             default:
                 return 'folder_outlined';
         }
     }
-    getSearchOrder() {
-        let searchTypes = Object.keys(this.dataType)
-            .map(key => ({ value: this.dataType[key], key: key }));
-        searchTypes = searchTypes.slice(searchTypes.length / 2);
-        return searchTypes;
-    }
     getTitle(type) {
         switch (type) {
-            case DataType$1.process:
+            case DataType.process:
                 return this.LANG.PROCESSES;
-            case DataType$1.area:
+            case DataType.area:
                 return this.LANG.PROCESS_AREA;
-            case DataType$1.document:
+            case DataType.document:
                 return this.LANG.DOCUMENTS;
-            case DataType$1.folder:
+            case DataType.folder:
                 return this.LANG.FOLDER;
+            case DataType.processInterconnected:
+                return this.LANG.INTERCONNECTED_PROCESSES;
         }
     }
     getItemId(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) {
@@ -10171,7 +10816,7 @@ class SelectProcessDocumentPopupComponent {
         this.selectedFolder = node;
         this.parentNodeSelected = new TreeFlatNode();
         this.parentNodeSelected = Object.assign({}, node);
-        if (item.itemType == DataType$1.area)
+        if (item.itemType == DataType.area)
             this.onExpandProcessArea.emit(item);
         else
             this.onExpandFolder.emit(item);
@@ -10204,7 +10849,7 @@ class SelectProcessDocumentPopupComponent {
             let item;
             let status = 0;
             let statusName = '';
-            if (node.itemType == DataType$1.folder || node.itemType == DataType$1.document) {
+            if (node.itemType == DataType.folder || node.itemType == DataType.document) {
                 item = this.treeData2.find(x => {
                     var _a, _b;
                     return x.id.toLowerCase() === node.id.toLowerCase()
@@ -10355,8 +11000,8 @@ class QMSCKEditorTreeService extends QMSCKEditorBaseService {
     getUploadVideoList(folderId = null) {
         return this.get('ckeditorTree/GetUploadVideoList', { folderId });
     }
-    getProcessAreaContents(areaId = '', showProcessesInTree = true) {
-        return this.get('processAreas/GetContent', { areaId, showProcessesInTree });
+    getProcessAreaContents(areaId = '', showProcessesInTree = true, isInterconnectedProcess = false) {
+        return this.get('processAreas/GetContent', { areaId, showProcessesInTree, isInterconnectedProcess });
     }
     getFolderChildrens(id = '', showProcessesInTree = true, isOnlyApproved = true) {
         return this.get('Folders/GetChildren', { id, showProcessesInTree, isOnlyApproved });
@@ -10368,6 +11013,10 @@ class QMSCKEditorTreeService extends QMSCKEditorBaseService {
     searchDocument(keyword = '', searchType = 1) {
         return this.get('Search/SearchDocuments', { keyword, searchType });
     }
+    // public Search
+    searchProcessInterconnected(keyword = '', isContentSearch = true, isFrontend = false, searchType = 1) {
+        return this.get('SearchProcess/SearchProcessInterconnected', { isContentSearch, isFrontend, keyword, searchType });
+    }
 }
 QMSCKEditorTreeService.ɵprov = i0.ɵɵdefineInjectable({ factory: function QMSCKEditorTreeService_Factory() { return new QMSCKEditorTreeService(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(QMSCKEditorGlobalService)); }, token: QMSCKEditorTreeService, providedIn: "root" });
 QMSCKEditorTreeService.decorators = [
@@ -10389,6 +11038,12 @@ const guidHelper = {
     empty: '00000000-0000-0000-0000-000000000000'
 };
 
+var ProcessClassification;
+(function (ProcessClassification) {
+    ProcessClassification[ProcessClassification["Process"] = 1] = "Process";
+    ProcessClassification[ProcessClassification["InterconnectedProcess"] = 2] = "InterconnectedProcess";
+})(ProcessClassification || (ProcessClassification = {}));
+
 class QMSCKEditorLinkComponent extends QMSCKEditorBaseComponent {
     constructor(cdr, dialog, translate, linkService, commonService, treeService, selectProcessDocumentGlobalService, dialogRef, data) {
         super();
@@ -10416,6 +11071,7 @@ class QMSCKEditorLinkComponent extends QMSCKEditorBaseComponent {
             emailBody: new FormControl("", [Validators.required]),
         });
         this.anchorDocFormGroup = new FormGroup({
+            targetList: new FormControl(),
             anchorTitle: new FormControl("", [Validators.required]),
             anchorByName: new FormControl("", [Validators.required]),
         });
@@ -10445,13 +11101,29 @@ class QMSCKEditorLinkComponent extends QMSCKEditorBaseComponent {
             DocumentNodeType$1.LinkDocument,
             DocumentNodeType$1.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 == LinkType.url) {
+            this.selectedTarget = data.targetId;
+            this.selectedTargetAnchorDocument = data.defaultTargetNewWindow ? TargetType.new : TargetType.same;
+        }
+        else if (this.url.length && data.typeId == LinkType.anchorDocument) {
+            this.selectedTargetAnchorDocument = data.targetId;
+            this.selectedTarget = data.defaultTargetNewWindow ? TargetType.new : TargetType.same;
+        }
+        else if (data.defaultTargetNewWindow) {
+            this.selectedTarget = TargetType.new;
+            this.selectedTargetAnchorDocument = TargetType.new;
+        }
+        else {
+            this.selectedTarget = TargetType.same;
+            this.selectedTargetAnchorDocument = TargetType.same;
+        }
     }
     ngOnInit() {
         this.translate.getLanguageSubject$
@@ -10590,7 +11262,7 @@ class QMSCKEditorLinkComponent extends QMSCKEditorBaseComponent {
                 showCheckBox: false,
                 allowMultipleCheck: false,
                 onlyCheckBoxForChild: false,
-                moduleId: DataType$1.process,
+                moduleId: DataType.process,
                 openIconColor: '#1954A9',
                 closeIconColor: '#a4b0de',
                 singleSelectedNode: true,
@@ -10601,7 +11273,7 @@ class QMSCKEditorLinkComponent extends QMSCKEditorBaseComponent {
                 allowSelectFolder: !isOnlyDocument,
                 areaOfCurrentProcess: '',
                 showCheckBox: false,
-                moduleId: DataType$1.document,
+                moduleId: DataType.document,
                 allowMultipleCheck: false,
                 onlyCheckBoxForChild: false,
                 openIconColor: '#1954A9',
@@ -10655,39 +11327,84 @@ class QMSCKEditorLinkComponent extends QMSCKEditorBaseComponent {
             dialogRef.componentInstance.onSearch.subscribe((keyword) => {
                 if (!keyword || keyword.trim() === '')
                     return;
-                forkJoin([this.treeService.searchProcess(keyword), this.treeService.searchDocument(keyword)])
-                    .toPromise()
-                    .then(([process, document]) => {
-                    if (process && document) {
-                        const resultProcessSearch = process.map((x) => {
-                            return {
-                                id: x.entityId,
-                                itemNumberId: x.processNumber.toString(),
-                                itemName: x.name,
-                                itemType: DataType$1.process,
-                                status: x.status,
-                                statusName: x.approvalStatus,
-                                location: x.location,
-                            };
-                        });
-                        const resultDocumentSearch = document.documents.map((x) => {
-                            return {
-                                id: x.id.toString(),
-                                itemNumberId: x.id.toString(),
-                                itemName: x.name,
-                                itemType: DataType$1.document,
-                                status: 0,
-                                statusName: x.approvalStatus,
-                                location: x.location,
-                            };
-                        });
-                        const resulSearch = [...resultProcessSearch, ...resultDocumentSearch];
-                        this.selectProcessDocumentGlobalService.setSearchRelated(resulSearch);
-                    }
-                });
+                if (this.data.enabledInterconnected) {
+                    forkJoin([this.treeService.searchProcess(keyword), this.treeService.searchDocument(keyword), this.treeService.searchProcessInterconnected(keyword)])
+                        .toPromise()
+                        .then(([process, document, interconnected]) => {
+                        if (process && document && interconnected) {
+                            const resultProcessSearch = process.map((x) => {
+                                return {
+                                    id: x.entityId,
+                                    itemNumberId: x.processNumber.toString(),
+                                    itemName: x.name,
+                                    itemType: DataType.process,
+                                    status: x.status,
+                                    statusName: x.approvalStatus,
+                                    location: x.location,
+                                };
+                            });
+                            const resultDocumentSearch = document.documents.map((x) => {
+                                return {
+                                    id: x.id.toString(),
+                                    itemNumberId: x.id.toString(),
+                                    itemName: x.name,
+                                    itemType: DataType.document,
+                                    status: 0,
+                                    statusName: x.approvalStatus,
+                                    location: x.location,
+                                };
+                            });
+                            const resultInterconnectedSearch = interconnected.map((x) => {
+                                return {
+                                    id: x.processInterconnectedEntityId,
+                                    itemNumberId: x.processInterconnectedNumber.toString(),
+                                    itemName: x.name,
+                                    itemType: DataType.processInterconnected,
+                                    status: x.status,
+                                    statusName: x.approvalStatus,
+                                    location: x.location,
+                                };
+                            });
+                            const resulSearch = [...resultProcessSearch, ...resultDocumentSearch, ...resultInterconnectedSearch];
+                            this.selectProcessDocumentGlobalService.setSearchRelated(resulSearch);
+                        }
+                    });
+                }
+                else {
+                    forkJoin([this.treeService.searchProcess(keyword), this.treeService.searchDocument(keyword)])
+                        .toPromise()
+                        .then(([process, document]) => {
+                        if (process && document) {
+                            const resultProcessSearch = process.map((x) => {
+                                return {
+                                    id: x.entityId,
+                                    itemNumberId: x.processNumber.toString(),
+                                    itemName: x.name,
+                                    itemType: DataType.process,
+                                    status: x.status,
+                                    statusName: x.approvalStatus,
+                                    location: x.location,
+                                };
+                            });
+                            const resultDocumentSearch = document.documents.map((x) => {
+                                return {
+                                    id: x.id.toString(),
+                                    itemNumberId: x.id.toString(),
+                                    itemName: x.name,
+                                    itemType: DataType.document,
+                                    status: 0,
+                                    statusName: x.approvalStatus,
+                                    location: x.location,
+                                };
+                            });
+                            const resulSearch = [...resultProcessSearch, ...resultDocumentSearch];
+                            this.selectProcessDocumentGlobalService.setSearchRelated(resulSearch);
+                        }
+                    });
+                }
             });
             dialogRef.componentInstance.onExpandProcessArea.subscribe((area) => {
-                this.treeService.getProcessAreaContents(area.id).toPromise().then(res => {
+                this.treeService.getProcessAreaContents(area.id, true, this.data.enabledInterconnected).toPromise().then(res => {
                     if (res) {
                         const areas = res.areas.map((x) => {
                             return {
@@ -10708,7 +11425,8 @@ class QMSCKEditorLinkComponent extends QMSCKEditorBaseComponent {
                                 expandable: false,
                                 statusId: x.status,
                                 statusName: x.approvalStatus,
-                                displayId: x.processNumber
+                                displayId: x.processNumber,
+                                itemType: x.processClassification === ProcessClassification.InterconnectedProcess ? DataType.processInterconnected : DataType.process
                             };
                         }) || [];
                         this.selectProcessDocumentGlobalService.setProcessAreaChildren([...areas, ...processes]);
@@ -10764,18 +11482,20 @@ class QMSCKEditorLinkComponent extends QMSCKEditorBaseComponent {
     getLinkURL(data) {
         let url = '';
         switch (data === null || data === void 0 ? void 0 : data.itemType) {
-            case DataType$1.document:
+            case DataType.document:
                 url = `/document/${data.id}`;
                 break;
-            case DataType$1.process:
+            case DataType.process:
                 url = `/process-detail/${data.displayId}`;
                 break;
-            case DataType$1.area:
+            case DataType.area:
                 url = `/area/detail/${data.id}`;
                 break;
-            case DataType$1.folder:
+            case DataType.folder:
                 url = `/folder/${data.id}`;
                 break;
+            case DataType.processInterconnected:
+                url = `/process-interconnected/${data.displayId}`;
             default:
                 break;
         }
@@ -10940,7 +11660,7 @@ class QMSCKEditorLinkComponent extends QMSCKEditorBaseComponent {
             case LinkType.anchorDocument:
                 link.url = `${this.selectedLinkType}${0}/document/${this.documentId}#${this.anchorByName}`;
                 link.title = this.anchorTitle;
-                link.targetId = TargetType.topmost;
+                link.targetId = this.selectedTargetAnchorDocument;
                 break;
         }
         this.dialogRef.close(link);
@@ -10997,7 +11717,7 @@ class QMSCKEditorLinkComponent extends QMSCKEditorBaseComponent {
 QMSCKEditorLinkComponent.decorators = [
     { type: 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}"]
             },] }
 ];
@@ -11971,9 +12691,220 @@ CKEditorEventConst.QMSCK_TOGGLE_TOOLBAR_MSG = 'QMSCK_TOGGLE_TOOLBAR_MSG';
 CKEditorEventConst.QMSCK_BROWSE_VIDEO_MSG = 'QMSCK_BROWSE_VIDEO_MSG';
 CKEditorEventConst.QMSCK_BROWSE_VIDEO_RESP = 'QMSCK_BROWSE_VIDEO_RESP';
 
+function BuildResourceNO(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,
+        }
+    };
+}
+const CKEditorBuildResourceFunctions = {
+    BuildResourceNO,
+};
+
 var IFRAME_SRC = '//cdn.iframe.ly/api/iframe';
 var API_KEY = 'b499e92e857f435c39c14d';
-function getCKEditorConfiguration(itemToolbar, availableLanguages = null) {
+function getCKEditorConfiguration(itemToolbar, LANG = null, 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);
+    }
     const ckeditorConfig = {
         toolbar: {
             items: [],
@@ -11981,7 +12912,7 @@ function getCKEditorConfiguration(itemToolbar, availableLanguages = null) {
             viewportTopOffset: 30,
             shouldNotGroupWhenFull: true
         },
-        language: 'en',
+        language: language,
         table: {
             contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells', 'tableProperties', 'tableCellProperties']
         },
@@ -12002,15 +12933,15 @@ function getCKEditorConfiguration(itemToolbar, availableLanguages = null) {
                 '|',
                 'imageMap',
                 '|',
-                'qmsFlowchart',
-                '|',
+                // 'qmsFlowchart',
+                // '|',
                 'qmsBpmn'
             ],
             resizeOptions: [
                 {
                     name: 'imageResize:original',
                     value: null,
-                    label: 'Original',
+                    label: LANG.QMSCKEDITOR.ORIGINAL,
                     icon: 'original'
                 },
                 {
@@ -12051,7 +12982,7 @@ function getCKEditorConfiguration(itemToolbar, availableLanguages = null) {
                 {
                     name: 'videoResize:original',
                     value: null,
-                    label: 'Original',
+                    label: LANG.QMSCKEDITOR.ORIGINAL,
                     icon: 'original'
                 },
                 {
@@ -12092,7 +13023,7 @@ function getCKEditorConfiguration(itemToolbar, availableLanguages = null) {
                 {
                     name: 'mediaResize:original',
                     value: null,
-                    label: 'Original',
+                    label: LANG.QMSCKEDITOR.ORIGINAL,
                     icon: 'original'
                 },
                 {
@@ -12137,7 +13068,7 @@ function getCKEditorConfiguration(itemToolbar, availableLanguages = null) {
                 {
                     name: 'mediaResize:original',
                     value: null,
-                    label: 'Original',
+                    label: LANG.QMSCKEDITOR.ORIGINAL,
                     icon: 'original'
                 },
                 {
@@ -12249,11 +13180,6 @@ function getCKEditorConfiguration(itemToolbar, availableLanguages = null) {
                 generatePtSetting(48)
             ]
         },
-        getTranslateLabel: function (propertyResource, defaultLabel) {
-            if (availableLanguages && availableLanguages.QMSCKEDITOR[propertyResource])
-                return availableLanguages.QMSCKEDITOR[propertyResource];
-            return defaultLabel;
-        }
     };
     if (itemToolbar) {
         const itemArray = itemToolbar.split(',');
@@ -15429,6 +16355,12 @@ class BpmnService {
             joint.ui.FreeTransform.clear(paper);
             freeTransform = null;
             joint.ui.Halo.clear(paper);
+            const cells = graph.getCells();
+            cells.forEach((cell) => {
+                if (cell.get('type') === 'bpmn2.HeaderedPool') {
+                    cell.set('z', -1);
+                }
+            });
         }
         function isSelectedCellViewInSelection(selection) {
             const models = selection.collection.toArray() || [];
@@ -15874,6 +16806,7 @@ class BpmnService {
         }
     }
     onChangeLinkLabel(cell, defSize) {
+        var _a, _b;
         if (cell.isLink()) {
             let size = defSize;
             let refPos = 0;
@@ -15886,8 +16819,8 @@ class BpmnService {
                 refPos += 1;
                 return true;
             });
-            if (graph.getLinks()[refPos].attributes.attrs.text &&
-                graph.getLinks()[refPos].attributes.attrs.text['font-size']) {
+            if (((_a = graph.getLinks()[refPos]) === null || _a === void 0 ? void 0 : _a.attributes.attrs.text) &&
+                ((_b = graph.getLinks()[refPos]) === null || _b === void 0 ? void 0 : _b.attributes.attrs.text['font-size'])) {
                 size = graph.getLinks()[refPos].attributes.attrs.text['font-size'];
             }
             graph.getLinks()[refPos].prop('labels/0/attrs/label/fontSize', size);
@@ -18940,7 +19873,7 @@ function invalidURLValidator(regex) {
 }
 
 class QMSCKEditorImageMapComponent extends QMSCKEditorBaseComponent {
-    constructor(renderer, cdr, dialog, translate, linkService, dialogRef, commonService, data, iconRegistry, sanitizer) {
+    constructor(renderer, cdr, dialog, translate, linkService, dialogRef, commonService, data, iconRegistry, sanitizer, treeService, selectProcessDocumentGlobalService) {
         super();
         this.renderer = renderer;
         this.cdr = cdr;
@@ -18950,6 +19883,8 @@ class QMSCKEditorImageMapComponent extends QMSCKEditorBaseComponent {
         this.dialogRef = dialogRef;
         this.commonService = commonService;
         this.data = data;
+        this.treeService = treeService;
+        this.selectProcessDocumentGlobalService = selectProcessDocumentGlobalService;
         this.linkTypes = [];
         this.targets = [];
         this.protocols = [];
@@ -18978,6 +19913,12 @@ class QMSCKEditorImageMapComponent extends QMSCKEditorBaseComponent {
         this.anchorDocuments = [];
         //documentAnchors: IAnchor[];
         this.imageListeners = [];
+        this.documentTypes = [
+            DocumentNodeType$1.Document,
+            DocumentNodeType$1.FileDocument,
+            DocumentNodeType$1.LinkDocument,
+            DocumentNodeType$1.ShortcutDocument
+        ];
         this.imageMapData = data;
         this.naturalImageHeight = this.imageMapData.imageHeight;
         this.naturalImageWidth = this.imageMapData.imageWidth;
@@ -19300,34 +20241,222 @@ class QMSCKEditorImageMapComponent extends QMSCKEditorBaseComponent {
         }
     }
     eHandbook(isOnlyDocument, isAnchorDocument) {
-        const data = new QMSCKEditorRelation();
-        data.isOnlyDocument = isOnlyDocument;
-        data.isEnableFolder = !isOnlyDocument;
-        const dialogTemplate = this.dialog.open(QMSCKEditorRelatedComponent, {
-            width: '650px',
-            height: '650px',
-            data,
-            disableClose: true
-        });
-        dialogTemplate
-            .afterClosed()
-            .pipe(takeUntil(this.ngUnsubcribe))
-            .subscribe((result) => {
-            if (result) {
-                if (isAnchorDocument) {
-                    this.documentId = result.id;
-                    //this.anchorTitle = `${result.title}(${result.id})`;
-                    this.getAnchorDocument(result.id);
+        return __awaiter(this, void 0, void 0, function* () {
+            this.processConfig = {
+                allowSelectFolder: true,
+                areaOfCurrentProcess: '',
+                showCheckBox: false,
+                allowMultipleCheck: false,
+                onlyCheckBoxForChild: false,
+                moduleId: DataType.process,
+                openIconColor: '#1954A9',
+                closeIconColor: '#a4b0de',
+                singleSelectedNode: true,
+                onlyFolder: false,
+                selectOne: true
+            };
+            this.documentConfig = {
+                allowSelectFolder: !isOnlyDocument,
+                areaOfCurrentProcess: '',
+                showCheckBox: false,
+                moduleId: DataType.document,
+                allowMultipleCheck: false,
+                onlyCheckBoxForChild: false,
+                openIconColor: '#1954A9',
+                closeIconColor: '#4acaff',
+                singleSelectedNode: true,
+                onlyFolder: false,
+                selectOne: true
+            };
+            const data = new SelectProcessDocumentPopupData();
+            data.moduleId = ModuleType$1.documentProcess;
+            data.moduleName = this.LANG.QMSCKEDITOR.DOCUMENT_PROCESS;
+            if (!isOnlyDocument) {
+                const treeProcessData = yield this.treeService.getProcessAreaContents().toPromise();
+                data.treeData1 = (treeProcessData === null || treeProcessData === void 0 ? void 0 : treeProcessData.areas.map((x) => {
+                    return {
+                        id: x.id,
+                        name: x.name,
+                        parentId: x.parentId === guidHelper.empty ? '' : x.parentId,
+                        statusId: 0,
+                        statusName: '',
+                        displayId: 0,
+                        expandable: true
+                    };
+                })) || [];
+            }
+            const treeDocumentData = yield this.treeService.getFolderChildrens().toPromise();
+            data.treeData2 = treeDocumentData === null || treeDocumentData === void 0 ? void 0 : treeDocumentData.map((x) => {
+                return {
+                    id: x.id.toString(),
+                    name: x.name.toString(),
+                    parentId: !x.parentHandbookId ? '' : x.parentHandbookId.toString(),
+                    statusId: 0,
+                    statusName: '',
+                    displayId: 0,
+                    expandable: x.type > DocumentNodeType$1.ShortcutDocument,
+                    levelType: x.type
+                };
+            });
+            data.treeConfig1 = this.processConfig;
+            data.treeConfig2 = this.documentConfig;
+            data.splitView = false;
+            data.isSelectOne = true;
+            data.tooltipLocationSearchResult = true;
+            const dialogRef = this.dialog.open(SelectProcessDocumentPopupComponent, {
+                width: '768px',
+                minHeight: '690px',
+                data,
+                panelClass: ['related-process__popup', 'custom-mat-dialog-container'],
+                autoFocus: false
+            });
+            dialogRef.componentInstance.onSearch.subscribe((keyword) => {
+                if (!keyword || keyword.trim() === '')
+                    return;
+                if (this.data.enabledInterconnected) {
+                    forkJoin$1([this.treeService.searchProcess(keyword), this.treeService.searchDocument(keyword), this.treeService.searchProcessInterconnected(keyword)])
+                        .toPromise()
+                        .then(([process, document, interconnected]) => {
+                        if (process && document && interconnected) {
+                            const resultProcessSearch = process.map((x) => {
+                                return {
+                                    id: x.entityId,
+                                    itemNumberId: x.processNumber.toString(),
+                                    itemName: x.name,
+                                    itemType: DataType.process,
+                                    status: x.status,
+                                    statusName: x.approvalStatus,
+                                    location: x.location,
+                                };
+                            });
+                            const resultDocumentSearch = document.documents.map((x) => {
+                                return {
+                                    id: x.id.toString(),
+                                    itemNumberId: x.id.toString(),
+                                    itemName: x.name,
+                                    itemType: DataType.document,
+                                    status: 0,
+                                    statusName: x.approvalStatus,
+                                    location: x.location,
+                                };
+                            });
+                            const resultInterconnectedSearch = interconnected.map((x) => {
+                                return {
+                                    id: x.processInterconnectedEntityId,
+                                    itemNumberId: x.processInterconnectedNumber.toString(),
+                                    itemName: x.name,
+                                    itemType: DataType.processInterconnected,
+                                    status: x.status,
+                                    statusName: x.approvalStatus,
+                                    location: x.location,
+                                };
+                            });
+                            const resulSearch = [...resultProcessSearch, ...resultDocumentSearch, ...resultInterconnectedSearch];
+                            this.selectProcessDocumentGlobalService.setSearchRelated(resulSearch);
+                        }
+                    });
                 }
                 else {
-                    this.parseLinkUrl(result.url);
-                    this.selectedProtocol = ProtocolTypeName.other;
-                    if (!this.advisoryTitle) {
-                        this.advisoryTitle = result.title;
+                    forkJoin$1([this.treeService.searchProcess(keyword), this.treeService.searchDocument(keyword)])
+                        .toPromise()
+                        .then(([process, document]) => {
+                        if (process && document) {
+                            const resultProcessSearch = process.map((x) => {
+                                return {
+                                    id: x.entityId,
+                                    itemNumberId: x.processNumber.toString(),
+                                    itemName: x.name,
+                                    itemType: DataType.process,
+                                    status: x.status,
+                                    statusName: x.approvalStatus,
+                                    location: x.location,
+                                };
+                            });
+                            const resultDocumentSearch = document.documents.map((x) => {
+                                return {
+                                    id: x.id.toString(),
+                                    itemNumberId: x.id.toString(),
+                                    itemName: x.name,
+                                    itemType: DataType.document,
+                                    status: 0,
+                                    statusName: x.approvalStatus,
+                                    location: x.location,
+                                };
+                            });
+                            const resulSearch = [...resultProcessSearch, ...resultDocumentSearch];
+                            this.selectProcessDocumentGlobalService.setSearchRelated(resulSearch);
+                        }
+                    });
+                }
+            });
+            dialogRef.componentInstance.onExpandProcessArea.subscribe((area) => {
+                this.treeService.getProcessAreaContents(area.id, true, this.data.enabledInterconnected).toPromise().then(res => {
+                    if (res) {
+                        const areas = res.areas.map((x) => {
+                            return {
+                                id: x.id.toString(),
+                                name: x.name,
+                                parentId: x.parentId,
+                                expandable: true,
+                                statusId: x.status,
+                                statusName: x.statusName,
+                                displayId: 0
+                            };
+                        }) || [];
+                        const processes = res.processes.map((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 ? DataType.processInterconnected : DataType.process
+                            };
+                        }) || [];
+                        this.selectProcessDocumentGlobalService.setProcessAreaChildren([...areas, ...processes]);
+                    }
+                });
+            });
+            dialogRef.componentInstance.onExpandFolder.subscribe((folder) => {
+                this.treeService
+                    .getFolderChildrens(folder.id)
+                    .toPromise().then((res) => {
+                    if (res) {
+                        const childs = res.map((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((result) => {
+                if (result === null || result === void 0 ? void 0 : result.length) {
+                    const resultData = result[0];
+                    if (isAnchorDocument) {
+                        this.documentId = resultData.id;
+                        this.getAnchorDocument(resultData.id);
+                    }
+                    else {
+                        this.parseLinkUrl(this.getLinkURL(resultData));
+                        this.selectedProtocol = ProtocolTypeName.other;
+                        if (!this.advisoryTitle) {
+                            this.advisoryTitle = resultData.itemName;
+                        }
                     }
+                    this.updateAreaValues();
                 }
-                this.updateAreaValues();
-            }
+            });
         });
     }
     getAnchorDocument(documentId) {
@@ -19424,6 +20553,34 @@ class QMSCKEditorImageMapComponent extends QMSCKEditorBaseComponent {
         //this.dialogRef.close();
         this.onCloseDialog();
     }
+    getParentId(item) {
+        if (!this.documentTypes.includes(item.type)) {
+            return !item.parentHandbookId ? '' : item.parentHandbookId.toString();
+        }
+        return !item.parentFolderId ? '' : item.parentFolderId.toString();
+    }
+    getLinkURL(data) {
+        let url = '';
+        switch (data === null || data === void 0 ? void 0 : data.itemType) {
+            case DataType.document:
+                url = `/document/${data.id}`;
+                break;
+            case DataType.process:
+                url = `/process-detail/${data.displayId}`;
+                break;
+            case DataType.area:
+                url = `/area/detail/${data.id}`;
+                break;
+            case DataType.folder:
+                url = `/folder/${data.id}`;
+                break;
+            case DataType.processInterconnected:
+                url = `/process-interconnected/${data.displayId}`;
+            default:
+                break;
+        }
+        return url;
+    }
 }
 QMSCKEditorImageMapComponent.decorators = [
     { type: Component, args: [{
@@ -19442,7 +20599,9 @@ QMSCKEditorImageMapComponent.ctorParameters = () => [
     { type: QMSCKEditorCommonService },
     { type: QMSCKEditorImageMap, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] },
     { type: MatIconRegistry },
-    { type: DomSanitizer }
+    { type: DomSanitizer },
+    { type: QMSCKEditorTreeService },
+    { type: QMSSelectProcessDocumentGlobalService }
 ];
 QMSCKEditorImageMapComponent.propDecorators = {
     ckEditor: [{ type: Input }],
@@ -26010,6 +27169,21 @@ var VideoUploadMode;
     VideoUploadMode[VideoUploadMode["OnlyPickFromArchive"] = 2] = "OnlyPickFromArchive";
 })(VideoUploadMode || (VideoUploadMode = {}));
 
+class QMSCKEditorVideo {
+    constructor(id, src, controls = true, poster, width, height) {
+        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;
+    }
+    generateId() {
+        const now = new Date();
+        return 'video' + now.getFullYear() + (now.getMonth() + 1) + now.getDate() + now.getHours() + now.getMinutes() + now.getSeconds();
+    }
+}
+
 class QMSCKEditorComponent extends QMSCKEditorBaseComponent {
     /**
      * Constructor
@@ -26028,6 +27202,7 @@ class QMSCKEditorComponent extends QMSCKEditorBaseComponent {
         this.qmsckContentOutput = new EventEmitter();
         this.ckEditorEventConst = CKEditorEventConst;
         this.isToolbarItemsIdSet = false;
+        this.language = 'en';
         this.ckTagname = "div";
     }
     onMessage(event) {
@@ -26072,6 +27247,7 @@ class QMSCKEditorComponent extends QMSCKEditorBaseComponent {
         this.ckEditor = this.qmsckPlugin.pluginObject;
         this.translate.getLanguageSubject$.pipe(takeUntil(this.ngUnsubcribe)).subscribe((res) => {
             if (res) {
+                this.language = res;
                 this.LANG = this.translate.getObjectLang(res);
             }
         });
@@ -26086,7 +27262,7 @@ class QMSCKEditorComponent extends QMSCKEditorBaseComponent {
             }
             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) {
@@ -26221,7 +27397,7 @@ class QMSCKEditorComponent extends QMSCKEditorBaseComponent {
         this.ckEditor.defaultConfig = Object.assign(this.ckEditor.defaultConfig || {}, mathTypeConfig);
     }
     onChanged({ editor }) {
-        //this.qmsckContentInput = editor.getData();
+        // this.qmsckContentInput = editor.getData();
         this.qmsckContentOutput.emit(this.qmsckContentInput);
     }
     onBlur({ editor }) {
@@ -26281,8 +27457,10 @@ class QMSCKEditorComponent extends QMSCKEditorBaseComponent {
                 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
@@ -26346,6 +27524,8 @@ class QMSCKEditorComponent extends QMSCKEditorBaseComponent {
             data.qmsckContentFields = qmsckContentFields;
             data.qmsckIsGetAnchorMoreContent = qmsckIsGetAnchorMoreContent;
         }
+        data.defaultTargetNewWindow = this.qmsckData.defaultTargetNewWindow;
+        data.enabledInterconnected = this.qmsckData.enabledInterconnected;
         let dialogTemplate;
         if (!this.qmsckPlugin.simpleMode) {
             dialogTemplate = this.dialog.open(QMSCKEditorLinkComponent, {
@@ -26416,6 +27596,7 @@ class QMSCKEditorComponent extends QMSCKEditorBaseComponent {
         data.entityId = this.qmsckData.entityId;
         data.editorContent = this.qmsckContentInput;
         data.linkJavaScriptLinksAllowed = this.qmsckData.linkJavaScriptLinksAllowed;
+        data.enabledInterconnected = this.qmsckData.enabledInterconnected;
         const dialogTemplate = this.dialog.open(QMSCKEditorImageMapComponent, {
             data,
             disableClose: true,
@@ -26557,6 +27738,7 @@ class QMSCKEditorComponent extends QMSCKEditorBaseComponent {
             .getUploadVideoList()
             .pipe(takeUntil(this.ngUnsubcribe))
             .subscribe((response) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
             const videos = response || [];
             const config = {
                 allowSelectFolder: false,
@@ -26564,7 +27746,7 @@ class QMSCKEditorComponent extends QMSCKEditorBaseComponent {
                 showCheckBox: true,
                 allowMultipleCheck: this.qmsckData.uploadVideoAllowMultipleCheck,
                 onlyCheckBoxForChild: true,
-                moduleId: DataType$2.document,
+                moduleId: DataType.document,
                 openIcon: "folder_open",
                 openIconColor: "#1954A9",
                 closeIcon: "folder_filled",
@@ -26580,10 +27762,12 @@ class QMSCKEditorComponent extends QMSCKEditorBaseComponent {
             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((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,
@@ -26600,10 +27784,20 @@ class QMSCKEditorComponent extends QMSCKEditorBaseComponent {
             data.canUploadVideo = this.qmsckData.videoUploadMode === VideoUploadMode.AllowUpload;
             data.maxVideoThumbnailSizeKB = this.qmsckData.maxVideoThumbnailSizeKB;
             data.entityId = this.qmsckData.entityId;
+            if (value.selectedId) {
+                const disabledList = [data.treeData1.find(x => x.childId === value.selectedId)] || [];
+                data.disabledList = disabledList.map(x => {
+                    return {
+                        id: x.childId,
+                        itemName: x.childName,
+                        displayId: x.displayId,
+                        parentId: null,
+                    };
+                });
+            }
             const dialogRef = this.dialog.open(RelatedPopupComponent, {
-                minWidth: "450px",
-                maxWidth: "800px",
-                minHeight: "620px",
+                width: "800px",
+                minHeight: "630px",
                 data,
                 panelClass: "qmsckeditor-browse-video-popup",
             });
@@ -26614,21 +27808,16 @@ class QMSCKEditorComponent extends QMSCKEditorBaseComponent {
                 }
             }, 100);
             dialogRef.afterClosed().subscribe((result) => {
-                if (result) {
+                if (result && result.src) {
                     let urls = [];
-                    if (result.requestUploadVideoUrl) {
-                        urls.push(result.requestUploadVideoUrl);
+                    urls = [result.src];
+                    if (!result.width || result.width <= 0) {
+                        result.width = VideoConst.DEFAULT_VIDEO_WIDTH;
                     }
-                    else {
-                        const ids = result.checkedNodeList.reduce((result, item) => {
-                            result[item.id.toString()] = item.id;
-                            return result;
-                        }, {});
-                        urls = videos
-                            .filter((i) => i.childId && !!ids[i.childId.toString()])
-                            .map((i) => i.url);
+                    if (!result.height || result.height <= 0) {
+                        result.height = VideoConst.DEFAULT_VIDEO_HEIGHT;
                     }
-                    const evt = new CustomEvent(this.ckEditorEventConst.QMSCK_BROWSE_VIDEO_RESP, { detail: { urls: urls, thumbnailUrl: result.imageRelativeUrl } });
+                    const 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);
                 }
             });
@@ -26653,102 +27842,6 @@ class QMSCKEditorComponent extends QMSCKEditorBaseComponent {
         });
         this.toggleToolbarEventHandling();
     }
-    setLabelTranslateForNonDropdownToolbarItems(editor) {
-        var _a, _b;
-        let 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((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;
-            }
-        });
-    }
-    translateCKEditor(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;
-        }
-    }
 }
 QMSCKEditorComponent.decorators = [
     { type: Component, args: [{
@@ -28695,20 +29788,6 @@ SelectOneNextDialog.ctorParameters = () => [
     { type: SelectOneNextData, decorators: [{ type: Inject, args: [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";
@@ -30430,25 +31509,26 @@ class SelectDepartmentTreeComponent {
         const treeNodes = this.treeDepartmentService.convertToTreeData(this.config.selectedList.map(x => (Object.assign(Object.assign({}, x), { parentId: x.groupId }))));
         this.execWithoutEmitNodeChangeEvent(() => {
             const selectedItems = [];
-            const reMapTreeNode = (item) => {
+            const reMapTreeNode = (item, clearGroupId = false) => {
                 var _a;
                 const node = this.treeControl.dataNodes.find(x => x.id == item.id);
                 const 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(item => {
                 const node = this.treeControl.dataNodes.find(x => x.id == item.id);
                 if (!node)
                     return;
                 const nestedNode = this.convertToNestedNode(node);
-                selectedItems.push(Object.assign(Object.assign({}, reMapTreeNode(item)), { children: item.children.map(x => reMapTreeNode(x)) }));
+                selectedItems.push(Object.assign(Object.assign({}, reMapTreeNode(item, true)), { children: item.children.map(x => reMapTreeNode(x)) }));
             });
             this.resultSelected.push(...selectedItems);
         });
         this.onValueChangeEvent.emit(this.resultSelected);
+        this._onSelectionNodeChangeEvent('added', this.resultSelected);
         this.cdRef.detectChanges();
     }
     _initListSelected() {
@@ -32024,6 +33104,9 @@ class QMSSelectAccessDialogComponent {
         return userGroups.data || [];
     }
     ;
+    ngAfterContentChecked() {
+        this.cdRef.detectChanges();
+    }
     ngAfterContentInit() {
         this.cdRef.detectChanges();
     }
@@ -32081,8 +33164,23 @@ class QMSSelectAccessDialogComponent {
         this.resultAccess = _.cloneDeep(Object.assign(Object.assign({}, this.dialogData.data.selectedData), { departments: [] }));
         // init group selected department
         this._departmentSelected = _.cloneDeep(this.dialogData.data.selectedData.departments);
-        const groups = this._departmentSelected.filter(x => x.isGroup) || [];
-        const singleItem = this._departmentSelected.filter(x => !x.isGroup && !x.groupId);
+        const groups = [];
+        const singleItem = [];
+        this._departmentSelected.forEach(item => {
+            if (item.isGroup) {
+                groups.push(item);
+                return;
+            }
+            if (!item.groupId) {
+                singleItem.push(item);
+                return;
+            }
+            if (!this._departmentSelected.some(x => x.id == item.groupId)) {
+                item.groupId = null;
+                singleItem.push(item);
+                return;
+            }
+        });
         groups.forEach(group => {
             const child = this._departmentSelected.filter(item => item.groupId == group.id);
             group.children = child;
@@ -32372,9 +33470,11 @@ class QMSSelectAccessDialogComponent {
                             this.resultAccess.departments.splice(index, 1);
                     });
             });
+            this.cdRef.detectChanges();
         }
         this.resultAccess.departments.forEach(item => {
-            item.children = item.children.filter((x, index) => index === item.children.findIndex(_x => x.id === _x.id));
+            if (!!item.children)
+                item.children = item.children.filter((x, index) => index === item.children.findIndex(_x => x.id === _x.id));
         });
         this._departmentSelected = _.cloneDeep(this.resultAccess.departments);
         this.cdRef.detectChanges();
@@ -32526,5 +33626,5 @@ class FilterPersonModel {
  * Generated bundle index. Do not edit.
  */
 
-export { AnimationTreeDepartment, AutocompleteOffDirective, BREADCRUMB_DROPDOWN_ICON, BUTTON_TOGGLE_DEFAULT_OPTIONS, BUTTON_TOGGLE_GROUP, BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR, BannerType, BpmnService, BreadcrumbNode, BreadcrumbType, ButtonToggleChange, CHECKLIST_ICON, CKEditorEventConst, CKEditorModule, CdkDetailRowDirective, ConfirmDialog, DEPARTMENT_FOLDER_ICON, DEPARTMENT_FOLDER_OUTLINED_ICON, DEVIATION_ICON, DOCUMENT_DEPARTMENT_ICON, DOCUMENT_ENTERPRISE_ICON, DOCUMENT_ICON, DOCUMENT_LOCAL_ICON, DOCUMENT_REGIONAL_ICON, DataType$1 as DataType, DateFormatPipe, DepartmentLocationBreadCrumb, DepartmentSearchResultModel, DocumentNodeType$1 as DocumentNodeType, ENTERPRISE_FOLDER_ICON, ENTERPRISE_FOLDER_OUTLINED_ICON, EllipsifyDirective, FileErrorType, FileType, FilterPersonModel, FlatNodeNavDrawer, FlowChartConst, FlowchartViewMode, ISelectOneItem, InformationCoverItem, KEYBOARD_DOWN_ICON, KEYBOARD_UP_ICON, LOCAL_FOLDER_ICON, LOCAL_FOLDER_OUTLINED_ICON, LinkAnchor, LinkType, MarginDirective, MfeUtil, ModeDepartmentTreeeViewEnum, ModuleType$1 as ModuleType, NORMAL_FOLDER_ICON, NORMAL_FOLDER_OUTLINED_ICON, NavigatorElementView, NavigatorLinkView, NewTreeComponent, NewTreeModel, OptionSelectAccessEnum, OptionSelectAccessModel, PROCESS_AREA_ICON, PROCESS_AREA_OUTLINED_ICON, PROCESS_ICON, PaginationSize, PopupData, ProtocolType, ProtocolTypeName, QMSAccessItem, QMSAccessPagingChangeModel, QMSAccessPagingModel, QMSAnchor, QMSAppBar, QMSAppIconModule, QMSAttachmentListDirective, QMSBasicTreeComponent, QMSBreadcrumb, QMSBreadcrumbDirectionIconDirective, QMSBreadcrumbItemDirective, QMSBreadcrumbModule, QMSButton, QMSButtonIcon, QMSButtonModule, QMSButtonToggle, QMSButtonToggleGroup, QMSCKEditorBaseComponent, QMSCKEditorBaseService, QMSCKEditorBpmn, QMSCKEditorBpmnApiService, QMSCKEditorBpmnComponent, QMSCKEditorBpmnTemplate, QMSCKEditorComponent, QMSCKEditorConfirmComponent, QMSCKEditorData, QMSCKEditorDialogData, QMSCKEditorDocumentType, QMSCKEditorFlowchart, QMSCKEditorFlowchartService, QMSCKEditorFullscreenComponent, QMSCKEditorGlobalService, QMSCKEditorInjector, QMSCKEditorLinkAnchorDocument, QMSCKEditorLinkComponent, QMSCKEditorLinkService, QMSCKEditorLoadTemplateComponent, QMSCKEditorModule, QMSCKEditorPlugin, QMSCKEditorRelatedComponent, QMSCKEditorRelation, QMSCKEditorSaveAsTemplate, QMSCKEditorTemplate, QMSCKEditorTemplateService, QMSCKEditorToastService, QMSCKEditorTreeComponent, QMSCKEdtiorInputData, QMSChipBodyDirective, QMSChipInputChipListDirective, QMSChipInputDirective, QMSChipInputSelectDropDownDirective, QMSChipInputSelectFieldDirective, QMSChipInputSelectTriggerDirective, QMSCollapseGroupDirective, QMSComment, QMSConfirmDialog, QMSContentChangesDirective, QMSDepartmentPagingModel, QMSDialogConfig, QMSDialogContainer, QMSDialogContainerV2, QMSDialogContent, QMSDialogFooter, QMSDialogHeader, QMSDrawerContentDirective, QMSDrawerDirective, QMSDrawerHeaderActionDirective, QMSDrawerHeaderDirective, QMSDropdownMenuItem, QMSEditFileNameDialog, QMSEditFileNameDialogModule, QMSFileAttachment, QMSFileUploadDirective, QMSFileUploadDisplayDirective, QMSFileUploadMultipleDirective, QMSFileUploadMultipleDisplayDirective, QMSFileUploadMultipleSelectorDirective, QMSFileUploadSelectorDirective, QMSFlatNodeTree, QMSFormDialog, QMSFormFieldDatePickerDirective, QMSFormFieldDirective, QMSFormFieldTextareaDirective, QMSGroupOptionDirective, QMSIconRegistryService, QMSInputChipDirective, QMSInputClearDirective, QMSList, QMSListExpansion, QMSListExpansionHeader, QMSListHeader, QMSListItem, QMSListLeadingIcon, QMSListLine, QMSListModule, QMSMultiIconDirective, QMSNavDrawerComponent, QMSNavDrawerModule, QMSNavigationDrawerComponent, QMSNavigationDrawerModule, QMSNewTreeModule, QMSPaginatorComponent, QMSProcessDocumentItem, QMSRangeSliderDirective, QMSRangeSliderLockUpDirective, QMSRangeSliderModule, QMSRelatedGlobalService, QMSRelatedModule, QMSRichText, QMSRichTextModule, QMSRowDetailDirective, QMSScrolableAttachmentListDirective, QMSScrollbarDirective, QMSSearchFieldDirective, QMSSelectAccessData, QMSSelectAccessDialog, QMSSelectAccessDialogComponent, QMSSelectAccessDialogModule, QMSSelectAccessGlobalService, QMSSelectAccessResult, QMSSelectDepartmentGlobalService, QMSSelectDepartmentModule, QMSSelectDepartmentTreeConfig, QMSSelectDepartmentTreeGlobalService, QMSSelectDepartmentTreeModule, QMSSelectIncludeChildrenGlobalService, QMSSelectIncludeChildrenModule, QMSSelectOneGlobalService, QMSSelectOneModule, QMSSelectProcessDocumentGlobalService, QMSSelectProcessDocumentModule, QMSSideSheetModule, QMSSnackbarConfig, QMSSuffixDirective, QMSSuffixFieldDirective, QMSTabGroupAdvancedDirective, QMSTabGroupDirective, QMSTabLabelDirective, QMSTabModule, QMSTableAction, QMSTableActionBlock, QMSTableChildrenDirective, QMSTableDirective, QMSTableModule, QMSTableRowDirective, QMSTextBlockDirective, QMSTextBlockLine, QMSTextTruncateDirective, QMSThemingLibraryService, QMSToolTipComponent, QMSToolTipRendererDirective, QMSTooltipImageDirective, QMSTooltipModule, QMSTreeConfig, QMSTreeGlobalService, QMSTreeModel, QMSTreeModule, QMSUploadFileErrorDialog, QMSUploadFileErrorDialogModule, QMSUploadingFileGuard, QMS_LANGUAGES, QMS_THEMES, QMS_THEME_DEFAULT, QmsAngularComponent, QmsAngularModule, QmsAngularService, QmsAppBarComponent, QmsAppBarModule, QmsBadgesComponent, QmsBadgesModule, QmsBannerButtonType, QmsBannerComponent, QmsBannerConfirmButton, QmsBannerConfirmButtonClick, QmsBannerConfirmComponent, QmsBannerConfirmModule, QmsBannerContent, QmsBannerLoadingComponent, QmsBannerLoadingModule, QmsBannerModule, QmsCkeditorLinkSimpleComponent, QmsPaginatorModule, QmsReportContentPortraitComponent, QmsReportCoverPortraitComponent, QmsReportModule, QmsStatusDropdownComponent, QmsStatusDropdownModule, QmsStatusDropdownOption, QmsStatusDropdownType, QmsStepperComponent, QmsStepperModule, REGIONAL_FOLDER_ICON, REGIONAL_FOLDER_OUTLINED_ICON, RISK_ICON, RelatedConst, RelatedContentComponent, RelatedItemType, RelatedListComponent, RelatedPopupComponent, Result, RiskAnalysis, RiskAnalysisComponent, RiskDanger, RiskListComponent, RiskResult, RiskResultComponent, SaveTemplateComponent, ScrollToSelectedDirective, SelectAccessAnimationTrigger, SelectConst, SelectDepartmentComponent, SelectDepartmentPopupData, SelectDepartmentTreeComponent, SelectDialog, SelectIncludeChildrenPopUpComponent, SelectOneDialog, SelectOneNextData, SelectOneNextDialog, SelectOnePopupData, SelectOption, SelectOptionTypes, SelectPopupData, SelectProcessDocumentPopupComponent, SelectProcessDocumentPopupData, SelectedOption, SelectedProcessDocumentItem, SharedModule, ShowHideSearchResultConst, SideNav, SideNavItem, SidenavComponent, TargetType, TargetTypeName, TranslateLibraryService, TreeComponent, TreeConfig, TreeFlatNode, TreeModel, TreeModelNavDrawer, TreeNode$1 as TreeNode, UploadErrorData, app, basic, en, erd, fsa, mixinColor, no, notExceedSize, org, pn, requiredFileType, standard, uml, ɵ2, SharedMaterialModule as ɵa, TreeComponent as ɵb, QMSCKEditorUploadService as ɵc, QMSTreeModule as ɵd, QMSBasicTreeComponent as ɵe, QMSCKEditorTreeService as ɵf, QMSCKEditorTemplateComponent as ɵg, QMSCKEditorCommonService as ɵh, QMSSelectProcessDocumentGlobalService as ɵi, LinkAttachmentComponent as ɵj, QMSCKEditorTooltipComponent as ɵk, QMSCKEditorTooltip as ɵl, QMSCKEditorImageMapComponent as ɵm, QMSCKEditorImageMap as ɵn, QMSCKEditorBpmnData as ɵo, QMSCKEditorAboutComponent as ɵp, QMSCKEditorFlowchartComponent as ɵq };
+export { AnimationTreeDepartment, AutocompleteOffDirective, BREADCRUMB_DROPDOWN_ICON, BUTTON_TOGGLE_DEFAULT_OPTIONS, BUTTON_TOGGLE_GROUP, BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR, BannerType, BpmnService, BreadcrumbNode, BreadcrumbType, ButtonToggleChange, CHECKLIST_ICON, CKEditorEventConst, CKEditorModule, CdkDetailRowDirective, ConfirmDialog, DEPARTMENT_FOLDER_ICON, DEPARTMENT_FOLDER_OUTLINED_ICON, DEVIATION_ICON, DOCUMENT_DEPARTMENT_ICON, DOCUMENT_ENTERPRISE_ICON, DOCUMENT_ICON, DOCUMENT_LOCAL_ICON, DOCUMENT_REGIONAL_ICON, DataType, DateFormatPipe, DepartmentLocationBreadCrumb, DepartmentSearchResultModel, DocumentNodeType$1 as DocumentNodeType, ENTERPRISE_FOLDER_ICON, ENTERPRISE_FOLDER_OUTLINED_ICON, EllipsifyDirective, FileErrorType, FileType, FilterPersonModel, FlatNodeNavDrawer, FlowChartConst, FlowchartViewMode, ISelectOneItem, InformationCoverItem, KEYBOARD_DOWN_ICON, KEYBOARD_UP_ICON, LOCAL_FOLDER_ICON, LOCAL_FOLDER_OUTLINED_ICON, LinkAnchor, LinkType, MarginDirective, MfeUtil, ModeDepartmentTreeeViewEnum, ModuleType$1 as ModuleType, NORMAL_FOLDER_ICON, NORMAL_FOLDER_OUTLINED_ICON, NavigatorElementView, NavigatorLinkView, NewTreeComponent, NewTreeModel, OptionSelectAccessEnum, OptionSelectAccessModel, PROCESS_AREA_ICON, PROCESS_AREA_OUTLINED_ICON, PROCESS_ICON, PROCESS_INTERCONNECTED_ICON, PaginationSize, PopupData, ProtocolType, ProtocolTypeName, QMSAccessItem, QMSAccessPagingChangeModel, QMSAccessPagingModel, QMSAnchor, QMSAppBar, QMSAppIconModule, QMSAttachmentListDirective, QMSBasicTreeComponent, QMSBreadcrumb, QMSBreadcrumbDirectionIconDirective, QMSBreadcrumbItemDirective, QMSBreadcrumbModule, QMSButton, QMSButtonIcon, QMSButtonModule, QMSButtonToggle, QMSButtonToggleGroup, QMSCKEditorBaseComponent, QMSCKEditorBaseService, QMSCKEditorBpmn, QMSCKEditorBpmnApiService, QMSCKEditorBpmnComponent, QMSCKEditorBpmnTemplate, QMSCKEditorComponent, QMSCKEditorConfirmComponent, QMSCKEditorData, QMSCKEditorDialogData, QMSCKEditorDocumentType, QMSCKEditorFlowchart, QMSCKEditorFlowchartService, QMSCKEditorFullscreenComponent, QMSCKEditorGlobalService, QMSCKEditorInjector, QMSCKEditorLinkAnchorDocument, QMSCKEditorLinkComponent, QMSCKEditorLinkService, QMSCKEditorLoadTemplateComponent, QMSCKEditorModule, QMSCKEditorPlugin, QMSCKEditorRelatedComponent, QMSCKEditorRelation, QMSCKEditorSaveAsTemplate, QMSCKEditorTemplate, QMSCKEditorTemplateService, QMSCKEditorToastService, QMSCKEditorTreeComponent, QMSCKEdtiorInputData, QMSChipBodyDirective, QMSChipInputChipListDirective, QMSChipInputDirective, QMSChipInputSelectDropDownDirective, QMSChipInputSelectFieldDirective, QMSChipInputSelectTriggerDirective, QMSCollapseGroupDirective, QMSComment, QMSConfirmDialog, QMSContentChangesDirective, QMSDepartmentPagingModel, QMSDialogConfig, QMSDialogContainer, QMSDialogContainerV2, QMSDialogContent, QMSDialogFooter, QMSDialogHeader, QMSDrawerContentDirective, QMSDrawerDirective, QMSDrawerHeaderActionDirective, QMSDrawerHeaderDirective, QMSDropdownMenuItem, QMSEditFileNameDialog, QMSEditFileNameDialogModule, QMSFileAttachment, QMSFileUploadDirective, QMSFileUploadDisplayDirective, QMSFileUploadMultipleDirective, QMSFileUploadMultipleDisplayDirective, QMSFileUploadMultipleSelectorDirective, QMSFileUploadSelectorDirective, QMSFlatNodeTree, QMSFormDialog, QMSFormFieldDatePickerDirective, QMSFormFieldDirective, QMSFormFieldTextareaDirective, QMSGroupOptionDirective, QMSIconRegistryService, QMSInputChipDirective, QMSInputClearDirective, QMSList, QMSListExpansion, QMSListExpansionHeader, QMSListHeader, QMSListItem, QMSListLeadingIcon, QMSListLine, QMSListModule, QMSMultiIconDirective, QMSNavDrawerComponent, QMSNavDrawerModule, QMSNavigationDrawerComponent, QMSNavigationDrawerModule, QMSNewTreeModule, QMSPaginatorComponent, QMSProcessDocumentItem, QMSRangeSliderDirective, QMSRangeSliderLockUpDirective, QMSRangeSliderModule, QMSRelatedGlobalService, QMSRelatedModule, QMSRichText, QMSRichTextModule, QMSRowDetailDirective, QMSScrolableAttachmentListDirective, QMSScrollbarDirective, QMSSearchFieldDirective, QMSSelectAccessData, QMSSelectAccessDialog, QMSSelectAccessDialogComponent, QMSSelectAccessDialogModule, QMSSelectAccessGlobalService, QMSSelectAccessResult, QMSSelectDepartmentGlobalService, QMSSelectDepartmentModule, QMSSelectDepartmentTreeConfig, QMSSelectDepartmentTreeGlobalService, QMSSelectDepartmentTreeModule, QMSSelectIncludeChildrenGlobalService, QMSSelectIncludeChildrenModule, QMSSelectOneGlobalService, QMSSelectOneModule, QMSSelectProcessDocumentGlobalService, QMSSelectProcessDocumentModule, QMSSideSheetModule, QMSSnackbarConfig, QMSSuffixDirective, QMSSuffixFieldDirective, QMSTabGroupAdvancedDirective, QMSTabGroupDirective, QMSTabLabelDirective, QMSTabModule, QMSTableAction, QMSTableActionBlock, QMSTableChildrenDirective, QMSTableDirective, QMSTableModule, QMSTableRowDirective, QMSTextBlockDirective, QMSTextBlockLine, QMSTextTruncateDirective, QMSThemingLibraryService, QMSToolTipComponent, QMSToolTipRendererDirective, QMSTooltipImageDirective, QMSTooltipModule, QMSTreeConfig, QMSTreeGlobalService, QMSTreeModel, QMSTreeModule, QMSUploadFileErrorDialog, QMSUploadFileErrorDialogModule, QMSUploadingFileGuard, QMS_LANGUAGES, QMS_THEMES, QMS_THEME_DEFAULT, QmsAngularComponent, QmsAngularModule, QmsAngularService, QmsAppBarComponent, QmsAppBarModule, QmsBadgesComponent, QmsBadgesModule, QmsBannerButtonType, QmsBannerComponent, QmsBannerConfirmButton, QmsBannerConfirmButtonClick, QmsBannerConfirmComponent, QmsBannerConfirmModule, QmsBannerContent, QmsBannerLoadingComponent, QmsBannerLoadingModule, QmsBannerModule, QmsCkeditorLinkSimpleComponent, QmsPaginatorModule, QmsReportContentPortraitComponent, QmsReportCoverPortraitComponent, QmsReportModule, QmsStatusDropdownComponent, QmsStatusDropdownModule, QmsStatusDropdownOption, QmsStatusDropdownType, QmsStepperComponent, QmsStepperModule, REGIONAL_FOLDER_ICON, REGIONAL_FOLDER_OUTLINED_ICON, RISK_ICON, RelatedConst, RelatedContentComponent, RelatedItemType, RelatedListComponent, RelatedPopupComponent, Result, RiskAnalysis, RiskAnalysisComponent, RiskDanger, RiskListComponent, RiskResult, RiskResultComponent, SaveTemplateComponent, ScrollToSelectedDirective, SelectAccessAnimationTrigger, SelectConst, SelectDepartmentComponent, SelectDepartmentPopupData, SelectDepartmentTreeComponent, SelectDialog, SelectIncludeChildrenPopUpComponent, SelectOneDialog, SelectOneNextData, SelectOneNextDialog, SelectOnePopupData, SelectOption, SelectOptionTypes, SelectPopupData, SelectProcessDocumentPopupComponent, SelectProcessDocumentPopupData, SelectedOption, SelectedProcessDocumentItem, SharedModule, ShowHideSearchResultConst, SideNav, SideNavItem, SidenavComponent, TargetType, TargetTypeName, TranslateLibraryService, TreeComponent, TreeConfig, TreeFlatNode, TreeModel, TreeModelNavDrawer, TreeNode$1 as TreeNode, UploadErrorData, app, basic, en, erd, fsa, mixinColor, no, notExceedSize, org, pn, requiredFileType, standard, uml, ɵ2, SharedMaterialModule as ɵa, TreeComponent as ɵb, QMSCKEditorUploadService as ɵc, QMSTreeModule as ɵd, QMSBasicTreeComponent as ɵe, QMSCKEditorTreeService as ɵf, QMSCKEditorTemplateComponent as ɵg, QMSCKEditorCommonService as ɵh, QMSSelectProcessDocumentGlobalService as ɵi, LinkAttachmentComponent as ɵj, QMSCKEditorTooltipComponent as ɵk, QMSCKEditorTooltip as ɵl, QMSCKEditorImageMapComponent as ɵm, QMSCKEditorImageMap as ɵn, QMSCKEditorBpmnData as ɵo, QMSCKEditorAboutComponent as ɵp, QMSCKEditorFlowchartComponent as ɵq };
 //# sourceMappingURL=qms-angular.js.map