@colijnit/sharedcomponents 1.0.68 → 1.0.70

package/fesm2015/colijnit-sharedcomponents.js

@@ -24,13 +24,20 @@ import { SendMethod as SendMethod$1 } from '@colijnit/mainapi/build/model/send-m
 import { BusinessObjectFactory } from '@colijnit/ioneconnector/build/service/business-object-factory';
 import { TagTreeItem } from '@colijnit/mainapi/build/model/tag-tree-item.bo';
 import { ObjectConfiguration } from '@colijnit/ioneconnector/build/model/object-configuration';
+import { RelationApi } from '@colijnit/relationapi';
+import { RelationListObject } from '@colijnit/relationapi/build/model/relation-list-object.bo';
+import { TaskCategory } from '@colijnit/mainapi/build/model/task-category.bo';
+import { WorkflowProcess } from '@colijnit/mainapi/build/model/workflow-process';
+import { CoDomainValue } from '@colijnit/mainapi/build/model/co-domain-value.bo';
+import { RoleEmailaddress } from '@colijnit/mainapi/build/model/role-email-address';
+import { Activity } from '@colijnit/mainapi/build/model/activity.bo';
 import { PrintStockStickers } from '@colijnit/sharedapi/build/model/print-stock-stickers';
 import { ArticleExtended } from '@colijnit/articleapi/build/model/article-extended.bo';
 import { ArticleStock as ArticleStock$1 } from '@colijnit/articleapi/build/model/article-stock';
 import { ArticleExtendedRequest } from '@colijnit/articleapi/build/model/article-extended-request';
 import * as i1 from '@angular/platform-browser';
 import { DomSanitizer } from '@angular/platform-browser';
-import { IconModule, InputCheckboxModule, CoDialogModule, ButtonModule, ListOfValuesModule, OverlayService, ClickoutsideModule, OverlayModule, InputRadioButtonModule, SimpleGridModule, ImageModule, InputTextModule, InputNumberPickerModule, CoDialogWizardModule, InputTextareaModule, PopupModule, ResponsiveTextModule, InputDatePickerModule, InputSearchModule, PromptService, FormComponent, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, CoOrientation, CoreComponentsTranslationModule, TemplateWrapperModule, FormModule, ScreenConfigurationModule } from '@colijnit/corecomponents_v12';
+import { IconModule, InputCheckboxModule, CoDialogModule, ButtonModule, ListOfValuesModule, OverlayService, ClickoutsideModule, OverlayModule, InputRadioButtonModule, SimpleGridModule, ImageModule, InputTextModule, InputNumberPickerModule, CoDialogWizardModule, InputTextareaModule, PopupModule, ResponsiveTextModule, InputDatePickerModule, InputSearchModule, PromptService, FormComponent, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, CoOrientation, CoreComponentsTranslationModule, TemplateWrapperModule, FormModule, ScreenConfigurationModule, FormMasterService, CoreDialogService, InputDateRangePickerModule, CollapsibleModule } from '@colijnit/corecomponents_v12';
 import { ArticleStockManagement } from '@colijnit/articleapi/build/model/article-stock-management';
 import { ArticleTransaction as ArticleTransaction$1 } from '@colijnit/articleapi/build/model/article-transaction';
 import { PrintPriceStickers } from '@colijnit/sharedapi/build/model/print-price-stickers.bo';
@@ -52,10 +59,21 @@ import { DocumentPublication } from '@colijnit/articleapi/build/enum/refcode/doc
 import { CoDocumentRight } from '@colijnit/mainapi/build/model/co-document-right';
 import { ArrayUtils as ArrayUtils$1 } from '@colijnit/sharedapi/build/utils/array-utils';
 import { Overlay } from '@angular/cdk/overlay';
-import { CoDomainValue } from '@colijnit/mainapi/build/model/co-domain-value.bo';
 import { RelationKind } from '@colijnit/articleapi/build/enum/relation-kind.enum';
 import { ActivityType } from '@colijnit/mainapi/build/enum/activity-type';
 import { TimeUtils } from '@colijnit/mainapi/build/utils/time-utils';
+import { isNill as isNill$1 } from '@colijnit/ioneconnector/build/utils/function/is-nill.function';
+import { ActivityListViewModel } from '@colijnit/mainapi/build/model/activity-list-view-model';
+import { ActivityViewModel } from '@colijnit/mainapi/build/model/activity-view-model';
+import { PersonalActivityTabEnum } from '@colijnit/mainapi/build/enum/personal-activity-tab.enum';
+import { ActivitySortType } from '@colijnit/mainapi/build/enum/activity-sort-type.enum';
+import { Task } from '@colijnit/mainapi/build/model/task.bo';
+import { ValidationResult } from '@colijnit/ioneconnector/build/model/validation-result';
+import { TableName as TableName$1 } from '@colijnit/mainapi/build/enum/table-name.enum';
+import { DomainName } from '@colijnit/mainapi/build/enum/domain-name.enum';
+import { PriorityType } from '@colijnit/mainapi/build/enum/priority-type.enum';
+import { RelationRequest } from '@colijnit/relationapi/build/model/relation-request';
+import { Period } from '@colijnit/mainapi/build/enum/period.enum';
 
 class DocsignComponent {
     constructor() {
@@ -526,6 +544,10 @@ class StringUtils {
     static _escapeRegExp(str) {
         return str; // .replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^$\|]/g, "\\$&");
     }
+    static IsValidEmail(str) {
+        const emailRegex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+        return !!emailRegex.test(str);
+    }
 }
 
 class Dictionary {
@@ -664,6 +686,7 @@ class SharedConnectorService {
             yield this.sharedConnector.connect();
             this.articleConnector = new Articles(this._optionsService.options);
             this.mainConnector = new MainApi(this._optionsService.options);
+            this.relationConnector = new RelationApi(this._optionsService.options);
         });
     }
     getConfiguration(module, params) {
@@ -1052,6 +1075,118 @@ class SharedConnectorService {
             });
         });
     }
+    getRelationListObjects(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.relationConnector.getRelationListObjects(request, false).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        if (result.resultObjects) {
+                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(RelationListObject, result.resultObjects));
+                        }
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
+    getTaskCategories() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.mainConnector.getTaskCategories().then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        if (result.resultObjects) {
+                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(TaskCategory, result.resultObjects));
+                        }
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
+    getActiveProcessesByTableAndKey(table, key) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.mainConnector.getActiveProcessesByTableAndKey(table, key).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        if (result.resultObjects) {
+                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(WorkflowProcess, result.resultObjects));
+                        }
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
+    getDomainCollection(languageCode, domain) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.mainConnector.getDomainCollection(languageCode, domain).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        if (result.resultObjects) {
+                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(CoDomainValue, result.resultObjects));
+                        }
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
+    getRoleEmailAddressesByWorkflowCategoryAndKey(worlflowCategory, key) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.mainConnector.getRoleEmailAddressesByWorkflowCategoryAndKey(worlflowCategory, key).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        if (result.resultObject) {
+                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(RoleEmailaddress, result.resultObject));
+                        }
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
+    getHistoricActivities(table, key) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.mainConnector.getHistoricActivities(table, key).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        if (result.resultObject) {
+                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(Activity, result.resultObject));
+                        }
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
+    getComponentActivities(table, key) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.mainConnector.getComponentActivities(table, key).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        if (result.resultObject) {
+                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(Activity, result.resultObject));
+                        }
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
     commit() {
         return this.articleConnector.commit();
     }
@@ -1211,22 +1346,30 @@ var Icon;
     Icon["ArrowDown"] = "arrow_down";
     Icon["ArrowDownRegular"] = "arrow_down_regular";
     Icon["ArrowFatRight"] = "arrow_fat_right";
+    Icon["ArrowPointDown"] = "arrow_point_down";
     Icon["ArrowPointLeft"] = "arrow_point_left";
     Icon["ArrowPointRight"] = "arrow_point_right";
+    Icon["ArrowPointUp"] = "arrow_point_up";
     Icon["AtSolid"] = "at_solid";
     Icon["BarcodeReadRegular"] = "barcode_read_regular";
+    Icon["BellRegular"] = "bell_regular";
+    Icon["BellSlashRegular"] = "bell_slash_regular";
     Icon["BringForwardRegular"] = "bring_forward_regular";
     Icon["CheckDuotone"] = "check_duotone";
     Icon["CheckRound"] = "check_round";
+    Icon["CheckSolid"] = "check_solid";
+    Icon["ChevronRightRegular"] = "chevron_right_regular";
     Icon["ClockRegular"] = "clock_regular";
     Icon["CommentRegular"] = "comment_regular";
     Icon["CrossSkinny"] = "cross_skinny";
     Icon["Cubes"] = "cubes";
     Icon["DeleteLeftRegular"] = "delete_left_regular";
     Icon["DeliveryTruck"] = "delivery_truck";
+    Icon["DetailView"] = "detail_view";
     Icon["Dropzone"] = "dropzone";
     Icon["EditPenRegular"] = "edit_pen_regular";
     Icon["Email"] = "email";
+    Icon["Employee"] = "employee";
     Icon["EnvelopeRegular"] = "envelope_regular";
     Icon["EyeRegular"] = "eye_regular";
     Icon["FileExportRegular"] = "file_export_regular";
@@ -1235,17 +1378,21 @@ var Icon;
     Icon["FilePdfSolid"] = "file_pdf_solid";
     Icon["FileSignatureRegular"] = "file_signature_regular";
     Icon["HouseBlankRegular"] = "house_blank_regular";
+    Icon["IoneWorkflow"] = "ione_workflow";
     Icon["Lock"] = "lock";
     Icon["MessageSmsRegular"] = "message_sms_regular";
     Icon["MessageSmsSolid"] = "message_sms_solid";
+    Icon["Notification"] = "notification";
     Icon["PaperclipRegular"] = "paperclip_regular";
     Icon["Pdf"] = "pdf";
     Icon["PersonDiggingRegular"] = "person_digging_regular";
+    Icon["PinRoundOpen"] = "pin_round_open";
     Icon["Print"] = "print";
     Icon["PrintRegular"] = "print_regular";
     Icon["PrintSolid"] = "print_solid";
     Icon["SignatureField"] = "signature_field";
     Icon["TagRegular"] = "tag_regular";
+    Icon["Task"] = "task";
     Icon["Trashbin"] = "trashbin";
     Icon["Xml"] = "xml";
     Icon["XSolid"] = "x_solid";
@@ -1259,22 +1406,30 @@ const IconSvg = {
     "arrow_down": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><polygon points=\"17.06 21.14 17.06 2.5 12.94 2.5 12.94 21.14 12.94 21.14 8.64 21.14 15 27.5 21.36 21.14 17.06 21.14\" fill=\"#484f60\"/></g></svg>",
     "arrow_down_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M174.6 472.6c4.5 4.7 10.8 7.4 17.4 7.4s12.8-2.7 17.4-7.4l168-176c9.2-9.6 8.8-24.8-.8-33.9s-24.8-8.8-33.9 .8L216 396.1 216 56c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 340.1L41.4 263.4c-9.2-9.6-24.3-9.9-33.9-.8s-9.9 24.3-.8 33.9l168 176z\"/></svg>",
     "arrow_fat_right": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"37.5 25 25.2 12.7 25.2 20.35 12.5 20.35 12.5 29.66 25.2 29.66 25.2 37.3 37.5 25\" fill=\"#484f60\"/></svg>",
-    "arrow_point_left": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\" ><path fill=\"#484F5F\" d=\"M31.9,36.7l-14.7-9.6C17.1,27,17,26.9,17,26.7v-2.4c0-0.2,0.1-0.3,0.2-0.4l14.7-9.6c0.2-0.2,0.5-0.1,0.7,0.1l1.4,2.1c0.2,0.2,0.1,0.5-0.1,0.7l-12,7.8c-0.3,0.2-0.3,0.6,0,0.8l12,7.8c0.2,0.2,0.3,0.5,0.1,0.7l-1.4,2.1C32.4,36.8,32.1,36.8,31.9,36.7z\"/></svg>",
-    "arrow_point_right": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\"><path fill=\"#484F5F\" d=\"M19.1,14.3l14.7,9.6c0.1,0.1,0.2,0.2,0.2,0.4v2.4c0,0.2-0.1,0.3-0.2,0.4l-14.7,9.6c-0.2,0.2-0.5,0.1-0.7-0.1l-1.4-2.1c-0.2-0.2-0.1-0.5,0.1-0.7l12-7.8c0.3-0.2,0.3-0.6,0-0.8l-12-7.8c-0.2-0.2-0.3-0.5-0.1-0.7l1.4-2.1C18.6,14.2,18.9,14.2,19.1,14.3z\"/></svg>",
+    "arrow_point_down": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"-280 371 51 51\" enable-background=\"new -280 371 51 51\" ><path fill=\"#29363E\" d=\"M-248.3,392.2c0.3,0,0.6,0.1,0.8,0.3c0.5,0.5,0.5,1.2,0,1.6l-6.2,6.2c-0.2,0.2-0.5,0.3-0.8,0.3c-0.3,0-0.6-0.1-0.8-0.3l-6.2-6.2c-0.2-0.2-0.3-0.5-0.3-0.8c0-0.3,0.1-0.6,0.3-0.8c0.2-0.2,0.5-0.3,0.8-0.3c0.3,0,0.6,0.1,0.8,0.3l5.4,5.4l5.4-5.4C-248.9,392.4-248.6,392.2-248.3,392.2z\"/></svg>",
+    "arrow_point_left": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><path d=\"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z\"/></svg>",
+    "arrow_point_right": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><path d=\"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"/></svg>",
+    "arrow_point_up": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"-280 371 51 51\" enable-background=\"new -280 371 51 51\" ><path fill=\"#29363E\" d=\"M-260.7,400.8c-0.3,0-0.6-0.1-0.8-0.3c-0.5-0.5-0.5-1.2,0-1.6l6.2-6.2c0.2-0.2,0.5-0.3,0.8-0.3c0.3,0,0.6,0.1,0.8,0.3l6.2,6.2c0.2,0.2,0.3,0.5,0.3,0.8c0,0.3-0.1,0.6-0.3,0.8c-0.2,0.2-0.5,0.3-0.8,0.3c-0.3,0-0.6-0.1-0.8-0.3l-5.4-5.4l-5.4,5.4C-260.1,400.6-260.4,400.8-260.7,400.8z\"/></svg>",
     "at_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M207.8 20.73c-93.45 18.32-168.7 93.66-187 187.1c-27.64 140.9 68.65 266.2 199.1 285.1c19.01 2.888 36.17-12.26 36.17-31.49l.0001-.6631c0-15.74-11.44-28.88-26.84-31.24c-84.35-12.98-149.2-86.13-149.2-174.2c0-102.9 88.61-185.5 193.4-175.4c91.54 8.869 158.6 91.25 158.6 183.2l0 16.16c0 22.09-17.94 40.05-40 40.05s-40.01-17.96-40.01-40.05v-120.1c0-8.847-7.161-16.02-16.01-16.02l-31.98 .0036c-7.299 0-13.2 4.992-15.12 11.68c-24.85-12.15-54.24-16.38-86.06-5.106c-38.75 13.73-68.12 48.91-73.72 89.64c-9.483 69.01 43.81 128 110.9 128c26.44 0 50.43-9.544 69.59-24.88c24 31.3 65.23 48.69 109.4 37.49C465.2 369.3 496 324.1 495.1 277.2V256.3C495.1 107.1 361.2-9.332 207.8 20.73zM239.1 304.3c-26.47 0-48-21.56-48-48.05s21.53-48.05 48-48.05s48 21.56 48 48.05S266.5 304.3 239.1 304.3z\"/></svg>",
     "barcode_read_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M56 48c-4.4 0-8 3.6-8 8v80c0 13.3-10.7 24-24 24s-24-10.7-24-24V56C0 25.1 25.1 0 56 0h80c13.3 0 24 10.7 24 24s-10.7 24-24 24H56zm64 80c13.3 0 24 10.7 24 24V360c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm56 16c0-8.8 7.2-16 16-16s16 7.2 16 16V368c0 8.8-7.2 16-16 16s-16-7.2-16-16V144zm272 0c0-8.8 7.2-16 16-16s16 7.2 16 16V368c0 8.8-7.2 16-16 16s-16-7.2-16-16V144zm-208 8c0-13.3 10.7-24 24-24s24 10.7 24 24V360c0 13.3-10.7 24-24 24s-24-10.7-24-24V152zm152-24c13.3 0 24 10.7 24 24V360c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM528 56c0-4.4-3.6-8-8-8H440c-13.3 0-24-10.7-24-24s10.7-24 24-24h80c30.9 0 56 25.1 56 56v80c0 13.3-10.7 24-24 24s-24-10.7-24-24V56zM56 464h80c13.3 0 24 10.7 24 24s-10.7 24-24 24H56c-30.9 0-56-25.1-56-56V376c0-13.3 10.7-24 24-24s24 10.7 24 24v80c0 4.4 3.6 8 8 8zm472-8V376c0-13.3 10.7-24 24-24s24 10.7 24 24v80c0 30.9-25.1 56-56 56H440c-13.3 0-24-10.7-24-24s10.7-24 24-24h80c4.4 0 8-3.6 8-8z\"/></svg>",
+    "bell_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M256 32V49.88C328.5 61.39 384 124.2 384 200V233.4C384 278.8 399.5 322.9 427.8 358.4L442.7 377C448.5 384.2 449.6 394.1 445.6 402.4C441.6 410.7 433.2 416 424 416H24C14.77 416 6.365 410.7 2.369 402.4C-1.628 394.1-.504 384.2 5.26 377L20.17 358.4C48.54 322.9 64 278.8 64 233.4V200C64 124.2 119.5 61.39 192 49.88V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32V32zM216 96C158.6 96 112 142.6 112 200V233.4C112 281.3 98.12 328 72.31 368H375.7C349.9 328 336 281.3 336 233.4V200C336 142.6 289.4 96 232 96H216zM288 448C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288z\"/></svg>",
+    "bell_slash_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M183.6 118.6C206.5 82.58 244.1 56.84 288 49.88V32C288 14.33 302.3 .0003 320 .0003C337.7 .0003 352 14.33 352 32V49.88C424.5 61.39 480 124.2 480 200V233.4C480 278.8 495.5 322.9 523.8 358.4L538.7 377C543.1 383.5 545.4 392.2 542.6 400L630.8 469.1C641.2 477.3 643.1 492.4 634.9 502.8C626.7 513.2 611.6 515.1 601.2 506.9L9.196 42.89C-1.236 34.71-3.065 19.63 5.112 9.196C13.29-1.236 28.37-3.065 38.81 5.112L183.6 118.6zM221.7 148.4L450.7 327.1C438.4 298.2 432 266.1 432 233.4V200C432 142.6 385.4 96 328 96H312C273.3 96 239.6 117.1 221.7 148.4V148.4zM160 233.4V222.1L206.7 258.9C202.7 297.7 189.5 335.2 168.3 368H345.2L406.2 416H120C110.8 416 102.4 410.7 98.37 402.4C94.37 394.1 95.5 384.2 101.3 377L116.2 358.4C144.5 322.9 160 278.8 160 233.4V233.4zM384 448C384 464.1 377.3 481.3 365.3 493.3C353.3 505.3 336.1 512 320 512C303 512 286.7 505.3 274.7 493.3C262.7 481.3 256 464.1 256 448H384z\"/></svg>",
     "bring_forward_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"#183153\" d=\"M224 464H448C456.8 464 464 456.8 464 448V224C464 215.2 456.8 208 448 208H384V160H448C483.3 160 512 188.7 512 224V448C512 483.3 483.3 512 448 512H224C188.7 512 160 483.3 160 448V384H208V448C208 456.8 215.2 464 224 464zM64 352C28.65 352 0 323.3 0 288V64C0 28.65 28.65 0 64 0H288C323.3 0 352 28.65 352 64V288C352 323.3 323.3 352 288 352H64z\"/></svg>",
     "check_duotone": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><defs><style>.fa-secondary{opacity:.4}</style></defs><path class=\"fa-primary\" d=\"M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z\"/></svg>",
     "check_round": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M25,10A15,15,0,1,0,40,25,15,15,0,0,0,25,10ZM23,34l-6.24-9.09,2.81-3.59L23,26.45,27.66,16h5.58Z\" fill=\"#484f60\"/></svg>",
+    "check_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"/></svg>",
+    "chevron_right_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><path d=\"M305 239c9.4 9.4 9.4 24.6 0 33.9L113 465c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l175-175L79 81c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L305 239z\"/></svg>",
     "clock_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z\"/></svg>",
     "comment_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M123.6 391.3c12.9-9.4 29.6-11.8 44.6-6.4c26.5 9.6 56.2 15.1 87.8 15.1c124.7 0 208-80.5 208-160s-83.3-160-208-160S48 160.5 48 240c0 32 12.4 62.8 35.7 89.2c8.6 9.7 12.8 22.5 11.8 35.5c-1.4 18.1-5.7 34.7-11.3 49.4c17-7.9 31.1-16.7 39.4-22.7zM21.2 431.9c1.8-2.7 3.5-5.4 5.1-8.1c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208s-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6c-15.1 6.6-32.3 12.6-50.1 16.1c-.8 .2-1.6 .3-2.4 .5c-4.4 .8-8.7 1.5-13.2 1.9c-.2 0-.5 .1-.7 .1c-5.1 .5-10.2 .8-15.3 .8c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4c4.1-4.2 7.8-8.7 11.3-13.5c1.7-2.3 3.3-4.6 4.8-6.9c.1-.2 .2-.3 .3-.5z\"/></svg>",
     "cross_skinny": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><polygon points=\"25.35 5.52 24.65 4.81 15 14.46 5.35 4.81 4.65 5.52 14.29 15.17 4.65 24.81 5.35 25.52 15 15.87 24.65 25.52 25.35 24.81 15.71 15.17 25.35 5.52\" fill=\"#484f60\"/></g></svg>",
     "cubes": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M192 64v64c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32H224c-17.7 0-32 14.3-32 32zM82.7 207c-15.3 8.8-20.5 28.4-11.7 43.7l32 55.4c8.8 15.3 28.4 20.5 43.7 11.7l55.4-32c15.3-8.8 20.5-28.4 11.7-43.7l-32-55.4c-8.8-15.3-28.4-20.5-43.7-11.7L82.7 207zM288 192c-17.7 0-32 14.3-32 32v64c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32H288zm64 160c-17.7 0-32 14.3-32 32v64c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32V384c0-17.7-14.3-32-32-32H352zM160 384v64c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32V384c0-17.7-14.3-32-32-32H192c-17.7 0-32 14.3-32 32zM32 352c-17.7 0-32 14.3-32 32v64c0 17.7 14.3 32 32 32H96c17.7 0 32-14.3 32-32V384c0-17.7-14.3-32-32-32H32z\"/></svg>",
     "delete_left_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M432.1 208.1L385.9 256L432.1 303C442.3 312.4 442.3 327.6 432.1 336.1C423.6 346.3 408.4 346.3 399 336.1L352 289.9L304.1 336.1C295.6 346.3 280.4 346.3 271 336.1C261.7 327.6 261.7 312.4 271 303L318.1 256L271 208.1C261.7 199.6 261.7 184.4 271 175C280.4 165.7 295.6 165.7 304.1 175L352 222.1L399 175C408.4 165.7 423.6 165.7 432.1 175C442.3 184.4 442.3 199.6 432.1 208.1V208.1zM512 64C547.3 64 576 92.65 576 128V384C576 419.3 547.3 448 512 448H205.3C188.3 448 172 441.3 160 429.3L9.372 278.6C3.371 272.6 0 264.5 0 256C0 247.5 3.372 239.4 9.372 233.4L160 82.75C172 70.74 188.3 64 205.3 64L512 64zM528 128C528 119.2 520.8 112 512 112H205.3C201 112 196.9 113.7 193.9 116.7L54.63 256L193.9 395.3C196.9 398.3 201 400 205.3 400H512C520.8 400 528 392.8 528 384V128z\"/></svg>",
     "delivery_truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"15.35\" y=\"16.56\" width=\"15.14\" height=\"10.94\" transform=\"translate(-1.83 2.08) rotate(-5)\" fill=\"#484f60\"/><path d=\"M38.5,18.1l-6.9.61L32.41,28l-7.63.67a3.76,3.76,0,0,1,1.43,2.25l7.25-.63A3.83,3.83,0,0,1,41,29.6l1-.1-.52-6Zm.29,5.84-3.91.34a.51.51,0,0,1-.55-.46L34,20.1a.49.49,0,0,1,.45-.54l2.27-.2a.5.5,0,0,1,.48.25l2,3.59A.5.5,0,0,1,38.79,23.94Z\" fill=\"#484f60\"/><path d=\"M19.66,29.09a3.8,3.8,0,0,0-1,2.46l-.74.07-1.82-.94L16,29.41Z\" fill=\"#484f60\"/><path d=\"M34.56,30.62a2.74,2.74,0,1,0,2.49-3A2.73,2.73,0,0,0,34.56,30.62Z\" fill=\"#484f60\"/><path d=\"M19.74,31.91a2.74,2.74,0,1,0,2.49-3A2.74,2.74,0,0,0,19.74,31.91Z\" fill=\"#484f60\"/><rect x=\"7.96\" y=\"17.63\" width=\"5\" height=\"1\" transform=\"translate(-1.54 0.98) rotate(-5)\" fill=\"#484f60\"/><rect x=\"11.02\" y=\"29.71\" width=\"3\" height=\"1\" transform=\"translate(-2.59 1.21) rotate(-5)\" fill=\"#484f60\"/><rect x=\"9.48\" y=\"23.53\" width=\"4\" height=\"1\" transform=\"matrix(1, -0.09, 0.09, 1, -2.05, 1.09)\" fill=\"#484f60\"/></svg>",
+    "detail_view": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><g><polygon points=\"24.55 16.18 24.55 27.49 2.44 27.49 2.44 5.38 14.69 5.38 15.59 4.48 14.04 2.94 0 2.94 0 29.93 26.99 29.93 26.99 15.88 25.92 14.81 24.55 16.18\" fill=\"#484f60\"/><polygon points=\"30 .4 17.92 .4 22 4.48 12.24 16.23 14.16 18.15 25.92 8.4 30 12.48 30 .4\" fill=\"#484f60\"/></g></g></svg>",
     "dropzone": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><g><rect x=\"2\" y=\"1.67\" width=\"14\" height=\"6\" rx=\"2\" ry=\"2\" fill=\"#484f60\" opacity=\".5\"/><path d=\"M16.52,13.16l-.94-.47-1.61-2.53-1.23-1.62-.65-.85-1.53-1.59-2.06-1.17h-1.15l-.7,.7,.41,.91,2.47,2.2,.56,1.2,1.7,2.71,.82,2.26,.06,.74,.09,2.38-.23-.85-.97-.94-.79-.97-1.76-1.76-1.06-.35-.88,.24-.7,.62,1.32,1.44,1.56,1.97,2.14,3.73,2.2,2,1.82,1.14,2.44,1.06,1.91,1,2,1.03,.23,1.29,6.02-5.99v-.91s-.91-1-1-1.03c-.09-.03-.82-1.65-.82-1.65l-.47-1.91-.35-.97-1.32-1.67-.85-1.12-.5-.82-.88-1.14-.79-.77-1.33-.86-.22,.42,1.39,2.12-.94-.47-.86-1.48-1.33-1.38-1.06-.16-.03,.6,2.1,3.09-.94-.47-1.8-2.9-1.21-.86-1.29,.12,.18,.56,2.85,4.14Z\" fill=\"#484f60\"/><path d=\"M16,1.67h-1c1.1,0,2,.9,2,2v2c0,1.1-.9,2-2,2h1c1.1,0,2-.9,2-2V3.67c0-1.1-.9-2-2-2Z\" fill=\"#484f60\" opacity=\".5\"/><path d=\"M18,1.67h-1c1.1,0,2,.9,2,2v2c0,1.1-.9,2-2,2h1c1.1,0,2-.9,2-2V3.67c0-1.1-.9-2-2-2Z\" fill=\"#484f60\" opacity=\".25\"/><path d=\"M20,1.67h-1c1.1,0,2,.9,2,2v2c0,1.1-.9,2-2,2h1c1.1,0,2-.9,2-2V3.67c0-1.1-.9-2-2-2Z\" fill=\"#484f60\" opacity=\".1\"/></g></g></svg>",
     "edit_pen_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152V424c0 48.6 39.4 88 88 88H360c48.6 0 88-39.4 88-88V312c0-13.3-10.7-24-24-24s-24 10.7-24 24V424c0 22.1-17.9 40-40 40H88c-22.1 0-40-17.9-40-40V152c0-22.1 17.9-40 40-40H200c13.3 0 24-10.7 24-24s-10.7-24-24-24H88z\"/></svg>",
     "email": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.79,38.45A17.82,17.82,0,0,1,23.86,40,13.09,13.09,0,0,1,10.41,26.42C10.41,17.63,16.83,10,26.53,10c7.63,0,13.06,5.21,13.06,12.46,0,6.33-3.53,10.3-8.19,10.3a3.42,3.42,0,0,1-3.71-3.32h-.08A6.5,6.5,0,0,1,22,32.76c-2.75,0-4.82-2.11-4.82-5.65a9.85,9.85,0,0,1,10.13-10,12.89,12.89,0,0,1,5.13,1l-1.3,8c-.43,2.54-.13,3.71,1.08,3.75,1.85.09,4.18-2.28,4.18-7.28,0-5.65-3.62-10-10.3-10S13.73,17.76,13.73,26c0,7.25,4.57,11.3,11,11.3A14.81,14.81,0,0,0,31,36ZM28,20.65a5.34,5.34,0,0,0-1.33-.18c-2.85,0-5.09,2.81-5.09,6.12,0,1.64.73,2.68,2.16,2.68,1.59,0,3.27-2,3.66-4.53Z\" fill=\"#484f60\"/></svg>",
+    "employee": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><path d=\"M15,2c-3.59,0-6.5,2.91-6.5,6.5s2.91,6.5,6.5,6.5,6.5-2.91,6.5-6.5-2.91-6.5-6.5-6.5Zm-.68,20.92l-3.58-5.37c-4.04,.67-7.12,4.18-7.12,8.41v.41c0,.9,.73,1.62,1.62,1.62H24.75c.9,0,1.62-.73,1.62-1.62v-.41c0-4.23-3.08-7.74-7.12-8.41l-3.58,5.37c-.32,.48-1.03,.48-1.35,0Z\" fill=\"#484f60\"/></g></svg>",
     "envelope_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z\"/></svg>",
     "eye_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z\"/></svg>",
     "file_export_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M568.1 303l-80-80c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94L494.1 296H216C202.8 296 192 306.8 192 320s10.75 24 24 24h278.1l-39.03 39.03C450.3 387.7 448 393.8 448 400s2.344 12.28 7.031 16.97c9.375 9.375 24.56 9.375 33.94 0l80-80C578.3 327.6 578.3 312.4 568.1 303zM360 384c-13.25 0-24 10.74-24 24V448c0 8.836-7.164 16-16 16H64.02c-8.836 0-16-7.164-16-16L48 64.13c0-8.836 7.164-16 16-16h160L224 128c0 17.67 14.33 32 32 32h79.1v72c0 13.25 10.74 24 23.1 24S384 245.3 384 232V138.6c0-16.98-6.742-33.26-18.75-45.26l-74.63-74.64C278.6 6.742 262.3 0 245.4 0H63.1C28.65 0-.002 28.66 0 64l.0065 384c.002 35.34 28.65 64 64 64H320c35.2 0 64-28.8 64-64v-40C384 394.7 373.3 384 360 384z\"/></svg>",
@@ -1283,17 +1438,21 @@ const IconSvg = {
     "file_pdf_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM64 224H88c30.9 0 56 25.1 56 56s-25.1 56-56 56H80v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V320 240c0-8.8 7.2-16 16-16zm24 80c13.3 0 24-10.7 24-24s-10.7-24-24-24H80v48h8zm72-64c0-8.8 7.2-16 16-16h24c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H176c-8.8 0-16-7.2-16-16V240zm32 112h8c8.8 0 16-7.2 16-16V272c0-8.8-7.2-16-16-16h-8v96zm96-128h48c8.8 0 16 7.2 16 16s-7.2 16-16 16H304v32h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H304v48c0 8.8-7.2 16-16 16s-16-7.2-16-16V304 240c0-8.8 7.2-16 16-16z\"/></svg>",
     "file_signature_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M64 464H320c8.8 0 16-7.2 16-16v-6.7l39.8-9.9c2.8-.7 5.6-1.6 8.2-2.7V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64C0 28.7 28.7 0 64 0H229.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3v49.1l-48 48V160H256c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16zm96-115l-9.8 32.8c-6.1 20.3-24.8 34.2-46 34.2H96c-8.8 0-16-7.2-16-16s7.2-16 16-16h8.2c7.1 0 13.3-4.6 15.3-11.4l14.9-49.5c3.4-11.3 13.8-19.1 25.6-19.1s22.2 7.7 25.6 19.1l11.6 38.6c7.4-6.2 16.8-9.7 26.8-9.7c15.9 0 30.4 9 37.5 23.2l4.4 8.8h25.6l12-48.2c1.4-5.6 4.3-10.8 8.4-14.9L441.1 191.8l71 71L382.9 391.9c-4.1 4.1-9.2 7-14.9 8.4l-60.1 15c-1.1 .3-2.1 .4-3.2 .5c-.8 .1-1.5 .2-2.3 .2H256c-6.1 0-11.6-3.4-14.3-8.8l-8.8-17.7c-1.7-3.4-5.1-5.5-8.8-5.5s-7.2 2.1-8.8 5.5l-8.8 17.7c-2.9 5.9-9.2 9.4-15.7 8.8s-12.1-5.1-13.9-11.3L160 349zM549.8 139.7l14.4 14.4c15.6 15.6 15.6 40.9 0 56.6l-29.4 29.4-71-71 29.4-29.4c15.6-15.6 40.9-15.6 56.6 0z\"/></svg>",
     "house_blank_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M303.5 5.7c-9-7.6-22.1-7.6-31.1 0l-264 224c-10.1 8.6-11.3 23.7-2.8 33.8s23.7 11.3 33.8 2.8L64 245.5V432c0 44.2 35.8 80 80 80H432c44.2 0 80-35.8 80-80V245.5l24.5 20.8c10.1 8.6 25.3 7.3 33.8-2.8s7.3-25.3-2.8-33.8l-264-224zM464 204.8V432c0 17.7-14.3 32-32 32H144c-17.7 0-32-14.3-32-32V204.8L288 55.5 464 204.8z\"/></svg>",
+    "ione_workflow": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 50 50\" enable-background=\"new 0 0 50 50\" ><g display=\"none\"></g><g ><g ><g><g><rect x=\"34.3\" y=\"20\" fill=\"#484F60\" width=\"1.5\" height=\"3.7\"/><g><polygon fill=\"#484F60\" points=\"32,22.8 35,28 38,22.8 \"/></g></g><path fill=\"#484F60\" d=\"M18.5,21.5v7h-7v-7H18.5 M20,20H10v10h10V20L20,20z\"/><path fill=\"#484F60\" d=\"M38.5,11.5v7h-7v-7H38.5 M40,10H30v10h10V10L40,10z\"/><path fill=\"#484F60\" d=\"M38.5,31.5v7h-7v-7H38.5 M40,30H30v10h10V30L40,30z\"/><g><polygon fill=\"#484F60\" points=\"15.8,20 14.3,20 14.3,14.3 23.7,14.3 23.7,15.8 15.8,15.8 \"/><g><polygon fill=\"#484F60\" points=\"22.8,18 28,15 22.8,12 \"/></g></g><g><polygon fill=\"#484F60\" points=\"23.7,35.8 14.3,35.8 14.3,30 15.8,30 15.8,34.3 23.7,34.3 \"/><g><polygon fill=\"#484F60\" points=\"22.8,38 28,35 22.8,32 \"/></g></g></g></g><g display=\"none\"></g></g><g display=\"none\"></g><g display=\"none\"></g><g display=\"none\"></g><g display=\"none\"></g><g display=\"none\"><g display=\"inline\"><rect y=\"50\" opacity=\"0.25\" fill=\"#FFFFFF\" width=\"50\" height=\"50\"/></g><g display=\"inline\"><g><rect y=\"-45\" opacity=\"0.5\" fill=\"none\" width=\"50\" height=\"45\"/><text transform=\"matrix(1 0 0 1 7.375 -37.9002)\"><tspan x=\"0\" y=\"0\" font-family=\"'MyriadPro-Regular'\" font-size=\"10px\">Opmaak </tspan><tspan x=\"5.4\" y=\"12\" font-family=\"'MyriadPro-Regular'\" font-size=\"10px\">item / </tspan><tspan x=\"-1.4\" y=\"24\" font-family=\"'MyriadPro-Regular'\" font-size=\"10px\">structuur </tspan><tspan x=\"8.1\" y=\"36\" font-family=\"'MyriadPro-Regular'\" font-size=\"10px\">item </tspan></text></g></g><g display=\"inline\"><g><rect y=\"0\" opacity=\"0.25\" fill=\"#FFFFFF\" width=\"50\" height=\"50\"/><rect y=\"5\" opacity=\"0.5\" fill=\"none\" width=\"50\" height=\"45\"/><text transform=\"matrix(1 0 0 1 5.0054 12.0999)\" font-family=\"'MyriadPro-Regular'\" font-size=\"10px\">Workflow</text></g></g></g></svg>",
     "lock": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><g><path d=\"M22.65,11.67H7.35c-2.82,0-3.07,2.29-3.07,5.12v8.09c0,2.83,.25,5.12,3.07,5.12h15.29c2.81,0,3.07-2.29,3.07-5.12v-8.09c0-2.83-.25-5.12-3.07-5.12Zm-12.42,15.82l2.6-6.32c-1-.7-1.65-1.85-1.65-3.15,0-2.12,1.71-3.84,3.82-3.84s3.82,1.73,3.82,3.84c0,1.31-.65,2.46-1.65,3.15l2.6,6.32H10.22Z\" fill=\"#484f60\"/><path d=\"M19.51,6.64c0-3.6-2.02-4.07-4.51-4.07h0c-2.49,0-4.51,.47-4.51,4.07v3h-2.7v-3C7.79,1.62,11.02,0,15,0h0c3.98,0,7.21,1.62,7.21,6.64v3h-2.7v-3Z\" fill=\"#484f60\"/></g></g></svg>",
     "message_sms_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M448-.0004H64c-35.25 0-64 28.75-64 63.1v287.1c0 35.25 28.75 63.1 64 63.1h96v83.98c0 9.836 11.02 15.55 19.12 9.7L304 415.1H448c35.25 0 64-28.75 64-63.1V63.1C512 28.75 483.3-.0004 448-.0004zM464 352c0 8.75-7.25 16-16 16h-160l-80 60v-60H64c-8.75 0-16-7.25-16-16V64c0-8.75 7.25-16 16-16h384c8.75 0 16 7.25 16 16V352zM124.4 192.6C113.6 189.5 103.2 187.2 104.2 181.5c.7813-4.5 10.28-6.562 21.5-4.906c4.156 .6562 8.75 2.094 13.09 3.594c8.375 2.906 17.47-1.562 20.34-9.906c2.875-8.344-1.562-17.47-9.906-20.34C143.1 147.8 136.5 145.9 130.6 145c-30.69-4.812-53.94 7.719-58 31.09c-5.656 33.03 26.5 42.47 38.63 46c13.72 3.947 25.62 6.432 24.56 12.34C135 239 125.7 241.1 114.3 239.4C107.9 238.4 100.4 235.4 93.38 232.9c-8.375-2.969-16 1.875-18.97 10.19S77.19 261.1 85.5 264.1C92.81 266.8 101.1 269.8 109.4 271C113.7 271.7 117.9 272 121.1 272c24.28 0 41.94-12.03 45.38-32.13C173.1 206.5 141.4 197.5 124.4 192.6zM396.4 192.6C385.6 189.5 375.2 187.2 376.2 181.5c.7813-4.5 10.31-6.562 21.5-4.906c4.156 .6562 8.75 2.094 13.09 3.594c8.406 2.906 17.47-1.562 20.34-9.906c2.875-8.344-1.562-17.47-9.906-20.34c-6.156-2.125-12.69-4.062-18.59-4.969c-30.75-4.812-53.97 7.719-58 31.09c-5.656 33.03 26.5 42.47 38.63 46c13.72 3.947 25.62 6.432 24.56 12.34c-.7813 4.562-10.12 6.656-21.56 4.938c-6.342-.9883-13.9-3.939-20.88-6.438c-8.375-2.969-16 1.875-18.97 10.19s2.781 17.97 11.09 20.97c7.312 2.656 15.62 5.656 23.88 6.906C385.7 271.7 389.9 272 393.1 272c24.28 0 41.94-12.03 45.38-32.13C445.1 206.5 413.4 197.5 396.4 192.6zM309.1 144.8c-6.469-2.062-13.72 .0625-17.88 5.594L256 197.3L220.8 150.4C216.7 144.9 209.4 142.7 202.9 144.8C196.4 147 192 153.1 192 160v96c0 8.844 7.156 16 16 16S224 264.8 224 256V208l19.19 25.59c6.062 8.062 19.56 8.062 25.62 0L288 208V256c0 8.844 7.156 16 16 16S320 264.8 320 256V160C320 153.1 315.6 147 309.1 144.8z\"/></svg>",
     "message_sms_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M0 64C0 28.7 28.7 0 64 0H448c35.3 0 64 28.7 64 64V352c0 35.3-28.7 64-64 64H309.3L185.6 508.8c-4.8 3.6-11.3 4.2-16.8 1.5s-8.8-8.2-8.8-14.3V416H64c-35.3 0-64-28.7-64-64V64zm202.9 80.8C196.4 147 192 153.1 192 160v96c0 8.8 7.2 16 16 16s16-7.2 16-16V208l19.2 25.6c3 4 7.8 6.4 12.8 6.4s9.8-2.4 12.8-6.4L288 208v48c0 8.8 7.2 16 16 16s16-7.2 16-16V160c0-6.9-4.4-13-10.9-15.2s-13.7 .1-17.9 5.6L256 197.3l-35.2-46.9c-4.1-5.5-11.3-7.8-17.9-5.6zm173.1 38c0-1.1 .2-1.6 .4-1.9c.3-.4 .9-1.2 2.4-2c3.1-1.8 8-3 12.9-2.9c6.1 .1 12.9 1.4 20.1 3.4c8.5 2.3 17.3-2.8 19.6-11.3s-2.8-17.3-11.3-19.6c-8.2-2.2-17.9-4.3-27.9-4.4c-9.3-.1-20.4 1.9-29.7 7.4c-9.9 5.9-18.6 16.4-18.5 31.6c.1 14.7 8.8 24 17.7 29.4c7.6 4.6 17.1 7.4 24.3 9.6l1.2 .4c8.5 2.6 14.2 4.5 18 6.9c2.7 1.7 2.7 2.4 2.7 3.1l0 .2c0 1.6-.3 2.3-.6 2.7c-.3 .5-.9 1.2-2.1 2c-2.8 1.7-7.5 2.9-12.8 2.8c-7-.2-13.5-2.4-22.6-5.5l0 0 0 0c-1.5-.5-3.2-1.1-4.9-1.6c-8.4-2.8-17.4 1.7-20.2 10.1s1.7 17.4 10.1 20.2c1.2 .4 2.6 .9 4 1.4l0 0 0 0c8.8 3 20.4 7 32.6 7.4c9.8 .3 21.2-1.6 30.7-7.6c10.2-6.4 18-17.3 17.8-32.3c-.2-14.7-8.5-24.2-17.6-29.9c-8-5-17.9-8-25.2-10.2l-.6-.2c-8.6-2.6-14.4-4.4-18.2-6.8c-1.6-1-2.1-1.6-2.2-1.7c0-.1 0-.2 0-.4zm-272 0c0-1.1 .2-1.6 .4-1.9c.3-.4 .9-1.2 2.4-2c3.1-1.8 8-3 12.9-2.9c6.6 .1 16.7 1.6 23.3 3.4c8.5 2.3 17.3-2.8 19.6-11.3s-2.8-17.3-11.3-19.6c-8.8-2.4-21.6-4.3-31.1-4.4c-9.3-.1-20.4 1.9-29.7 7.4C80.6 157.3 72 167.8 72 183c.1 14.7 8.8 24 17.7 29.4c7.6 4.6 17.1 7.4 24.3 9.6l0 0 1.2 .4c8.5 2.6 14.2 4.5 18 6.9c2.7 1.7 2.7 2.4 2.7 3.1l0 .2c0 1.6-.3 2.3-.6 2.7c-.3 .5-.9 1.2-2.1 2c-2.8 1.7-7.5 2.9-12.8 2.8c-7.2-.2-14.2-2.6-23.7-5.8l0 0 0 0c-1.3-.4-2.7-.9-4.1-1.4c-8.4-2.8-17.4 1.7-20.2 10.1s1.7 17.4 10.1 20.2c1.1 .4 2.4 .8 3.6 1.2l0 0 0 0c9 3.1 20.9 7.2 33.2 7.6c9.8 .3 21.2-1.6 30.7-7.6c10.2-6.4 18-17.3 17.8-32.3c-.2-14.7-8.5-24.2-17.6-29.9c-8-5-17.9-8-25.2-10.2l-.6-.2c-8.6-2.6-14.4-4.4-18.3-6.8c-1.6-1-2.1-1.6-2.2-1.7c0-.1 0-.2 0-.4z\"/></svg>",
+    "notification": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><path d=\"M15,1.1C6.72,1.1,0,6,0,12.06c0,2.12,.84,4.09,2.27,5.77h-.16c.16,.1,.28,.22,.43,.32,.4,.44,.86,.85,1.35,1.24,3.07,3.75,.06,8.71-3.25,9.84,5.79-1.34,9.31-3.89,10.9-6.53,1.11,.19,2.27,.31,3.46,.31,8.28,0,15-4.91,15-10.96S23.28,1.1,15,1.1Zm1.38,17.07h-2.82v-7.06h2.82v7.06Zm-.34-9.59c-.28,.28-.61,.41-1,.41s-.72-.14-1-.41c-.28-.28-.41-.61-.41-1s.14-.72,.41-1c.27-.28,.61-.41,1-.41s.72,.14,1,.41c.28,.28,.41,.61,.41,1s-.14,.72-.41,1Z\" fill=\"#484f60\"/></g></svg>",
     "paperclip_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M375 73c-26-26-68.1-26-94.1 0L89 265C45.3 308.6 45.3 379.4 89 423s114.4 43.6 158.1 0L399 271c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L281 457c-62.4 62.4-163.5 62.4-225.9 0S-7.4 293.4 55 231L247 39C291.7-5.7 364.2-5.7 409 39s44.7 117.2 0 161.9L225.2 384.7c-31.6 31.6-83.6 28.7-111.5-6.2c-23.8-29.8-21.5-72.8 5.5-99.8L271 127c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L153.2 312.7c-9.7 9.7-10.6 25.1-2 35.8c10 12.5 28.7 13.6 40 2.2L375 167c26-26 26-68.1 0-94.1z\"/></svg>",
     "pdf": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.88c-2.16,0-2.72-.56-2.72-2.72V12.88c0-2.15.56-2.71,2.72-2.71h11.6l8.66,8.88v3.43H32.8V19.6l-7.88-8.09h-11c-1.38,0-1.38,0-1.38,1.37V37.45c0,1.37,0,1.37,1.38,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M27.83,26.63v4.24h1a3.57,3.57,0,0,0,.78-.06,1.22,1.22,0,0,0,.52-.26,1.44,1.44,0,0,0,.34-.62,4.13,4.13,0,0,0,.13-1.18,3.79,3.79,0,0,0-.13-1.14,1.51,1.51,0,0,0-.37-.62,1.14,1.14,0,0,0-.6-.3,5.93,5.93,0,0,0-1.06-.06Z\" fill=\"#484f60\"/><path d=\"M21.86,26.63v1.82h.71a3.57,3.57,0,0,0,1-.1A.88.88,0,0,0,24,28a.84.84,0,0,0,.14-.5.8.8,0,0,0-.2-.57.88.88,0,0,0-.52-.29,6.36,6.36,0,0,0-.93,0Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm6.12,4.24a1.68,1.68,0,0,1-.54.63,1.9,1.9,0,0,1-.67.3,6.57,6.57,0,0,1-1.34.1h-.85V32H20.57V25.54h2.07a7.75,7.75,0,0,1,1.54.1,1.73,1.73,0,0,1,.93.63,2,2,0,0,1,.37,1.25A2,2,0,0,1,25.26,28.51Zm6.45,1.66A2.91,2.91,0,0,1,31,31.31a2.28,2.28,0,0,1-.91.51A4,4,0,0,1,29,32H26.54V25.54H28.9a4.21,4.21,0,0,1,1.22.13,2.08,2.08,0,0,1,1,.59,2.79,2.79,0,0,1,.61,1,4.76,4.76,0,0,1,.21,1.52A4.19,4.19,0,0,1,31.71,30.17Zm5.7-3.54h-3.1v1.52H37v1.08H34.31V32H33V25.54h4.39Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/></svg>",
     "person_digging_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M208 64a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zM440.8 288c8.2 .3 15.7 4.7 19.8 11.8l104 176c4.4 7.4 4.5 16.6 .2 24.1s-12.2 12.1-20.8 12.1H288c-7.7 0-15-3.7-19.5-10s-5.7-14.3-3.3-21.6l16-48c3.3-9.8 12.4-16.4 22.8-16.4h35.4l20.3-29.5L22.8 246.2c-12.2-5.1-18-19.1-12.9-31.4s19.1-18 31.4-12.9L61 210.1l19.8-36.2C96.2 145.6 125.8 128 158 128h3.8c52.3 0 98.5 33.8 114.4 83.6l32.3 101.6 79 32.9 32.8-47.7c4.6-6.8 12.4-10.7 20.6-10.4zm-190.4 1l-20-62.8c-9.5-29.9-37.3-50.2-68.6-50.2H158c-14.6 0-28.1 8-35.1 20.8l-17.3 31.8L250.4 289zm188.1 67.6l-66.7 97L364.6 464H501.9L438.5 356.6zM81.4 301.1l128 54.4c8.9 3.8 14.6 12.5 14.6 22.1V488c0 13.3-10.7 24-24 24s-24-10.7-24-24V393.5L87.5 355.9 47 494.7c-3.7 12.7-17 20-29.8 16.3S-2.7 494 1 481.3L49 316.5l7.6-25.9 24.9 10.6z\"/></svg>",
+    "pin_round_open": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 51 51\"><path d=\"M683.16,390.18a7.07,7.07,0,0,1-3.09-.77c-2.53-1.25-3.94-3.58-3.14-5.19a3.07,3.07,0,0,1,2.94-1.43h.1l-1,1.74v.2a2.48,2.48,0,0,0,.78,1.82,5.23,5.23,0,0,0,3.44,1.51,2,2,0,0,0,1.8-.84l.06-.09.52-1.48a3,3,0,0,1,.57,3.09,3.07,3.07,0,0,1-2.94,1.43Z\" transform=\"translate(-657.5 -358.97)\" fill=\"#4d5065\"/><path d=\"M683.15,386.94a4.06,4.06,0,0,1-2.62-1.16,1.5,1.5,0,0,1-.47-.92l2.32-4a5.24,5.24,0,0,0,3.13,1.45L684,386.63a1,1,0,0,1-.84.31Z\" transform=\"translate(-657.5 -358.97)\" fill=\"#4d5065\"/><path d=\"M686.75,381.45a5.78,5.78,0,0,1-2.52-.63c-2.06-1-3.21-2.9-2.57-4.21a2.48,2.48,0,0,1,2.37-1.15,5.78,5.78,0,0,1,2.53.63,5.5,5.5,0,0,1,2.32,2.05,2.26,2.26,0,0,1,.24,2.15,2.48,2.48,0,0,1-2.37,1.15Z\" transform=\"translate(-657.5 -358.97)\" fill=\"#4d5065\"/><path d=\"M679.42,390l-.89,1.92-.13,1.55,1-1.16.81-1.92-.54-.24Z\" transform=\"translate(-657.5 -358.97)\" fill=\"#4d5065\"/><path d=\"M683,399.47a15,15,0,1,1,15-15A15,15,0,0,1,683,399.47Zm0-29a14,14,0,1,0,14,14A14,14,0,0,0,683,370.44Z\" transform=\"translate(-657.5 -358.97)\" fill=\"#4d5065\"/></svg>",
     "print": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M38,16.5H12a2,2,0,0,0-2,2v9a2,2,0,0,0,2,2h2v-5H36v5h2a2,2,0,0,0,2-2v-9A2,2,0,0,0,38,16.5ZM37,21a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,37,21Z\" fill=\"#484f60\"/><path d=\"M35,11.5v5H15v-5H35m1-1H14v7H36v-7Z\" fill=\"#484f60\"/><path d=\"M35,25.5v13H15v-13H35m1-1H14v15H36v-15Z\" fill=\"#484f60\"/><rect x=\"17\" y=\"28.3\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/><rect x=\"17\" y=\"31.5\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/><rect x=\"17\" y=\"34.7\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/></svg>",
     "print_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M111.1 48h254.1L400 81.94V160H448V81.94c0-12.73-5.057-24.94-14.06-33.94l-33.94-33.94C391 5.057 378.8 0 366.1 0H111.1C85.49 0 64.01 21.48 64 47.98l.002 82.28c-.002 0 .002 0 0 0L64 160h48.01L111.1 48zM440 192H72C32.3 192 0 224.3 0 264v112c0 13.25 10.75 24 24 24H80V480c0 17.67 14.33 32 32 32h288c17.67 0 32-14.33 32-32v-80h56c13.25 0 24-10.75 24-24v-112C512 224.3 479.7 192 440 192zM384 464H128v-96h256V464zM464 352h-32c0-17.67-14.33-32-32-32h-288c-17.67 0-32 14.33-32 32h-32V264c0-13.23 10.77-24 24-24h368c13.23 0 24 10.77 24 24V352z\"/></svg>",
     "print_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M448 192H64C28.65 192 0 220.7 0 256v96c0 17.67 14.33 32 32 32h32v96c0 17.67 14.33 32 32 32h320c17.67 0 32-14.33 32-32v-96h32c17.67 0 32-14.33 32-32V256C512 220.7 483.3 192 448 192zM384 448H128v-96h256V448zM432 296c-13.25 0-24-10.75-24-24c0-13.27 10.75-24 24-24s24 10.73 24 24C456 285.3 445.3 296 432 296zM128 64h229.5L384 90.51V160h64V77.25c0-8.484-3.375-16.62-9.375-22.62l-45.25-45.25C387.4 3.375 379.2 0 370.8 0H96C78.34 0 64 14.33 64 32v128h64V64z\"/></svg>",
     "signature_field": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M20.1,25.42a1.1,1.1,0,1,1,1.27,1.45l-3.3,9.07A63.13,63.13,0,0,1,28,28.3l1.26-12-8.26-3-6.77,10A62.4,62.4,0,0,1,17,35.54l3.3-9.07A1.12,1.12,0,0,1,20.1,25.42Z\" fill=\"#484f60\"/><rect x=\"21.62\" y=\"11.43\" width=\"8.79\" height=\"2.34\" transform=\"translate(5.88 -8.14) rotate(20)\" fill=\"#484f60\"/><path d=\"M18.11,37.48c1.44,2.65,4.58,2.94,7.23,2.1,1.41-.44,2.2-1.49,3.44-2.06,2.42-1.1,3.13,1.2,5.36,1.37.42,0,2-.65,1.54-.68-2.55-.19-2.93-3.13-5.51-2.65a4.9,4.9,0,0,0-1.64.71c-.77.49-1.31,1.62-2.07,2l-4.61.56A3.38,3.38,0,0,1,20,37c-.22-.41-2,.28-1.85.5Z\" fill=\"#484f60\"/></svg>",
     "tag_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M197.5 32c17 0 33.3 6.7 45.3 18.7l176 176c25 25 25 65.5 0 90.5L285.3 450.7c-25 25-65.5 25-90.5 0l-176-176C6.7 262.7 0 246.5 0 229.5V80C0 53.5 21.5 32 48 32H197.5zM48 229.5c0 4.2 1.7 8.3 4.7 11.3l176 176c6.2 6.2 16.4 6.2 22.6 0L384.8 283.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-3-3-7.1-4.7-11.3-4.7H48V229.5zM112 112a32 32 0 1 1 0 64 32 32 0 1 1 0-64z\"/></svg>",
+    "task": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><g><path d=\"M23.82,3.53h-.88v1.32h.88c.24,0,.44,.2,.44,.44V28.24c0,.24-.2,.44-.44,.44H6.18c-.24,0-.44-.2-.44-.44V5.29c0-.24,.2-.44,.44-.44h.88v-1.32h-.88c-.97,0-1.76,.79-1.76,1.76V28.24c0,.97,.79,1.76,1.76,1.76H23.82c.97,0,1.76-.79,1.76-1.76V5.29c0-.97-.79-1.76-1.76-1.76Z\" fill=\"#484f60\"/><path d=\"M17.65,2.65c0,1.46-1.19,2.65-2.65,2.65s-2.65-1.19-2.65-2.65h-3.09c-.49,0-.88,.4-.88,.88v2.65c0,.49,.4,.88,.88,.88h11.47c.49,0,.88-.4,.88-.88V3.53c0-.49-.4-.88-.88-.88h-3.09Z\" fill=\"#484f60\"/><path d=\"M15,0C13.54,0,12.35,1.19,12.35,2.65s1.19,2.65,2.65,2.65,2.65-1.19,2.65-2.65S16.46,0,15,0Zm0,3.97c-.73,0-1.32-.59-1.32-1.32s.59-1.32,1.32-1.32,1.32,.59,1.32,1.32-.59,1.32-1.32,1.32Z\" fill=\"#484f60\"/><rect x=\"12.09\" y=\"11.51\" width=\"10\" height=\"1\" fill=\"#484f60\"/><rect x=\"12.09\" y=\"17.51\" width=\"10\" height=\"1\" fill=\"#484f60\"/><rect x=\"12.09\" y=\"23.51\" width=\"10\" height=\"1\" fill=\"#484f60\"/><path d=\"M10.09,23.51v1h-1v-1h1m1-1h-3v3h3v-3h0Z\" fill=\"#484f60\"/><polygon points=\"9.44 20.01 7.91 17.86 8.52 17.43 9.33 18.57 10.61 16.01 11.27 16.35 9.44 20.01\" fill=\"#484f60\"/><polygon points=\"9.44 14.01 7.91 11.86 8.52 11.43 9.33 12.57 10.61 10.01 11.27 10.35 9.44 14.01\" fill=\"#484f60\"/></g></g></svg>",
     "trashbin": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M144 400C144 408.8 136.8 416 128 416C119.2 416 112 408.8 112 400V176C112 167.2 119.2 160 128 160C136.8 160 144 167.2 144 176V400zM240 400C240 408.8 232.8 416 224 416C215.2 416 208 408.8 208 400V176C208 167.2 215.2 160 224 160C232.8 160 240 167.2 240 176V400zM336 400C336 408.8 328.8 416 320 416C311.2 416 304 408.8 304 400V176C304 167.2 311.2 160 320 160C328.8 160 336 167.2 336 176V400zM310.1 22.56L336.9 64H432C440.8 64 448 71.16 448 80C448 88.84 440.8 96 432 96H416V432C416 476.2 380.2 512 336 512H112C67.82 512 32 476.2 32 432V96H16C7.164 96 0 88.84 0 80C0 71.16 7.164 64 16 64H111.1L137 22.56C145.8 8.526 161.2 0 177.7 0H270.3C286.8 0 302.2 8.526 310.1 22.56V22.56zM148.9 64H299.1L283.8 39.52C280.9 34.84 275.8 32 270.3 32H177.7C172.2 32 167.1 34.84 164.2 39.52L148.9 64zM64 432C64 458.5 85.49 480 112 480H336C362.5 480 384 458.5 384 432V96H64V432z\" fill=\"#484f60\"></path></svg>",
     "xml": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><g><path d=\"M21.42,30.17H3.87c-2.16,0-2.72-.56-2.72-2.72V2.88C1.16,.73,1.72,.17,3.87,.17H15.48l8.66,8.88v3.43h-1.34v-2.88L14.92,1.51H3.87q-1.37,0-1.37,1.37V27.45q0,1.37,1.37,1.37H21.42q1.37,0,1.37-1.37v-2.43h1.34v2.43c0,2.16-.56,2.72-2.72,2.72Z\" fill=\"#484f60\"/><path d=\"M15.2,.84V7.28c0,1.78,.27,2.05,2.04,2.05h6.22L15.2,.84Z\" fill=\"#484f60\"/><path d=\"M9.14,14.27v8.96H28.84V14.27H9.14Zm5.36,7.4l-1.3-2.02-1.3,2.02h-1.42l2-3.05-1.81-2.8h1.38l1.17,1.88,1.15-1.88h1.37l-1.82,2.84,2,3.01h-1.43Zm7.67,0h-1.1v-4.61l-1.16,4.61h-1.14l-1.16-4.61v4.61h-1.1v-5.85h1.77l1.06,3.99,1.05-3.99h1.77v5.85Zm5.33,0h-4.12v-5.81h1.18v4.82h2.94v.99Z\" fill=\"#484f60\"/></g></g></svg>",
     "x_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M376.6 84.5c11.3-13.6 9.5-33.8-4.1-45.1s-33.8-9.5-45.1 4.1L192 206 56.6 43.5C45.3 29.9 25.1 28.1 11.5 39.4S-3.9 70.9 7.4 84.5L150.3 256 7.4 427.5c-11.3 13.6-9.5 33.8 4.1 45.1s33.8 9.5 45.1-4.1L192 306 327.4 468.5c11.3 13.6 31.5 15.4 45.1 4.1s15.4-31.5 4.1-45.1L233.7 256 376.6 84.5z\"/></svg>"
@@ -2230,6 +2389,11 @@ class SharedService {
             yield this.connector.connect();
         });
     }
+    connect() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.connector.connect();
+        });
+    }
     getAllPrinters() {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this.connector.getAllPrinters();
@@ -2260,6 +2424,50 @@ class SharedService {
             return yield this.connector.getDocumentContent(docId, thumbnail);
         });
     }
+    getRelationListObjects(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getRelationListObjects(request);
+        });
+    }
+    getTaskCategories() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getTaskCategories();
+        });
+    }
+    getActiveProcessesByTableAndKey(table, key) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getActiveProcessesByTableAndKey(table, key);
+        });
+    }
+    getDomainCollection(languageCode, domainName) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getDomainCollection(languageCode, domainName);
+        });
+    }
+    getRoleEmailAddressesByWorkflowCategoryAndKey(workflowCategory, key) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getRoleEmailAddressesByWorkflowCategoryAndKey(workflowCategory, key);
+        });
+    }
+    getActivities(table, key) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const activities = yield this.connector.getComponentActivities(table, key);
+            const histActivities = yield this.connector.getHistoricActivities(table, key);
+            const activeActivities = [];
+            const historicActivities = [];
+            if (activities && activities.length > 0) {
+                activities.forEach((activity) => {
+                    activeActivities.push(activity);
+                });
+            }
+            if (histActivities && histActivities.length > 0) {
+                histActivities.forEach((activity) => {
+                    historicActivities.push(activity);
+                });
+            }
+            return activeActivities.concat(historicActivities);
+        });
+    }
 }
 SharedService.ɵprov = i0.ɵɵdefineInjectable({ factory: function SharedService_Factory() { return new SharedService(i0.ɵɵinject(OptionsService), i0.ɵɵinject(SharedConnectorService)); }, token: SharedService, providedIn: "root" });
 SharedService.decorators = [
@@ -5210,6 +5418,7 @@ LayoutSwitcherModule.decorators = [
 var CalendarView;
 (function (CalendarView) {
     CalendarView["DayView"] = "DAY";
+    CalendarView["DaysAround"] = "DAYS_AROUND";
     CalendarView["WeekView"] = "WEEK";
     CalendarView["WeekSelectView"] = "WEEK_SELECT";
     CalendarView["WeekPlanningView"] = "WEEK_PLANNING";
@@ -6109,6 +6318,39 @@ class CalendarUtils {
         week.weekDays = daysOfWeek;
         return week;
     }
+    static GetDaysAround(date) {
+        const daysAround = [];
+        const currentDate = date ? new Date(date) : new Date();
+        currentDate.setHours(0, 0, 0, 0);
+        // Get the current day and go two days back
+        let day = new Date(currentDate);
+        day.setDate(day.getDate() - 2);
+        // Loop to get the two days before and four days after the current day
+        for (let i = 0; i < 7; i++) {
+            const dayPerWeek = new Weekday();
+            const dayHours = CalendarUtils.GetDayHours(day);
+            dayPerWeek.newMonth = day.getMonth() !== currentDate.getMonth();
+            dayPerWeek.weekdaySelected = day.getDate() === currentDate.getDate();
+            dayPerWeek.weekdayDay = day.getDate();
+            let options = { weekday: "short" };
+            dayPerWeek.weekdayShort = day.toLocaleDateString(CalendarUtils.Locale, options);
+            options = { weekday: "long" };
+            dayPerWeek.weekdayLong = day.toLocaleDateString(CalendarUtils.Locale, options);
+            options = { month: "short" };
+            dayPerWeek.weekdayMonthShort = day.toLocaleDateString(CalendarUtils.Locale, options);
+            options = { month: "long" };
+            dayPerWeek.weekdayMonthLong = day.toLocaleDateString(CalendarUtils.Locale, options);
+            dayPerWeek.weekdayYear = day.getFullYear();
+            dayPerWeek.date = new Date(day);
+            dayPerWeek.datesByTheHour = dayHours;
+            daysAround.push(dayPerWeek);
+            // Move to the next day
+            day.setDate(day.getDate() + 1);
+        }
+        const week = new Week();
+        week.weekDays = daysAround;
+        return week;
+    }
 }
 CalendarUtils.Locale = undefined;
 CalendarUtils.Now = new Date();
@@ -6215,6 +6457,9 @@ class AgendaHeaderComponent {
                 case CalendarView.DayView:
                     newDate.setDate(this.selectedDate.getDate() - 1);
                     break;
+                case CalendarView.DaysAround:
+                    newDate.setDate(this.selectedDate.getDate() - 1);
+                    break;
                 case CalendarView.WeekView:
                     newDate.setDate(this.selectedDate.getDate() - 3);
                     break;
@@ -6236,6 +6481,9 @@ class AgendaHeaderComponent {
                 case CalendarView.DayView:
                     newDate.setDate(this.selectedDate.getDate() + 1);
                     break;
+                case CalendarView.DaysAround:
+                    newDate.setDate(this.selectedDate.getDate() + 1);
+                    break;
                 case CalendarView.WeekView:
                     newDate.setDate(this.selectedDate.getDate() + 3);
                     break;
@@ -6277,6 +6525,13 @@ class AgendaHeaderComponent {
                     day.description = this.selectedDate.toLocaleDateString(this._locale, options);
                     this.day = day;
                     break;
+                case CalendarView.DaysAround:
+                    const weekAroundView = CalendarUtils.GetDaysAround(this.selectedDate);
+                    this.weekDays = weekAroundView.weekDays;
+                    if (this.firstAvailableDate) {
+                        this.showBackButton = this.weekDays.find(wd => DateUtils.DatesEqual(this.firstAvailableDate, wd.date)) === undefined;
+                    }
+                    break;
                 case CalendarView.WeekView:
                     const weekView = CalendarUtils.GetDaysOfWeek(this.selectedDate);
                     this.weekDays = weekView.weekDays;
@@ -6330,6 +6585,24 @@ AgendaHeaderComponent.decorators = [
                    [iconData]="iconCacheService.getIcon(icons.ArrowPointRight)" (click)="addUnit()"></co-icon>
         </div>
       </div>
+      <div class="agenda-header-wrapper days-around" *ngIf="view === viewTypes.DaysAround">
+        <div class="hour-label-placeholder" *ngIf="viewSelection">
+          <view-select [selectedView]="view" (selectedViewChange)="changeTheView($event)"></view-select>
+        </div>
+        <div class="week-day-label days-around" *ngFor="let weekDay of weekDays; let index = index"
+             [class.selected]="weekDay.weekdaySelected" (click)="setUnit(weekDay)">
+          <co-icon *ngIf="showBackButton && index === 0" class="pointer-hover no-user-select sub-unit-icon dark"
+                   [iconData]="iconCacheService.getIcon(icons.ArrowPointLeft)" (click)="subUnit()"></co-icon>
+          <div *ngIf="weekDay.newMonth" [textContent]="weekDay.weekdayMonthLong + ' ' + weekDay.weekdayYear"
+               class="month-description"></div>
+          <div class="weekday-value day"
+               [textContent]="capitalizeString(weekDay.weekdayShort)"></div>
+          <div class="weekday-value date"
+               [textContent]="weekDay.weekdayDay"></div>
+          <co-icon *ngIf="index === 6" class="pointer-hover no-user-select add-unit-icon dark"
+                   [iconData]="iconCacheService.getIcon(icons.ArrowPointRight)" (click)="addUnit()"></co-icon>
+        </div>
+      </div>
       <div class="agenda-header-wrapper" *ngIf="view === viewTypes.WeekView">
         <div class="hour-label-placeholder" *ngIf="viewSelection">
           <view-select [selectedView]="view" (selectedViewChange)="changeTheView($event)"></view-select>
@@ -6342,8 +6615,6 @@ AgendaHeaderComponent.decorators = [
                class="month-description"></div>
           <div class="weekday-value"
                [textContent]="capitalizeString(weekDay.weekdayLong) + ' ' + weekDay.weekdayDay + ' ' + capitalizeString(weekDay.weekdayMonthLong) + ' ' + weekDay.weekdayYear "></div>
-          <!--                <div class="weekday-description" [textContent]="weekDay.weekdayYear"></div>-->
-
           <co-icon *ngIf="index === 2" class="pointer-hover no-user-select add-unit-icon dark"
                    [iconData]="iconCacheService.getIcon(icons.ArrowPointRight)" (click)="addUnit()"></co-icon>
 
@@ -10076,12 +10347,12 @@ class ImageDisplayComponent {
 ImageDisplayComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-image-display",
-                template: `
-    <img class="image" *ngIf="!!model" [src]="model">
-    <div class="no-image" *ngIf="!model">
-      <div class="img"></div>
-      <div class="no-image-label" [textContent]="label | localize"></div>
-    </div>
+                template: `
+    <img class="image" *ngIf="!!model" [src]="model">
+    <div class="no-image" *ngIf="!model">
+      <div class="img"></div>
+      <div class="no-image-label" [textContent]="label | localize"></div>
+    </div>
   `,
                 providers: [{
                         provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
@@ -10865,6 +11136,3208 @@ ActivityListModule.decorators = [
             },] }
 ];
 
+class BaseActivityListComponent {
+    constructor() {
+        this.reloadTimer = 60000; // 1 minute in milliseconds
+        this.handleOpenLinkSidebar = false;
+        //viewmodels
+        this.privateActivityListViewModels = [];
+        this.privateDelegatedActivityListViewModels = [];
+        this.filteredActivityListViewModels = [];
+        this.filteredDelegatedActivityListViewModels = [];
+        this._activities = [];
+        this._delegatedActivities = [];
+        //protected userService: UserService
+    }
+    set activities(value) {
+        clearTimeout(this._updateInterval);
+        this._activities = value;
+        this.filteredActivities = this._activities.slice();
+        this.applyFilter();
+        this._startInterval();
+    }
+    get activities() {
+        return this._activities;
+    }
+    set delegatedActivities(value) {
+        if (value && value.length > 0) {
+            clearTimeout(this._updateInterval);
+            this._delegatedActivities = value;
+            this.filteredDelegatedActivities = this._delegatedActivities.slice();
+            this.applyFilter();
+            this._startInterval();
+        }
+    }
+    get delegatedActivities() {
+        return this._delegatedActivities;
+    }
+    // TODO: return this.userService.showUsergroupActivities and allow to set properly;
+    get showUsergroupActivities() {
+        return false;
+    }
+    set showUsergroupActivities(value) {
+    }
+    ngOnDestroy() {
+        clearInterval(this._updateInterval);
+    }
+    reset() {
+        this.filteredActivities = [];
+        this.filteredDelegatedActivities = [];
+        this._activities = [];
+        this._delegatedActivities = [];
+    }
+    applyFilter() {
+        this._applyFilter(this.activities, this.filteredActivities, this.filteredActivityListViewModels);
+        this._applyFilter(this.delegatedActivities, this.filteredDelegatedActivities, this.filteredDelegatedActivityListViewModels);
+        this._refreshActivities();
+        this.afterFilterApplied();
+    }
+    afterFilterApplied() {
+    }
+    getTheActivities() {
+        //this.getActivities();
+        this.getDelegatedActivities();
+    }
+    _removeNotShowing(listViewModels) {
+        for (let i = listViewModels.length - 1; i > 0; i--) {
+            const listViewModel = listViewModels[i];
+            if (!listViewModel.showing) {
+                listViewModels.splice(i, 1);
+            }
+            else { // iterate through activityViewModels
+                for (let j = listViewModel.activities.length - 1; j > 0; j--) {
+                    const activityViewModel = listViewModel.activities[j];
+                    if (!activityViewModel.showing) {
+                        listViewModel.activities.splice(j, 1);
+                    }
+                }
+            }
+        }
+    }
+    updatePrivateListsWithFilteredLists() {
+        this.privateActivityListViewModels =
+            this._updatePrivateListWithFilteredList(this.privateActivityListViewModels, this.filteredActivityListViewModels);
+        this.privateDelegatedActivityListViewModels =
+            this._updatePrivateListWithFilteredList(this.privateDelegatedActivityListViewModels, this.filteredDelegatedActivityListViewModels);
+    }
+    _applyFilter(activities, filteredActivities, filteredActivityListViewModels) {
+        if (isNill$1(activities)) {
+            filteredActivities.length = 0;
+            return;
+        }
+        filteredActivities = activities.slice(0);
+        if (this.filterFrom && this.filterTo) {
+            filteredActivities =
+                activities.filter((a) => {
+                    if (a.executionDateTime === null || a.overDue) {
+                        return true;
+                    }
+                    else {
+                        return DateUtils.IsInBetween(a.executionDateTime, this.filterFrom, this.filterTo, false);
+                    }
+                });
+        }
+        filteredActivities.sort((a, b) => a.deadlineDateTime > b.deadlineDateTime ? 1 : -1);
+        this._searchText(filteredActivities);
+        this._prepareViewModels(filteredActivities, filteredActivityListViewModels);
+    }
+    _searchText(filteredActivities) {
+        if (!this.searchText) {
+            return;
+        }
+        for (let i = filteredActivities.length - 1; i >= 0; i--) {
+            const activity = filteredActivities[i];
+            let found = false;
+            for (let key in activity) {
+                if (activity.hasOwnProperty(key)) {
+                    if (activity[key].toString().indexOf(this.searchText) > -1) {
+                        found = true;
+                        break;
+                    }
+                }
+            }
+            if (!found) {
+                filteredActivities.splice(i, 1);
+            }
+        }
+    }
+    _updatePrivateListWithFilteredList(listViewModels, filteredList) {
+        let result;
+        if (listViewModels.length === 0) {
+            result = filteredList.slice();
+        }
+        else {
+            result = listViewModels.slice();
+            // set showing to false for items which are not in the list anymore
+            for (let i = 0; i < result.length; i++) {
+                const listViewModel = result[i];
+                const filteredViewModel = filteredList.find(f => f.position === listViewModel.position);
+                if (!filteredViewModel) {
+                    // flag as removed when listviewmodel is no longer in the list
+                    listViewModel.showing = false;
+                }
+                else {
+                    for (let j = 0; j < listViewModel.activities.length; j++) {
+                        const viewModel = listViewModel.activities[j];
+                        if (!filteredViewModel.activities.find(fa => fa.guid === viewModel.guid)) {
+                            // flag as removed when viewmodel is no longer in the list
+                            viewModel.showing = false;
+                        }
+                    }
+                }
+            }
+            // add new items
+            for (let i = 0; i < filteredList.length; i++) {
+                const filteredActivityListViewModel = filteredList[i];
+                const listViewModel = result.find(lvm => lvm.label === filteredActivityListViewModel.label);
+                if (!listViewModel) {
+                    result.push(filteredActivityListViewModel);
+                }
+                else {
+                    for (let j = 0; j < filteredActivityListViewModel.activities.length; j++) {
+                        const filteredActivityViewModel = filteredActivityListViewModel.activities[j];
+                        if (!listViewModel.activities.find(a => a.activity.getId() === filteredActivityViewModel.activity.getId())) {
+                            listViewModel.activities.push(filteredActivityViewModel);
+                        }
+                    }
+                }
+            }
+        }
+        result.sort(this._sortByPosition);
+        return result;
+    }
+    _refreshActivities() {
+        // first remove items which are set invisible before
+        this._removeNotShowing(this.privateActivityListViewModels);
+        this._removeNotShowing(this.privateDelegatedActivityListViewModels);
+        // update private list with (new) filtered list
+        this.updatePrivateListsWithFilteredLists();
+    }
+    _prepareViewModels(filteredActivities, filteredActivityListViewModels) {
+        filteredActivityListViewModels.map(alm => {
+            alm.showing = false;
+            alm.activities.map(aa => aa.showing = false);
+        });
+        if (filteredActivities) {
+            for (let i = 0; i < filteredActivities.length; i++) {
+                const activity = filteredActivities[i];
+                if (!activity.overDue && DateUtils.IsToday(activity.deadlineDateTime)) {
+                    this._addToActivityListViewModel(filteredActivityListViewModels, 'TODAY', 1, activity);
+                }
+                else if (activity.overDue) {
+                    this._addToActivityListViewModel(filteredActivityListViewModels, 'TOO_LATE', 2, activity);
+                }
+                else if (activity.deadlineDateTime) {
+                    this._addToActivityListViewModel(filteredActivityListViewModels, 'NEXT2', 3, activity);
+                }
+                else {
+                    this._addToActivityListViewModel(filteredActivityListViewModels, 'UNSCHEDULED', 4, activity);
+                }
+            }
+        }
+        filteredActivityListViewModels.sort(this._sortByPosition);
+        this._setAmountListViewModels(filteredActivityListViewModels);
+    }
+    _setAmountListViewModels(filteredActivityListViewModels) {
+        for (let i = 0; i < filteredActivityListViewModels.length; i++) {
+            filteredActivityListViewModels[i].setAmount();
+        }
+    }
+    _sortByPosition(a, b) {
+        return a.position > b.position ? 1 : -1;
+    }
+    _addToActivityListViewModel(filteredActivityListViewModels, label, order, activity) {
+        const activityListViewModel = this._getActivityListViewModel(filteredActivityListViewModels, label, order);
+        activityListViewModel.showing = true;
+        const activityViewModel = this._getActivityViewModel(activityListViewModel, activity);
+        activityViewModel.showing = !activityViewModel.deleted;
+        this._updateViewModelContent(activityViewModel, activity);
+    }
+    _getActivityViewModel(listViewModel, activity) {
+        let viewModel = listViewModel.activities.find(a => a.activity.getId() === activity.getId());
+        if (!viewModel) {
+            viewModel = new ActivityViewModel();
+            viewModel.activity = activity;
+            viewModel.parent = listViewModel;
+            listViewModel.activities.push(viewModel);
+        }
+        return viewModel;
+    }
+    _getActivityListViewModel(filteredActivityListViewModels, label, order) {
+        let result = filteredActivityListViewModels.find(a => a.label === label);
+        if (!result) {
+            result = new ActivityListViewModel(label, order);
+            filteredActivityListViewModels.push(result);
+        }
+        return result;
+    }
+    _startInterval() {
+        this._updateInterval = window.setInterval(() => {
+            this.getTheActivities();
+        }, this.reloadTimer);
+    }
+    _updateViewModelContent(activityViewModel, activity) {
+        activityViewModel.activity = activity;
+        return activityViewModel;
+    }
+}
+BaseActivityListComponent.decorators = [
+    { type: Directive },
+    { type: Injectable }
+];
+BaseActivityListComponent.ctorParameters = () => [];
+BaseActivityListComponent.propDecorators = {
+    handleOpenLinkSidebar: [{ type: Input }]
+};
+__decorate([
+    InputBoolean()
+], BaseActivityListComponent.prototype, "handleOpenLinkSidebar", void 0);
+
+var ActivityCfgName;
+(function (ActivityCfgName) {
+    ActivityCfgName["TaskForms"] = "TaskForms";
+    ActivityCfgName["NewTaskFormHeader"] = "NewTaskFormHeader";
+    ActivityCfgName["NewTaskTitle"] = "NewTaskTitle";
+    ActivityCfgName["ActivitiesHeader"] = "activitiesHeader";
+    ActivityCfgName["NewTaskGlobalButton"] = "newTaskGlobalButton";
+    ActivityCfgName["AddActivityTaskButton"] = "addActivityTaskButton";
+    ActivityCfgName["DeleteActivityTaskButton"] = "deleteActivityTaskButton";
+    ActivityCfgName["AddActivityRemarkButton"] = "addActivityRemarkButton";
+    ActivityCfgName["AddActivityWorkButton"] = "addActivityWorkButton";
+    ActivityCfgName["TimeRegistrationMandatory"] = "timeRegistrationMandatory";
+    ActivityCfgName["StatusSummaryHeader"] = "statusSummaryHeader";
+    ActivityCfgName["CreationSummaryHeader"] = "creationSummaryHeader";
+    ActivityCfgName["ExecutiveSummaryHeader"] = "executiveSummaryHeader";
+    ActivityCfgName["PlanningSummaryHeader"] = "planningSummaryHeader";
+    ActivityCfgName["AttachmentsHeader"] = "attachmentsHeader";
+    ActivityCfgName["NotificationsSummaryHeader"] = "notificationsSummaryHeader";
+    ActivityCfgName["TagsHeader"] = "tagsHeader";
+    ActivityCfgName["WorkHeader"] = "workHeader";
+    ActivityCfgName["WorkExecutive"] = "workExecutive";
+    ActivityCfgName["WorkCalculationKey"] = "calculationKey";
+    ActivityCfgName["WorkDescription"] = "workDescription";
+    ActivityCfgName["WorkFile"] = "workFile";
+    ActivityCfgName["EstimationStandardTime"] = "estimate";
+    ActivityCfgName["TaskInvoice"] = "taskInvoice";
+    ActivityCfgName["WorkedTime"] = "workedTime";
+})(ActivityCfgName || (ActivityCfgName = {}));
+
+function OperationWithValidationCallback(object, object2, object3) {
+    return Promise.resolve(new ValidationResult());
+}
+
+var AppPopupButtonType;
+(function (AppPopupButtonType) {
+    AppPopupButtonType[AppPopupButtonType["Ok"] = 0] = "Ok";
+    AppPopupButtonType[AppPopupButtonType["Open"] = 1] = "Open";
+    AppPopupButtonType[AppPopupButtonType["Save"] = 2] = "Save";
+    AppPopupButtonType[AppPopupButtonType["Cancel"] = 3] = "Cancel";
+    AppPopupButtonType[AppPopupButtonType["Yes"] = 4] = "Yes";
+    AppPopupButtonType[AppPopupButtonType["No"] = 5] = "No";
+    AppPopupButtonType[AppPopupButtonType["NoButton"] = 6] = "NoButton";
+})(AppPopupButtonType || (AppPopupButtonType = {}));
+
+class ModifyTaskFormComponent {
+    constructor(_boFactory, sharedService
+    //private _mediaMonitor: MediaMonitorService,
+    /*private _activityService: ActivityService*/
+    ) {
+        this._boFactory = _boFactory;
+        this.sharedService = sharedService;
+        this.Icon = Icon;
+        //public readonly TagCategory: typeof TagCategory = TagCategory;
+        this.TableNames = TableName$1;
+        this.readonly = false;
+        this.popupContext = false;
+        this.activityChange = new EventEmitter();
+        this.statusChange = new EventEmitter();
+        this.showWorkLog = new EventEmitter();
+        this.selectedMenu = 'content-menu1';
+        this.activities = [];
+        this.table = TableName$1.Tasks;
+        this.expandActivities = false;
+    }
+    /* @ViewChild(ActivityActivitiesComponent, { static: true })
+     public activityActivities: ActivityActivitiesComponent;*/
+    set activity(value) {
+        this._activity = value;
+        this.key = this._activity.task.taskId + "";
+    }
+    showClass() {
+        return true;
+    }
+    get activity() {
+        return this._activity;
+    }
+    get hasDocuments() {
+        var _a, _b, _c;
+        return (((_c = (_b = (_a = this._activity) === null || _a === void 0 ? void 0 : _a.task) === null || _b === void 0 ? void 0 : _b.documents) === null || _c === void 0 ? void 0 : _c.length) > 0);
+    }
+    set forceReadonly(value) {
+        this.readonly = value;
+    }
+    handleAddDocuments(docs) {
+        docs.forEach(doc => this.activity.task.documents.push(doc));
+    }
+    handleAddDocument(doc) {
+        this.activity.task.documents.push(doc);
+    }
+    ngOnInit() {
+        this._getActivities();
+    }
+    showContent(menu) {
+        this.selectedMenu = menu;
+    }
+    handleRegisterWork() {
+        setTimeout(() => {
+            /*if (this.activityActivities) {
+                this.expandActivities = true;
+                this.activityActivities.showRegisterWorkLeaf();
+            }*/
+        });
+    }
+    handleSaveActivity(activity) {
+        this._updateTaskObject(activity, activity.IsWork ? "workLog" : "remarks");
+        const index = this.activities.findIndex((src) => {
+            return src.getId() === activity.getId();
+        });
+        if (index > -1) {
+            this.activities[index] = activity;
+        }
+        else {
+            this.activities.push(activity);
+        }
+        this.activities = this.activities.slice(0); // reset view
+    }
+    handleDeleteActivity(activity) {
+        if (activity.IsWork) {
+            this.activity.task.deleteWorkLog(activity.work);
+        }
+        else if (activity.IsRemark) {
+            this.activity.task.deleteRemark(activity.remark);
+        }
+    }
+    handleShowWorkLow() {
+        this.expandActivities = true;
+        this.showWorkLog.emit();
+    }
+    _updateTaskObject(activity, prop) {
+        const cloneActivity = this._boFactory.makeWithRawBackendData(Activity, activity);
+        if (cloneActivity.isNew) {
+            this.activity.task[prop].push(activity.getBaseContent());
+        }
+        else {
+            const index = this.activity.task[prop].findIndex((src) => {
+                return src.getId() === activity.getBaseContent().getId();
+            });
+            if (index > -1) {
+                this.activity.task[prop][index] = activity.getBaseContent();
+            }
+        }
+        activity.editting = false;
+        activity.isNew = false;
+    }
+    _getActivities() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.key) {
+                return;
+            }
+            this.activities = yield this.sharedService.getActivities(this.table, this.key.toString());
+        });
+    }
+}
+ModifyTaskFormComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-modify-task-form",
+                template: `
+    <div class="wrapper">
+      <div class="modify-task-header-wrapper">
+        <div class="modify-task-header">
+                    <span class="header-menu"
+                          [class.active]="selectedMenu === 'content-menu1'"
+                          [textContent]="'TASK_DETAILS' | localize"
+                          (click)="showContent('content-menu1')"></span>
+          <span class="header-menu"
+                [class.active]="selectedMenu === 'content-menu2'"
+                [textContent]="'TASK_INFORMATION' | localize"
+                (click)="showContent('content-menu2')"></span>
+          <span class="header-menu"
+                [class.active]="selectedMenu === 'content-menu3'"
+                [textContent]="'PLANNING' | localize"
+                (click)="showContent('content-menu3')"></span>
+        </div>
+      </div>
+      <div class="content-menu-wrapper narrow-scrollbar">
+        <div class="content-menu" [hidden]="selectedMenu !== 'content-menu1'">
+          <div class="content-row-wrapper">
+            <div class="content-left">
+              <co-task-details [readonly]="readonly"
+                               [table]="TableNames.Tasks"
+                               [key]="key"
+                               [(activity)]="activity"
+                               (activityChange)="activityChange.emit($event)"
+                               (showWorkLog)="handleShowWorkLow()"
+                               noBorder
+              ></co-task-details>
+              <co-input-checkbox
+                class="invoice-checkbox"
+                [label]="'MARKED' | localize"
+                [(model)]="activity.task.isInvoiced">
+              </co-input-checkbox>
+              <div class="marked-time-wrapper">
+                <co-input-checkbox
+                  [(model)]="activity.task.workMandatory"
+                  [label]="'TIMEREGISTRATION_MANDATORY' | localize"
+                  noModuleService>
+                </co-input-checkbox>
+                <!-- TODO implement back later-->
+                <!-- <arrow-link *ngIf="!readonly" label="REGISTER_TIME_HERE" (click)="handleRegisterWork()"></arrow-link>-->
+              </div>
+
+            </div>
+            <div class="content-right">
+              <div class="activity-content-header" [textContent]="'PERSONS' | localize"></div>
+              <co-executive-summary-block
+                [readonly]="readonly"
+                [(activity)]="activity"
+                (activityChange)="activityChange.emit($event)" noBorder
+              ></co-executive-summary-block>
+
+              <!--TODO implement new file upload here-->
+              <!-- <activity-attachments
+                       [(activity)]="activity"
+                       [readonly]="readonly"
+                       [key]="activity.task.id"
+                       [noForceInput]="true"
+                       (activityChange)="activityChange.emit($event)"
+                       noBorder
+               ></activity-attachments>-->
+            </div>
+          </div>
+          <div class="activities-wrapper">
+            <co-activity-list [activities]="activities">
+
+            </co-activity-list>
+          </div>
+        </div>
+        <div class="content-menu" [hidden]="selectedMenu !== 'content-menu2'">
+          <co-status-summary-block
+            [readonly]="readonly"
+            [(activity)]="activity"
+            [table]="TableNames.Tasks"
+            [key]="key"
+            (activityChange)="activityChange.emit($event)" noBorder
+          ></co-status-summary-block>
+          <co-creation-summary-block
+            [readonly]="readonly"
+            [(activity)]="activity"
+            (activityChange)="activityChange.emit($event)" noBorder
+          ></co-creation-summary-block>
+          <!--<planning-summary-block
+                  [readonly]="readonly"
+                  [(activity)]="activity"
+                  (activityChange)="activityChange.emit($event)" noBorder
+          ></planning-summary-block>-->
+        </div>
+        <div class="content-menu" [hidden]="selectedMenu !== 'content-menu3'">
+          <co-notification-summary-block
+            [readonly]="readonly"
+            [(activity)]="activity"
+            (activityChange)="activityChange.emit($event)" noBorder
+          ></co-notification-summary-block>
+
+          <!--TODO implement tags here-->
+          <!--<tags
+                  [(joinedTags)]="activity.task.tags"
+                  [readonly]="readonly"
+                  [tagCategory]="TagCategory.tasks"
+                  [collapseable]="false"
+          ></tags>-->
+        </div>
+      </div>
+    </div>
+  `,
+                providers: [
+                    FormMasterService,
+                    {
+                        provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                        useExisting: forwardRef(() => ModifyTaskFormComponent)
+                    }
+                ]
+            },] }
+];
+ModifyTaskFormComponent.ctorParameters = () => [
+    { type: BusinessObjectFactory },
+    { type: SharedService }
+];
+ModifyTaskFormComponent.propDecorators = {
+    activity: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ["class.co-modify-task-form",] }],
+    activityTaskConfigNames: [{ type: Input }],
+    readonly: [{ type: Input }],
+    popupContext: [{ type: Input }],
+    forceReadonly: [{ type: Input }],
+    hidden: [{ type: HostBinding, args: ["class.hidden",] }],
+    activityChange: [{ type: Output }],
+    statusChange: [{ type: Output }],
+    showWorkLog: [{ type: Output }]
+};
+__decorate([
+    InputBoolean()
+], ModifyTaskFormComponent.prototype, "forceReadonly", null);
+
+class TaskModifierComponent {
+    constructor(_dialogService, _boFactory, _dictionary, iconService) {
+        this._dialogService = _dialogService;
+        this._boFactory = _boFactory;
+        this._dictionary = _dictionary;
+        this.iconService = iconService;
+        this.icons = Icon;
+        this.editingComplete = new EventEmitter();
+        this.activitySaved = new EventEmitter();
+        this.activityDeleted = new EventEmitter();
+        this.closedWithoutComplete = new EventEmitter();
+        this.showWorkLog = new EventEmitter();
+        this.taskCreated = new EventEmitter();
+        this.taskModified = new EventEmitter();
+        this.showAfterInsert = false;
+        this.showNewForm = false;
+        this.showModificationForm = false;
+        this.taskEditting = false;
+        this.Icon = Icon;
+    }
+    get readonly() {
+        //return this.moduleService.readonly &&
+        return false;
+    }
+    showClass() {
+        return true;
+    }
+    get showForm() {
+        return this.showNewForm || this.showModificationForm;
+    }
+    get header() {
+        return (this.showModificationForm) ? "TASK" : "ADD_TASK2";
+    }
+    get subHeader() {
+        return this.currentActivity ? this.currentActivity.task.taskId + "" : "";
+    }
+    get subSubHeader() {
+        var _a, _b, _c, _d, _e, _f;
+        if (((_b = (_a = this.currentActivity) === null || _a === void 0 ? void 0 : _a.task) === null || _b === void 0 ? void 0 : _b.lastModifiedBy) && ((_d = (_c = this.currentActivity) === null || _c === void 0 ? void 0 : _c.task) === null || _d === void 0 ? void 0 : _d.lastModifiedDate)) {
+            const label = this._dictionary.get('LAST_CHANGE');
+            const lastModifiedBy = (_e = this.currentActivity.task) === null || _e === void 0 ? void 0 : _e.lastModifiedDisplayName;
+            const lastModifiedDate = (_f = this.currentActivity.task) === null || _f === void 0 ? void 0 : _f.lastModifiedDate.toLocaleString();
+            return label + ': ' + lastModifiedBy + ' | ' + lastModifiedDate;
+        }
+        return "";
+    }
+    get subHeaderLink() {
+        if (this.showModificationForm && this.currentActivity && this.currentActivity.task) {
+            if (this.currentActivity.task.workflowCategory && this.currentActivity.task.reference) {
+                let activityName;
+                activityName = this._dictionary.get("WORKFLOW_CATEGORY_" + this.currentActivity.task.workflowCategory) + " " + this.currentActivity.task.reference + ")";
+                return activityName;
+            }
+        }
+        return "";
+    }
+    get userIsTaskReporter() {
+        return this.editActivity &&
+            ((this.editActivity.task.reporterUserGroupId && this.editActivity.task.reporterUserGroupId === this.userGroupId) ||
+                (this.editActivity.task.reporter && this.editActivity.task.reporter.relationId === this.relationId));
+    }
+    ngOnDestroy() {
+    }
+    handleSaveForm() {
+        this.mainForm.submit();
+    }
+    onValid() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.editActivity) {
+                const newActivity = this.editActivity.isNew;
+                const result = yield this.upsertActivityOperation(this.editActivity);
+                if (result) {
+                    this.activitySaved.next(this.editActivity);
+                    this.editingComplete.next(this.editActivity);
+                    if (newActivity) {
+                        this.taskCreated.next(this.editActivity.task);
+                    }
+                    else {
+                        this.taskModified.next(this.editActivity.task);
+                    }
+                    if (this.showAfterInsert) {
+                        this.startModifyingTask(this.editActivity);
+                    }
+                }
+                this.hide();
+            }
+        });
+    }
+    handleCancelForm() {
+        this._createClone();
+        //TODO: is this needed?
+        //this.moduleService.cancelEdit();
+        this.closedWithoutComplete.next(true);
+        this.hide();
+    }
+    onPopupClose() {
+        this.forceReadonly = false;
+        this.hide();
+        this.closedWithoutComplete.next(true);
+    }
+    //TODO figure out routing from external component
+    /*public openReferenceInModule(): void {
+        if (this.currentActivity && this.currentActivity.task) {
+            if (this.currentActivity.task.workflowCategory === WorkflowCategoryType.AbsenceFile || this.currentActivity.task.workflowCategory === WorkflowCategoryType.PreventiveAbsenceFile) {
+                this._appNavigator.navigateToIOneModule(IOneModuleName.AbsenceFile, this.currentActivity.task.referenceId);
+            }
+        }
+
+    }*/
+    hide() {
+        this.showNewForm = false;
+        this.showModificationForm = false;
+    }
+    deleteTask() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const doDelete = yield this._dialogService.showYesNo("DELETE_TASK", "DELETE_TASK", false);
+            if (doDelete.button === AppPopupButtonType.Yes) {
+                yield this.deleteActivityOperation(this.editActivity);
+                this.activityDeleted.next(this.editActivity);
+                this.hide();
+            }
+        });
+    }
+    createNewTask(standalone = true) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.showForm) {
+                return;
+            }
+            this.showAfterInsert = false;
+            this.currentActivity = yield this.createTaskOperation({ standalone: standalone, workflowCategory: this.workflowCategory, reference: this.reference, referenceId: this.referenceId });
+            this._createClone();
+            this.showNewForm = true;
+        });
+    }
+    startModifyingTask(activity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.showForm || !activity.IsTask) {
+                return;
+            }
+            this.showAfterInsert = false;
+            yield this.tryLockTaskOperation(activity.task.taskId);
+            activity.task = activity.task;
+            this.currentActivity = activity;
+            this._createClone();
+            this.showModificationForm = true;
+        });
+    }
+    startModifyingTaskAndWorkLog(activity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.startModifyingTask(activity);
+            setTimeout(() => {
+                /*if (this.modifyTaskForm) {
+                    this.modifyTaskForm.handleRegisterWork();
+                }*/
+            });
+        });
+    }
+    _createClone() {
+        this.editActivity = this._boFactory.makeWithRawBackendData(Activity, this.currentActivity);
+    }
+    doHandleStatusChange(editting) {
+        this.taskEditting = editting;
+    }
+    updateEditActivity(activity) {
+        this.editActivity = this._boFactory.makeWithRawBackendData(Activity, activity);
+    }
+}
+TaskModifierComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-task-modifier",
+                template: `
+        <co-dialog  *ngIf="showForm"
+                    (closeClick)="onPopupClose()"
+                    class="task-popup"
+                    cssId="task_modifier_popup"
+                    noClickOutside contentSize>
+<!--
+          [header]="header"
+          [subHeader]="subHeader"
+          [subHeaderLink]="subHeaderLink"
+          [subSubHeader]="subSubHeader"
+          [headerIcon]="icons.Task"
+          (openLink)="openReferenceInModule()"-->
+      <!--      <ng-template>-->
+                <div class="popup-wrapper"
+                     [ngClass]="(showNewForm) ? 'new-task-popup' : ''">
+                    <div class="form-wrapper mini-scrollbar">
+                        <co-form #mainForm (validSubmit)="onValid()">
+<!--
+                            <new-task-form *ngIf="showNewForm" [activity]="editActivity" [myCfgNames]="taskCfgNames" [taskKey]="referenceId" [taskWorkflowCategory]="workflowCategory"></new-task-form>
+-->
+                            <co-modify-task-form #modifyTaskForm *ngIf="showModificationForm"
+                                              [activity]="editActivity"
+                                              [readonly]="readonly"
+                                              [popupContext]="true"
+                                              (statusChange)="doHandleStatusChange($event)"
+                                              (showWorkLog)="showWorkLog.emit()"
+                                              (activityChange)="updateEditActivity($event)"
+                            ></co-modify-task-form>
+                        </co-form>
+                    </div>
+                </div>
+                <div class="popup-buttons" fxLayout="column">
+                    <div *ngIf="showNewForm" fxLayout="row" class="popup-thumb">
+                        <span [textContent]="'SHOW_AFTER_INSERT' | localize"></span>
+               <!--         <thumb [(active)]=showAfterInsert"></thumb>-->
+                    </div>
+                    <div class="ok-cancel-buttons">
+                      <div class="button-left">
+                        <co-button [disabled]="readonly || taskEditting" [textContent]="'SAVE' | localize" (click)="handleSaveForm()"></co-button>
+                      </div>
+                      <div class="button-middle">
+                        <co-button *ngIf="showNewForm" [textContent]="'CANCEL' | localize" (click)="handleCancelForm()"></co-button>
+                      </div>
+                      <div class="button-right">
+                      <co-button *ngIf="showModificationForm && !readonly"
+                                     [iconData]="iconService.getIcon(icons.Trashbin)" class="delete light"
+                                     [disabled]="readonly || taskEditting"
+                                     (click)="deleteTask()"></co-button>
+                      </div>
+                    </div>
+                </div>
+           <!-- </ng-template>-->
+        </co-dialog>
+    `
+            },] }
+];
+TaskModifierComponent.ctorParameters = () => [
+    { type: CoreDialogService },
+    { type: BusinessObjectFactory },
+    { type: DictionaryService },
+    { type: IconCacheService }
+];
+TaskModifierComponent.propDecorators = {
+    mainForm: [{ type: ViewChild, args: [FormComponent,] }],
+    modifyTaskForm: [{ type: ViewChild, args: [forwardRef(() => ModifyTaskFormComponent),] }],
+    workflowCategory: [{ type: Input }],
+    reference: [{ type: Input }],
+    referenceId: [{ type: Input }],
+    userGroupId: [{ type: Input }],
+    relationId: [{ type: Input }],
+    upsertActivityOperation: [{ type: Input }],
+    deleteActivityOperation: [{ type: Input }],
+    tryLockTaskOperation: [{ type: Input }],
+    createTaskOperation: [{ type: Input }],
+    forceReadonly: [{ type: Input }],
+    editingComplete: [{ type: Output }],
+    activitySaved: [{ type: Output }],
+    activityDeleted: [{ type: Output }],
+    closedWithoutComplete: [{ type: Output }],
+    showWorkLog: [{ type: Output }],
+    taskCreated: [{ type: Output }],
+    taskModified: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-task-modifier",] }]
+};
+__decorate([
+    InputBoolean()
+], TaskModifierComponent.prototype, "forceReadonly", void 0);
+
+class BaseActivityOverviewComponent {
+    constructor(_dialogService, _dictionaryService) {
+        this._dialogService = _dialogService;
+        this._dictionaryService = _dictionaryService;
+        this.icon = Icon;
+        this.cfgNames = ActivityCfgName;
+        this.taskCfgNames = {
+            timeRegistrationMandatory: ActivityCfgName.TimeRegistrationMandatory,
+            deleteActivityTaskButton: ActivityCfgName.DeleteActivityTaskButton,
+            statusSummaryHeader: ActivityCfgName.StatusSummaryHeader,
+            creationSummaryHeader: ActivityCfgName.CreationSummaryHeader,
+            executiveSummaryHeader: ActivityCfgName.ExecutiveSummaryHeader,
+            planningSummaryHeader: ActivityCfgName.PlanningSummaryHeader,
+            attachmentsHeader: ActivityCfgName.AttachmentsHeader,
+            notificationsSummaryHeader: ActivityCfgName.NotificationsSummaryHeader,
+            tagsHeader: ActivityCfgName.TagsHeader,
+            taskInvoice: ActivityCfgName.TaskInvoice
+        };
+        this.canFireTriggerOperation = OperationWithAlwaysSuccessCallback;
+        this.prepareWorkflowOperation = OperationWithAlwaysSuccessCallback;
+        this.lockTaskOperation = OperationWithAlwaysSuccessCallback;
+        this.deleteActivityOperation = OperationWithAlwaysSuccessCallback;
+        this.upsertActivityOperation = OperationWithAlwaysSuccessCallback;
+        this.fireGenericTriggerOperation = OperationWithValidationCallback;
+        this.fireTriggerOperation = OperationWithValidationCallback;
+        this.handleOpenLinkSidebar = false;
+        this.activityChange = new EventEmitter();
+        this.activityDeleted = new EventEmitter();
+        this.triggerFired = new EventEmitter();
+        this.genericTriggerFired = new EventEmitter();
+        this.formCreated = new EventEmitter();
+        this.openLink = new EventEmitter();
+        this.linkClicked = new EventEmitter();
+        this.overDue = false;
+        this.userIsSupervisor = false;
+        this.urls = [];
+        this.isTask = false;
+        this.hasTriggers = false;
+        this.sameDates = false;
+        this._activity = new Activity();
+    }
+    set viewModel(value) {
+        this._viewModel = value;
+        this.overDue = value.overDue;
+        this.activity = value.activity;
+    }
+    set triggerToFireOnSave(value) {
+        this._triggerToFireOnSave = value;
+    }
+    get triggerToFireOnSave() {
+        return this._triggerToFireOnSave;
+    }
+    set activity(value) {
+        this._activity = value;
+        this._prepareData();
+    }
+    get activity() {
+        return this._activity;
+    }
+    handleButtonEndClick() {
+        this.handleTriggerClick(this.firstTriggerToCloseWF);
+    }
+    handleGenericTriggerClick(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const result = yield this.fireGenericTriggerOperation(this.workFlow.workflowProcessId, event.genericTransitionId, this.userRelationId);
+            if (result.success) {
+                this.genericTriggerFired.next(this.activity);
+            }
+            else {
+                const messages = [];
+                const len = result.messages.length;
+                for (let i = 0; i < len; i++) {
+                    messages.push(this._dictionaryService.get(result.messages[i].message.toUpperCase()));
+                }
+                this._dialogService.showError(messages.toString());
+            }
+        });
+    }
+    handleTriggerClick(eventTrigger) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (eventTrigger.isTaskTrigger && eventTrigger.taskId) {
+                //prepare task on the activity object, so the task modifier can handle it
+                this.activity.task = new Task();
+                this.activity.activityType = ActivityType.Task;
+                this.activity.task.taskId = eventTrigger.taskId;
+                this.taskModifier.startModifyingTask(this.activity);
+            }
+            else if (eventTrigger.isFormTrigger) {
+                //TODO reinstate when we know what to do with the formbuilder
+                /*this.form = await this._formRepo.getForm(eventTrigger.formId);
+                this.table = this.workFlow.table;
+                this.key = this.workFlow.key;
+                this.showCreateForm = true;*/
+            }
+            else {
+                /*if (eventTrigger.toClosedState && !await this.canFireTriggerOperation({activity: this.activity, task: this.activity.task})) {
+                    await this.prepareWorkflowOperation({table: this.workFlow.table, key: this.workFlow.key});
+                    this.triggerToFireOnSave = eventTrigger;
+                    this.showTaskFormAndWorkLog();
+                    return;
+                }*/
+                const result = yield this.fireTriggerOperation(this.workFlow.workflowProcessId, this.workFlow.sequence, eventTrigger.triggerId);
+                if (result.success) {
+                    this.triggerFired.next(this.activity);
+                }
+                else {
+                    const messages = [];
+                    const len = result.messages.length;
+                    for (let i = 0; i < len; i++) {
+                        messages.push(this._dictionaryService.get(result.messages[i].message.toUpperCase()));
+                    }
+                    this._dialogService.showError(messages.toString());
+                }
+            }
+        });
+    }
+    handleOpenLink(event, url) {
+        this._stopEventPropagation(event);
+        if (url) { // breadCrumbs to url
+            this._openUrl(url);
+        }
+        else {
+            this.startModifyingTask();
+        }
+    }
+    handleOpenLinkOrUrl(event) {
+        this._stopEventPropagation(event);
+        if (this.link && this.link.module) {
+            this.linkClicked.next({ module: this.link.module, id: this.link.id });
+        }
+        else if (this.urls && this.urls.length) {
+            this._openUrl(this.urls[0]);
+        }
+        else {
+            this.startModifyingTask();
+        }
+    }
+    startModifyingTask() {
+        if (this.workFlow && this.workFlow.workFlowHasOneTaskTrigger) {
+            this.activity.task = new Task();
+            this.activity.activityType = ActivityType.Task;
+            this.activity.task.taskId = this.workFlow.taskIdFromTaskTrigger;
+        }
+        if (this.activity.task) {
+            if (this.handleOpenLinkSidebar === true) {
+                this.openLink.next(this.activity);
+            }
+            else {
+                this.taskModifier.startModifyingTask(this.activity);
+            }
+        }
+        // TODO: for now a message is shown.
+        else if (this.workFlow) {
+            this._dialogService.showInformation("Component: " + this.workFlow.component + " key: " + this.workFlow.displayKey);
+        }
+    }
+    showTaskFormAndWorkLog() {
+        if (this.activity.task) {
+            //TODO REINSTATE AFTER FIXING FORM
+            //this.taskModifier.startModifyingTaskAndWorkLog(this.activity);
+        }
+    }
+    onSaveActivity(activity) {
+        this.activity = activity;
+        this.activityChange.next(this.activity);
+    }
+    onDeleteActivity(activity) {
+        if (this.activity.getId() === activity.getId()) {
+            if (this._viewModel) {
+                this._viewModel.deleted = true;
+                this._viewModel.showing = false;
+                this._viewModel.refreshViewModel();
+            }
+            this.activityDeleted.emit(activity);
+        }
+    }
+    //TODO Reinstate once we know what to do with the formbuilder
+    /*public doCancelForm(): void {
+        this.showCreateForm = false;
+    }
+
+    public async doSaveForm(form: FormResponse): Promise<void> {
+        const result: ValidationResult = await this._formRepo.insertFormResponse(form);
+        if (result.success) {
+            this.formCreated.next();
+            this.showCreateForm = false;
+        }
+    }*/
+    _prepareData() {
+        this.workFlow = this._activity.workflow;
+        if (this.workFlow) {
+            this.workFlow.useSingleTaskTriggerAsTask = true;
+            this.urls = this.workFlow.urls;
+            this.hasTriggers = this.workFlow.hasTriggers;
+        }
+        this.activityName = this.activity.name;
+        this.link = this.activity.link;
+        this.linkDescription = this.activity.linkDescription;
+        this.targetDate = this.activity.targetDateTime;
+        this.deadlineDate = this.activity.deadlineDateTime;
+        this.openButtonLabel = this.activity.linkLabel;
+        this.activityTitle = this.activity.activityTitle;
+        this.activityContextTitle = this.activity.activityContextTitle;
+        this.isTask = this._activity.IsTask;
+        this.sameDates = DateUtils.IsSameDay(this.targetDate, this.deadlineDate);
+        this._setFirstTriggerToCloseWF();
+    }
+    _setFirstTriggerToCloseWF() {
+        if (isNill$1(this.workFlow) || isNill$1(this.workFlow.manualTriggers)) {
+            return;
+        }
+        this.firstTriggerToCloseWF = undefined;
+        const len = this.workFlow.manualTriggers.length;
+        for (let i = 0; i < len; i++) {
+            if (this.workFlow.manualTriggers[i].toClosedState) {
+                this.firstTriggerToCloseWF = this.workFlow.manualTriggers[i];
+                break;
+            }
+        }
+    }
+    _openUrl(url) {
+        const regEx = new RegExp(/(http)|(www.)/);
+        if (regEx.test(url)) {
+            window.open(url.indexOf("http") === -1 ? "http://" + url : url, "_blank");
+        }
+        else {
+            //this._router.navigateByUrl(url);
+        }
+    }
+    _stopEventPropagation(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        event.stopImmediatePropagation();
+    }
+}
+BaseActivityOverviewComponent.decorators = [
+    { type: Directive },
+    { type: Injectable }
+];
+BaseActivityOverviewComponent.ctorParameters = () => [
+    { type: CoreDialogService },
+    { type: DictionaryService }
+];
+BaseActivityOverviewComponent.propDecorators = {
+    taskModifier: [{ type: ViewChild, args: [TaskModifierComponent, { static: true },] }],
+    viewModel: [{ type: Input }],
+    triggerToFireOnSave: [{ type: Input }],
+    canFireTriggerOperation: [{ type: Input }],
+    prepareWorkflowOperation: [{ type: Input }],
+    lockTaskOperation: [{ type: Input }],
+    deleteActivityOperation: [{ type: Input }],
+    upsertActivityOperation: [{ type: Input }],
+    fireGenericTriggerOperation: [{ type: Input }],
+    fireTriggerOperation: [{ type: Input }],
+    userRelationId: [{ type: Input }],
+    userGroupId: [{ type: Input }],
+    handleOpenLinkSidebar: [{ type: Input }],
+    activityChange: [{ type: Output }],
+    activityDeleted: [{ type: Output }],
+    triggerFired: [{ type: Output }],
+    genericTriggerFired: [{ type: Output }],
+    formCreated: [{ type: Output }],
+    openLink: [{ type: Output }],
+    linkClicked: [{ type: Output }]
+};
+__decorate([
+    InputBoolean()
+], BaseActivityOverviewComponent.prototype, "handleOpenLinkSidebar", void 0);
+
+class PersonalActivityOverviewComponent extends BaseActivityOverviewComponent {
+    showClass() {
+        return true;
+    }
+}
+PersonalActivityOverviewComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-personal-activity-overview",
+                template: `
+        <div class="overview-wrapper pointer-hover" (click)="handleOpenLinkOrUrl($event)">
+            <div class="overview-wrapper-labels">
+                <div class="activity-title" [textContent]="activityTitle"></div>
+                <div class="activity-context-title" [textContent]="activityContextTitle"></div>
+            </div>
+            <div class="overview-wrapper-date">
+                <div class="date-wrapper" [class.overdue]="overDue">
+                    <ng-container *ngIf="!sameDates">
+                        <div class="date" [textContent]="targetDate | date:'dd-MM-YYYY'"></div>
+                        <div class="date-divider" [textContent]="'-'"></div>
+                    </ng-container>
+                  <!--TODO REINSTATE AFTER finding what the heck is wrong with date-->
+                        <!--<div class="date" [textContent]="deadlineDate | date:'dd-MM-YYYY'"></div>-->
+                </div>
+            </div>
+        </div>
+        <!--TODO REINSTATE AFTER FIXING FORM-->
+        <!--  <co-task-modifier
+                (editingComplete)="onSaveActivity($event)"
+                (activityDeleted)="onDeleteActivity($event)"
+                (showWorkLog)="showTaskFormAndWorkLog()"
+        ></co-task-modifier>-->
+      <!--  [taskCfgNames]="taskCfgNames"-->
+    `
+            },] }
+];
+PersonalActivityOverviewComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ["class.co-personal-activity-overview",] }]
+};
+
+class ComponentActivityListComponent extends BaseActivityListComponent {
+    constructor() {
+        super();
+        this.tabs = PersonalActivityTabEnum;
+        this.icons = Icon;
+        this.activityClass = Activity;
+        this.activitySortType = ActivitySortType;
+        this.hideTitle = false;
+        this.noFreeTasks = false;
+        this.componentActivitiesMethod = OperationWithAlwaysSuccessCallback;
+        this.fireGenericTriggerOperation = OperationWithValidationCallback;
+        this.fireTriggerOperation = OperationWithValidationCallback;
+        this.canFireTriggerOperation = OperationWithAlwaysSuccessCallback;
+        this.setHasPausedNotificationsForWorkflowProcessOperation = OperationWithValidationCallback;
+        this.lockTaskOperation = OperationWithAlwaysSuccessCallback;
+        this.deleteActivityOperation = OperationWithAlwaysSuccessCallback;
+        this.upsertActivityOperation = OperationWithAlwaysSuccessCallback;
+        this.openLinkClick = new EventEmitter();
+        this.amountActivityChanged = new EventEmitter();
+        this.linkClicked = new EventEmitter();
+        this.formCreated = new EventEmitter();
+        this.genericTriggerFired = new EventEmitter();
+        this.triggerFired = new EventEmitter();
+        this.showUsergroupActivitiesChanged = new EventEmitter();
+        this.activeTab = PersonalActivityTabEnum.TODO;
+        /*public activitySortList: boolean[] = [];*/
+        this.activityList = [];
+        this._subs = [];
+        this._activitiesList = [];
+    }
+    showClass() {
+        return true;
+    }
+    set table(value) {
+        this._table = value;
+        this.getTheActivities();
+    }
+    get table() {
+        return this._table;
+    }
+    set key(value) {
+        this._key = value;
+        this.getTheActivities();
+    }
+    get key() {
+        return this._key;
+    }
+    trackByFn(index, vm) {
+        return vm.activity.id + '_' + vm.activity.workflow.combinedTriggerIds;
+    }
+    //TODO do we still need this?
+    /*async ngOnInit(): Promise<void> {
+        this._subs.push(
+            this._appEventService.taskCreated.subscribe(() => {
+                this.getTheActivities();
+            }),
+            this._appEventService.taskModified.subscribe(() => {
+                this.getTheActivities();
+            }),
+            this._appEventService.triggerFired.subscribe(() => {
+                this.getTheActivities();
+            })
+        );
+    }*/
+    ngOnDestroy() {
+        this._subs.forEach(s => s.unsubscribe());
+        super.ngOnDestroy();
+    }
+    set activitiesList(allActivities) {
+        this._activitiesList = allActivities;
+        if (allActivities) {
+            this.activities = this.noFreeTasks ? allActivities.filter(aa => !aa.task && aa.activityType !== ActivityType.WorkflowTask) :
+                allActivities.filter(aa => aa.activityType !== ActivityType.WorkflowTask);
+        }
+        else {
+            this.activities = [];
+        }
+    }
+    get activitiesList() {
+        return this._activitiesList;
+    }
+    /*public async getActivities(): Promise<void> {
+        if (this.table && this.key) {
+            const allActivities: Activity[] = await this._activityRepo.getComponentActivities(this.table, this.key);
+            if (allActivities) {
+                this.activities = this.noFreeTasks ? allActivities.filter(aa => !aa.task && aa.activityType !== ActivityType.WorkflowTask) :
+                    allActivities.filter(aa => aa.activityType !== ActivityType.WorkflowTask);
+            } else {
+                this.activities = [];
+            }
+            this.amountActivityChanged.next(this.activities.length);
+        }
+    }*/
+    getDelegatedActivities() {
+        return __awaiter(this, void 0, void 0, function* () {
+            // const allActivities: Activity[] = await this._activityRepo.getComponentActivities(this.table, this.key);
+            // this.delegatedActivities = allActivities ? allActivities.filter(aa => aa.activityType !== ActivityType.WorkflowTask) : [];
+        });
+    }
+    /*//TODO there were already unused before the move. Can they go?
+    public handleOpenLink(activity: Activity): void {
+        this.openLinkClick.next(activity);
+    }*/
+    showUsergroupActivitiesChange() {
+        this.showUsergroupActivitiesChanged.next();
+    }
+    handleTriggerFired(activity) {
+        this.triggerFired.next(activity);
+    }
+    handleGenericTriggerFired(activity) {
+        this.genericTriggerFired.next(activity);
+    }
+    handleFormCreation() {
+        this.formCreated.next();
+    }
+    handleChangedActivity(idx, activity) {
+        if (this.activities) {
+            this.activities[idx] = activity;
+        }
+    }
+    deleteActivity(activity) {
+        this.amountActivityChanged.next(this.activities.length - 1);
+    }
+    reset() {
+        super.reset();
+        this.activityList = [];
+    }
+    doFilterClicked(filter) {
+        if (filter.from && filter.to) {
+            this.filterFrom = new Date(filter.from);
+            this.filterFrom.setHours(0);
+            this.filterFrom.setMinutes(0);
+            this.filterFrom.setSeconds(0);
+            this.filterTo = new Date(filter.to);
+            this.filterTo.setHours(0);
+            this.filterTo.setMinutes(0);
+            this.filterTo.setSeconds(0);
+        }
+        else {
+            this.filterFrom = undefined;
+            this.filterTo = undefined;
+        }
+        this.applyFilter();
+    }
+    openFirstTask() {
+        if (!this.activities) {
+            return;
+        }
+        const tasks = this.activities.filter((value => value.IsTask));
+        if (tasks && tasks.length > 0) {
+            const activityOverviews = this.activityOverviewList.toArray();
+            if (activityOverviews && activityOverviews.length) {
+                const len = activityOverviews.length;
+                for (let i = 0; i < len; i++) {
+                    if (activityOverviews[i].activity.getId() === tasks[0].getId()) {
+                        activityOverviews[i].startModifyingTask();
+                    }
+                }
+            }
+        }
+    }
+}
+ComponentActivityListComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-component-activity-list",
+                template: `
+        <co-activity-list-header
+                [title]="'ACTIVITIES'"
+                [table]="table"
+                [key]="key"
+                [(showUsergroupActivities)]="showUsergroupActivities"
+                [(searchText)]="searchText"
+                (periodFilterClicked)="doFilterClicked($event)"
+                (searchTextChange)="applyFilter()"
+                (showUsergroupActivitiesChange)="showUsergroupActivitiesChange()"
+                [setHasPausedNotificationsForWorkflowProcessOperation]="setHasPausedNotificationsForWorkflowProcessOperation"
+        ></co-activity-list-header>
+        <div class="activity-list-content">
+            <div class="activity-wrapper" [@showHideTab]="activeTab">
+                <div class="activity-tab-content mini-scrollbar">
+                    <ng-container *ngFor="let activityListViewModel of privateActivityListViewModels">
+                      <co-collapsible *ngIf="activityListViewModel.showing" #collapseable
+                                      [headerTitle]="activityListViewModel.label + ' ' + activityListViewModel.amount"
+                                      [(expanded)]="activityListViewModel.expanded">
+                            <ng-container *ngFor="let activityViewModel of activityListViewModel.activities; trackBy: trackByFn; let index = index">
+                               <co-component-activity-overview *ngIf="activityViewModel.showing"
+                                                               [fireGenericTriggerOperation]="fireGenericTriggerOperation"
+                                                               [fireTriggerOperation]="fireTriggerOperation"
+                                                               [canFireTriggerOperation]="canFireTriggerOperation"
+                                                             [viewModel]="activityViewModel"
+                                                             [userRelationId]="relationId"
+                                                             [userGroupId]="userGroupId"
+                                                             [lockTaskOperation]="lockTaskOperation"
+                                                             [deleteActivityOperation]="deleteActivityOperation"
+                                                             [upsertActivityOperation]="upsertActivityOperation"
+                                                             (activityChange)="handleChangedActivity(index, $event)"
+                                                             (activityDeleted)="deleteActivity($event)"
+                                                             (genericTriggerFired)="handleGenericTriggerFired($event)"
+                                                             (triggerFired)="handleTriggerFired($event)"
+                                                             (linkClicked)="linkClicked.emit($event)"
+                                                             (formCreated)="handleFormCreation()"></co-component-activity-overview>
+                            </ng-container>
+                       </co-collapsible>
+                    </ng-container>
+                </div>
+                <div class="activity-tab-content mini-scrollbar">
+                    <ng-container *ngFor="let activityListViewModel of privateDelegatedActivityListViewModels">
+                        <co-collapsible *ngIf="activityListViewModel.showing" #collapseable
+                                        [headerTitle]="activityListViewModel.label + ' ' + activityListViewModel.amount"
+                                        [(expanded)]="activityListViewModel.expanded">
+                            <ng-container *ngFor="let activityViewModel of activityListViewModel.activities; trackBy: trackByFn; let index = index">
+                               <co-component-activity-overview *ngIf="activityViewModel.showing"
+                                                             [fireGenericTriggerOperation]="fireGenericTriggerOperation"
+                                                             [fireTriggerOperation]="fireTriggerOperation"
+                                                             [canFireTriggerOperation]="canFireTriggerOperation"
+                                                             [viewModel]="activityViewModel"
+                                                             [userRelationId]="relationId"
+                                                             [userGroupId]="userGroupId"
+                                                             (activityChange)="handleChangedActivity(index, $event)"
+                                                             (activityDeleted)="deleteActivity($event)"
+                                                             (genericTriggerFired)="handleGenericTriggerFired($event)"
+                                                             (triggerFired)="handleTriggerFired($event)"
+                                                             (linkClicked)="linkClicked.emit($event)"
+                                                             (formCreated)="handleFormCreation()"></co-component-activity-overview>
+                            </ng-container>
+                        </co-collapsible>
+                    </ng-container>
+                </div>
+            </div>
+        </div>
+    `,
+                animations: [
+                    trigger("showHideContent", [
+                        state("void", style({ transform: "scaleY(0)", opacity: 0 })),
+                        state("*", style({ transform: "scaleY(1)", opacity: 1 })),
+                        transition(`void <=> *`, animate("200ms ease-in-out"))
+                    ]),
+                    trigger("showHideTab", [
+                        state("TODO", style({ transform: "translateX(0)" })),
+                        state("DELEGATED", style({ transform: "translateX(calc(-100% - 20px))" })),
+                        transition(`TODO <=> DELEGATED`, animate("200ms ease-in-out"))
+                    ])
+                ]
+            },] }
+];
+ComponentActivityListComponent.ctorParameters = () => [];
+ComponentActivityListComponent.propDecorators = {
+    activityOverviewList: [{ type: ViewChildren, args: [PersonalActivityOverviewComponent,] }],
+    showClass: [{ type: HostBinding, args: ["class.co-component-activity-list",] }],
+    table: [{ type: Input }],
+    key: [{ type: Input }],
+    hideTitle: [{ type: Input }],
+    noFreeTasks: [{ type: Input }],
+    customTitle: [{ type: Input }],
+    userGroupId: [{ type: Input }],
+    relationId: [{ type: Input }],
+    componentActivitiesMethod: [{ type: Input }],
+    fireGenericTriggerOperation: [{ type: Input }],
+    fireTriggerOperation: [{ type: Input }],
+    canFireTriggerOperation: [{ type: Input }],
+    setHasPausedNotificationsForWorkflowProcessOperation: [{ type: Input }],
+    lockTaskOperation: [{ type: Input }],
+    deleteActivityOperation: [{ type: Input }],
+    upsertActivityOperation: [{ type: Input }],
+    openLinkClick: [{ type: Output }],
+    amountActivityChanged: [{ type: Output }],
+    linkClicked: [{ type: Output }],
+    formCreated: [{ type: Output }],
+    genericTriggerFired: [{ type: Output }],
+    triggerFired: [{ type: Output }],
+    showUsergroupActivitiesChanged: [{ type: Output }],
+    activitiesList: [{ type: Input }]
+};
+__decorate([
+    InputBoolean()
+], ComponentActivityListComponent.prototype, "hideTitle", void 0);
+__decorate([
+    InputBoolean()
+], ComponentActivityListComponent.prototype, "noFreeTasks", void 0);
+
+class PersonalActivityOverviewModule {
+}
+PersonalActivityOverviewModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule
+                ],
+                declarations: [
+                    PersonalActivityOverviewComponent
+                ],
+                exports: [
+                    PersonalActivityOverviewComponent
+                ]
+            },] }
+];
+
+class ComponentActivityOverviewComponent extends BaseActivityOverviewComponent {
+    constructor(iconCacheService, dialogService, dictionaryService) {
+        super(dialogService, dictionaryService);
+        this.iconCacheService = iconCacheService;
+        this.dialogService = dialogService;
+        this.dictionaryService = dictionaryService;
+        this.Icon = Icon;
+    }
+    showClass() {
+        return true;
+    }
+}
+ComponentActivityOverviewComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-component-activity-overview",
+                template: `
+        <div class="overview-wrapper">
+            <div class="overview-wrapper-icons">
+                <co-icon *ngIf="userIsSupervisor && (!isTask || firstTriggerToCloseWF === undefined)" icon="supervisor"
+                      class="supervisor-icon big dark"
+                      [title]="'MY_TASKS_SUPERVISOR' | localize"></co-icon>
+            </div>
+            <div class="overview-wrapper-labels">
+                <div class="activity-title" [textContent]="activityTitle"></div>
+                <div class="activity-context-title" [textContent]="activityContextTitle"></div>
+            </div>
+            <div class="overview-wrapper-date">
+                <div class="date-wrapper" [class.overdue]="overDue">
+                    <ng-container *ngIf="!sameDates">
+                        <div class="date" [textContent]="targetDate | date:'dd-MM-YYYY'"></div>
+                        <div class="date-divider" [textContent]="'-'"></div>
+                    </ng-container>
+                    <div class="date" [textContent]="deadlineDate | date:'dd-MM-YYYY'"></div>
+                </div>
+            </div>
+        </div>
+        <div class="overview-main">
+            <ng-container *ngIf="isTask && firstTriggerToCloseWF !== undefined">
+                <co-button class="trans-green custom-text button-trigger no-margin" [label]="firstTriggerToCloseWF.description"
+                               (click)="handleButtonEndClick()"></co-button>
+            </ng-container>
+            <ng-container *ngIf="openButtonLabel">
+                <co-button class="trans-green default-bg custom-text button-trigger-icon action-hover no-margin"
+                               iconClass="custom small" [iconData]="iconCacheService.getIcon(icon.DetailView)" [label]="openButtonLabel | localize"
+                               (click)="handleOpenLink($event)"></co-button>
+            </ng-container>
+            <!--TODO reinstate this when we figure out how to trigger a screen change. -->
+            <!--<ng-container *ngIf="urls && urls.length > 0">
+                <button-colijn *ngFor="let url of urls"
+                               class="trans-green custom-text button-trigger-icon action-hover no-margin"
+                               [icon]="icon.DetailView"
+                               [label]="'OPEN_LINK' | localize"
+                               iconClass="custom small"
+                               (click)="handleOpenLink($event, url)"></button-colijn>
+            </ng-container>-->
+            <ng-container *ngIf="!isTask && hasTriggers">
+                <co-button     class="trans-green custom-text action-hover button-trigger no-margin" *ngFor="let trigger of workFlow.manualGenericTriggers"
+                               [class.button-trigger-icon]="trigger.isTaskTrigger"
+                               [label]="trigger.triggerButtonName"
+                               [iconData]="trigger.isTaskTrigger ? iconCacheService.getIcon(icon.Account): null"
+                               iconClass="custom small"
+                               (click)="handleGenericTriggerClick(trigger)"
+                ></co-button>
+                <co-button     class="trans-green custom-text action-hover button-trigger no-margin" *ngFor="let trigger of workFlow.manualTriggers"
+                               [class.high-prio]="trigger.overDue"
+                               [class.button-trigger-icon]="trigger.isTaskTrigger"
+                               [label]="trigger.triggerButtonName"
+                               [iconData]="trigger.isTaskTrigger ? iconCacheService.getIcon(icon.DetailView): null"
+                               iconClass="custom small"
+                               (click)="handleTriggerClick(trigger)"
+                ></co-button >
+            </ng-container>
+        </div>
+        <!--TODO reinstate this when we figure out how to trigger a screen change. -->
+        <!-- <formbuilder-user-form *ngIf="showCreateForm"
+                                 [showPopup]="showCreateForm"
+                                 [table]="table"
+                                 [key]="key"
+                                 [form]="form"
+                                 (cancelForm)="doCancelForm()"
+                                 (saveForm)="doSaveForm($event)"
+        ></formbuilder-user-form>-->
+        <co-task-modifier
+                [userGroupId]="userGroupId"
+                [relationId]="userRelationId"
+                [tryLockTaskOperation]="lockTaskOperation"
+                [deleteActivityOperation]="deleteActivityOperation"
+                [upsertActivityOperation]="upsertActivityOperation"
+                (editingComplete)="onSaveActivity($event)"
+                (activityDeleted)="onDeleteActivity($event)"
+                (showWorkLog)="showTaskFormAndWorkLog()"
+        ></co-task-modifier>
+
+    `,
+                /*  providers: [
+                      {provide: BaseModuleScreenConfigService, useExisting: ScreenConfigurationMockService}
+                  ],*/
+                animations: [
+                    trigger("fadeInOut", [
+                        state("void", style({ opacity: 0 })),
+                        state("*", style({ opacity: 1 })),
+                        transition(":enter, :leave", animate("200ms ease-in-out")),
+                    ]),
+                    trigger("showHideExtended", [
+                        state("void", style({ "transform-origin": "top center", transform: "scaleY(0)" })),
+                        state("*", style({ "transform-origin": "top center", transform: "scaleY(1)" })),
+                        transition(":enter, :leave", [
+                            animate("200ms ease-in-out")
+                        ])
+                    ])
+                ]
+            },] }
+];
+ComponentActivityOverviewComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: CoreDialogService },
+    { type: DictionaryService }
+];
+ComponentActivityOverviewComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ["class.co-component-activity-overview",] }]
+};
+
+class BaseActivitySummaryComponent {
+    constructor(dictionaryService, dialogService) {
+        this.dictionaryService = dictionaryService;
+        this.dialogService = dialogService;
+        this.expanded = false;
+        this.noBorder = false;
+        this.readonly = false;
+        this.canFireTriggerOperation = OperationWithAlwaysSuccessCallback;
+        this.fireTriggerOperation = OperationWithValidationCallback;
+        this.prepareWorkflowOperation = OperationWithAlwaysSuccessCallback;
+        this.loadTaskOperation = OperationWithAlwaysSuccessCallback;
+        this.activityChange = new EventEmitter();
+        this.showWorkLog = new EventEmitter();
+        this.triggerFired = new EventEmitter();
+    }
+    set activity(value) {
+        this.editActivity = value;
+    }
+    get activity() {
+        return this.editActivity;
+    }
+    set workFlow(value) {
+        this._workFlow = value;
+    }
+    get workFlow() {
+        return this._workFlow;
+    }
+    set task(value) {
+        this._task = value;
+    }
+    get task() {
+        return this._task;
+    }
+    set triggerToFireOnSave(value) {
+        this._triggerToFireOnSave = value;
+    }
+    get triggerToFireOnSave() {
+        return this._triggerToFireOnSave;
+    }
+    handleSave(event) {
+        this._saveClone();
+    }
+    handleCancel(event) {
+        this.expanded = false;
+    }
+    handleTriggerClick(trigger) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.readonly) {
+                return;
+            }
+            if (trigger.toClosedState) {
+                const canFire = yield this.canFireTriggerOperation({ editActivity: this.editActivity, task: this.editActivity.task });
+                if (!canFire) {
+                    this.triggerToFireOnSave = trigger;
+                    this.showWorkLog.next();
+                    return;
+                }
+            }
+            const result = yield this.fireTriggerOperation(trigger, null, null);
+            if (result.success) {
+                yield this.updateActivityTask(this.editActivity.task);
+                yield this.prepareWorkflow();
+                this.triggerFired.emit(this.workFlow);
+            }
+            else {
+                const messages = [];
+                const len = result.messages.length;
+                for (let i = 0; i < len; i++) {
+                    messages.push(this.dictionaryService.get(result.messages[i].message.toUpperCase()));
+                }
+                this.dialogService.showError(messages.toString());
+            }
+        });
+    }
+    handleExpandClick(value) {
+        this.expanded = value;
+    }
+    prepareWorkflow() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.table && this.key) {
+                yield this.prepareWorkflowOperation({ table: this.table, key: this.key });
+            }
+        });
+    }
+    _saveClone() {
+        this.activityChange.next(this.editActivity);
+    }
+    updateActivityTask(task) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (task) {
+                yield this.loadTaskOperation(task.taskId);
+                this.editActivity.task = this.task;
+                this.activityChange.emit(this.editActivity);
+            }
+        });
+    }
+}
+BaseActivitySummaryComponent.decorators = [
+    { type: Directive }
+];
+BaseActivitySummaryComponent.ctorParameters = () => [
+    { type: DictionaryService },
+    { type: CoreDialogService }
+];
+BaseActivitySummaryComponent.propDecorators = {
+    activity: [{ type: Input }],
+    workFlow: [{ type: Input }],
+    task: [{ type: Input }],
+    table: [{ type: Input }],
+    key: [{ type: Input }],
+    expanded: [{ type: Input }],
+    noBorder: [{ type: HostBinding, args: ["class.no-border",] }, { type: Input }],
+    readonly: [{ type: Input }],
+    canFireTriggerOperation: [{ type: Input }],
+    fireTriggerOperation: [{ type: Input }],
+    prepareWorkflowOperation: [{ type: Input }],
+    loadTaskOperation: [{ type: Input }],
+    triggerToFireOnSave: [{ type: Input }],
+    activityChange: [{ type: Output }],
+    showWorkLog: [{ type: Output }],
+    triggerFired: [{ type: Output }],
+    hidden: [{ type: HostBinding, args: ["class.hidden",] }]
+};
+__decorate([
+    InputBoolean()
+], BaseActivitySummaryComponent.prototype, "noBorder", void 0);
+
+class TaskDetailsComponent extends BaseActivitySummaryComponent {
+    constructor(dictionaryService, dialogService, iconCacheService) {
+        super(dictionaryService, dialogService);
+        this.dictionaryService = dictionaryService;
+        this.dialogService = dialogService;
+        this.iconCacheService = iconCacheService;
+        this.Icon = Icon;
+        this.showStatusDropdown = false;
+    }
+    set activity(value) {
+        this.editActivity = value;
+        this.prepareWorkflow();
+    }
+    showClass() {
+        return true;
+    }
+    get activity() {
+        return this.editActivity;
+    }
+    toggleStatusDropdown() {
+        this.showStatusDropdown = !this.showStatusDropdown;
+    }
+    handleTriggerClickAndClose(trigger) {
+        this.handleTriggerClick(trigger);
+        this.showStatusDropdown = false;
+    }
+}
+TaskDetailsComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-task-details",
+                template: `
+        <div class="header-wrapper">
+            <div class="workflow-dropdown-wrapper">
+                <div *ngIf="!workFlow" class="workflow-dropdown">
+                    <div class="workflow-drop error-color" [class.active]="!workFlow">
+                        <label [textContent]="'NO_ACTIVE_WORKFLOW_FOR_TASK' | localize"></label>
+                    </div>
+                </div>
+                <div *ngIf="workFlow && !workFlow.ended" class="workflow-dropdown">
+                    <div class="workflow-drop"
+                         [class.towait]="workFlow?.stateName?.includes('wacht') || workFlow?.stateName?.includes('hold')"
+                         [class.toclose]="workFlow.closed"
+                         (click)="toggleStatusDropdown()">
+                        <label [textContent]="workFlow?.stateName"></label>
+                        <co-icon *ngIf="!workFlow.closed" [iconData]="iconCacheService.getIcon(Icon.ChevronRightRegular)"></co-icon>
+                        <co-icon *ngIf="workFlow.closed" [iconData]="iconCacheService.getIcon(Icon.CheckSolid)"></co-icon>
+                    </div>
+                    <div class="workflow-dropdown-list" *ngIf="showStatusDropdown">
+                        <div class="workflow-drop"
+                             *ngFor="let trigger of workFlow?.manualTriggers"
+                             (click)="handleTriggerClickAndClose(trigger)">
+                            <label [textContent]="trigger.manualButtonText"></label>
+                            <div class="drop-point"
+                                 [class.toclose]="trigger.toClosedState"
+                                 [class.toend]="trigger.toEndOfWorkflow"
+                                 [class.towait]="trigger.manualButtonText.includes('wacht') || trigger.manualButtonText.includes('hold')">
+                                <span class="dot" ></span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div *ngIf="workFlow && workFlow?.ended" class="workflow-dropdown">
+                    <div class="workflow-drop toend" *ngIf="workFlow.ended">
+                        <label [textContent]="'CLOSED' | localize"></label>
+                        <co-icon [iconData]="iconCacheService.getIcon(Icon.CheckSolid)"></co-icon>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="details-wrapper" fxLayout="column" fxLayoutGap="5px">
+            <co-input-text
+                    [placeholder]="'TITLE2' | localize"
+                    [readonly]="readonly"
+                    [(model)]="editActivity.task.name"
+                    [asyncValidators]="blackListValidatorsArray"
+            ></co-input-text>
+            <co-input-textarea
+                    [placeholder]="'DESCRIPTION' | localize"
+                    [readonly]="readonly"
+                    [(model)]="editActivity.task.description"
+                    [asyncValidators]="blackListValidatorsArray"
+            ></co-input-textarea>
+        </div>
+    `
+            },] }
+];
+TaskDetailsComponent.ctorParameters = () => [
+    { type: DictionaryService },
+    { type: CoreDialogService },
+    { type: IconCacheService }
+];
+TaskDetailsComponent.propDecorators = {
+    activity: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ["class.co-task-details",] }]
+};
+
+class TaskDetailsModule {
+}
+TaskDetailsModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    LocalizationModule,
+                    InputTextModule,
+                    InputTextareaModule,
+                    IconModule,
+                    CommonModule,
+                ],
+                declarations: [
+                    TaskDetailsComponent
+                ],
+                exports: [
+                    TaskDetailsComponent
+                ]
+            },] }
+];
+
+class ActivitySummaryBlockComponent {
+    constructor(_formMaster, elementRef) {
+        this._formMaster = _formMaster;
+        this.elementRef = elementRef;
+        this.Icon = Icon;
+        this.noBorder = false;
+        this.readonly = false;
+        this.showButtons = false;
+        this.hideCancel = false;
+        this.actionIcon = false;
+        this.expandable = false;
+        this.saveClick = new EventEmitter();
+        this.cancelClick = new EventEmitter();
+    }
+    showClass() {
+        return true;
+    }
+    get summaryElement() {
+        return this.elementRef;
+    }
+    ngOnDestroy() {
+        this.elementRef = undefined;
+    }
+    handleOkClick(event) {
+        if (this.mainForm) {
+            this.mainForm.submit();
+        }
+    }
+    handleCancelClick(event) {
+        this.cancelClick.next(event);
+    }
+    onValid() {
+        this.saveClick.next(null);
+    }
+}
+ActivitySummaryBlockComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-activity-summary-block",
+                template: `
+        <div class="block-wrapper border">
+            <div class="activity-summary-block-edit-template" [id]="cssId">
+                <co-form (validSubmit)="onValid()">
+                    <div class="template-wrapper">
+                        <ng-template [templateWrapper]="editTemplate" *ngIf="editTemplate"></ng-template>
+                    </div>
+                </co-form>
+                <div class="ok-cancel-buttons" *ngIf="showButtons">
+                  <co-button [disabled]="readonly" [textContent]="'OK' | localize" (click)="handleOkClick($event)"></co-button>
+                  <co-button *ngIf="hideCancel" [textContent]="'STICKER' | localize" (click)="handleCancelClick($event)"></co-button>
+                  <ng-template [templateWrapper]="extraButtonsTemplate" *ngIf="extraButtonsTemplate"></ng-template>
+                </div>
+            </div>
+        </div>
+    `,
+                providers: [
+                    FormMasterService
+                ]
+            },] }
+];
+ActivitySummaryBlockComponent.ctorParameters = () => [
+    { type: FormMasterService },
+    { type: ElementRef }
+];
+ActivitySummaryBlockComponent.propDecorators = {
+    mainForm: [{ type: ViewChild, args: [FormComponent,] }],
+    cssId: [{ type: Input }],
+    noBorder: [{ type: HostBinding, args: ["class.no-border",] }, { type: Input }],
+    icon: [{ type: Input }],
+    editIcon: [{ type: Input }],
+    image: [{ type: Input }],
+    editTitle: [{ type: Input }],
+    editTemplate: [{ type: Input }],
+    extraButtonsTemplate: [{ type: Input }],
+    readonly: [{ type: Input }],
+    showButtons: [{ type: Input }],
+    hideCancel: [{ type: Input }],
+    actionIcon: [{ type: HostBinding, args: ["class.icon-action",] }, { type: Input }],
+    expandable: [{ type: Input }],
+    saveClick: [{ type: Output }],
+    cancelClick: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-activity-summary-block",] }]
+};
+__decorate([
+    InputBoolean()
+], ActivitySummaryBlockComponent.prototype, "noBorder", void 0);
+__decorate([
+    InputBoolean()
+], ActivitySummaryBlockComponent.prototype, "hideCancel", void 0);
+__decorate([
+    InputBoolean()
+], ActivitySummaryBlockComponent.prototype, "actionIcon", void 0);
+__decorate([
+    InputBoolean()
+], ActivitySummaryBlockComponent.prototype, "expandable", void 0);
+
+class ActivitySummaryBlockModule {
+}
+ActivitySummaryBlockModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    FormModule,
+                    ButtonModule,
+                    CommonModule,
+                    LocalizationModule,
+                    TemplateWrapperModule
+                ],
+                declarations: [
+                    ActivitySummaryBlockComponent
+                ],
+                exports: [
+                    ActivitySummaryBlockComponent
+                ]
+            },] }
+];
+
+class StatusSummaryBlockComponent extends BaseActivitySummaryComponent {
+    constructor(dictionaryService, dialogService, iconService) {
+        super(dictionaryService, dialogService);
+        this.dictionaryService = dictionaryService;
+        this.dialogService = dialogService;
+        this.iconService = iconService;
+        this.Icon = Icon;
+    }
+    showClass() {
+        return true;
+    }
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.prepareWorkflow();
+        });
+    }
+}
+StatusSummaryBlockComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-status-summary-block",
+                template: `
+        <co-activity-summary-block
+                [cssId]="'status_summary_block_edit_template'"
+                [readonly]="readonly"
+                [icon]="Icon.IoneWorkflow"
+                [editIcon]="Icon.IoneWorkflow"
+                editTitle="STATUS_AND_WORKFLOW"
+                [editTemplate]="editTemplate" actionIcon expandable noBorder
+                (saveClick)="handleSave($event)" (cancelClick)="handleCancel($event)">
+        </co-activity-summary-block>
+        <ng-template #editTemplate>
+            <div fxLayout="column">
+                <div class="status-summary-date-wrapper">
+                    <co-input-date [model]="editActivity.task.startDateTime"
+                                   [placeholder]="'FIRST_ACTION_DATE' | localize"
+                                   [readonly]="true" ></co-input-date>
+                    <co-input-date [(model)]="editActivity.task.executedOnDateTime"
+                                   [placeholder]="'ACTUAL_EXECUTION_DATE' | localize"
+                                   ></co-input-date>
+                </div>
+            </div>
+            <co-input-text class="single-field"
+                           [placeholder]="'ACTIVITY_STATUS' | localize"
+                           [model]="workFlow?.state"
+                           [leftIconData]="iconService.getIcon(Icon.PinRoundOpen)"
+                           [readonly]="true"
+                            ></co-input-text>
+        </ng-template>
+    `,
+                providers: [{
+                        provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                        useExisting: forwardRef(() => StatusSummaryBlockComponent)
+                    }]
+            },] }
+];
+StatusSummaryBlockComponent.ctorParameters = () => [
+    { type: DictionaryService },
+    { type: CoreDialogService },
+    { type: IconCacheService }
+];
+StatusSummaryBlockComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ["class.co-status-summary-block",] }]
+};
+
+class StatusSummaryBlockModule {
+}
+StatusSummaryBlockModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    ActivitySummaryBlockModule,
+                    InputDateRangePickerModule,
+                    InputDatePickerModule,
+                    LocalizationModule,
+                    InputTextModule
+                ],
+                declarations: [
+                    StatusSummaryBlockComponent
+                ],
+                exports: [
+                    StatusSummaryBlockComponent
+                ]
+            },] }
+];
+
+class CreationSummaryBlockComponent extends BaseActivitySummaryComponent {
+    constructor(dictionaryService, dialogService, sharedService, locale) {
+        super(dictionaryService, dialogService);
+        this.dictionaryService = dictionaryService;
+        this.dialogService = dialogService;
+        this.sharedService = sharedService;
+        this.locale = locale;
+        this.Icon = Icon;
+        this.taskCategories = [];
+        this.priorityDomainColl = [];
+    }
+    showClass() {
+        return true;
+    }
+    ngOnDestroy() {
+        this.editTemplate = undefined;
+    }
+    ngOnInit() {
+        this.sharedService.getTaskCategories().then((result) => {
+            this.taskCategories = result;
+            this.chosenTaskCategory = this.taskCategories.find(t => t.categoryId === this.editActivity.task.categoryId);
+        });
+        this.sharedService.getDomainCollection(this.locale, DomainName.Priority).then((result) => {
+            this.priorityDomainColl = result;
+            if (this.chosenTaskCategory) {
+                this.chosenPriority = this._findDomainValueOfPriorityType(this.editActivity.task.priority);
+            }
+        });
+    }
+    handleTaskCategoryChange(taskCategory) {
+        if (this.taskCategories.length > 0 && taskCategory) {
+            this.editActivity.task.categoryId = this.chosenTaskCategory.categoryId;
+            this.editActivity.task.category = this.chosenTaskCategory.category;
+        }
+    }
+    handlePriorityChange(domainValue) {
+        if (this.priorityDomainColl.length > 0 && domainValue) {
+            this.editActivity.task.priority = PriorityType[domainValue.code];
+        }
+    }
+    _findDomainValueOfPriorityType(priorityType) {
+        if (!this.priorityDomainColl || isNill$1(priorityType)) {
+            return undefined;
+        }
+        return this.priorityDomainColl.find((domainValue) => {
+            return domainValue.codeAsNumber === priorityType;
+        });
+    }
+}
+CreationSummaryBlockComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-creation-summary-block",
+                template: `
+        <co-activity-summary-block
+                [readonly]="readonly"
+                [icon]="Icon.Task" editTitle="TASK_INFORMATION"
+                [editTemplate]="editTemplate"
+                (saveClick)="handleSave($event)"
+                (cancelClick)="handleCancel($event)" expandable noBorder>
+        </co-activity-summary-block>
+
+        <ng-template #editTemplate>
+            <div fxLayout="column">
+                <div class="creation-summary-date-wrapper">
+                    <co-input-date
+                            [placeholder]="'CREATION_DATE' | localize"
+                            [model]="editActivity.task.creationDateTime"
+                            [readonly]="true">
+                    </co-input-date>
+                    <co-input-text
+                            [placeholder]="'TIME' | localize"
+                            [model]="editActivity.task.creationDateTime | date:'HH:mm:ss'"
+                            [readonly]="true">
+                    </co-input-text>
+                </div>
+
+                <co-list-of-values
+                        [readonly]="readonly"
+                        [collection]="priorityDomainColl"
+                        [(model)]="chosenPriority"
+                        (modelChange)="handlePriorityChange($event)"></co-list-of-values>
+
+                 <co-list-of-values
+                         [readonly]="readonly"
+                         [collection]="taskCategories"
+                         [(model)]="chosenTaskCategory"
+                         [displayField]="'category'"
+                         (modelChange)="handleTaskCategoryChange($event)"></co-list-of-values>
+            </div>
+        </ng-template>
+    `,
+                providers: [{
+                        provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                        useExisting: forwardRef(() => CreationSummaryBlockComponent)
+                    }]
+            },] }
+];
+CreationSummaryBlockComponent.ctorParameters = () => [
+    { type: DictionaryService },
+    { type: CoreDialogService },
+    { type: SharedService },
+    { type: LanguageCode, decorators: [{ type: Inject, args: [LOCALE_ID,] }] }
+];
+CreationSummaryBlockComponent.propDecorators = {
+    editTemplate: [{ type: ViewChild, args: ["editTemplate", { static: true },] }],
+    showClass: [{ type: HostBinding, args: ["class.co-creation-summary-block",] }]
+};
+
+class CreationSummaryBlockModule {
+}
+CreationSummaryBlockModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    ActivitySummaryBlockModule,
+                    InputDatePickerModule,
+                    InputTextModule,
+                    LocalizationModule,
+                    CommonModule,
+                    ListOfValuesModule
+                ],
+                declarations: [
+                    CreationSummaryBlockComponent
+                ],
+                exports: [
+                    CreationSummaryBlockComponent
+                ]
+            },] }
+];
+
+var RelationType;
+(function (RelationType) {
+    RelationType["Executive"] = "executive";
+    RelationType["Reporter"] = "reporter";
+    RelationType["Supervisor"] = "supervisor";
+})(RelationType || (RelationType = {}));
+class ExecutiveSummaryBlockComponent extends BaseActivitySummaryComponent {
+    constructor(dictionaryService, dialogService, _sharedService) {
+        super(dictionaryService, dialogService);
+        this.dictionaryService = dictionaryService;
+        this.dialogService = dialogService;
+        this._sharedService = _sharedService;
+        this.RelationType = RelationType;
+        this.Icon = Icon;
+        this._textSearchParams = new RelationRequest();
+        this.personnel = [];
+    }
+    showClass() {
+        return true;
+    }
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this._textSearchParams.relationTypeList = [RelationKind.Personnel];
+            this._sharedService.getRelationListObjects(this._textSearchParams).then((result) => {
+                this.personnel = result;
+            });
+        });
+    }
+}
+ExecutiveSummaryBlockComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-executive-summary-block",
+                template: `
+
+        <co-activity-summary-block [editTemplate]="editTemplate"
+                                [readonly]="readonly"
+                                [icon]="Icon.Employee"
+                                (saveClick)="handleSave($event)"
+                                (cancelClick)="handleCancel($event)"
+                                editTitle="PERSONS" expandable noBorder>
+        </co-activity-summary-block>
+        <ng-template #editTemplate>
+            <div fxLayout="column">
+                <co-list-of-values
+                        [(model)]="editActivity.task.executive"
+                        [collection]="personnel"
+                        [displayField]="'displayName'"
+                        [label]="'EXECUTIVE' | localize">
+                </co-list-of-values>
+                <co-list-of-values
+                        [(model)]="editActivity.task.reporter"
+                        [collection]="personnel"
+                        [displayField]="'displayName'"
+                        [label]="'REPORTER' | localize">
+                </co-list-of-values>
+                <co-list-of-values
+                        [(model)]="editActivity.task.supervisor"
+                        [collection]="personnel"
+                        [displayField]="'displayName'"
+                        [label]="'SUPERVISOR' | localize">
+                </co-list-of-values>
+            </div>
+        </ng-template>
+    `,
+                providers: [{
+                        provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                        useExisting: forwardRef(() => ExecutiveSummaryBlockComponent)
+                    }]
+            },] }
+];
+ExecutiveSummaryBlockComponent.ctorParameters = () => [
+    { type: DictionaryService },
+    { type: CoreDialogService },
+    { type: SharedService }
+];
+ExecutiveSummaryBlockComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ["class.co-executive-summary-block",] }]
+};
+
+class ExecutiveSummaryBlockModule {
+}
+ExecutiveSummaryBlockModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    LocalizationModule,
+                    ListOfValuesModule,
+                    InputDatePickerModule,
+                    ActivitySummaryBlockModule
+                ],
+                declarations: [
+                    ExecutiveSummaryBlockComponent
+                ],
+                exports: [
+                    ExecutiveSummaryBlockComponent
+                ]
+            },] }
+];
+
+class NotificationSummaryBlockComponent extends BaseActivitySummaryComponent {
+    constructor(boFactory, 
+    //public activityService: ActivityService,
+    dictionaryService, dialogService, sharedService) {
+        super(dictionaryService, dialogService);
+        this.boFactory = boFactory;
+        this.dictionaryService = dictionaryService;
+        this.dialogService = dialogService;
+        this.sharedService = sharedService;
+        this.Icon = Icon;
+        this.listItems = [];
+    }
+    showClass() {
+        return true;
+    }
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!isNill(this.editActivity.task.taskId)) {
+                this.listItems = yield this.sharedService.getRoleEmailAddressesByWorkflowCategoryAndKey('TASK', (this.editActivity.task.taskId.toString()));
+            }
+        });
+    }
+    handleSendEmail(event) {
+        this.handleSave(event);
+        //this.activityService.sendTaskNotificationEmail(this.editActivity.task);
+    }
+}
+NotificationSummaryBlockComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-notification-summary-block",
+                template: `
+        <co-activity-summary-block [readonly]="readonly" [icon]="Icon.Notification" editTitle="NOTIFICATIONS"
+                                [editTemplate]="editTemplate"
+                                [extraButtonsTemplate]="extraButtonsTemplate"
+                                [showButtons]="true"
+                                (saveClick)="handleSave($event)" (cancelClick)="handleCancel($event)" expandable noBorder>
+        </co-activity-summary-block>
+        <ng-template #extraButtonsTemplate>
+            <co-button *ngIf="editActivity.task.emailAddresses.length > 0" label="SEND_EMAIL"
+                           (click)="handleSendEmail($event)"></co-button>
+        </ng-template>
+        <ng-template #editTemplate>
+            <div fxLayout="column">
+                <co-list-of-values [readonly]="readonly" [multiselect]="true"
+                                   [collection]="listItems" [displayField]="'role'"
+                                   [(model)]="editActivity.task.emailAddresses">
+                </co-list-of-values>
+            </div>
+        </ng-template>
+    `,
+                providers: [{
+                        provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                        useExisting: forwardRef(() => NotificationSummaryBlockComponent)
+                    }]
+            },] }
+];
+NotificationSummaryBlockComponent.ctorParameters = () => [
+    { type: BusinessObjectFactory },
+    { type: DictionaryService },
+    { type: CoreDialogService },
+    { type: SharedService }
+];
+NotificationSummaryBlockComponent.propDecorators = {
+    summaryBlock: [{ type: ViewChild, args: [ActivitySummaryBlockComponent, { static: true },] }],
+    showClass: [{ type: HostBinding, args: ["class.co-notification-summary-block",] }]
+};
+
+class NotificationSummaryBlockModule {
+}
+NotificationSummaryBlockModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    ActivitySummaryBlockModule,
+                    ListOfValuesModule,
+                    ButtonModule,
+                    CommonModule
+                ],
+                declarations: [
+                    NotificationSummaryBlockComponent
+                ],
+                exports: [
+                    NotificationSummaryBlockComponent
+                ]
+            },] }
+];
+
+class ModifyTaskFormModule {
+}
+ModifyTaskFormModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    LocalizationModule,
+                    TaskDetailsModule,
+                    InputCheckboxModule,
+                    ExecutiveSummaryBlockModule,
+                    StatusSummaryBlockModule,
+                    CreationSummaryBlockModule,
+                    NotificationSummaryBlockModule,
+                    ActivityListModule
+                ],
+                declarations: [
+                    ModifyTaskFormComponent
+                ],
+                exports: [
+                    ModifyTaskFormComponent
+                ]
+            },] }
+];
+
+class TaskModifyerModule {
+}
+TaskModifyerModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    FormModule,
+                    CoDialogModule,
+                    LocalizationModule,
+                    CommonModule,
+                    ButtonModule,
+                    ModifyTaskFormModule
+                ],
+                declarations: [
+                    TaskModifierComponent
+                ],
+                exports: [
+                    TaskModifierComponent
+                ],
+                providers: [
+                    BusinessObjectFactory
+                ]
+            },] }
+];
+
+class ComponentActivityOverviewModule {
+}
+ComponentActivityOverviewModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    ButtonModule,
+                    CommonModule,
+                    LocalizationModule,
+                    IconModule,
+                    TaskModifyerModule
+                ],
+                declarations: [
+                    ComponentActivityOverviewComponent
+                ],
+                exports: [
+                    ComponentActivityOverviewComponent
+                ],
+            },] }
+];
+
+class ActivityListHeaderComponent {
+    constructor(iconService) {
+        this.iconService = iconService;
+        this.icons = Icon;
+        this.activitySortType = ActivitySortType;
+        this.title = 'MY_WORK';
+        this.searchTextChange = new EventEmitter();
+        this.periodFilterClicked = new EventEmitter();
+        this.showUsergroupActivitiesChange = new EventEmitter();
+    }
+    showClass() {
+        return true;
+    }
+    onToggleClicked(toggled) {
+        this.showUsergroupActivitiesChange.emit(toggled);
+    }
+}
+ActivityListHeaderComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-activity-list-header",
+                template: `
+        <div class="header-wrapper">
+            <div class="title">
+                <h2 [textContent]="title | localize"></h2>
+            </div>
+        </div>
+        <div class="sub-header">
+            <div class="second-column">
+                <div class="second-column-right">
+                    <co-input-text class="input-search" [placeholder]="'SEARCH_PLACEHOLDER' | localize"
+                                [(model)]="searchText"
+                                (modelChange)="searchTextChange.emit($event)"></co-input-text>
+                    <co-period-filter class="period-filter" (filterClicked)="periodFilterClicked.emit($event)"></co-period-filter>
+                    <co-button isToggleButton class="transparent-rectangular-action user-button" [(isToggled)]="showUsergroupActivities" (onClick)="showUsergroupActivities = !showUsergroupActivities"
+                                   [iconData]="iconService.getIcon(icons.Employee)" [title]="'SHOW_ACTIVITIES_FOR_GROUP' | localize"
+                                   (isToggledChange)="onToggleClicked($event)"></co-button>
+                    <co-workflow-notification-toggle *ngIf="table && key"
+                          [table]="table"
+                          [key]="key"
+                          [setHasPausedNotificationsForWorkflowProcessOperation]="setHasPausedNotificationsForWorkflowProcessOperation"
+                      ></co-workflow-notification-toggle>
+                </div>
+            </div>
+        </div>
+    `
+            },] }
+];
+ActivityListHeaderComponent.ctorParameters = () => [
+    { type: IconCacheService }
+];
+ActivityListHeaderComponent.propDecorators = {
+    title: [{ type: Input }],
+    searchText: [{ type: Input }],
+    showUsergroupActivities: [{ type: Input }],
+    table: [{ type: Input }],
+    key: [{ type: Input }],
+    setHasPausedNotificationsForWorkflowProcessOperation: [{ type: Input }],
+    searchTextChange: [{ type: Output }],
+    periodFilterClicked: [{ type: Output }],
+    showUsergroupActivitiesChange: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-activity-list-header",] }]
+};
+
+class WorkflowNotificationTogglePopupComponent {
+    constructor(element, iconService) {
+        this.element = element;
+        this.iconService = iconService;
+        this.icons = Icon;
+        this.workflowProcesses = [];
+        this.closePopupClicked = new EventEmitter();
+        this.workflowProcessClicked = new EventEmitter();
+    }
+    ngOnDestroy() {
+        this.element = undefined;
+    }
+}
+WorkflowNotificationTogglePopupComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-workflow-notification-toggle-popup",
+                template: `
+    <div class="workflow-list-wrapper" [overlay]="parentForOverlay"
+         [alignWith]="element"
+         [alignTopOffsetPx]="35"
+         [class.showing]="true"
+         [enableAlign]="true"
+         [clickOutside]="true"
+         (clickOutside)="closePopupClicked.emit()"
+         keepInView noWidthAlign alignRight>
+      <div class="workflow-row" *ngFor="let workflow of workflowProcesses"
+           (click)="workflowProcessClicked.emit(workflow)">
+        <div class="icon-wrapper">
+          <co-icon class="workflow-icon"
+                   [iconData]="iconService.getIcon(workflow.hasPausedNotifications ? icons.BellSlashRegular : icons.BellRegular)"
+                   [class.small-icon]="!workflow.hasPausedNotifications"></co-icon>
+        </div>
+        <div class="workflow-text">
+          <span class="workflow-title" [textContent]="workflow.workflowName"></span>
+        </div>
+      </div>
+    </div>`
+            },] }
+];
+WorkflowNotificationTogglePopupComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: IconCacheService }
+];
+WorkflowNotificationTogglePopupComponent.propDecorators = {
+    workflowProcesses: [{ type: Input }],
+    parentForOverlay: [{ type: Input }],
+    closePopupClicked: [{ type: Output }],
+    workflowProcessClicked: [{ type: Output }]
+};
+
+class WorkflowNotificationToggleComponent {
+    constructor(element, iconService, sharedService, _overlayService) {
+        this.element = element;
+        this.iconService = iconService;
+        this.sharedService = sharedService;
+        this._overlayService = _overlayService;
+        this.icons = Icon;
+        this.workflowProcesses = [];
+        this.showPopup = false;
+    }
+    showClass() {
+        return true;
+    }
+    ngOnInit() {
+        this._loadWorkflowProcesses();
+    }
+    _loadWorkflowProcesses() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.workflowProcesses = yield this.sharedService.getActiveProcessesByTableAndKey(TableName$1[this.table], this.key);
+        });
+    }
+    buttonClicked() {
+        if (!this.showPopup) {
+            this.openPopup();
+        }
+        else {
+            this.closePopup();
+        }
+    }
+    openPopup() {
+        this.showPopup = true;
+        this._workflowPopupRef = this._overlayService.createComponent(WorkflowNotificationTogglePopupComponent, { parentForOverlay: this.element, workflowProcesses: this.workflowProcesses }, {
+            closePopupClicked: () => this.closePopup(),
+            workflowProcessClicked: (WorkflowProcess) => this.handleWorkflowToggle(WorkflowProcess)
+        });
+    }
+    closePopup() {
+        this.showPopup = false;
+        this._overlayService.removeComponent(this._workflowPopupRef);
+    }
+    handleWorkflowToggle(workflow) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const valResult = yield this.setHasPausedNotificationsForWorkflowProcessOperation(workflow.workflowProcessId, !workflow.hasPausedNotifications, null);
+            if (valResult && valResult.success) {
+                workflow.hasPausedNotifications = !workflow.hasPausedNotifications;
+            }
+        });
+    }
+}
+WorkflowNotificationToggleComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-workflow-notification-toggle",
+                template: `
+    <co-button isToggleButton class="transparent-rectangular-action user-button" [isToggled]="showPopup"
+               (click)="buttonClicked()"
+               [iconData]="iconService.getIcon(icons.BellRegular)"
+               [title]="'SHOW_WORKFLOW_NOTIFICATION_SETTINGS' | localize"></co-button>
+  `
+            },] }
+];
+WorkflowNotificationToggleComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: IconCacheService },
+    { type: SharedService },
+    { type: OverlayService }
+];
+WorkflowNotificationToggleComponent.propDecorators = {
+    table: [{ type: Input }],
+    key: [{ type: Input }],
+    setHasPausedNotificationsForWorkflowProcessOperation: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ["class.co-workflow-notification-toggle",] }]
+};
+
+// App-wide service to place and remove template refs into the global absolute overlay outlet component.
+class AppAbsoluteOverlayOutletService {
+    constructor() {
+        this.templateCreateRequest = new Subject();
+        this.templateDestroyRequest = new Subject();
+    }
+    placeTemplateIntoOverlay(template) {
+        this.templateCreateRequest.next(template);
+    }
+    removeTemplateFromOverlay(template) {
+        this.templateDestroyRequest.next(template);
+    }
+}
+AppAbsoluteOverlayOutletService.decorators = [
+    { type: Injectable }
+];
+AppAbsoluteOverlayOutletService.ctorParameters = () => [];
+
+// Directive applicable to <ng-template>'s of components. Places template content in the app's absolute overlay outlet.
+class AbsoluteOverlayTemplateDirective {
+    constructor(_outletService) {
+        this._outletService = _outletService;
+    }
+    // spawn host template in absolute overlay outlet
+    ngOnInit() {
+        this._outletService.placeTemplateIntoOverlay(this.absoluteOverlayTemplate);
+    }
+    // de-spawn host template from absolute overlay outlet
+    ngOnDestroy() {
+        this._outletService.removeTemplateFromOverlay(this.absoluteOverlayTemplate);
+        this.absoluteOverlayTemplate = undefined;
+    }
+}
+AbsoluteOverlayTemplateDirective.decorators = [
+    { type: Directive, args: [{
+                selector: "[absoluteOverlayTemplate]"
+            },] }
+];
+AbsoluteOverlayTemplateDirective.ctorParameters = () => [
+    { type: AppAbsoluteOverlayOutletService }
+];
+AbsoluteOverlayTemplateDirective.propDecorators = {
+    absoluteOverlayTemplate: [{ type: Input }]
+};
+
+// @dynamic
+class EventUtils {
+    static get passiveSupported() {
+        if (isNill(EventUtils._passiveSupported)) {
+            EventUtils._CheckPassiveSupported();
+        }
+        return EventUtils._passiveSupported;
+    }
+    static get passiveBubble() {
+        if (isNill(EventUtils._passiveBubble)) {
+            EventUtils._passiveBubble = EventUtils.passiveSupported ? { passive: true, capture: false } : false;
+        }
+        return EventUtils._passiveBubble;
+    }
+    static get passiveCapture() {
+        if (isNill(EventUtils._passiveCapture)) {
+            EventUtils._passiveCapture = EventUtils.passiveSupported ? { passive: true, capture: true } : true;
+        }
+        return EventUtils._passiveCapture;
+    }
+    static GetMouseEventOrTouch(originalEvent) {
+        return originalEvent instanceof MouseEvent ? originalEvent : originalEvent.touches[0];
+    }
+    static StopEvent(event) {
+        if (!event) {
+            return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+        event.stopImmediatePropagation();
+    }
+    static KillEvent(event) {
+        this.StopEvent(event);
+        if (event) {
+            event.stopPropagation();
+        }
+    }
+    static _CheckPassiveSupported() {
+        let passiveSupported = false;
+        try {
+            const options = Object.defineProperty({}, "passive", {
+                get: function () {
+                    passiveSupported = true;
+                }
+            });
+            window.addEventListener("test", null, options);
+            // Q; what is this? do we have to window.removeEventListener it?
+            // A: no, because it will certainly fail, but before it does it might have set the passiveSupported variable :)
+        }
+        catch (e) {
+        }
+        this._passiveSupported = passiveSupported;
+    }
+}
+EventUtils._passiveSupported = null;
+EventUtils._passiveCapture = null;
+EventUtils._passiveBubble = null;
+
+class BrowserUtils {
+    static ScrollToTop(nativeElement, milliSeconds = 200) {
+        return BrowserUtils._ScrollTo("scrollTop", nativeElement, milliSeconds, 0);
+    }
+    static DownloadFile(encodedUri, fileType) {
+        const link = document.createElement("a");
+        const date = new Date().toDateString();
+        link.href = encodedUri;
+        link.target = "_blank";
+        link.download = "export_" + date + fileType;
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+    }
+    static CopyToClipboard(data) {
+        const textArea = document.createElement("TEXTAREA");
+        const textNode = document.createTextNode(data);
+        textArea.appendChild(textNode);
+        document.body.appendChild(textArea); // Required for FF
+        textArea.select();
+        document.execCommand("copy");
+        document.body.removeChild(textArea);
+    }
+    static TabFocusNextElement() {
+        const nextTabStop = BrowserUtils._FindNextTabStop(document.activeElement);
+        if (nextTabStop) {
+            nextTabStop.focus();
+        }
+    }
+    static AreDimensionsInView(dimensions, view) {
+        const vp = BrowserUtils.GetDimensions(view);
+        return dimensions.top >= vp.top && dimensions.left >= vp.left && dimensions.bottom <= vp.bottom && dimensions.right <= vp.right;
+    }
+    static HorizontalFitInView(dimensions, view) {
+        const vp = BrowserUtils.GetDimensions(view);
+        return dimensions.left >= vp.left && dimensions.right <= vp.right;
+    }
+    static VerticalFitInView(dimensions, view) {
+        const vp = BrowserUtils.GetDimensions(view);
+        return dimensions.top >= vp.top && dimensions.bottom <= vp.bottom;
+    }
+    static GetViewport() {
+        let viewPortWidth;
+        let viewPortHeight;
+        // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
+        if (typeof window.innerWidth !== "undefined") {
+            viewPortWidth = window.innerWidth;
+            viewPortHeight = window.innerHeight;
+        }
+        else if (typeof document.documentElement !== "undefined" &&
+            typeof document.documentElement.clientWidth !== "undefined" &&
+            document.documentElement.clientWidth !== 0) {
+            viewPortWidth = document.documentElement.clientWidth;
+            viewPortHeight = document.documentElement.clientHeight;
+        }
+        else {
+            viewPortWidth = document.getElementsByTagName("body")[0].clientWidth;
+            viewPortHeight = document.getElementsByTagName("body")[0].clientHeight;
+        }
+        return { left: 0, top: 0, right: viewPortWidth, bottom: viewPortHeight };
+    }
+    static GetDimensions(view) {
+        if (!view) {
+            return this.GetViewport();
+        }
+        else {
+            const elem = view instanceof HTMLElement ? view : view.nativeElement;
+            const cr = elem.getBoundingClientRect();
+            return { left: cr.left, top: cr.top, right: cr.right, bottom: cr.bottom };
+        }
+    }
+    // Recursive.
+    static _ScrollTo(elementScrollProp, element, milliSeconds, toScrollEnd) {
+        if (!element || milliSeconds <= 0) {
+            return;
+        }
+        const difference = toScrollEnd - element[elementScrollProp];
+        const scrollPerTick = difference / milliSeconds * 10;
+        setTimeout(() => {
+            element[elementScrollProp] = element[elementScrollProp] + scrollPerTick;
+            if (element[elementScrollProp] === toScrollEnd) {
+                return;
+            }
+            BrowserUtils._ScrollTo(elementScrollProp, element, milliSeconds - 10, toScrollEnd);
+        }, 10);
+    }
+    static _FindNextTabStop(element) {
+        const tabStopElements = document.querySelectorAll("a[href], area[href], input:not(.hidden):not(.disabled):not(.readonly):not(.read-only), select:not(.hidden):not(.disabled):not(.readonly):not(.read-only), textarea:not(.hidden):not(.disabled):not(.readonly):not(.read-only), button:not(.hidden):not(.disabled):not(.readonly):not(.read-only), iframe, object, embed, *[tabindex]:not(.hidden):not(.disabled):not(.readonly):not(.read-only), *[contenteditable]:not(.hidden):not(.disabled):not(.readonly):not(.read-only)");
+        const actualStopEls = [];
+        for (let i = 0, len = tabStopElements.length; i < len; i++) {
+            const tabEl = tabStopElements[i];
+            if (tabEl.tabIndex >= 0) {
+                actualStopEls.push(tabEl);
+            }
+        }
+        const elIdx = actualStopEls.indexOf(element);
+        return actualStopEls[elIdx + 1] || undefined;
+    }
+}
+
+class AlignWithDirective {
+    constructor(_ngZone, _elementRef) {
+        this._ngZone = _ngZone;
+        this._elementRef = _elementRef;
+        this.keepInView = true;
+        this.keepInViewHorizontal = true;
+        this.keepInViewVertical = true;
+        this.ajustableHeight = false;
+        this.alignTopOffsetPx = 0;
+        this.alignLeftOffsetPx = 0;
+        this.fixed = "fixed";
+        this.scroll = () => {
+            this._alignWithZone();
+        };
+        this.resize = () => {
+            this._alignWithZone();
+        };
+        this.handleKeyUp = () => {
+            this._alignWithZone();
+        };
+    }
+    // a native OR custom element
+    set alignWith(alignWith) {
+        if (alignWith) {
+            // enables simple #templateVars passing to [alignWith] for native elements like <div>; Angular passes these as HTMLElement's
+            if (alignWith instanceof HTMLElement) {
+                this._hostNativeEl = alignWith;
+            }
+            else {
+                this._hostNativeEl = alignWith.nativeElement;
+            }
+        }
+    }
+    get _shouldDoAlign() {
+        return this._hostNativeEl && this.enableAlign;
+    }
+    ngAfterViewInit() {
+        this.align();
+        // align again after hosts 'animation finished'
+        setTimeout(() => {
+            this.align();
+        }, 200);
+    }
+    ngOnChanges() {
+        this.align();
+    }
+    ngAfterContentChecked() {
+        this.align();
+    }
+    ngOnDestroy() {
+        window.removeEventListener("scroll", this.scroll, EventUtils.passiveCapture);
+        window.removeEventListener("resize", this.resize, EventUtils.passiveCapture);
+        window.removeEventListener("keyup", this.handleKeyUp, EventUtils.passiveCapture);
+        this._elementRef = undefined;
+        this._hostNativeEl = undefined;
+        this.viewElement = undefined;
+    }
+    ngOnInit() {
+        this._ngZone.runOutsideAngular(() => {
+            window.addEventListener("scroll", this.scroll, EventUtils.passiveCapture);
+            window.addEventListener("resize", this.resize, EventUtils.passiveCapture);
+            window.addEventListener("keyup", this.handleKeyUp, EventUtils.passiveCapture);
+        });
+    }
+    _getDimensions() {
+        return {
+            top: this.top,
+            right: this.left + this._elementRef.nativeElement.clientWidth,
+            bottom: this.top + this._elementRef.nativeElement.clientHeight,
+            left: this.left
+        };
+    }
+    align() {
+        if (this._shouldDoAlign) {
+            const rect = this._hostNativeEl.getBoundingClientRect();
+            this.left = Math.max(0, rect.left + this.alignLeftOffsetPx);
+            this.top = rect.top + this.alignTopOffsetPx;
+            if (this.alignRight) {
+                this.left = rect.right - this._elementRef.nativeElement.clientWidth;
+            }
+            if (!this.noWidthAlign) {
+                this.width = rect.width;
+            }
+            let dimensions = this._getDimensions();
+            if (this.keepInView && !BrowserUtils.AreDimensionsInView(dimensions, this.viewElement)) {
+                const viewElemDimensions = BrowserUtils.GetDimensions(this.viewElement);
+                if (!BrowserUtils.HorizontalFitInView(dimensions, this.viewElement) && this.keepInViewHorizontal) {
+                    this.left = Math.max(0, viewElemDimensions.right - this._elementRef.nativeElement.clientWidth);
+                    dimensions = this._getDimensions();
+                }
+                if (!BrowserUtils.VerticalFitInView(dimensions, this.viewElement) && this.keepInViewVertical) {
+                    // Prevent this from going negative (which can happen with tall popups on small screens) and starting offscreen.
+                    this.top = Math.max(0, rect.top - this._elementRef.nativeElement.clientHeight);
+                    dimensions = this._getDimensions();
+                }
+                // Prevent running off the _bottom_ of the screen
+                const overrun = dimensions.bottom - window.innerHeight;
+                if (overrun > 0) {
+                    this.top = Math.max(0, this.top - overrun);
+                    dimensions = this._getDimensions();
+                }
+                if (this.ajustableHeight) {
+                    if (dimensions.bottom >= viewElemDimensions.bottom) {
+                        this.height = viewElemDimensions.bottom - this.top;
+                    }
+                    else {
+                        this.height = undefined;
+                    }
+                }
+            }
+        }
+    }
+    _alignWithZone() {
+        if (this._shouldDoAlign) {
+            this._ngZone.run(() => {
+                this.align();
+            });
+        }
+    }
+}
+AlignWithDirective.decorators = [
+    { type: Directive, args: [{
+                selector: "[alignWith]"
+            },] }
+];
+AlignWithDirective.ctorParameters = () => [
+    { type: NgZone },
+    { type: ElementRef }
+];
+AlignWithDirective.propDecorators = {
+    alignWith: [{ type: Input }],
+    enableAlign: [{ type: Input }],
+    keepInView: [{ type: Input }],
+    keepInViewHorizontal: [{ type: Input }],
+    keepInViewVertical: [{ type: Input }],
+    alignRight: [{ type: Input }],
+    noWidthAlign: [{ type: Input }],
+    ajustableHeight: [{ type: Input }],
+    alignTopOffsetPx: [{ type: Input }],
+    alignLeftOffsetPx: [{ type: Input }],
+    viewElement: [{ type: Input }],
+    fixed: [{ type: HostBinding, args: ["style.position",] }],
+    left: [{ type: HostBinding, args: ["style.left.px",] }],
+    top: [{ type: HostBinding, args: ["style.top.px",] }],
+    height: [{ type: HostBinding, args: ["style.max-height.px",] }],
+    width: [{ type: HostBinding, args: ["style.width.px",] }]
+};
+__decorate([
+    InputBoolean()
+], AlignWithDirective.prototype, "enableAlign", void 0);
+__decorate([
+    InputBoolean()
+], AlignWithDirective.prototype, "keepInView", void 0);
+__decorate([
+    InputBoolean()
+], AlignWithDirective.prototype, "keepInViewHorizontal", void 0);
+__decorate([
+    InputBoolean()
+], AlignWithDirective.prototype, "keepInViewVertical", void 0);
+__decorate([
+    InputBoolean()
+], AlignWithDirective.prototype, "alignRight", void 0);
+__decorate([
+    InputBoolean()
+], AlignWithDirective.prototype, "noWidthAlign", void 0);
+__decorate([
+    InputBoolean()
+], AlignWithDirective.prototype, "ajustableHeight", void 0);
+
+class ClickOutsideDirective {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.outsideClick = new EventEmitter();
+    }
+    onClick(event) {
+        if (!this.elementRef.nativeElement.contains(event.target)) {
+            this.outsideClick.emit(event);
+        }
+    }
+}
+ClickOutsideDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[outsideClick]',
+            },] }
+];
+ClickOutsideDirective.ctorParameters = () => [
+    { type: ElementRef }
+];
+ClickOutsideDirective.propDecorators = {
+    outsideClick: [{ type: Output }],
+    onClick: [{ type: HostListener, args: ['document:mousedown', ['$event'],] }]
+};
+
+class DirectivesModule {
+}
+DirectivesModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [],
+                declarations: [
+                    AbsoluteOverlayTemplateDirective,
+                    AlignWithDirective,
+                    ClickOutsideDirective
+                ],
+                exports: [
+                    AbsoluteOverlayTemplateDirective,
+                    AlignWithDirective,
+                    ClickOutsideDirective
+                ]
+            },] }
+];
+
+class WorkflowNotificationToggleModule {
+}
+WorkflowNotificationToggleModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    ButtonModule,
+                    ClickoutsideModule,
+                    LocalizationModule,
+                    IconModule,
+                    DirectivesModule,
+                    CommonModule,
+                    OverlayModule
+                ],
+                declarations: [
+                    WorkflowNotificationToggleComponent,
+                    WorkflowNotificationTogglePopupComponent
+                ],
+                exports: [
+                    WorkflowNotificationToggleComponent,
+                    WorkflowNotificationTogglePopupComponent
+                ],
+                providers: [
+                    OverlayService
+                ]
+            },] }
+];
+
+class PeriodFilterPopupComponent {
+    constructor(element) {
+        this.element = element;
+        this.possibleFilters = [];
+        this.closePopup = new EventEmitter();
+        this.filterClicked = new EventEmitter();
+    }
+    showClass() {
+        return true;
+    }
+    ngOnDestroy() {
+        this.element = undefined;
+    }
+}
+PeriodFilterPopupComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-period-filter-popup",
+                template: `
+    <div class="dropdown" id="period_filter_dropdown_template" [overlay]="parentForOverlay"
+         @showFilterItems
+         [alignWith]="element"
+         [alignTopOffsetPx]="40"
+         [class.showing]="true"
+         [enableAlign]="true"
+         [clickOutside]="true"
+         (clickOutside)="closePopup.emit()"
+         keepInView noWidthAlign alignRight>
+      <div class="label" [textContent]="'PERIOD_SELECTION' | localize"></div>
+      <div class="filter-item" *ngFor="let filter of possibleFilters" (click)="filterClicked.emit(filter)">
+        <span class="item" [textContent]="filter | localize"></span>
+      </div>
+    </div>`,
+                encapsulation: ViewEncapsulation.None,
+                animations: [
+                    trigger("showFilterItems", [
+                        state("void", style({ "height": "0" })),
+                        state("*", style({ "height": "*" })),
+                        transition("void <=> *", animate(200)) //NOSONAR
+                    ])
+                ]
+            },] }
+];
+PeriodFilterPopupComponent.ctorParameters = () => [
+    { type: ElementRef }
+];
+PeriodFilterPopupComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ["class.co-period-filter-popup",] }],
+    possibleFilters: [{ type: Input }],
+    parentForOverlay: [{ type: Input }],
+    closePopup: [{ type: Output }],
+    filterClicked: [{ type: Output }]
+};
+
+class PeriodFilterComponent {
+    constructor(element, iconService, _overlayService) {
+        this.element = element;
+        this.iconService = iconService;
+        this._overlayService = _overlayService;
+        this.icon = Icon;
+        this.possibleFilters = [
+            Period.All,
+            Period.Today,
+            Period.ThisWeek,
+            Period.ThisMonth,
+            Period.NextThreeMonths
+        ];
+        this.showPopup = false;
+        this.filterClicked = new EventEmitter();
+        this.currentFilter = this.possibleFilters[0];
+    }
+    showClass() {
+        return true;
+    }
+    handleClick() {
+        this.showFilterItems();
+    }
+    ngOnDestroy() {
+        this.element = undefined;
+    }
+    showFilterItems() {
+        this.showPopup = true;
+        this._periodPopupRef = this._overlayService.createComponent(PeriodFilterPopupComponent, { parentForOverlay: this.element, possibleFilters: this.possibleFilters }, {
+            closePopup: () => this.closePopup(),
+            filterClicked: (string) => this.onFilterClick(string),
+        });
+    }
+    closePopup() {
+        this.showPopup = false;
+        this._overlayService.removeComponent(this._periodPopupRef);
+    }
+    onFilterClick(filter) {
+        this.currentFilter = filter;
+        this._emitFilterClicked();
+        this.closePopup();
+    }
+    _emitFilterClicked() {
+        let from, to;
+        switch (this.currentFilter) {
+            case Period.Today:
+                from = new Date();
+                to = new Date();
+                break;
+            case Period.ThisWeek:
+                from = DateUtils.GetFirstDayOfWeek(new Date());
+                to = DateUtils.GetLastDayOfWeek(new Date());
+                break;
+            case Period.ThisMonth:
+                from = DateUtils.GetFirstDayOfMonth(new Date());
+                to = DateUtils.GetLastDayOfMonth(new Date());
+                break;
+            case Period.NextThreeMonths:
+                from = DateUtils.GetFirstDayOfMonth(new Date());
+                to = DateUtils.GetLastDayOfMonth(new Date());
+                to.setMonth(to.getMonth() + 3); //NOSONAR
+                break;
+        }
+        this.filterClicked.next({ from, to });
+    }
+}
+PeriodFilterComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-period-filter",
+                template: `
+        <div class="current-filter" [textContent]="currentFilter | localize"></div>
+        <co-icon [iconData]="iconService.getIcon(showPopup ? icon.ArrowPointUp : icon.ArrowPointDown)"></co-icon>
+    `,
+                animations: [
+                    trigger("showFilterItems", [
+                        state("void", style({ "height": "0" })),
+                        state("*", style({ "height": "*" })),
+                        transition("void <=> *", animate(200)) //NOSONAR
+                    ])
+                ],
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+PeriodFilterComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: IconCacheService },
+    { type: OverlayService }
+];
+PeriodFilterComponent.propDecorators = {
+    showPopup: [{ type: HostBinding, args: ["class.expanded",] }],
+    showClass: [{ type: HostBinding, args: ["class.co-period-filter",] }],
+    handleClick: [{ type: HostListener, args: ["click",] }],
+    filterClicked: [{ type: Output }]
+};
+
+class PeriodFilterModule {
+}
+PeriodFilterModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    LocalizationModule,
+                    IconModule,
+                    CommonModule,
+                    LocalizationModule,
+                    ClickoutsideModule,
+                    DirectivesModule,
+                    OverlayModule
+                ],
+                declarations: [
+                    PeriodFilterComponent,
+                    PeriodFilterPopupComponent
+                ],
+                exports: [
+                    PeriodFilterComponent,
+                    PeriodFilterPopupComponent
+                ],
+                providers: [
+                    OverlayService
+                ]
+            },] }
+];
+
+class ActivityListHeaderModule {
+}
+ActivityListHeaderModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    LocalizationModule,
+                    InputTextModule,
+                    ButtonModule,
+                    WorkflowNotificationToggleModule,
+                    PeriodFilterModule,
+                    CommonModule
+                ],
+                declarations: [
+                    ActivityListHeaderComponent
+                ],
+                exports: [
+                    ActivityListHeaderComponent
+                ],
+            },] }
+];
+
+class ComponentActivityListModule {
+}
+ComponentActivityListModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    LocalizationModule,
+                    CommonModule,
+                    ButtonModule,
+                    CollapsibleModule,
+                    PersonalActivityOverviewModule,
+                    ComponentActivityOverviewModule,
+                    ActivityListHeaderModule
+                ],
+                declarations: [
+                    ComponentActivityListComponent
+                ],
+                exports: [
+                    ComponentActivityListComponent
+                ]
+            },] }
+];
+
 /*
  * Public API Surface of sharedcomponents
  */
@@ -10873,5 +14346,5 @@ ActivityListModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { ActivityListComponent, ActivityListModule, AgendaEvent, AgendaEventPerDay, CalendarView, CoLinearGaugeComponent, CoLinearGaugeModule, DatePlanningComponent, DatePlanningModule, DocsignComponent, DocsignModule, FilesUploadComponent, FilesUploadModule, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, SendMethodDialogComponent, SendMethodDialogModule, SharedService, SimpleTagsComponent, SimpleTagsModule, StatusbarComponent, StatusbarModule, StockComponent, StockModule, Translation, sendMethodsWithIcon, SignatureComponent as ɵa, SignaturesComponent as ɵb, LocalizationModule as ɵba, LocalizePipe as ɵbb, StockInformationComponent as ɵbc, StockInformationGridComponent as ɵbd, StockTransferComponent as ɵbe, StockChangeAmountComponent as ɵbf, StockTabComponent as ɵbg, OrderTabComponent as ɵbh, StockTabsComponent as ɵbi, StockHistoryTabsComponent as ɵbj, OrderStockTabComponent as ɵbk, StockLocationComponent as ɵbl, StockHistoryComponent as ɵbm, OrderSupplyStockHistoryComponent as ɵbn, OrderCommissionStockHistoryComponent as ɵbo, OrderStockHistoryComponent as ɵbp, AllocationStockHistoryComponent as ɵbq, StockPrognoseComponent as ɵbr, StockLocationPopupComponent as ɵbs, SendMethod as ɵbt, Icon as ɵbu, CalendarAllYearsComponent as ɵbv, CalendarAllMonthsComponent as ɵbw, CalendarHeaderComponent as ɵbx, CalendarComponent as ɵby, CalendarViewComponent as ɵbz, StockService as ɵc, LanguageCode as ɵca, AgendaHeaderComponent as ɵcb, AgendaViewComponent as ɵcc, AgendaMonthViewComponent as ɵcd, AgendaBaseViewComponent as ɵce, AgendaDayViewComponent as ɵcf, AgendaWeekViewComponent as ɵcg, AgendaWeekSelectViewComponent as ɵch, AgendaHourViewComponent as ɵci, AgendaHourCellComponent as ɵcj, AgendaHourViewLabelsComponent as ɵck, AgendaHalfHourCellComponent as ɵcl, AgendaEventsComponent as ɵcm, AgendaEventComponent as ɵcn, ViewSelectComponent as ɵco, AgendaSelectEventComponent as ɵcp, MASTER_PIPES as ɵcq, ArrayNumberPipe as ɵcr, UCfirstPipe as ɵcs, FileTypeImagePipe as ɵct, BaseFileUploadComponent as ɵcu, InputBoolean as ɵcv, ImageDisplayModule as ɵcw, ImageDisplayComponent as ɵcx, FileUploadModule as ɵcy, TileRenderModule as ɵcz, SharedConnectorService as ɵd, TileRenderComponent as ɵda, FileUploadComponent as ɵdb, FileUploadPopupModule as ɵdc, MultiplePropertyTogglerModule as ɵdd, MultiplePropertyTogglerComponent as ɵde, FileUploadPopupComponent as ɵdf, AppFileDropzoneModule as ɵdg, AppFileDropzoneComponent as ɵdh, DragDropContainerComponent as ɵdi, DragDropService as ɵdj, OptionsService as ɵe, DictionaryService as ɵf, LocalizeService as ɵg, IconCacheService as ɵh, SendMethodService as ɵi, SendMethodEmailModule as ɵj, LayoutSelectionModule as ɵk, LayoutSelectionComponent as ɵl, SignatureButtonModule as ɵm, SignatureButtonComponent as ɵn, SendMethodEmailComponent as ɵo, SendMethodPrinterModule as ɵp, PrinterSelectionModule as ɵq, PrinterSelectionComponent as ɵr, SendMethodPrinterComponent as ɵs, SendMethodPdfModule as ɵt, SendMethodPdfComponent as ɵu, TabBarModule as ɵv, TabBarComponent as ɵw, StatusbarPopupComponent as ɵx, StockStatusbarModule as ɵy, StockStatusbarComponent as ɵz };
+export { ActivityListComponent, ActivityListModule, AgendaEvent, AgendaEventPerDay, CalendarView, CoLinearGaugeComponent, CoLinearGaugeModule, ComponentActivityListComponent, ComponentActivityListModule, DatePlanningComponent, DatePlanningModule, DocsignComponent, DocsignModule, FilesUploadComponent, FilesUploadModule, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, SendMethodDialogComponent, SendMethodDialogModule, SharedService, SimpleTagsComponent, SimpleTagsModule, StatusbarComponent, StatusbarModule, StockComponent, StockModule, Translation, sendMethodsWithIcon, SignatureComponent as ɵa, SignaturesComponent as ɵb, LocalizationModule as ɵba, LocalizePipe as ɵbb, StockInformationComponent as ɵbc, StockInformationGridComponent as ɵbd, StockTransferComponent as ɵbe, StockChangeAmountComponent as ɵbf, StockTabComponent as ɵbg, OrderTabComponent as ɵbh, StockTabsComponent as ɵbi, StockHistoryTabsComponent as ɵbj, OrderStockTabComponent as ɵbk, StockLocationComponent as ɵbl, StockHistoryComponent as ɵbm, OrderSupplyStockHistoryComponent as ɵbn, OrderCommissionStockHistoryComponent as ɵbo, OrderStockHistoryComponent as ɵbp, AllocationStockHistoryComponent as ɵbq, StockPrognoseComponent as ɵbr, StockLocationPopupComponent as ɵbs, SendMethod as ɵbt, Icon as ɵbu, CalendarAllYearsComponent as ɵbv, CalendarAllMonthsComponent as ɵbw, CalendarHeaderComponent as ɵbx, CalendarComponent as ɵby, CalendarViewComponent as ɵbz, StockService as ɵc, LanguageCode as ɵca, AgendaHeaderComponent as ɵcb, AgendaViewComponent as ɵcc, AgendaMonthViewComponent as ɵcd, AgendaBaseViewComponent as ɵce, AgendaDayViewComponent as ɵcf, AgendaWeekViewComponent as ɵcg, AgendaWeekSelectViewComponent as ɵch, AgendaHourViewComponent as ɵci, AgendaHourCellComponent as ɵcj, AgendaHourViewLabelsComponent as ɵck, AgendaHalfHourCellComponent as ɵcl, AgendaEventsComponent as ɵcm, AgendaEventComponent as ɵcn, ViewSelectComponent as ɵco, AgendaSelectEventComponent as ɵcp, MASTER_PIPES as ɵcq, ArrayNumberPipe as ɵcr, UCfirstPipe as ɵcs, FileTypeImagePipe as ɵct, BaseFileUploadComponent as ɵcu, InputBoolean as ɵcv, ImageDisplayModule as ɵcw, ImageDisplayComponent as ɵcx, FileUploadModule as ɵcy, TileRenderModule as ɵcz, SharedConnectorService as ɵd, TileRenderComponent as ɵda, FileUploadComponent as ɵdb, FileUploadPopupModule as ɵdc, MultiplePropertyTogglerModule as ɵdd, MultiplePropertyTogglerComponent as ɵde, FileUploadPopupComponent as ɵdf, AppFileDropzoneModule as ɵdg, AppFileDropzoneComponent as ɵdh, DragDropContainerComponent as ɵdi, DragDropService as ɵdj, BaseActivityListComponent as ɵdk, PersonalActivityOverviewComponent as ɵdl, BaseActivityOverviewComponent as ɵdm, TaskModifierComponent as ɵdn, ModifyTaskFormComponent as ɵdo, PersonalActivityOverviewModule as ɵdp, ComponentActivityOverviewModule as ɵdq, TaskModifyerModule as ɵdr, ModifyTaskFormModule as ɵds, TaskDetailsModule as ɵdt, TaskDetailsComponent as ɵdu, BaseActivitySummaryComponent as ɵdv, ExecutiveSummaryBlockModule as ɵdw, ActivitySummaryBlockModule as ɵdx, ActivitySummaryBlockComponent as ɵdy, ExecutiveSummaryBlockComponent as ɵdz, OptionsService as ɵe, StatusSummaryBlockModule as ɵea, StatusSummaryBlockComponent as ɵeb, CreationSummaryBlockModule as ɵec, CreationSummaryBlockComponent as ɵed, NotificationSummaryBlockModule as ɵee, NotificationSummaryBlockComponent as ɵef, ComponentActivityOverviewComponent as ɵeg, ActivityListHeaderModule as ɵeh, WorkflowNotificationToggleModule as ɵei, DirectivesModule as ɵej, AbsoluteOverlayTemplateDirective as ɵek, AppAbsoluteOverlayOutletService as ɵel, AlignWithDirective as ɵem, ClickOutsideDirective as ɵen, WorkflowNotificationToggleComponent as ɵeo, WorkflowNotificationTogglePopupComponent as ɵep, PeriodFilterModule as ɵeq, PeriodFilterComponent as ɵer, PeriodFilterPopupComponent as ɵes, ActivityListHeaderComponent as ɵet, DictionaryService as ɵf, LocalizeService as ɵg, IconCacheService as ɵh, SendMethodService as ɵi, SendMethodEmailModule as ɵj, LayoutSelectionModule as ɵk, LayoutSelectionComponent as ɵl, SignatureButtonModule as ɵm, SignatureButtonComponent as ɵn, SendMethodEmailComponent as ɵo, SendMethodPrinterModule as ɵp, PrinterSelectionModule as ɵq, PrinterSelectionComponent as ɵr, SendMethodPrinterComponent as ɵs, SendMethodPdfModule as ɵt, SendMethodPdfComponent as ɵu, TabBarModule as ɵv, TabBarComponent as ɵw, StatusbarPopupComponent as ɵx, StockStatusbarModule as ɵy, StockStatusbarComponent as ɵz };
 //# sourceMappingURL=colijnit-sharedcomponents.js.map