npm - @colijnit/sharedcomponents - Versions diffs - 1.0.69 → 253.1.1 - Mend

@colijnit/sharedcomponents 1.0.69 → 253.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (205) hide show

package/bundles/colijnit-sharedcomponents.umd.js CHANGED Viewed

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('pdf-lib'), require('pdfjs-dist/legacy/build/pdf'), require('pdfjs-dist/build/pdf.worker.entry'), require('@angular/common'), require('signature_pad'), require('@colijnit/articleapi/build/articles'), require('@colijnit/sharedapi/build/sharedapi'), require('@colijnit/articleapi/build/model/article-stock.bo'), require('@colijnit/articleapi/build/model/stock-history.bo'), require('@colijnit/articleapi/build/model/article-details.bo'), require('@colijnit/articleapi/build/model/stock-status.bo'), require('@colijnit/articleapi/build/model/stock-management-warehouses.bo'), require('@colijnit/articleapi/build/model/stock-location.bo'), require('@colijnit/articleapi/build/model/article-transaction.bo'), require('rxjs'), require('@colijnit/ioneconnector/build/model/options'), require('@colijnit/mainapi'), require('@colijnit/mainapi/build/model/printer.bo'), require('@colijnit/mainapi/build/model/send-method.bo'), require('@colijnit/ioneconnector/build/service/business-object-factory'), require('@colijnit/mainapi/build/model/tag-tree-item.bo'), require('@colijnit/ioneconnector/build/model/object-configuration'), require('@colijnit/sharedapi/build/model/print-stock-stickers'), require('@colijnit/articleapi/build/model/article-extended.bo'), require('@colijnit/articleapi/build/model/article-stock'), require('@colijnit/articleapi/build/model/article-extended-request'), require('@angular/platform-browser'), require('@colijnit/corecomponents_v12'), require('@colijnit/articleapi/build/model/article-stock-management'), require('@colijnit/articleapi/build/model/article-transaction'), require('@colijnit/sharedapi/build/model/print-price-stickers.bo'), require('@colijnit/mainapi/build/model/reporting-document-email-sign-doc-base-request'), require('@colijnit/mainapi/build/model/reporting-document-pdf-base-request'), require('@colijnit/mainapi/build/model/reporting-document-print-sign-doc-base-request'), require('@colijnit/mainapi/build/enum/send-method-type.enum'), require('@colijnit/articleapi/build/model/get-stock-history-request'), require('chart.js'), require('moment'), require('@colijnit/sharedapi/build/enum/refcode/file-type-internal.enum'), require('@angular/cdk/drag-drop'), require('@colijnit/mainapi/build/enum/file-type.enum'), require('@colijnit/sharedapi/build/enum/object-right-type.enum'), require('@colijnit/mainapi/build/utils/file-utils'), require('@colijnit/mainapi/build/model/co-document'), require('@colijnit/mainapi/build/enum/co-document-type.enum'), require('@colijnit/articleapi/build/enum/refcode/document-publication.enum'), require('@colijnit/mainapi/build/model/co-document-right'), require('@colijnit/sharedapi/build/utils/array-utils'), require('@angular/cdk/overlay'), require('@colijnit/mainapi/build/model/co-domain-value.bo'), require('@colijnit/articleapi/build/enum/relation-kind.enum'), require('@colijnit/mainapi/build/enum/activity-type'), require('@colijnit/mainapi/build/utils/time-utils')) :
-  typeof define === 'function' && define.amd ? define('@colijnit/sharedcomponents', ['exports', '@angular/core', '@angular/animations', 'pdf-lib', 'pdfjs-dist/legacy/build/pdf', 'pdfjs-dist/build/pdf.worker.entry', '@angular/common', 'signature_pad', '@colijnit/articleapi/build/articles', '@colijnit/sharedapi/build/sharedapi', '@colijnit/articleapi/build/model/article-stock.bo', '@colijnit/articleapi/build/model/stock-history.bo', '@colijnit/articleapi/build/model/article-details.bo', '@colijnit/articleapi/build/model/stock-status.bo', '@colijnit/articleapi/build/model/stock-management-warehouses.bo', '@colijnit/articleapi/build/model/stock-location.bo', '@colijnit/articleapi/build/model/article-transaction.bo', 'rxjs', '@colijnit/ioneconnector/build/model/options', '@colijnit/mainapi', '@colijnit/mainapi/build/model/printer.bo', '@colijnit/mainapi/build/model/send-method.bo', '@colijnit/ioneconnector/build/service/business-object-factory', '@colijnit/mainapi/build/model/tag-tree-item.bo', '@colijnit/ioneconnector/build/model/object-configuration', '@colijnit/sharedapi/build/model/print-stock-stickers', '@colijnit/articleapi/build/model/article-extended.bo', '@colijnit/articleapi/build/model/article-stock', '@colijnit/articleapi/build/model/article-extended-request', '@angular/platform-browser', '@colijnit/corecomponents_v12', '@colijnit/articleapi/build/model/article-stock-management', '@colijnit/articleapi/build/model/article-transaction', '@colijnit/sharedapi/build/model/print-price-stickers.bo', '@colijnit/mainapi/build/model/reporting-document-email-sign-doc-base-request', '@colijnit/mainapi/build/model/reporting-document-pdf-base-request', '@colijnit/mainapi/build/model/reporting-document-print-sign-doc-base-request', '@colijnit/mainapi/build/enum/send-method-type.enum', '@colijnit/articleapi/build/model/get-stock-history-request', 'chart.js', 'moment', '@colijnit/sharedapi/build/enum/refcode/file-type-internal.enum', '@angular/cdk/drag-drop', '@colijnit/mainapi/build/enum/file-type.enum', '@colijnit/sharedapi/build/enum/object-right-type.enum', '@colijnit/mainapi/build/utils/file-utils', '@colijnit/mainapi/build/model/co-document', '@colijnit/mainapi/build/enum/co-document-type.enum', '@colijnit/articleapi/build/enum/refcode/document-publication.enum', '@colijnit/mainapi/build/model/co-document-right', '@colijnit/sharedapi/build/utils/array-utils', '@angular/cdk/overlay', '@colijnit/mainapi/build/model/co-domain-value.bo', '@colijnit/articleapi/build/enum/relation-kind.enum', '@colijnit/mainapi/build/enum/activity-type', '@colijnit/mainapi/build/utils/time-utils'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.sharedcomponents = {}), global.ng.core, global.ng.animations, global.pdfLib, global.PDFJS, global.pdfjsWorker, global.ng.common, global.SignaturePad, global.articles, global.sharedapi, global.articleStock_bo, global.stockHistory_bo, global.articleDetails_bo, global.stockStatus_bo, global.stockManagementWarehouses_bo, global.stockLocation_bo, global.articleTransaction_bo, global.rxjs, global.options, global.mainapi, global.printer_bo, global.sendMethod_bo, global.businessObjectFactory, global.tagTreeItem_bo, global.objectConfiguration, global.printStockStickers, global.articleExtended_bo, global.articleStock, global.articleExtendedRequest, global.ng.platformBrowser, global.corecomponents_v12, global.articleStockManagement, global.articleTransaction, global.printPriceStickers_bo, global.reportingDocumentEmailSignDocBaseRequest, global.reportingDocumentPdfBaseRequest, global.reportingDocumentPrintSignDocBaseRequest, global.sendMethodType_enum, global.getStockHistoryRequest, global.chart_js, global.moment, global.fileTypeInternal_enum, global.ng.cdk.dragDrop, global.fileType_enum, global.objectRightType_enum, global.fileUtils, global.coDocument, global.coDocumentType_enum, global.documentPublication_enum, global.coDocumentRight, global.arrayUtils, global.ng.cdk.overlay, global.coDomainValue_bo, global.relationKind_enum, global.activityType, global.timeUtils));
-})(this, (function (exports, i0, animations, pdfLib, PDFJS, pdfjsWorker, common, SignaturePad, articles, sharedapi, articleStock_bo, stockHistory_bo, articleDetails_bo, stockStatus_bo, stockManagementWarehouses_bo, stockLocation_bo, articleTransaction_bo, rxjs, options, mainapi, printer_bo, sendMethod_bo, businessObjectFactory, tagTreeItem_bo, objectConfiguration, printStockStickers, articleExtended_bo, articleStock, articleExtendedRequest, i1, corecomponents_v12, articleStockManagement, articleTransaction, printPriceStickers_bo, reportingDocumentEmailSignDocBaseRequest, reportingDocumentPdfBaseRequest, reportingDocumentPrintSignDocBaseRequest, sendMethodType_enum, getStockHistoryRequest, chart_js, moment, fileTypeInternal_enum, dragDrop, fileType_enum, objectRightType_enum, fileUtils, coDocument, coDocumentType_enum, documentPublication_enum, coDocumentRight, arrayUtils, overlay, coDomainValue_bo, relationKind_enum, activityType, timeUtils) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('pdf-lib'), require('pdfjs-dist/legacy/build/pdf'), require('pdfjs-dist/build/pdf.worker.entry'), require('@angular/common'), require('signature_pad'), require('@colijnit/articleapi/build/articles'), require('@colijnit/sharedapi/build/sharedapi'), require('@colijnit/articleapi/build/model/article-stock.bo'), require('@colijnit/articleapi/build/model/stock-history.bo'), require('@colijnit/articleapi/build/model/article-details.bo'), require('@colijnit/articleapi/build/model/stock-status.bo'), require('@colijnit/articleapi/build/model/stock-management-warehouses.bo'), require('@colijnit/articleapi/build/model/stock-location.bo'), require('@colijnit/articleapi/build/model/article-transaction.bo'), require('rxjs'), require('@colijnit/ioneconnector/build/model/options'), require('@colijnit/mainapi'), require('@colijnit/mainapi/build/model/printer.bo'), require('@colijnit/mainapi/build/model/send-method.bo'), require('@colijnit/ioneconnector/build/service/business-object-factory'), require('@colijnit/mainapi/build/model/tag-tree-item.bo'), require('@colijnit/ioneconnector/build/model/object-configuration'), require('@colijnit/relationapi'), require('@colijnit/relationapi/build/model/relation-list-object.bo'), require('@colijnit/mainapi/build/model/task-category.bo'), require('@colijnit/mainapi/build/model/workflow-process'), require('@colijnit/mainapi/build/model/co-domain-value.bo'), require('@colijnit/mainapi/build/model/role-email-address'), require('@colijnit/mainapi/build/model/activity.bo'), require('@colijnit/mainapi/build/model/workflow-process-info-per-status'), require('@colijnit/sharedapi/build/model/print-stock-stickers'), require('@colijnit/articleapi/build/model/article-extended.bo'), require('@colijnit/articleapi/build/model/article-stock'), require('@colijnit/articleapi/build/model/article-extended-request'), require('@angular/platform-browser'), require('@colijnit/articleapi/build/model/article-stock-management'), require('@colijnit/corecomponents_v12'), require('@colijnit/articleapi/build/model/article-transaction'), require('@colijnit/sharedapi/build/model/print-price-stickers.bo'), require('@colijnit/mainapi/build/model/reporting-document-email-sign-doc-base-request'), require('@colijnit/mainapi/build/model/reporting-document-pdf-base-request'), require('@colijnit/mainapi/build/model/reporting-document-print-sign-doc-base-request'), require('@colijnit/mainapi/build/enum/send-method-type.enum'), require('@colijnit/articleapi/build/model/get-stock-history-request'), require('chart.js'), require('moment'), require('@colijnit/sharedapi/build/enum/refcode/file-type-internal.enum'), require('@angular/cdk/drag-drop'), require('@colijnit/mainapi/build/enum/file-type.enum'), require('@colijnit/sharedapi/build/enum/object-right-type.enum'), require('@colijnit/mainapi/build/utils/file-utils'), require('@colijnit/mainapi/build/model/co-document'), require('@colijnit/mainapi/build/enum/co-document-type.enum'), require('@colijnit/articleapi/build/enum/refcode/document-publication.enum'), require('@colijnit/mainapi/build/model/co-document-right'), require('@colijnit/sharedapi/build/utils/array-utils'), require('@angular/cdk/overlay'), require('@colijnit/articleapi/build/enum/relation-kind.enum'), require('@colijnit/mainapi/build/enum/activity-type'), require('@colijnit/mainapi/build/utils/time-utils'), require('@colijnit/ioneconnector/build/utils/function/is-nill.function'), require('@colijnit/mainapi/build/model/activity-list-view-model'), require('@colijnit/mainapi/build/model/activity-view-model'), require('@colijnit/mainapi/build/enum/personal-activity-tab.enum'), require('@colijnit/mainapi/build/enum/activity-sort-type.enum'), require('@colijnit/mainapi/build/model/task.bo'), require('@colijnit/mainapi/build/enum/table-name.enum'), require('@colijnit/mainapi/build/enum/tab-category.enum'), require('@colijnit/ioneconnector/build/model/validation-result'), require('@colijnit/mainapi/build/enum/domain-name.enum'), require('@colijnit/mainapi/build/enum/priority-type.enum'), require('@colijnit/relationapi/build/model/relation-request'), require('@colijnit/mainapi/build/enum/period.enum')) :
+  typeof define === 'function' && define.amd ? define('@colijnit/sharedcomponents', ['exports', '@angular/core', '@angular/animations', 'pdf-lib', 'pdfjs-dist/legacy/build/pdf', 'pdfjs-dist/build/pdf.worker.entry', '@angular/common', 'signature_pad', '@colijnit/articleapi/build/articles', '@colijnit/sharedapi/build/sharedapi', '@colijnit/articleapi/build/model/article-stock.bo', '@colijnit/articleapi/build/model/stock-history.bo', '@colijnit/articleapi/build/model/article-details.bo', '@colijnit/articleapi/build/model/stock-status.bo', '@colijnit/articleapi/build/model/stock-management-warehouses.bo', '@colijnit/articleapi/build/model/stock-location.bo', '@colijnit/articleapi/build/model/article-transaction.bo', 'rxjs', '@colijnit/ioneconnector/build/model/options', '@colijnit/mainapi', '@colijnit/mainapi/build/model/printer.bo', '@colijnit/mainapi/build/model/send-method.bo', '@colijnit/ioneconnector/build/service/business-object-factory', '@colijnit/mainapi/build/model/tag-tree-item.bo', '@colijnit/ioneconnector/build/model/object-configuration', '@colijnit/relationapi', '@colijnit/relationapi/build/model/relation-list-object.bo', '@colijnit/mainapi/build/model/task-category.bo', '@colijnit/mainapi/build/model/workflow-process', '@colijnit/mainapi/build/model/co-domain-value.bo', '@colijnit/mainapi/build/model/role-email-address', '@colijnit/mainapi/build/model/activity.bo', '@colijnit/mainapi/build/model/workflow-process-info-per-status', '@colijnit/sharedapi/build/model/print-stock-stickers', '@colijnit/articleapi/build/model/article-extended.bo', '@colijnit/articleapi/build/model/article-stock', '@colijnit/articleapi/build/model/article-extended-request', '@angular/platform-browser', '@colijnit/articleapi/build/model/article-stock-management', '@colijnit/corecomponents_v12', '@colijnit/articleapi/build/model/article-transaction', '@colijnit/sharedapi/build/model/print-price-stickers.bo', '@colijnit/mainapi/build/model/reporting-document-email-sign-doc-base-request', '@colijnit/mainapi/build/model/reporting-document-pdf-base-request', '@colijnit/mainapi/build/model/reporting-document-print-sign-doc-base-request', '@colijnit/mainapi/build/enum/send-method-type.enum', '@colijnit/articleapi/build/model/get-stock-history-request', 'chart.js', 'moment', '@colijnit/sharedapi/build/enum/refcode/file-type-internal.enum', '@angular/cdk/drag-drop', '@colijnit/mainapi/build/enum/file-type.enum', '@colijnit/sharedapi/build/enum/object-right-type.enum', '@colijnit/mainapi/build/utils/file-utils', '@colijnit/mainapi/build/model/co-document', '@colijnit/mainapi/build/enum/co-document-type.enum', '@colijnit/articleapi/build/enum/refcode/document-publication.enum', '@colijnit/mainapi/build/model/co-document-right', '@colijnit/sharedapi/build/utils/array-utils', '@angular/cdk/overlay', '@colijnit/articleapi/build/enum/relation-kind.enum', '@colijnit/mainapi/build/enum/activity-type', '@colijnit/mainapi/build/utils/time-utils', '@colijnit/ioneconnector/build/utils/function/is-nill.function', '@colijnit/mainapi/build/model/activity-list-view-model', '@colijnit/mainapi/build/model/activity-view-model', '@colijnit/mainapi/build/enum/personal-activity-tab.enum', '@colijnit/mainapi/build/enum/activity-sort-type.enum', '@colijnit/mainapi/build/model/task.bo', '@colijnit/mainapi/build/enum/table-name.enum', '@colijnit/mainapi/build/enum/tab-category.enum', '@colijnit/ioneconnector/build/model/validation-result', '@colijnit/mainapi/build/enum/domain-name.enum', '@colijnit/mainapi/build/enum/priority-type.enum', '@colijnit/relationapi/build/model/relation-request', '@colijnit/mainapi/build/enum/period.enum'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.sharedcomponents = {}), global.ng.core, global.ng.animations, global.pdfLib, global.PDFJS, global.pdfjsWorker, global.ng.common, global.SignaturePad, global.articles, global.sharedapi, global.articleStock_bo, global.stockHistory_bo, global.articleDetails_bo, global.stockStatus_bo, global.stockManagementWarehouses_bo, global.stockLocation_bo, global.articleTransaction_bo, global.rxjs, global.options, global.mainapi, global.printer_bo, global.sendMethod_bo, global.businessObjectFactory, global.tagTreeItem_bo, global.objectConfiguration, global.relationapi, global.relationListObject_bo, global.taskCategory_bo, global.workflowProcess, global.coDomainValue_bo, global.roleEmailAddress, global.activity_bo, global.workflowProcessInfoPerStatus, global.printStockStickers, global.articleExtended_bo, global.articleStock, global.articleExtendedRequest, global.ng.platformBrowser, global.articleStockManagement, global.corecomponents_v12, global.articleTransaction, global.printPriceStickers_bo, global.reportingDocumentEmailSignDocBaseRequest, global.reportingDocumentPdfBaseRequest, global.reportingDocumentPrintSignDocBaseRequest, global.sendMethodType_enum, global.getStockHistoryRequest, global.chart_js, global.moment, global.fileTypeInternal_enum, global.ng.cdk.dragDrop, global.fileType_enum, global.objectRightType_enum, global.fileUtils, global.coDocument, global.coDocumentType_enum, global.documentPublication_enum, global.coDocumentRight, global.arrayUtils, global.ng.cdk.overlay, global.relationKind_enum, global.activityType, global.timeUtils, global.isNill_function, global.activityListViewModel, global.activityViewModel, global.personalActivityTab_enum, global.activitySortType_enum, global.task_bo, global.tableName_enum, global.tabCategory_enum, global.validationResult, global.domainName_enum, global.priorityType_enum, global.relationRequest, global.period_enum));
+})(this, (function (exports, i0, animations, pdfLib, PDFJS, pdfjsWorker, common, SignaturePad, articles, sharedapi, articleStock_bo, stockHistory_bo, articleDetails_bo, stockStatus_bo, stockManagementWarehouses_bo, stockLocation_bo, articleTransaction_bo, rxjs, options, mainapi, printer_bo, sendMethod_bo, businessObjectFactory, tagTreeItem_bo, objectConfiguration, relationapi, relationListObject_bo, taskCategory_bo, workflowProcess, coDomainValue_bo, roleEmailAddress, activity_bo, workflowProcessInfoPerStatus, printStockStickers, articleExtended_bo, articleStock, articleExtendedRequest, i1, articleStockManagement, corecomponents_v12, articleTransaction, printPriceStickers_bo, reportingDocumentEmailSignDocBaseRequest, reportingDocumentPdfBaseRequest, reportingDocumentPrintSignDocBaseRequest, sendMethodType_enum, getStockHistoryRequest, chart_js, moment, fileTypeInternal_enum, dragDrop, fileType_enum, objectRightType_enum, fileUtils, coDocument, coDocumentType_enum, documentPublication_enum, coDocumentRight, arrayUtils, overlay, relationKind_enum, activityType, timeUtils, isNill_function, activityListViewModel, activityViewModel, personalActivityTab_enum, activitySortType_enum, task_bo, tableName_enum, tabCategory_enum, validationResult, domainName_enum, priorityType_enum, relationRequest, period_enum) { 'use strict';
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -337,9 +337,13 @@
       if (!Symbol.asyncIterator)
           throw new TypeError("Symbol.asyncIterator is not defined.");
       var g = generator.apply(thisArg, _arguments || []), i, q = [];
-      return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-      function verb(n) { if (g[n])
-          i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+      return i = {}, verb("next"), verb("throw"), verb("return", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;
+      function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }
+      function verb(n, f) { if (g[n]) {
+          i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); };
+          if (f)
+              i[n] = f(i[n]);
+      } }
       function resume(n, v) { try {
           step(g[n](v));
       }
@@ -419,7 +423,7 @@
       if (value !== null && value !== void 0) {
           if (typeof value !== "object" && typeof value !== "function")
               throw new TypeError("Object expected.");
-          var dispose;
+          var dispose, inner;
           if (async) {
               if (!Symbol.asyncDispose)
                   throw new TypeError("Symbol.asyncDispose is not defined.");
@@ -429,9 +433,18 @@
               if (!Symbol.dispose)
                   throw new TypeError("Symbol.dispose is not defined.");
               dispose = value[Symbol.dispose];
+              if (async)
+                  inner = dispose;
           }
           if (typeof dispose !== "function")
               throw new TypeError("Object not disposable.");
+          if (inner)
+              dispose = function () { try {
+                  inner.call(this);
+              }
+              catch (e) {
+                  return Promise.reject(e);
+              } };
           env.stack.push({ value: value, dispose: dispose, async: async });
       }
       else if (async) {
@@ -990,6 +1003,10 @@
       StringUtils._escapeRegExp = function (str) {
           return str; // .replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^$\|]/g, "\\$&");
       };
+      StringUtils.IsValidEmail = function (str) {
+          var 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);
+      };
       return StringUtils;
   }());
@@ -1175,6 +1192,7 @@
                           _a.sent();
                           this.articleConnector = new articles.Articles(this._optionsService.options);
                           this.mainConnector = new mainapi.MainApi(this._optionsService.options);
+                          this.relationConnector = new relationapi.RelationApi(this._optionsService.options);
                           return [2 /*return*/];
                   }
               });
@@ -1291,6 +1309,117 @@
               });
           });
       };
+      SharedConnectorService.prototype.getComponentActivitiesWithoutRelationFiltering = function (table, key) {
+          return __awaiter(this, void 0, void 0, function () {
+              var _this = this;
+              return __generator(this, function (_a) {
+                  return [2 /*return*/, new Promise(function (resolve, reject) {
+                          return _this.mainConnector.getComponentActivitiesWithoutRelationFiltering(table, key).then(function (result) {
+                              if (result && result.validationResult && result.validationResult.success) {
+                                  resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(activity_bo.Activity, result.resultObject));
+                              }
+                              else {
+                                  reject(result.validationMessagesAsString);
+                              }
+                          });
+                      })];
+              });
+          });
+      };
+      SharedConnectorService.prototype.updateActivity = function (activity) {
+          return __awaiter(this, void 0, void 0, function () {
+              var _this = this;
+              return __generator(this, function (_a) {
+                  return [2 /*return*/, new Promise(function (resolve, reject) {
+                          return _this.mainConnector.updateActivity(activity).then(function (result) { return __awaiter(_this, void 0, void 0, function () {
+                              return __generator(this, function (_a) {
+                                  resolve(result.validationResult);
+                                  return [2 /*return*/];
+                              });
+                          }); });
+                      })];
+              });
+          });
+      };
+      SharedConnectorService.prototype.deleteActivity = function (activity) {
+          return __awaiter(this, void 0, void 0, function () {
+              var _this = this;
+              return __generator(this, function (_a) {
+                  return [2 /*return*/, new Promise(function (resolve, reject) {
+                          return _this.mainConnector.deleteActivity(activity).then(function (result) { return __awaiter(_this, void 0, void 0, function () {
+                              return __generator(this, function (_a) {
+                                  resolve(result.validationResult);
+                                  return [2 /*return*/];
+                              });
+                          }); });
+                      })];
+              });
+          });
+      };
+      SharedConnectorService.prototype.lockTask = function (id) {
+          return __awaiter(this, void 0, void 0, function () {
+              var _this = this;
+              return __generator(this, function (_a) {
+                  return [2 /*return*/, new Promise(function (resolve, reject) {
+                          return _this.mainConnector.lockTask(id).then(function (result) { return __awaiter(_this, void 0, void 0, function () {
+                              return __generator(this, function (_a) {
+                                  resolve(result.validationResult);
+                                  return [2 /*return*/];
+                              });
+                          }); });
+                      })];
+              });
+          });
+      };
+      SharedConnectorService.prototype.fireTrigger = function (workFlowProcessId, sequence, triggerId) {
+          return __awaiter(this, void 0, void 0, function () {
+              var _this = this;
+              return __generator(this, function (_a) {
+                  return [2 /*return*/, new Promise(function (resolve, reject) {
+                          return _this.mainConnector.fireTrigger(workFlowProcessId, sequence, triggerId).then(function (result) { return __awaiter(_this, void 0, void 0, function () {
+                              return __generator(this, function (_a) {
+                                  resolve(result.validationResult);
+                                  return [2 /*return*/];
+                              });
+                          }); });
+                      })];
+              });
+          });
+      };
+      SharedConnectorService.prototype.fireGenericTrigger = function (workFlowProcessId, genericTransitionId, relationId) {
+          return __awaiter(this, void 0, void 0, function () {
+              var _this = this;
+              return __generator(this, function (_a) {
+                  return [2 /*return*/, new Promise(function (resolve, reject) {
+                          return _this.mainConnector.fireGenericTrigger(workFlowProcessId, genericTransitionId, relationId).then(function (result) { return __awaiter(_this, void 0, void 0, function () {
+                              return __generator(this, function (_a) {
+                                  resolve(result.validationResult);
+                                  return [2 /*return*/];
+                              });
+                          }); });
+                      })];
+              });
+          });
+      };
+      SharedConnectorService.prototype.getJoinedTags = function (table, key) {
+          return __awaiter(this, void 0, void 0, function () {
+              var _this = this;
+              return __generator(this, function (_a) {
+                  return [2 /*return*/, new Promise(function (resolve, reject) {
+                          return _this.mainConnector.getJoinedTags(table, key).then(function (result) {
+                              if (result.validationResult && result.validationResult.success) {
+                                  if (result.resultObjects) {
+                                      resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(tagTreeItem_bo.TagTreeItem, result.resultObjects));
+                                  }
+                              }
+                              else {
+                                  reject(result.validationMessagesAsString);
+                              }
+                          });
+                      })];
+              });
+          });
+      };
       SharedConnectorService.prototype.getDocumentContent = function (id, thumbnail) {
           if (thumbnail === void 0) { thumbnail = true; }
           return __awaiter(this, void 0, void 0, function () {
@@ -1648,6 +1777,158 @@
               });
           });
       };
+      SharedConnectorService.prototype.getRelationListObjects = function (request) {
+          return __awaiter(this, void 0, void 0, function () {
+              var _this = this;
+              return __generator(this, function (_a) {
+                  return [2 /*return*/, new Promise(function (resolve, reject) {
+                          return _this.relationConnector.getRelationListObjects(request, false).then(function (result) {
+                              if (result.validationResult && result.validationResult.success) {
+                                  if (result.resultObjects) {
+                                      resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(relationListObject_bo.RelationListObject, result.resultObjects));
+                                  }
+                              }
+                              else {
+                                  reject(result.validationMessagesAsString);
+                              }
+                          });
+                      })];
+              });
+          });
+      };
+      SharedConnectorService.prototype.getTaskCategories = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var _this = this;
+              return __generator(this, function (_a) {
+                  return [2 /*return*/, new Promise(function (resolve, reject) {
+                          return _this.mainConnector.getTaskCategories().then(function (result) {
+                              if (result.validationResult && result.validationResult.success) {
+                                  if (result.resultObjects) {
+                                      resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(taskCategory_bo.TaskCategory, result.resultObjects));
+                                  }
+                              }
+                              else {
+                                  reject(result.validationMessagesAsString);
+                              }
+                          });
+                      })];
+              });
+          });
+      };
+      SharedConnectorService.prototype.getActiveProcessesByTableAndKey = function (table, key) {
+          return __awaiter(this, void 0, void 0, function () {
+              var _this = this;
+              return __generator(this, function (_a) {
+                  return [2 /*return*/, new Promise(function (resolve, reject) {
+                          return _this.mainConnector.getActiveProcessesByTableAndKey(table, key).then(function (result) {
+                              if (result.validationResult && result.validationResult.success) {
+                                  if (result.resultObjects) {
+                                      resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(workflowProcess.WorkflowProcess, result.resultObjects));
+                                  }
+                              }
+                              else {
+                                  reject(result.validationMessagesAsString);
+                              }
+                          });
+                      })];
+              });
+          });
+      };
+      SharedConnectorService.prototype.getDomainCollection = function (languageCode, domain) {
+          return __awaiter(this, void 0, void 0, function () {
+              var _this = this;
+              return __generator(this, function (_a) {
+                  return [2 /*return*/, new Promise(function (resolve, reject) {
+                          return _this.mainConnector.getDomainCollection(languageCode, domain).then(function (result) {
+                              if (result.validationResult && result.validationResult.success) {
+                                  if (result.resultObjects) {
+                                      resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(coDomainValue_bo.CoDomainValue, result.resultObjects));
+                                  }
+                              }
+                              else {
+                                  reject(result.validationMessagesAsString);
+                              }
+                          });
+                      })];
+              });
+          });
+      };
+      SharedConnectorService.prototype.getRoleEmailAddressesByWorkflowCategoryAndKey = function (worlflowCategory, key) {
+          return __awaiter(this, void 0, void 0, function () {
+              var _this = this;
+              return __generator(this, function (_a) {
+                  return [2 /*return*/, new Promise(function (resolve, reject) {
+                          return _this.mainConnector.getRoleEmailAddressesByWorkflowCategoryAndKey(worlflowCategory, key).then(function (result) {
+                              if (result.validationResult && result.validationResult.success) {
+                                  if (result.resultObject) {
+                                      resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(roleEmailAddress.RoleEmailaddress, result.resultObject));
+                                  }
+                              }
+                              else {
+                                  reject(result.validationMessagesAsString);
+                              }
+                          });
+                      })];
+              });
+          });
+      };
+      SharedConnectorService.prototype.getWorkflowProcessInfoPerStatus = function (worlflowCategory) {
+          return __awaiter(this, void 0, void 0, function () {
+              var _this = this;
+              return __generator(this, function (_a) {
+                  return [2 /*return*/, new Promise(function (resolve, reject) {
+                          return _this.mainConnector.getWorkflowProcessInfoPerStatus(worlflowCategory).then(function (result) {
+                              if (result.validationResult && result.validationResult.success) {
+                                  if (result.resultObject) {
+                                      resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(workflowProcessInfoPerStatus.WorkflowProcessInfoPerStatus, result.resultObject));
+                                  }
+                              }
+                              else {
+                                  reject(result.validationMessagesAsString);
+                              }
+                          });
+                      })];
+              });
+          });
+      };
+      SharedConnectorService.prototype.getHistoricActivities = function (table, key) {
+          return __awaiter(this, void 0, void 0, function () {
+              var _this = this;
+              return __generator(this, function (_a) {
+                  return [2 /*return*/, new Promise(function (resolve, reject) {
+                          return _this.mainConnector.getHistoricActivities(table, key).then(function (result) {
+                              if (result.validationResult && result.validationResult.success) {
+                                  if (result.resultObject) {
+                                      resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(activity_bo.Activity, result.resultObject));
+                                  }
+                              }
+                              else {
+                                  reject(result.validationMessagesAsString);
+                              }
+                          });
+                      })];
+              });
+          });
+      };
+      SharedConnectorService.prototype.getComponentActivities = function (table, key) {
+          return __awaiter(this, void 0, void 0, function () {
+              var _this = this;
+              return __generator(this, function (_a) {
+                  return [2 /*return*/, new Promise(function (resolve, reject) {
+                          return _this.mainConnector.getComponentActivities(table, key).then(function (result) {
+                              if (result.validationResult && result.validationResult.success) {
+                                  if (result.resultObject) {
+                                      resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(activity_bo.Activity, result.resultObject));
+                                  }
+                              }
+                              else {
+                                  reject(result.validationMessagesAsString);
+                              }
+                          });
+                      })];
+              });
+          });
+      };
       SharedConnectorService.prototype.commit = function () {
           return this.articleConnector.commit();
       };
@@ -1887,22 +2168,30 @@
       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";
@@ -1911,17 +2200,21 @@
       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";
@@ -1935,22 +2228,30 @@
       "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_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>",
@@ -1959,17 +2260,21 @@
       "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>"
@@ -2043,10 +2348,12 @@
           this.okButtonClicked = new i0.EventEmitter();
           this.cancelButtonClicked = new i0.EventEmitter();
           this.handleClick = new i0.EventEmitter();
+          this.updateGridData = new i0.EventEmitter();
           this.loaded = false;
           this.showStockInformationGrid = true;
           this.showStockTransfer = false;
           this.stockInformation = [];
+          this.articleDetailsInformation = new articleStockManagement.ArticleStockManagement();
           this.stockHistory = [];
           this.allAvailableStock = 0;
           this.allTechnicalStock = 0;
@@ -2103,7 +2410,12 @@
           data.entryDate = new Date;
           this._stockService.updateArticleDetails(data).then(function (result) {
               _this.handleClick.emit();
+              _this._stockService.getArticleDetails(_this.articleDetailsInformation).then(function (details) {
+                  _this.updateGridData.emit(details);
+              });
           });
+          this.loaded = true;
+          this.loadData();
       };
       StockComponent.prototype.backToStock = function (goodId) {
           this.loadData();
@@ -2200,7 +2512,7 @@
   StockComponent.decorators = [
       { type: i0.Component, args: [{
                   selector: "co-stock",
-                  template: "\n      <div class=\"stock-info-container\" *ngIf=\"loaded && articleExtended\">\n        <co-stock-information [article]=\"articleExtended\"\n                              [articleStockState]=\"articleStockState\"\n                              [allAvailableStockInformation]=\"allAvailableStock\"\n                              [allTechnicalStockInformation]=\"allTechnicalStock\"\n                              [economicalStock]=\"economicalStock\"\n        >\n        </co-stock-information>\n        <co-stock-tabs [stockInformation]=\"stockInformation\"\n                       [article]=\"articleExtended\"\n                       [articleFlat]=\"articleFlat\"\n                       (transferIconClicked)=\"handleStockTransferClick($event)\"\n                       (sendMethodDialogClicked)=\"handleSendMethodClick($event)\"\n                       [warehouses]=\"warehouses\"\n        ></co-stock-tabs>\n        <div class=\"stock-transfer-wrapper\">\n          <co-dialog *ngIf=\"showStockTransfer\"\n                     (closeClick)=\"showStockTransfer = false\"\n                     [showCloseIcon]=\"true\"\n                     [modal]=\"true\"\n                     [headerTemplate]=\"headerTemplate\"\n                     [footerTemplate]=\"footerTemplate\">\n            <ng-template #headerTemplate>\n              <div class=\"co-dialog-header-title-wrapper\">\n                <co-icon [iconData]=\"iconCacheService.getIcon(icons.Cubes)\"></co-icon>\n                <div class=\"co-dialog-header-title\" [textContent]=\"'TRANSFER_STOCK' | localize\"></div>\n              </div>\n            </ng-template>\n            <div class=\"dialog-wrapper\">\n              <co-stock-transfer (handleClick)=\"backToStock($event)\"\n                                 class=\"stock-transfer-dialog\"\n                                 [article]=\"stockTransferArticle\"\n                                 [articleToTransfer]=\"stockTransferArticleDetails\"\n                                 (handleStickerClicked)=\"handleStickerClicked.emit($event)\"\n                                 [articleWarehouse]=\"articleWarehouse\"\n                                 [allWarehouses]=\"allWarehouses\">\n              </co-stock-transfer>\n            </div>\n            <ng-template #footerTemplate>\n              <div class=\"button-wrapper ok-cancel-buttons\">\n                <co-button class=\"save-button\"\n                           (click)=\"handleOkClick(stockTransferArticleDetails)\"\n                           [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\">\n                </co-button>\n                <co-button class=\"cancel-button\"\n                           (click)=\"showStockTransfer = false\"\n                           [iconData]=\"iconCacheService.getIcon(icons.CrossSkinny)\">\n                </co-button>\n              </div>\n            </ng-template>\n          </co-dialog>\n        </div>\n\n        <co-send-method-dialog *ngIf=\"showSendMethodDialog\">\n\n        </co-send-method-dialog>\n      </div>\n  ",
+                  template: "\n      <div class=\"stock-info-container\" *ngIf=\"loaded && articleExtended\">\n        <co-stock-information [article]=\"articleExtended\"\n                              [articleStockState]=\"articleStockState\"\n                              [allAvailableStockInformation]=\"allAvailableStock\"\n                              [allTechnicalStockInformation]=\"allTechnicalStock\"\n                              [economicalStock]=\"economicalStock\"\n        >\n        </co-stock-information>\n        <co-stock-tabs [stockInformation]=\"stockInformation\"\n                       [article]=\"articleExtended\"\n                       [articleFlat]=\"articleFlat\"\n                       (transferIconClicked)=\"handleStockTransferClick($event)\"\n                       (sendMethodDialogClicked)=\"handleSendMethodClick($event)\"\n                       [warehouses]=\"warehouses\"\n                       [showStockTransfer]=\"showStockTransfer\"\n\n        ></co-stock-tabs>\n      </div>\n  ",
                   encapsulation: i0.ViewEncapsulation.None
               },] }
   ];
@@ -2482,15 +2794,24 @@
   };
   var StockTransferComponent = /** @class */ (function () {
-      function StockTransferComponent(_stockService, iconCacheService) {
+      function StockTransferComponent(_stockService, iconCacheService, _changeDetector) {
           this._stockService = _stockService;
           this.iconCacheService = iconCacheService;
+          this._changeDetector = _changeDetector;
+          this.selectedArticleDetailsData = new articleDetails_bo.ArticleDetailsBo();
+          this.articleDetailsInformation = new articleStockManagement.ArticleStockManagement();
+          this.articleStockInfo = [];
+          this.stockLocations = [];
           this.handleClick = new i0.EventEmitter();
           this.handleStickerClicked = new i0.EventEmitter();
+          this.updateGridData = new i0.EventEmitter();
+          this.showStockTransferChange = new i0.EventEmitter();
           this.showSendMethodDialog = false;
+          this.transferFull = false;
           this.warehouses = [];
           this.stockState = [];
           this.locations = [];
+          this.stockStatus = [];
           this.icons = exports["ɵbu"];
       }
       StockTransferComponent.prototype.ngAfterViewInit = function () {
@@ -2499,21 +2820,31 @@
       };
       StockTransferComponent.prototype.handleOkClick = function (data) {
           var _this = this;
-          data.selected = true;
-          data.entryDate = new Date;
-          this._stockService.updateArticleDetails(data).then(function (result) {
-              if (result) {
-                  _this.handleClick.emit(data.goodId);
-              }
-          });
+          if (this.articleToTransfer.amountTransfer > this.articleToTransfer.amountInStockFree) {
+              this.transferFull = true;
+          }
+          else {
+              data.selected = true;
+              data.entryDate = new Date;
+              this._stockService.updateArticleDetails(data).then(function (result) {
+                  _this.handleClick.emit();
+                  _this.showStockTransferChange.emit(false);
+                  _this._stockService.getArticleDetails(_this.articleDetailsInformation).then(function (details) {
+                      _this.articleStockInfo = details;
+                      _this.updateGridData.emit(details);
+                  });
+              }).catch(function (result) {
+                  // Log failure message
+              });
+          }
       };
-      StockTransferComponent.prototype.handleCancelClick = function () {
-          this.handleClick.emit();
+      StockTransferComponent.prototype.onCloseClick = function () {
+          this.showStockTransferChange.emit(false);
       };
       StockTransferComponent.prototype.handleSelectedWarehouse = function (event) {
           this.articleToTransfer.targetWarehouse = event.warehouseNo;
           this.selectedWarehouse = event;
-          this.getStockManagementLocations(this.selectedWarehouse.warehouseNo);
+          this.getStockManagementLocations();
       };
       StockTransferComponent.prototype.handleSelectedLocation = function (event) {
           this.articleToTransfer.targetLocation = event.locationNo;
@@ -2531,10 +2862,10 @@
               _this.warehouses = warehouses;
           });
       };
-      StockTransferComponent.prototype.getStockManagementLocations = function (data) {
+      StockTransferComponent.prototype.getStockManagementLocations = function () {
           var _this = this;
-          this._stockService.getStockManagementLocations(data).then(function (locations) {
-              _this.locations = locations;
+          this._stockService.getStockManagementLocations(this.selectedWarehouse.warehouseNo).then(function (locations) {
+              _this.stockLocations = locations;
           });
       };
       StockTransferComponent.prototype.getStockState = function () {
@@ -2548,22 +2879,32 @@
   StockTransferComponent.decorators = [
       { type: i0.Component, args: [{
                   selector: "co-stock-transfer",
-                  template: "\n      <div class=\"stock-transfer\">\n        <div class=\"stock-transfer-columns\">\n          <div *ngIf=\"articleToTransfer\" class=\"stock-transfer-top-column\">\n            <div class=\"transfer-items\">\n              <div class=\"transfer-item\">\n                <label class=\"item-label\" [textContent]=\"'WAREHOUSE' | localize\"></label>\n                <span class=\"item-value\" [textContent]=\"articleToTransfer.warehouseDescription\"></span>\n              </div>\n              <div class=\"transfer-item\">\n                <label class=\"item-label\" [textContent]=\"'LOCATION' | localize\"></label>\n                <span class=\"item-value\" [textContent]=\"articleToTransfer.locationNo\"></span>\n              </div>\n              <div class=\"transfer-item\" *ngIf=\"articleToTransfer?.batchNo\">\n                <label class=\"item-label\" [textContent]=\"'BATCH_NO' | localize\"></label>\n                <span class=\"item-value\" [textContent]=\"articleToTransfer.batchNo\"></span>\n              </div>\n              <div class=\"transfer-item\" *ngIf=\"articleToTransfer?.serialNo\">\n                <label class=\"item-label\" [textContent]=\"'SERIE_NO' | localize\"></label>\n                <span class=\"item-value\" [textContent]=\"articleToTransfer.serialNo\"></span>\n              </div>\n            </div>\n            <div class=\"transfer-quantity\">\n              <co-input-number-picker\n                [(model)]=\"articleToTransfer.amountTransfer\"\n                [min]=\"1\"\n                [label]=\"'QUANTITY' | localize\">\n              </co-input-number-picker>\n            </div>\n          </div>\n          <div class=\"transfer-arrow-wrapper\">\n            <span class=\"half-circle\"></span>\n            <div class=\"icon-wrapper\">\n              <co-icon [iconData]=\"iconCacheService.getIcon(icons.ArrowDownRegular)\"></co-icon>\n            </div>\n          </div>\n\n\n          <div class=\"stock-transfer-bottom-column\">\n            <div class=\"transfer-bottom-row\">\n              <co-list-of-values [collection]=\"warehouses\"\n                                 [displayField]=\"'warehouseDescription'\"\n                                 (modelChange)=\"handleSelectedWarehouse($event)\"\n                                 [label]=\"'WAREHOUSE' | localize\"\n              >\n              </co-list-of-values>\n              <co-list-of-values [collection]=\"locations\"\n                                 [displayField]=\"'description'\"\n                                 (modelChange)=\"handleSelectedLocation($event)\"\n                                 [label]=\"'LOCATION' | localize\"\n              >\n              </co-list-of-values>\n            </div>\n            <div class=\"transfer-bottom-row\">\n              <co-list-of-values [collection]=\"stockState\"\n                                 [displayField]=\"'stateDescription'\"\n                                 [label]=\"'STOCK_STATE' | localize\"\n                                 (modelChange)=\"handleSelectedStockState($event)\"\n              >\n              </co-list-of-values>\n            </div>\n            <div class=\"transfer-bottom-row\">\n              <co-input-text [placeholder]=\"'DESCRIPTION' | localize\"\n                             [(model)]=\"articleToTransfer.stockStateRemark\">\n              </co-input-text>\n            </div>\n          </div>\n          <div class=\"transfer-sticker-buttons\">\n            <co-button\n                       [label]=\"'STICKER' | localize\"\n                       (click)=\"handleStickerClick()\"\n                       [iconData]=\"iconCacheService.getIcon(icons.BarcodeReadRegular)\">\n            </co-button>\n          </div>\n        </div>\n      </div>\n  ",
+                  template: "\n      <div class=\"stock-transfer\">\n        <co-dialog\n                   (closeClick)=\"onCloseClick()\"\n                   [showCloseIcon]=\"true\"\n                   [modal]=\"true\"\n                   [headerTemplate]=\"headerTemplate\"\n                   [footerTemplate]=\"footerTemplate\">\n          <ng-template #headerTemplate>\n            <div class=\"co-dialog-header-title-wrapper\">\n              <co-icon [iconData]=\"iconCacheService.getIcon(icons.Cubes)\"></co-icon>\n              <div class=\"co-dialog-header-title\" [textContent]=\"'TRANSFER_STOCK' | localize\"></div>\n            </div>\n          </ng-template>\n          <div class=\"dialog-wrapper\">\n            <div class=\"stock-transfer-columns\">\n              <div *ngIf=\"articleToTransfer\" class=\"stock-transfer-top-column\">\n                <div class=\"transfer-items\">\n                  <div class=\"transfer-item\">\n                    <label class=\"item-label\" [textContent]=\"'WAREHOUSE' | localize\"></label>\n                    <span class=\"item-value\" [textContent]=\"articleToTransfer.warehouseDescription\"></span>\n                  </div>\n                  <div class=\"transfer-item\">\n                    <label class=\"item-label\" [textContent]=\"'LOCATION' | localize\"></label>\n                    <span class=\"item-value\" [textContent]=\"articleToTransfer.locationNo\"></span>\n                  </div>\n                  <div class=\"transfer-item\" *ngIf=\"articleToTransfer?.batchNo\">\n                    <label class=\"item-label\" [textContent]=\"'BATCH_NO' | localize\"></label>\n                    <span class=\"item-value\" [textContent]=\"articleToTransfer.batchNo\"></span>\n                  </div>\n                  <div class=\"transfer-item\" *ngIf=\"articleToTransfer?.serialNo\">\n                    <label class=\"item-label\" [textContent]=\"'SERIE_NO' | localize\"></label>\n                    <span class=\"item-value\" [textContent]=\"articleToTransfer.serialNo\"></span>\n                  </div>\n                </div>\n                <div class=\"transfer-quantity\">\n                  <co-input-number-picker\n                    [(model)]=\"articleToTransfer.amountTransfer\"\n                    [min]=\"1\"\n                    [label]=\"'QUANTITY' | localize\">\n                  </co-input-number-picker>\n                  <span *ngIf=\"transferFull\" [textContent]=\"this.articleToTransfer.amountInStockFree + (' AVAILABLE' | localize)\"></span>\n                </div>\n              </div>\n              <div class=\"transfer-arrow-wrapper\">\n                <span class=\"half-circle\"></span>\n                <div class=\"icon-wrapper\">\n                  <co-icon [iconData]=\"iconCacheService.getIcon(icons.ArrowDownRegular)\"></co-icon>\n                </div>\n              </div>\n\n\n              <div class=\"stock-transfer-bottom-column\">\n                <div class=\"transfer-bottom-row\">\n                  <co-list-of-values [collection]=\"warehouses\"\n                                     [displayField]=\"'warehouseDescription'\"\n                                     (modelChange)=\"handleSelectedWarehouse($event)\"\n                                     [label]=\"'WAREHOUSE' | localize\"\n                  >\n                  </co-list-of-values>\n                  <co-list-of-values [collection]=\"stockLocations\"\n                                     [displayField]=\"'locationNo'\"\n                                     (modelChange)=\"handleSelectedLocation($event)\"\n                                     [label]=\"'LOCATION' | localize\"\n                  >\n                  </co-list-of-values>\n                </div>\n                <div class=\"transfer-bottom-row\">\n                  <co-list-of-values [collection]=\"stockState\"\n                                     [displayField]=\"'stateDescription'\"\n                                     [label]=\"'STOCK_STATE' | localize\"\n                                     (modelChange)=\"handleSelectedStockState($event)\"\n                  >\n                  </co-list-of-values>\n                </div>\n\n              </div>\n              <div class=\"transfer-sticker-buttons\">\n                <co-button\n                           [label]=\"'STICKER' | localize\"\n                           (click)=\"handleStickerClick()\"\n                           [iconData]=\"iconCacheService.getIcon(icons.BarcodeReadRegular)\">\n                </co-button>\n              </div>\n            </div>\n          </div>\n          <ng-template #footerTemplate>\n            <div class=\"button-wrapper ok-cancel-buttons\">\n              <co-button class=\"save-button\"\n                         (click)=\"handleOkClick(articleToTransfer)\"\n                         [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\">\n              </co-button>\n              <co-button class=\"cancel-button\"\n                         (click)=\"onCloseClick()\"\n                         [iconData]=\"iconCacheService.getIcon(icons.CrossSkinny)\">\n              </co-button>\n            </div>\n          </ng-template>\n        </co-dialog>\n      </div>\n      <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n                             (closeClick)=\"showSendMethodDialog = false\">\n\n      </co-send-method-dialog>\n  ",
                   encapsulation: i0.ViewEncapsulation.None
               },] }
   ];
   StockTransferComponent.ctorParameters = function () { return [
       { type: StockService },
-      { type: IconCacheService }
+      { type: IconCacheService },
+      { type: i0.ChangeDetectorRef }
   ]; };
   StockTransferComponent.propDecorators = {
       stockSticker: [{ type: i0.Input }],
       article: [{ type: i0.Input }],
       articleToTransfer: [{ type: i0.Input }],
-      articleWarehouse: [{ type: i0.Input }],
       allWarehouses: [{ type: i0.Input }],
+      showStockTransfer: [{ type: i0.Input }],
+      selectedArticleDetailsData: [{ type: i0.Input }],
+      articleFlat: [{ type: i0.Input }],
+      articleDetailsInformation: [{ type: i0.Input }],
+      selectedWarehouse: [{ type: i0.Input }],
+      selectedLocationNo: [{ type: i0.Input }],
+      articleStockInfo: [{ type: i0.Input }],
+      stockLocations: [{ type: i0.Input }],
       handleClick: [{ type: i0.Output }],
-      handleStickerClicked: [{ type: i0.Output }]
+      handleStickerClicked: [{ type: i0.Output }],
+      updateGridData: [{ type: i0.Output }],
+      showStockTransferChange: [{ type: i0.Output }]
   };
   var SharedService = /** @class */ (function () {
@@ -2586,7 +2927,19 @@
               });
           });
       };
-      SharedService.prototype.getAllPrinters = function () {
+      SharedService.prototype.connect = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0: return [4 /*yield*/, this.connector.connect()];
+                      case 1:
+                          _a.sent();
+                          return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      SharedService.prototype.getAllPrinters = function () {
           return __awaiter(this, void 0, void 0, function () {
               return __generator(this, function (_a) {
                   switch (_a.label) {
@@ -2637,6 +2990,16 @@
               });
           });
       };
+      SharedService.prototype.getJoinedTags = function (table, key) {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0: return [4 /*yield*/, this.connector.getJoinedTags(table, key)];
+                      case 1: return [2 /*return*/, _a.sent()];
+                  }
+              });
+          });
+      };
       SharedService.prototype.getDocumentContent = function (docId, thumbnail) {
           if (thumbnail === void 0) { thumbnail = true; }
           return __awaiter(this, void 0, void 0, function () {
@@ -2648,6 +3011,157 @@
               });
           });
       };
+      SharedService.prototype.getComponentActivitiesWithoutRelationFiltering = function (table, key) {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0: return [4 /*yield*/, this.connector.getComponentActivitiesWithoutRelationFiltering(table, key)];
+                      case 1: return [2 /*return*/, _a.sent()];
+                  }
+              });
+          });
+      };
+      SharedService.prototype.updateActivity = function (activity) {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0: return [4 /*yield*/, this.connector.updateActivity(activity)];
+                      case 1: return [2 /*return*/, _a.sent()];
+                  }
+              });
+          });
+      };
+      SharedService.prototype.deleteActivity = function (activity) {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0: return [4 /*yield*/, this.connector.deleteActivity(activity)];
+                      case 1: return [2 /*return*/, _a.sent()];
+                  }
+              });
+          });
+      };
+      SharedService.prototype.lockTask = function (id) {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0: return [4 /*yield*/, this.connector.lockTask(id)];
+                      case 1: return [2 /*return*/, _a.sent()];
+                  }
+              });
+          });
+      };
+      SharedService.prototype.canFireTrigger = function (activity, task) {
+          return true;
+      };
+      SharedService.prototype.fireTrigger = function (workFlowProcessId, sequence, triggerId) {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0: return [4 /*yield*/, this.connector.fireTrigger(workFlowProcessId, sequence, triggerId)];
+                      case 1: return [2 /*return*/, _a.sent()];
+                  }
+              });
+          });
+      };
+      SharedService.prototype.fireGenericTrigger = function (workFlowProcessId, genericTransitionId, relationId) {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0: return [4 /*yield*/, this.connector.fireGenericTrigger(workFlowProcessId, genericTransitionId, relationId)];
+                      case 1: return [2 /*return*/, _a.sent()];
+                  }
+              });
+          });
+      };
+      SharedService.prototype.getRelationListObjects = function (request) {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0: return [4 /*yield*/, this.connector.getRelationListObjects(request)];
+                      case 1: return [2 /*return*/, _a.sent()];
+                  }
+              });
+          });
+      };
+      SharedService.prototype.getTaskCategories = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0: return [4 /*yield*/, this.connector.getTaskCategories()];
+                      case 1: return [2 /*return*/, _a.sent()];
+                  }
+              });
+          });
+      };
+      SharedService.prototype.getActiveProcessesByTableAndKey = function (table, key) {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0: return [4 /*yield*/, this.connector.getActiveProcessesByTableAndKey(table, key)];
+                      case 1: return [2 /*return*/, _a.sent()];
+                  }
+              });
+          });
+      };
+      SharedService.prototype.getDomainCollection = function (languageCode, domainName) {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0: return [4 /*yield*/, this.connector.getDomainCollection(languageCode, domainName)];
+                      case 1: return [2 /*return*/, _a.sent()];
+                  }
+              });
+          });
+      };
+      SharedService.prototype.getRoleEmailAddressesByWorkflowCategoryAndKey = function (workflowCategory, key) {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0: return [4 /*yield*/, this.connector.getRoleEmailAddressesByWorkflowCategoryAndKey(workflowCategory, key)];
+                      case 1: return [2 /*return*/, _a.sent()];
+                  }
+              });
+          });
+      };
+      SharedService.prototype.getWorkflowProcessInfoPerStatus = function (workflowCategory) {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0: return [4 /*yield*/, this.connector.getWorkflowProcessInfoPerStatus(workflowCategory)];
+                      case 1: return [2 /*return*/, _a.sent()];
+                  }
+              });
+          });
+      };
+      SharedService.prototype.getActivities = function (table, key) {
+          return __awaiter(this, void 0, void 0, function () {
+              var activities, histActivities, activeActivities, historicActivities;
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0: return [4 /*yield*/, this.connector.getComponentActivities(table, key)];
+                      case 1:
+                          activities = _a.sent();
+                          return [4 /*yield*/, this.connector.getHistoricActivities(table, key)];
+                      case 2:
+                          histActivities = _a.sent();
+                          activeActivities = [];
+                          historicActivities = [];
+                          if (activities && activities.length > 0) {
+                              activities.forEach(function (activity) {
+                                  activeActivities.push(activity);
+                              });
+                          }
+                          if (histActivities && histActivities.length > 0) {
+                              histActivities.forEach(function (activity) {
+                                  historicActivities.push(activity);
+                              });
+                          }
+                          return [2 /*return*/, activeActivities.concat(historicActivities)];
+                  }
+              });
+          });
+      };
       return SharedService;
   }());
   SharedService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function SharedService_Factory() { return new SharedService(i0__namespace.ɵɵinject(OptionsService), i0__namespace.ɵɵinject(SharedConnectorService)); }, token: SharedService, providedIn: "root" });
@@ -3504,6 +4018,9 @@
               },
           ];
       };
+      StockTabsComponent.prototype.onShowStockTransferChange = function (show) {
+          this.showStockTransfer = show;
+      };
       StockTabsComponent.prototype.handleLocationClicked = function (data) {
           this.tabs[0].active = false;
           this.tabs[2].active = true;
@@ -3623,7 +4140,7 @@
   StockTabsComponent.decorators = [
       { type: i0.Component, args: [{
                   selector: "co-stock-tabs",
-                  template: "\n    <co-tab-bar [wareHouseLabel]=\"'CHOICES' | localize\"\n                [wareHouseSearchLabel]=\"'SEARCH' | localize\"\n                [tabs]=\"tabs\"\n                [dataWareHouseCode]=\"warehouses\"\n                [selectedWarehouse]=\"selectedWarehouse\"\n                [secondaryTabs]=\"historyTabs\"\n                [ActivateSecondaryTabs]=\"tabs[5].active\"\n                [showWarehouseSelection]=\"tabs[1].active || tabs[2].active\"\n                (warehouseSelected)=\"handleWarehouseSelected($event)\"\n    ></co-tab-bar>\n\n    <co-stock-tab *ngIf=\"tabs[0].active\"\n                  [articleStockInformation]=\"stockInformation\"\n                  (locationClicked)=\"handleLocationClicked($event)\"\n    ></co-stock-tab>\n\n    <co-stock-prognose *ngIf=\"tabs[1].active\"\n                       [stockPrognose]=\"stockPrognose\"\n    ></co-stock-prognose>\n\n    <co-stock-location *ngIf=\"tabs[2].active\"\n                       [articleStockInfo]=\"articleDetails\"\n                       [articleStockInformation]=\"stockInformation\"\n                       [article]=\"article\"\n                       [articleFlat]=\"articleFlat\"\n                       [selectedWarehouse]=\"selectedWarehouse\"\n                       [dataWareHouseCode]=\"warehouses\"\n                       [stockLocations]=\"stockLocations\"\n                       (transferIconClicked)=\"transferIconClicked.emit($event)\"\n                       (sendMethodDialogClicked)=\"sendMethodDialogClicked.emit($event)\"\n\n    ></co-stock-location>\n\n    <co-order-tab *ngIf=\"tabs[3].active\"\n                  [articleStockInformation]=\"stockInformation\"\n                  [inOrderInformation]=\"inOrderInformation\"\n                  (transferIconClicked)=\"transferIconClicked.emit($event)\"\n                  (sendMethodDialogClicked)=\"sendMethodDialogClicked.emit($event)\"\n    ></co-order-tab>\n\n    <co-order-stock-tab *ngIf=\"tabs[4].active\"\n                        [orderInformation]=\"orderInformation\"\n    ></co-order-stock-tab>\n\n    <co-stock-history *ngIf=\"historyTabs[0].active && tabs[5].active\"\n                      [stockHistory]=\"stockHistory\"\n    ></co-stock-history>\n\n    <co-order-supply-stock-history *ngIf=\"historyTabs[1].active && tabs[5].active\"\n                                   [orderSupplyStockHistory]=\"orderSupplyStockHistory\"\n    ></co-order-supply-stock-history>\n\n    <co-order-stock-commission-history *ngIf=\"historyTabs[2].active && tabs[5].active\"\n                                       [orderStockCommissionHistory]=\"orderCommissionStockHistory\"\n    ></co-order-stock-commission-history>\n\n    <co-order-stock-history *ngIf=\"historyTabs[3].active && tabs[5].active\"\n                            [orderStockHistory]=\"orderStockHistory\"\n    ></co-order-stock-history>\n\n    <co-allocation-stock-history *ngIf=\"historyTabs[4].active && tabs[5].active\"\n                                 [allocationStockHistory]=\"orderAllocationStockHistory\"\n    ></co-allocation-stock-history>\n\n  ",
+                  template: "\n    <co-tab-bar [wareHouseLabel]=\"'CHOICES' | localize\"\n                [wareHouseSearchLabel]=\"'SEARCH' | localize\"\n                [tabs]=\"tabs\"\n                [dataWareHouseCode]=\"warehouses\"\n                [selectedWarehouse]=\"selectedWarehouse\"\n                [secondaryTabs]=\"historyTabs\"\n                [ActivateSecondaryTabs]=\"tabs[5].active\"\n                [showWarehouseSelection]=\"tabs[1].active || tabs[2].active\"\n                (warehouseSelected)=\"handleWarehouseSelected($event)\"\n    ></co-tab-bar>\n\n    <co-stock-tab *ngIf=\"tabs[0].active\"\n                  [articleStockInformation]=\"stockInformation\"\n                  (locationClicked)=\"handleLocationClicked($event)\"\n    ></co-stock-tab>\n\n    <co-stock-prognose *ngIf=\"tabs[1].active\"\n                       [stockPrognose]=\"stockPrognose\"\n    ></co-stock-prognose>\n\n    <co-stock-location *ngIf=\"tabs[2].active\"\n                       [articleStockInfo]=\"articleDetails\"\n                       [articleStockInformation]=\"stockInformation\"\n                       [article]=\"article\"\n                       [articleFlat]=\"articleFlat\"\n                       [selectedWarehouse]=\"selectedWarehouse\"\n                       [dataWareHouseCode]=\"warehouses\"\n                       [stockLocations]=\"stockLocations\"\n                       (transferIconClicked)=\"transferIconClicked.emit($event)\"\n                       (sendMethodDialogClicked)=\"sendMethodDialogClicked.emit($event)\"\n                       [showStockTransfer]=\"showStockTransfer\"\n                       (showStockTransferChange)=\"onShowStockTransferChange($event)\"\n    ></co-stock-location>\n\n    <co-order-tab *ngIf=\"tabs[3].active\"\n                  [articleStockInformation]=\"stockInformation\"\n                  [inOrderInformation]=\"inOrderInformation\"\n                  (transferIconClicked)=\"transferIconClicked.emit($event)\"\n                  (sendMethodDialogClicked)=\"sendMethodDialogClicked.emit($event)\"\n    ></co-order-tab>\n\n    <co-order-stock-tab *ngIf=\"tabs[4].active\"\n                        [orderInformation]=\"orderInformation\"\n    ></co-order-stock-tab>\n\n    <co-stock-history *ngIf=\"historyTabs[0].active && tabs[5].active\"\n                      [stockHistory]=\"stockHistory\"\n    ></co-stock-history>\n\n    <co-order-supply-stock-history *ngIf=\"historyTabs[1].active && tabs[5].active\"\n                                   [orderSupplyStockHistory]=\"orderSupplyStockHistory\"\n    ></co-order-supply-stock-history>\n\n    <co-order-stock-commission-history *ngIf=\"historyTabs[2].active && tabs[5].active\"\n                                       [orderStockCommissionHistory]=\"orderCommissionStockHistory\"\n    ></co-order-stock-commission-history>\n\n    <co-order-stock-history *ngIf=\"historyTabs[3].active && tabs[5].active\"\n                            [orderStockHistory]=\"orderStockHistory\"\n    ></co-order-stock-history>\n\n    <co-allocation-stock-history *ngIf=\"historyTabs[4].active && tabs[5].active\"\n                                 [allocationStockHistory]=\"orderAllocationStockHistory\"\n    ></co-allocation-stock-history>\n\n  ",
                   encapsulation: i0.ViewEncapsulation.None
               },] }
   ];
@@ -3636,6 +4153,7 @@
       stockInformation: [{ type: i0.Input }],
       article: [{ type: i0.Input }],
       articleFlat: [{ type: i0.Input }],
+      showStockTransfer: [{ type: i0.Input }],
       warehouses: [{ type: i0.Input }],
       transferIconClicked: [{ type: i0.Output }],
       sendMethodDialogClicked: [{ type: i0.Output }]
@@ -3691,9 +4209,13 @@
           this.icons = exports["ɵbu"];
           this.articleStockInfo = [];
           this.articleStockInformation = [];
+          this.articleWarehouse = [];
+          this.allWarehouses = [];
           this.dataWareHouseCode = [];
           this.transferIconClicked = new i0.EventEmitter();
           this.sendMethodDialogClicked = new i0.EventEmitter();
+          this.showStockTransferChange = new i0.EventEmitter();
+          this.handleStickerClicked = new i0.EventEmitter();
           this.showConfirmationDialog = false;
           this.newStockLine = false;
           this.showConfirmStockRow = false;
@@ -3723,6 +4245,10 @@
       };
       StockLocationComponent.prototype.ngOnDestroy = function () {
       };
+      StockLocationComponent.prototype.onShowStockTransferChange = function (show) {
+          this.showStockTransfer = show;
+          this.showStockTransferChange.emit(this.showStockTransfer);
+      };
       StockLocationComponent.prototype.onLocationDropdownClick = function () {
           var _this = this;
           this._stockService.getStockManagementLocations(this.selectedWarehouse.warehouseNo).then(function (locations) {
@@ -3741,7 +4267,8 @@
           this.sendMethodDialogClicked.emit(data);
       };
       StockLocationComponent.prototype.handleStockTransferClick = function (event) {
-          this.transferIconClicked.emit(event);
+          this.articleDetails = event;
+          this.showStockTransfer = true;
       };
       StockLocationComponent.prototype.onOkClickSendLocations = function (row) {
           this.selectedArticleDetailsData = row;
@@ -3813,7 +4340,7 @@
   StockLocationComponent.decorators = [
       { type: i0.Component, args: [{
                   selector: "co-stock-location",
-                  template: "\n    <div class=\"stock-grid\">\n        <co-stock-location-popup\n          [selectedWarehouse]=\"selectedWarehouse\"\n          [articleFlat]=\"articleFlat\"\n          [selectedLocationNo]=\"selectedLocationNo\"\n          [stockLocations]=\"stockLocations\"\n          [articleDetailsInformation]=\"articleDetailsInformation\"\n          [articleStockInfo]=\"articleStockInfo\"\n          [selectedArticleDetailsData]=\"selectedArticleDetailsData\"\n          [showConfirmationDialog]=\"showConfirmationDialog\"\n          [newStockLine]=\"newStockLine\"\n          (togglePopupEvent)=\"showConfirmationDialog = $event\"\n          (updateGridData)=\"articleStockInfo = $event\"\n\n        ></co-stock-location-popup>\n      <co-simple-grid [data]=\"articleStockInfo\"\n                      class=\"simple-grid\"\n                      [showAdd]=\"true\"\n                      [inlineEdit]=\"false\"\n                      [showToolbar]=\"true\"\n                      (addRow)=\"handleAddRow()\"\n      >\n        <co-simple-grid-column [headerText]=\"'STOCK' | localize\" [field]=\"'amountInStock'\">\n          <ng-template #template let-row=\"row\">\n            <div class=\"stock-amount\" (click)=\"onOkClickSendLocations(row)\">\n              <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.EditPenRegular)\"></co-icon>\n              <span [textContent]=\"row['amountInStock']\"></span>\n            </div>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [width]=\"150\" [headerText]=\"'LOCATION' | localize\" [field]=\"'locationNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-list-of-values\n                               [model]=\"locationForNumber(row['locationNo'])\"\n                               [collection]=\"stockLocations\"\n                               [displayField]=\"'description'\"\n                               [label]=\"'LOCATION' | localize\"\n                               [required]=\"true\"\n                               (modelChange)=\"locationChanged(row, $event)\"\n            ></co-list-of-values>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column *ngIf=\"articleFlat?.batch\" [headerText]=\"'BATCH' | localize\" [field]=\"'batchNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-input-text [model]=\"selectedArticleDetailsData.batchNo\"\n                           [placeholder]=\"'BATCH' | localize\"\n                           (modelChange)=\"row['batchNo'] = $event\"\n            ></co-input-text>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column *ngIf=\"articleFlat?.serial\" [headerText]=\"'SERIAL_NO' | localize\" [field]=\"'serialNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-input-text [model]=\"selectedArticleDetailsData.serialNo\"\n                           [placeholder]=\"'SERIAL_NO' | localize\"\n                           (modelChange)=\"row['serialNo'] = $event\"\n            ></co-input-text>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'ALLOCATED' | localize\" [field]=\"'stockAssigned'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row['stockAssigned']\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK' | localize\" [field]=\"'amountInStockFree'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row['amountInStockFree']\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'VALUTA' | localize\" [field]=\"'currency'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row['currency']\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'PURCHASE_PRICE' | localize\" [field]=\"'purchasePrice'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row['purchasePrice']\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'SUPPLIERNR' | localize\" [field]=\"'supplierNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row['supplierNo']\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [readonly]=\"true\" [headerText]=\"'TRANSFER' | localize\" [field]=\"'transfer'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\"\n                     (click)=\"handleStockTransferClick(row)\"></co-icon>\n          </ng-template>\n          <ng-template #editTemplate></ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [readonly]=\"true\" [headerText]=\"'STICKER' | localize\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\"\n                     (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n          <ng-template #editTemplate></ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n  ",
+                  template: "\n    <div class=\"stock-grid\">\n      <div class=\"stock-transfer-wrapper\">\n        <co-stock-transfer *ngIf=\"showStockTransfer\"\n                           class=\"stock-transfer-dialog\"\n                           [articleToTransfer]=\"articleDetails\"\n                           (handleStickerClicked)=\"handleStickerClicked.emit($event)\"\n                           [allWarehouses]=\"allWarehouses\"\n                           [stockLocations]=\"stockLocations\"\n                           [articleFlat]=\"articleFlat\"\n                           [showStockTransfer]=\"showStockTransfer\"\n                           (showStockTransferChange)=\"onShowStockTransferChange($event)\">\n        </co-stock-transfer>\n      </div>\n        <co-stock-location-popup\n          [selectedWarehouse]=\"selectedWarehouse\"\n          [articleFlat]=\"articleFlat\"\n          [selectedLocationNo]=\"selectedLocationNo\"\n          [stockLocations]=\"stockLocations\"\n          [articleDetailsInformation]=\"articleDetailsInformation\"\n          [articleStockInfo]=\"articleStockInfo\"\n          [selectedArticleDetailsData]=\"selectedArticleDetailsData\"\n          [showConfirmationDialog]=\"showConfirmationDialog\"\n          [newStockLine]=\"newStockLine\"\n          (togglePopupEvent)=\"showConfirmationDialog = $event\"\n          (updateGridData)=\"articleStockInfo = $event\"\n\n        ></co-stock-location-popup>\n      <co-simple-grid [data]=\"articleStockInfo\"\n                      class=\"simple-grid\"\n                      [showAdd]=\"true\"\n                      [inlineEdit]=\"false\"\n                      [showToolbar]=\"true\"\n                      (addRow)=\"handleAddRow()\"\n      >\n        <co-simple-grid-column [headerText]=\"'STOCK' | localize\" [field]=\"'amountInStock'\">\n          <ng-template #template let-row=\"row\">\n            <div class=\"stock-amount\" (click)=\"onOkClickSendLocations(row)\">\n              <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.EditPenRegular)\"></co-icon>\n              <span [textContent]=\"row['amountInStock']\"></span>\n            </div>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [width]=\"150\" [headerText]=\"'LOCATION' | localize\" [field]=\"'locationNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-list-of-values\n                               [model]=\"locationForNumber(row['locationNo'])\"\n                               [collection]=\"stockLocations\"\n                               [displayField]=\"'description'\"\n                               [label]=\"'LOCATION' | localize\"\n                               [required]=\"true\"\n                               (modelChange)=\"locationChanged(row, $event)\"\n            ></co-list-of-values>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column *ngIf=\"articleFlat?.batch\" [headerText]=\"'BATCH' | localize\" [field]=\"'batchNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-input-text [model]=\"selectedArticleDetailsData.batchNo\"\n                           [placeholder]=\"'BATCH' | localize\"\n                           (modelChange)=\"row['batchNo'] = $event\"\n            ></co-input-text>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column *ngIf=\"articleFlat?.serial\" [headerText]=\"'SERIAL_NO' | localize\" [field]=\"'serialNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-input-text [model]=\"selectedArticleDetailsData.serialNo\"\n                           [placeholder]=\"'SERIAL_NO' | localize\"\n                           (modelChange)=\"row['serialNo'] = $event\"\n            ></co-input-text>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'ALLOCATED' | localize\" [field]=\"'stockAssigned'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row['stockAssigned']\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK' | localize\" [field]=\"'amountInStockFree'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row['amountInStockFree']\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'VALUTA' | localize\" [field]=\"'currency'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row['currency']\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'PURCHASE_PRICE' | localize\" [field]=\"'purchasePrice'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row['purchasePrice']\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'SUPPLIERNR' | localize\" [field]=\"'supplierNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row['supplierNo']\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [readonly]=\"true\" [headerText]=\"'TRANSFER' | localize\" [field]=\"'transfer'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\"\n                     (click)=\"handleStockTransferClick(row)\"></co-icon>\n          </ng-template>\n          <ng-template #editTemplate></ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [readonly]=\"true\" [headerText]=\"'STICKER' | localize\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\"\n                     (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n          <ng-template #editTemplate></ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n  ",
                   encapsulation: i0.ViewEncapsulation.None
               },] }
   ];
@@ -3825,11 +4352,16 @@
   StockLocationComponent.propDecorators = {
       articleStockInfo: [{ type: i0.Input }],
       articleStockInformation: [{ type: i0.Input }],
+      articleWarehouse: [{ type: i0.Input }],
+      allWarehouses: [{ type: i0.Input }],
       article: [{ type: i0.Input }],
+      showStockTransfer: [{ type: i0.Input }],
       articleFlat: [{ type: i0.Input }],
       dataWareHouseCode: [{ type: i0.Input }],
       transferIconClicked: [{ type: i0.Output }],
       sendMethodDialogClicked: [{ type: i0.Output }],
+      showStockTransferChange: [{ type: i0.Output }],
+      handleStickerClicked: [{ type: i0.Output }],
       selectedWarehouse: [{ type: i0.Input }],
       stockLocations: [{ type: i0.Input }]
   };
@@ -4499,7 +5031,7 @@
   StockLocationPopupComponent.decorators = [
       { type: i0.Component, args: [{
                   selector: "co-stock-location-popup",
-                  template: "\n    <div class=\"stock-grid\">\n      <co-dialog *ngIf=\"showConfirmationDialog\"\n                 [showCloseIcon]=\"true\"\n                 [modal]=\"true\"\n                 (closeClick)=\"togglePopup()\"\n                 [headerTemplate]=\"headerTemplate\"\n                 [footerTemplate]=\"footerTemplate\">\n        <ng-template #headerTemplate>\n          <div class=\"co-dialog-header-title-wrapper\">\n            <co-icon [iconData]=\"iconCacheService.getIcon(icons.Cubes)\"></co-icon>\n            <div class=\"co-dialog-header-title\" [textContent]=\"'CONFIRM_STOCK_CHANGE' | localize\"></div>\n          </div>\n        </ng-template>\n        <div class=\"dialog-wrapper\">\n          <div class=\"stock-dialog-header\">\n            <span class=\"stock-header\" *ngIf=\"newStockLine\" [textContent]=\"'NEW_STOCK_LINE' | localize\"></span>\n            <span class=\"stock-header\" *ngIf=\"!newStockLine\" [textContent]=\"'CHANGE_STOCK_LINE' | localize\"></span>\n          </div>\n          <div class=\"stock-dialog-row\">\n            <co-input-text [model]=\"selectedWarehouse.warehouseDescription\"\n                           [placeholder]=\"'WAREHOUSE' | localize\"\n                           [readonly]=\"true\"\n            ></co-input-text>\n\n            <co-list-of-values\n              [model]=\"locationForNumber(selectedLocationNo)\"\n              [collection]=\"stockLocations\"\n              [displayField]=\"'locationNo'\"\n              [label]=\"'LOCATION' | localize\"\n              [required]=\"true\"\n              (modelChange)=\"locationChanged($event)\"\n            ></co-list-of-values>\n          </div>\n          <div class=\"stock-dialog-row\">\n            <co-input-text [(model)]=\"selectedArticleDetailsData.serialNo\"\n                           [placeholder]=\"'SERIAL_NO' | localize\"\n                           [readonly]=\"false\"\n            ></co-input-text>\n            <co-input-text [(model)]=\"selectedArticleDetailsData.batchNo\"\n                           [placeholder]=\"'BATCH' | localize\"\n                           [readonly]=\"false\"\n            ></co-input-text>\n          </div>\n          <div class=\"stock-dialog-row\">\n            <div class=\"stock-dialog-row-row\">\n              <co-input-text [model]=\"articleStockInfo[0]?.purchasePrice | currency:'EUR'\"\n                             [placeholder]=\"'PURCHASE_PRICE' | localize\"\n                             [readonly]=\"false\"\n              ></co-input-text>\n              <co-input-text [(model)]=\"articleStockInfo[0].currency\"\n                             [placeholder]=\"'VALUTA' | localize\"\n                             [readonly]=\"false\"\n              ></co-input-text>\n            </div>\n            <co-input-text [model]=\"selectedArticleDetailsData?.entryDate | date\"\n                           [placeholder]=\"'DATE' | localize\"\n                           [readonly]=\"false\"\n            ></co-input-text>\n          </div>\n          <div class=\"stock-dialog-row\">\n            <co-list-of-values [label]=\"'STATUS' | localize\"\n                               [model]=\"statusForId(selectedArticleDetailsData?.stockStateId)\"\n                               [collection]=\"stockStatus\"\n                               [displayField]=\"'stateDescription'\"\n                               (modelChange)=\"handleStockStatusChange($event)\"\n            ></co-list-of-values>\n            <co-input-text [placeholder]=\"'REMARK' | localize\"\n                           (modelChange)=\"handleStockStatusRemarkChange($event)\"></co-input-text>\n          </div>\n          <co-input-number-picker\n            [(model)]=\"selectedArticleDetailsData.amountInStock\"\n            [label]=\"'STOCK' | localize\"\n            (modelChange)=\"amountInStockChanged($event)\"\n            [min]=\"1\"\n          ></co-input-number-picker>\n        </div>\n        <ng-template #footerTemplate>\n          <div class=\"button-wrapper ok-cancel-buttons\">\n            <co-button class=\"save-button\"\n                       (click)=\"handleOkClick()\"\n                       [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                       [disabled]=\"disabled()\">\n            </co-button>\n            <co-button class=\"cancel-button\"\n                       (click)=\"togglePopup()\"\n                       [iconData]=\"iconCacheService.getIcon(icons.CrossSkinny)\">\n            </co-button>\n          </div>\n        </ng-template>\n      </co-dialog>\n    </div>\n  ",
+                  template: "\n    <div class=\"stock-grid\">\n      <co-dialog *ngIf=\"showConfirmationDialog\"\n                 [showCloseIcon]=\"true\"\n                 [modal]=\"true\"\n                 (closeClick)=\"togglePopup()\"\n                 [headerTemplate]=\"headerTemplate\"\n                 [footerTemplate]=\"footerTemplate\">\n        <ng-template #headerTemplate>\n          <div class=\"co-dialog-header-title-wrapper\">\n            <co-icon [iconData]=\"iconCacheService.getIcon(icons.Cubes)\"></co-icon>\n            <div class=\"co-dialog-header-title\" [textContent]=\"'CONFIRM_STOCK_CHANGE' | localize\"></div>\n          </div>\n        </ng-template>\n        <div class=\"dialog-wrapper\">\n          <div class=\"stock-dialog-header\">\n            <span class=\"stock-header\" *ngIf=\"newStockLine\" [textContent]=\"'NEW_STOCK_LINE' | localize\"></span>\n            <span class=\"stock-header\" *ngIf=\"!newStockLine\" [textContent]=\"'CHANGE_STOCK_LINE' | localize\"></span>\n          </div>\n          <div class=\"stock-dialog-row\">\n            <co-input-text [model]=\"selectedWarehouse.warehouseDescription\"\n                           [placeholder]=\"'WAREHOUSE' | localize\"\n                           [readonly]=\"true\"\n            ></co-input-text>\n\n            <co-list-of-values\n              [model]=\"locationForNumber(selectedLocationNo)\"\n              [collection]=\"stockLocations\"\n              [displayField]=\"'locationNo'\"\n              [label]=\"'LOCATION' | localize\"\n              [required]=\"true\"\n              (modelChange)=\"locationChanged($event)\"\n            ></co-list-of-values>\n          </div>\n          <div class=\"stock-dialog-row\">\n            <co-input-text [(model)]=\"selectedArticleDetailsData.serialNo\"\n                           [placeholder]=\"'SERIAL_NO' | localize\"\n                           [readonly]=\"false\"\n            ></co-input-text>\n            <co-input-text [(model)]=\"selectedArticleDetailsData.batchNo\"\n                           [placeholder]=\"'BATCH' | localize\"\n                           [readonly]=\"false\"\n            ></co-input-text>\n          </div>\n          <div class=\"stock-dialog-row\">\n            <div class=\"stock-dialog-row-row\">\n              <co-input-text [model]=\"articleStockInfo[0]?.purchasePrice | currency:'EUR'\"\n                             [placeholder]=\"'PURCHASE_PRICE' | localize\"\n                             [readonly]=\"false\"\n              ></co-input-text>\n              <co-input-text [(model)]=\"articleStockInfo[0].currency\"\n                             [placeholder]=\"'VALUTA' | localize\"\n                             [readonly]=\"false\"\n              ></co-input-text>\n            </div>\n            <co-input-date [model]=\"selectedArticleDetailsData?.entryDate | date\"\n                           [placeholder]=\"'DATE' | localize\"\n                           [readonly]=\"false\"\n            ></co-input-date>\n          </div>\n          <div class=\"stock-dialog-row\">\n            <co-list-of-values [label]=\"'STATUS' | localize\"\n                               [model]=\"statusForId(selectedArticleDetailsData?.stockStateId)\"\n                               [collection]=\"stockStatus\"\n                               [displayField]=\"'stateDescription'\"\n                               (modelChange)=\"handleStockStatusChange($event)\"\n            ></co-list-of-values>\n            <co-input-text [placeholder]=\"'REMARK' | localize\"\n                           (modelChange)=\"handleStockStatusRemarkChange($event)\"></co-input-text>\n          </div>\n          <co-input-number-picker\n            [(model)]=\"selectedArticleDetailsData.amountInStock\"\n            [label]=\"'STOCK' | localize\"\n            (modelChange)=\"amountInStockChanged($event)\"\n            [min]=\"1\"\n          ></co-input-number-picker>\n        </div>\n        <ng-template #footerTemplate>\n          <div class=\"button-wrapper ok-cancel-buttons\">\n            <co-button class=\"save-button\"\n                       (click)=\"handleOkClick()\"\n                       [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                       [disabled]=\"disabled()\">\n            </co-button>\n            <co-button class=\"cancel-button\"\n                       (click)=\"togglePopup()\"\n                       [iconData]=\"iconCacheService.getIcon(icons.CrossSkinny)\">\n            </co-button>\n          </div>\n        </ng-template>\n      </co-dialog>\n    </div>\n  ",
                   encapsulation: i0.ViewEncapsulation.None
               },] }
   ];
@@ -4547,7 +5079,8 @@
                       StockStatusbarModule,
                       corecomponents_v12.ListOfValuesModule,
                       LocalizationModule,
-                      corecomponents_v12.PopupModule
+                      corecomponents_v12.PopupModule,
+                      corecomponents_v12.InputDatePickerModule
                   ],
                   declarations: [
                       StockComponent,
@@ -4630,6 +5163,7 @@
           this.REFERENCE = 'REFERENCE';
           this.RELATION_ID = 'RELATION_ID';
           this.RELATION_NR = 'RELATION_NR';
+          this.REMARK = 'REMARK';
           this.RESERVED = 'RESERVED';
           this.QUANTITY = 'QUANTITY';
           this.SEARCH = 'SEARCH';
@@ -4637,6 +5171,7 @@
           this.SERIE_NO = 'SERIE_NO';
           this.STANDARD_WAREHOUSE = 'STANDARD_WAREHOUSE';
           this.STANDARD_LOCATION = 'STANDARD_LOCATION';
+          this.STATUS = 'STATUS';
           this.STICKER = 'STICKER';
           this.STOCK = 'STOCK';
           this.STOCK_DETAILS = 'STOCK_DETAILS';
@@ -6867,14 +7402,74 @@
           this._linkedTags = [];
       }
       Object.defineProperty(SimpleTagsComponent.prototype, "tags", {
+          get: function () {
+              return this._tags;
+          },
           set: function (tags) {
               this._tags = tags;
-              this.setRootDisplayTags();
           },
           enumerable: false,
           configurable: true
       });
       Object.defineProperty(SimpleTagsComponent.prototype, "linkedTags", {
+          get: function () {
+              return this._linkedTags;
+          },
+          set: function (tags) {
+              this._linkedTags = tags;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      SimpleTagsComponent.prototype.showClass = function () {
+          return true;
+      };
+      SimpleTagsComponent.prototype.handleSaveTags = function () {
+          this.saveClick.next(this._linkedTags);
+          this.closeClick.next();
+      };
+      return SimpleTagsComponent;
+  }());
+  SimpleTagsComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-simple-tags",
+                  template: "\n    <co-dialog\n      [headerTemplate]=\"headerTemplate\"\n      [footerTemplate]=\"footerTemplate\"\n      (closeClick)=\"closeClick.emit()\"\n    >\n      <ng-template #headerTemplate>\n        <div class=\"header-wrapper\">\n          <co-icon [iconData]=\"iconCacheService.getIcon(icon.TagRegular)\"></co-icon>\n          <span class=\"co-dialog-header-title\" [textContent]=\"'Tags'\"></span>\n        </div>\n      </ng-template>\n\n      <div class=\"dialog-content-wrapper\">\n        <co-simple-tags-form [tags]=\"tags\" [(linkedTags)]=\"linkedTags\"></co-simple-tags-form>\n      </div>\n\n      <ng-template #footerTemplate>\n        <div class=\"co-dialog-footer-button-wrapper\">\n          <co-button class=\"save-button\"\n            [iconData]=\"iconCacheService.getIcon(icon.CheckDuotone)\"\n            (click)=\"handleSaveTags()\"\n          ></co-button>\n          <co-button\n            class=\"close-button\"\n            [iconData]=\"iconCacheService.getIcon(icon.CrossSkinny)\"\n            (click)=\"closeClick.next()\"\n          ></co-button>\n        </div>\n      </ng-template>\n    </co-dialog>\n  ",
+                  encapsulation: i0.ViewEncapsulation.None
+              },] }
+  ];
+  SimpleTagsComponent.ctorParameters = function () { return [
+      { type: IconCacheService },
+      { type: SharedService }
+  ]; };
+  SimpleTagsComponent.propDecorators = {
+      tags: [{ type: i0.Input }],
+      linkedTags: [{ type: i0.Input }],
+      closeClick: [{ type: i0.Output }],
+      saveClick: [{ type: i0.Output }],
+      showClass: [{ type: i0.HostBinding, args: ["class.co-simple-tags",] }]
+  };
+  var SimpleTagsFormComponent = /** @class */ (function () {
+      function SimpleTagsFormComponent(iconCacheService, sharedService) {
+          this.iconCacheService = iconCacheService;
+          this.sharedService = sharedService;
+          this.icon = exports["ɵbu"];
+          this.linkedTagsChange = new i0.EventEmitter();
+          this.breadCrumbs = [];
+          this.displayTags = [];
+          this.searchString = '';
+          this._tags = [];
+          this._linkedTags = [];
+      }
+      Object.defineProperty(SimpleTagsFormComponent.prototype, "tags", {
+          set: function (tags) {
+              this._tags = tags;
+              this.setRootDisplayTags();
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(SimpleTagsFormComponent.prototype, "linkedTags", {
           get: function () {
               return this._linkedTags;
           },
@@ -6886,15 +7481,15 @@
           enumerable: false,
           configurable: true
       });
-      SimpleTagsComponent.prototype.showClass = function () {
+      SimpleTagsFormComponent.prototype.showClass = function () {
           return true;
       };
-      SimpleTagsComponent.prototype.setRootDisplayTags = function () {
+      SimpleTagsFormComponent.prototype.setRootDisplayTags = function () {
           this.displayTags = this._tags.filter(function (tag) { return tag.treeLevel === 0; });
           this.breadCrumbs = [];
           this.searchString = '';
       };
-      SimpleTagsComponent.prototype.handleTagSelected = function (selectedTag) {
+      SimpleTagsFormComponent.prototype.handleTagSelected = function (selectedTag) {
           if (selectedTag.tagType === 'TR' || selectedTag.tagType === 'TG') {
               if (selectedTag !== this.breadCrumbs[0]) {
                   this.breadCrumbs.push(selectedTag);
@@ -6904,23 +7499,23 @@
               });
           }
       };
-      SimpleTagsComponent.prototype.handleCrumbClicked = function (tag, index) {
+      SimpleTagsFormComponent.prototype.handleCrumbClicked = function (tag, index) {
           if (tag !== this.breadCrumbs[this.breadCrumbs.length - 1]) {
               this.breadCrumbs.splice(index + 1);
               this.handleTagSelected(tag);
           }
       };
-      SimpleTagsComponent.prototype.handleAddTag = function (event) {
+      SimpleTagsFormComponent.prototype.handleAddTag = function (event) {
           var draggedTag = this.displayTags[event.previousIndex];
           if (!this._linkedTags.includes(draggedTag)) {
               this._linkedTags.push(this.displayTags[event.previousIndex]);
               this._loadThumbnail(draggedTag);
           }
       };
-      SimpleTagsComponent.prototype.deleteLinkedTag = function (tag) {
+      SimpleTagsFormComponent.prototype.deleteLinkedTag = function (tag) {
           this._linkedTags.splice(this._linkedTags.indexOf(tag), 1);
       };
-      SimpleTagsComponent.prototype.searchCollection = function () {
+      SimpleTagsFormComponent.prototype.searchCollection = function () {
           var _this = this;
           if (!this.searchString) {
               this.searchString = '';
@@ -6948,11 +7543,7 @@
           this.displayTags = matchingObjects;
           this.breadCrumbs = [];
       };
-      SimpleTagsComponent.prototype.handleSaveTags = function () {
-          this.saveClick.next(this._linkedTags);
-          this.closeClick.next();
-      };
-      SimpleTagsComponent.prototype._loadThumbnail = function (tagTreeItem) {
+      SimpleTagsFormComponent.prototype._loadThumbnail = function (tagTreeItem) {
           if (tagTreeItem.image && tagTreeItem.image.documentId && !tagTreeItem.image.thumbnailBody) {
               this.sharedService.getDocumentContent(tagTreeItem.image.documentId, true)
                   .then(function (result) {
@@ -6962,27 +7553,50 @@
               });
           }
       };
-      return SimpleTagsComponent;
+      return SimpleTagsFormComponent;
   }());
-  SimpleTagsComponent.decorators = [
+  SimpleTagsFormComponent.decorators = [
       { type: i0.Component, args: [{
-                  selector: "co-simple-tags",
-                  template: "\n    <co-dialog\n      [headerTemplate]=\"headerTemplate\"\n      [footerTemplate]=\"footerTemplate\"\n      (closeClick)=\"closeClick.emit()\"\n    >\n      <ng-template #headerTemplate>\n        <div class=\"header-wrapper\">\n          <co-icon [iconData]=\"iconCacheService.getIcon(icon.TagRegular)\"></co-icon>\n          <span class=\"co-dialog-header-title\" [textContent]=\"'Tags'\"></span>\n        </div>\n      </ng-template>\n\n      <div class=\"dialog-content-wrapper\">\n        <div class=\"collection-navigation co-small-scrollbar\">\n          <span class=\"title\" [textContent]=\"'Beschikbare tags'\"></span>\n          <co-input-search\n            [(model)]=\"searchString\"\n            [placeholder]=\"'Search for tag name'\"\n            (search)=\"searchCollection()\"\n            (modelChange)=\"searchCollection()\"\n            (rightIconClick)=\"searchCollection()\"\n          ></co-input-search>\n          <div class=\"breadcrumbs\">\n            <co-icon\n              [iconData]=\"iconCacheService.getIcon(icon.HouseBlankRegular)\"\n              (click)=\"setRootDisplayTags()\"\n            ></co-icon>\n            <div class=\"crumbs\">\n              <span class=\"spacer\" [textContent]=\"'|'\"></span>\n              <div class=\"crumb\" *ngFor=\"let crumb of breadCrumbs; let index = index\" (click)=\"handleCrumbClicked(crumb, index)\">\n                <span class=\"spacer\" *ngIf=\"index !== 0\" [textContent]=\"'/'\"></span>\n                <span [textContent]=\"crumb.description\"></span>\n              </div>\n            </div>\n          </div>\n          <div class=\"collection-view\"\n               cdkDropList\n               cdkDropListSortingDisabled\n               #collectionList=\"cdkDropList\"\n               [cdkDropListData]=\"displayTags\"\n               [cdkDropListConnectedTo]=\"[linkedList]\"\n          ><div class=\"collection-item\"\n                *ngFor=\"let tag of displayTags\"\n                cdkDrag\n                [cdkDragDisabled]=\"tag.tagType !== 'T' || linkedTags.includes(tag)\"\n                [class.draggable]=\"tag.tagType === 'T' && !linkedTags.includes(tag)\"\n                [class.disabled]=\"linkedTags.includes(tag)\"\n                (click)=\"handleTagSelected(tag)\">\n\n            <div class=\"collection-item\" *cdkDragPlaceholder>\n              <co-icon *ngIf=\"tag.tagType === 'T'\" [iconData]=\"iconCacheService.getIcon(icon.TagRegular)\"></co-icon>\n              <span [textContent]=\"tag.description\"></span>\n            </div>\n\n            <div *cdkDragPreview><co-icon [iconData]=\"iconCacheService.getIcon(icon.TagRegular)\"></co-icon></div>\n\n            <co-icon *ngIf=\"tag.tagType === 'T'\" [iconData]=\"iconCacheService.getIcon(icon.TagRegular)\"></co-icon>\n            <span [textContent]=\"tag.description\"></span>\n          </div>\n          </div>\n        </div>\n\n        <div class=\"linked-tags-view\">\n          <span class=\"title\" [textContent]=\"'Gekoppelde tags'\"></span>\n          <div class=\"view-wrapper\"\n               cdkDropList\n               #linkedList=\"cdkDropList\"\n               [cdkDropListData]=\"linkedTags\"\n               (cdkDropListDropped)=\"handleAddTag($event)\">\n            <div class=\"tag-item\" *ngFor=\"let tag of linkedTags\" [cdkDragDisabled]=\"true\" cdkDrag [style.background-color]=\"tag.color?.replace('0x', '#')\">\n              <div class=\"placeholderLinked\" *cdkDragPlaceholder></div>\n\n              <div class=\"thumbnail-description\">\n                <co-icon *ngIf=\"!tag.image?.thumbnailBody\" [iconData]=\"iconCacheService.getIcon(icon.TagRegular)\"></co-icon>\n                <div *ngIf=\"tag.image\" class=\"thumbnail-wrapper\">\n                  <img [src]=\"tag.image.thumbnailBodyAsDataUri\">\n                </div>\n\n                <div class=\"description-wrapper\">\n                  <span [textContent]=\"tag.parentDescription\"></span>\n                  <span class=\"description\" [textContent]=\"tag.description\"></span>\n                </div>\n              </div>\n              <co-icon class=\"delete-tag\" (click)=\"deleteLinkedTag(tag)\"\n                       [iconData]=\"iconCacheService.getIcon(icon.XSolid)\"\n              ></co-icon>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <ng-template #footerTemplate>\n        <div class=\"co-dialog-footer-button-wrapper\">\n          <co-button class=\"save-button\"\n            [iconData]=\"iconCacheService.getIcon(icon.CheckDuotone)\"\n            (click)=\"handleSaveTags()\"\n          ></co-button>\n          <co-button\n            class=\"close-button\"\n            [iconData]=\"iconCacheService.getIcon(icon.CrossSkinny)\"\n            (click)=\"closeClick.next()\"\n          ></co-button>\n        </div>\n      </ng-template>\n    </co-dialog>\n  ",
+                  selector: "co-simple-tags-form",
+                  template: "\n    <div class=\"form-content-wrapper\">\n      <div class=\"collection-navigation co-small-scrollbar\">\n        <span class=\"title\" [textContent]=\"'Beschikbare tags'\"></span>\n        <co-input-search\n          [(model)]=\"searchString\"\n          [placeholder]=\"'Search for tag name'\"\n          (search)=\"searchCollection()\"\n          (modelChange)=\"searchCollection()\"\n          (rightIconClick)=\"searchCollection()\"\n        ></co-input-search>\n        <div class=\"breadcrumbs\">\n          <co-icon\n            [iconData]=\"iconCacheService.getIcon(icon.HouseBlankRegular)\"\n            (click)=\"setRootDisplayTags()\"\n          ></co-icon>\n          <div class=\"crumbs\">\n            <span class=\"spacer\" [textContent]=\"'|'\"></span>\n            <div class=\"crumb\" *ngFor=\"let crumb of breadCrumbs; let index = index\" (click)=\"handleCrumbClicked(crumb, index)\">\n              <span class=\"spacer\" *ngIf=\"index !== 0\" [textContent]=\"'/'\"></span>\n              <span [textContent]=\"crumb.description\"></span>\n            </div>\n          </div>\n        </div>\n        <div class=\"collection-view\"\n             cdkDropList\n             cdkDropListSortingDisabled\n             #collectionList=\"cdkDropList\"\n             [cdkDropListData]=\"displayTags\"\n             [cdkDropListConnectedTo]=\"[linkedList]\">\n          <div class=\"collection-item\"\n                *ngFor=\"let tag of displayTags\"\n                cdkDrag\n                [cdkDragDisabled]=\"tag.tagType !== 'T' || linkedTags.includes(tag)\"\n                [class.draggable]=\"tag.tagType === 'T' && !linkedTags.includes(tag)\"\n                [class.disabled]=\"linkedTags.includes(tag)\"\n                (click)=\"handleTagSelected(tag)\">\n\n            <div class=\"collection-item\" *cdkDragPlaceholder>\n              <co-icon *ngIf=\"tag.tagType === 'T'\" [iconData]=\"iconCacheService.getIcon(icon.TagRegular)\"></co-icon>\n              <span [textContent]=\"tag.description\"></span>\n            </div>\n\n            <div *cdkDragPreview><co-icon [iconData]=\"iconCacheService.getIcon(icon.TagRegular)\"></co-icon></div>\n\n            <co-icon *ngIf=\"tag.tagType === 'T'\" [iconData]=\"iconCacheService.getIcon(icon.TagRegular)\"></co-icon>\n            <span [textContent]=\"tag.description\"></span>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"linked-tags-view\">\n        <span class=\"title\" [textContent]=\"'Gekoppelde tags'\"></span>\n        <div class=\"view-wrapper\"\n             cdkDropList\n             #linkedList=\"cdkDropList\"\n             [cdkDropListData]=\"linkedTags\"\n             (cdkDropListDropped)=\"handleAddTag($event)\">\n          <div class=\"tag-item\" *ngFor=\"let tag of linkedTags\" [cdkDragDisabled]=\"true\" cdkDrag [style.background-color]=\"tag.color?.replace('0x', '#')\">\n            <div class=\"placeholderLinked\" *cdkDragPlaceholder></div>\n\n            <div class=\"thumbnail-description\">\n              <co-icon *ngIf=\"!tag.image?.thumbnailBody\" [iconData]=\"iconCacheService.getIcon(icon.TagRegular)\"></co-icon>\n              <div *ngIf=\"tag.image\" class=\"thumbnail-wrapper\">\n                <img [src]=\"tag.image.thumbnailBodyAsDataUri\">\n              </div>\n\n              <div class=\"description-wrapper\">\n                <span [textContent]=\"tag.parentDescription\"></span>\n                <span class=\"description\" [textContent]=\"tag.description\"></span>\n              </div>\n            </div>\n            <co-icon class=\"delete-tag\" (click)=\"deleteLinkedTag(tag)\"\n                     [iconData]=\"iconCacheService.getIcon(icon.XSolid)\"\n            ></co-icon>\n          </div>\n        </div>\n      </div>\n    </div>\n  ",
                   encapsulation: i0.ViewEncapsulation.None
               },] }
   ];
-  SimpleTagsComponent.ctorParameters = function () { return [
+  SimpleTagsFormComponent.ctorParameters = function () { return [
       { type: IconCacheService },
       { type: SharedService }
   ]; };
-  SimpleTagsComponent.propDecorators = {
+  SimpleTagsFormComponent.propDecorators = {
       tags: [{ type: i0.Input }],
       linkedTags: [{ type: i0.Input }],
-      closeClick: [{ type: i0.Output }],
-      saveClick: [{ type: i0.Output }],
-      showClass: [{ type: i0.HostBinding, args: ["class.co-simple-tags",] }]
+      linkedTagsChange: [{ type: i0.Output }],
+      showClass: [{ type: i0.HostBinding, args: ["class.co-simple-tags-form",] }]
   };
+  var SimpleTagsFormModule = /** @class */ (function () {
+      function SimpleTagsFormModule() {
+      }
+      return SimpleTagsFormModule;
+  }());
+  SimpleTagsFormModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      common.CommonModule,
+                      corecomponents_v12.CoDialogModule,
+                      corecomponents_v12.InputSearchModule,
+                      corecomponents_v12.IconModule,
+                      dragDrop.DragDropModule,
+                      corecomponents_v12.ButtonModule
+                  ],
+                  declarations: [
+                      SimpleTagsFormComponent
+                  ],
+                  exports: [
+                      SimpleTagsFormComponent
+                  ]
+              },] }
+  ];
   var SimpleTagsModule = /** @class */ (function () {
       function SimpleTagsModule() {
       }
@@ -6996,7 +7610,8 @@
                       corecomponents_v12.InputSearchModule,
                       corecomponents_v12.IconModule,
                       dragDrop.DragDropModule,
-                      corecomponents_v12.ButtonModule
+                      corecomponents_v12.ButtonModule,
+                      SimpleTagsFormModule
                   ],
                   declarations: [
                       SimpleTagsComponent
@@ -10424,6 +11039,3154 @@
               },] }
   ];
+  var BaseActivityListComponent = /** @class */ (function () {
+      function BaseActivityListComponent() {
+          this.reloadTimer = 60000; // 1 minute in milliseconds
+          this.handleOpenLinkSidebar = false;
+          //viewmodels
+          this.privateActivityListViewModels = [];
+          this.privateDelegatedActivityListViewModels = [];
+          this.filteredActivityListViewModels = [];
+          this.filteredDelegatedActivityListViewModels = [];
+          this._showUsergroupActivities = false;
+          this._activities = [];
+          this._delegatedActivities = [];
+          //protected userService: UserService
+      }
+      Object.defineProperty(BaseActivityListComponent.prototype, "activities", {
+          get: function () {
+              return this._activities;
+          },
+          set: function (value) {
+              clearTimeout(this._updateInterval);
+              this._activities = value;
+              this.filteredActivities = this._activities.slice();
+              this.applyFilter();
+              this._startInterval();
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(BaseActivityListComponent.prototype, "delegatedActivities", {
+          get: function () {
+              return this._delegatedActivities;
+          },
+          set: function (value) {
+              if (value && value.length > 0) {
+                  clearTimeout(this._updateInterval);
+                  this._delegatedActivities = value;
+                  this.filteredDelegatedActivities = this._delegatedActivities.slice();
+                  this.applyFilter();
+                  this._startInterval();
+              }
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(BaseActivityListComponent.prototype, "showUsergroupActivities", {
+          // TODO: return this.userService.showUsergroupActivities and allow to set properly;
+          get: function () {
+              return this._showUsergroupActivities;
+          },
+          set: function (value) {
+              this._showUsergroupActivities = value;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      BaseActivityListComponent.prototype.ngOnDestroy = function () {
+          clearInterval(this._updateInterval);
+      };
+      BaseActivityListComponent.prototype.reset = function () {
+          this.filteredActivities = [];
+          this.filteredDelegatedActivities = [];
+          this._activities = [];
+          this._delegatedActivities = [];
+      };
+      BaseActivityListComponent.prototype.applyFilter = function () {
+          this._applyFilter(this.activities, this.filteredActivities, this.filteredActivityListViewModels);
+          this._applyFilter(this.delegatedActivities, this.filteredDelegatedActivities, this.filteredDelegatedActivityListViewModels);
+          this._refreshActivities();
+          this.afterFilterApplied();
+      };
+      BaseActivityListComponent.prototype.afterFilterApplied = function () {
+      };
+      BaseActivityListComponent.prototype.getTheActivities = function () {
+          this.getActivities();
+          this.getDelegatedActivities();
+      };
+      BaseActivityListComponent.prototype._removeNotShowing = function (listViewModels) {
+          for (var i = listViewModels.length - 1; i > 0; i--) {
+              var listViewModel = listViewModels[i];
+              if (!listViewModel.showing) {
+                  listViewModels.splice(i, 1);
+              }
+              else { // iterate through activityViewModels
+                  for (var j = listViewModel.activities.length - 1; j > 0; j--) {
+                      var activityViewModel = listViewModel.activities[j];
+                      if (!activityViewModel.showing) {
+                          listViewModel.activities.splice(j, 1);
+                      }
+                  }
+              }
+          }
+      };
+      BaseActivityListComponent.prototype.updatePrivateListsWithFilteredLists = function () {
+          this.privateActivityListViewModels =
+              this._updatePrivateListWithFilteredList(this.privateActivityListViewModels, this.filteredActivityListViewModels);
+          this.privateDelegatedActivityListViewModels =
+              this._updatePrivateListWithFilteredList(this.privateDelegatedActivityListViewModels, this.filteredDelegatedActivityListViewModels);
+      };
+      BaseActivityListComponent.prototype._applyFilter = function (activities, filteredActivities, filteredActivityListViewModels) {
+          var _this = this;
+          if (isNill_function.isNill(activities)) {
+              filteredActivities.length = 0;
+              return;
+          }
+          filteredActivities = activities.slice(0);
+          if (this.filterFrom && this.filterTo) {
+              filteredActivities =
+                  activities.filter(function (a) {
+                      if (a.executionDateTime === null || a.overDue) {
+                          return true;
+                      }
+                      else {
+                          return DateUtils.IsInBetween(a.executionDateTime, _this.filterFrom, _this.filterTo, false);
+                      }
+                  });
+          }
+          filteredActivities.sort(function (a, b) { return a.deadlineDateTime > b.deadlineDateTime ? 1 : -1; });
+          this._searchText(filteredActivities);
+          this._prepareViewModels(filteredActivities, filteredActivityListViewModels);
+      };
+      BaseActivityListComponent.prototype._searchText = function (filteredActivities) {
+          if (!this.searchText) {
+              return;
+          }
+          for (var i = filteredActivities.length - 1; i >= 0; i--) {
+              var activity = filteredActivities[i];
+              var found = false;
+              for (var key in activity) {
+                  if (activity.hasOwnProperty(key)) {
+                      if (activity[key].toString().indexOf(this.searchText) > -1) {
+                          found = true;
+                          break;
+                      }
+                  }
+              }
+              if (!found) {
+                  filteredActivities.splice(i, 1);
+              }
+          }
+      };
+      BaseActivityListComponent.prototype._updatePrivateListWithFilteredList = function (listViewModels, filteredList) {
+          var result;
+          if (listViewModels.length === 0) {
+              result = filteredList.slice();
+          }
+          else {
+              result = listViewModels.slice();
+              var _loop_1 = function (i) {
+                  var listViewModel = result[i];
+                  var filteredViewModel = filteredList.find(function (f) { return f.position === listViewModel.position; });
+                  if (!filteredViewModel) {
+                      // flag as removed when listviewmodel is no longer in the list
+                      listViewModel.showing = false;
+                  }
+                  else {
+                      var _loop_3 = function (j) {
+                          var viewModel = listViewModel.activities[j];
+                          if (!filteredViewModel.activities.find(function (fa) { return fa.guid === viewModel.guid; })) {
+                              // flag as removed when viewmodel is no longer in the list
+                              viewModel.showing = false;
+                          }
+                      };
+                      for (var j = 0; j < listViewModel.activities.length; j++) {
+                          _loop_3(j);
+                      }
+                  }
+              };
+              // set showing to false for items which are not in the list anymore
+              for (var i = 0; i < result.length; i++) {
+                  _loop_1(i);
+              }
+              var _loop_2 = function (i) {
+                  var filteredActivityListViewModel = filteredList[i];
+                  var listViewModel = result.find(function (lvm) { return lvm.label === filteredActivityListViewModel.label; });
+                  if (!listViewModel) {
+                      result.push(filteredActivityListViewModel);
+                  }
+                  else {
+                      var _loop_4 = function (j) {
+                          var filteredActivityViewModel = filteredActivityListViewModel.activities[j];
+                          if (!listViewModel.activities.find(function (a) { return a.activity.getId() === filteredActivityViewModel.activity.getId(); })) {
+                              listViewModel.activities.push(filteredActivityViewModel);
+                          }
+                      };
+                      for (var j = 0; j < filteredActivityListViewModel.activities.length; j++) {
+                          _loop_4(j);
+                      }
+                  }
+              };
+              // add new items
+              for (var i = 0; i < filteredList.length; i++) {
+                  _loop_2(i);
+              }
+          }
+          result.sort(this._sortByPosition);
+          return result;
+      };
+      BaseActivityListComponent.prototype._refreshActivities = function () {
+          // 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();
+      };
+      BaseActivityListComponent.prototype._prepareViewModels = function (filteredActivities, filteredActivityListViewModels) {
+          filteredActivityListViewModels.map(function (alm) {
+              alm.showing = false;
+              alm.activities.map(function (aa) { return aa.showing = false; });
+          });
+          if (filteredActivities) {
+              for (var i = 0; i < filteredActivities.length; i++) {
+                  var 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);
+      };
+      BaseActivityListComponent.prototype._setAmountListViewModels = function (filteredActivityListViewModels) {
+          for (var i = 0; i < filteredActivityListViewModels.length; i++) {
+              filteredActivityListViewModels[i].setAmount();
+          }
+      };
+      BaseActivityListComponent.prototype._sortByPosition = function (a, b) {
+          return a.position > b.position ? 1 : -1;
+      };
+      BaseActivityListComponent.prototype._addToActivityListViewModel = function (filteredActivityListViewModels, label, order, activity) {
+          var activityListViewModel = this._getActivityListViewModel(filteredActivityListViewModels, label, order);
+          activityListViewModel.showing = true;
+          var activityViewModel = this._getActivityViewModel(activityListViewModel, activity);
+          activityViewModel.showing = !activityViewModel.deleted;
+          this._updateViewModelContent(activityViewModel, activity);
+      };
+      BaseActivityListComponent.prototype._getActivityViewModel = function (listViewModel, activity) {
+          var viewModel = listViewModel.activities.find(function (a) { return a.activity.getId() === activity.getId(); });
+          if (!viewModel) {
+              viewModel = new activityViewModel.ActivityViewModel();
+              viewModel.activity = activity;
+              viewModel.parent = listViewModel;
+              listViewModel.activities.push(viewModel);
+          }
+          return viewModel;
+      };
+      BaseActivityListComponent.prototype._getActivityListViewModel = function (filteredActivityListViewModels, label, order) {
+          var result = filteredActivityListViewModels.find(function (a) { return a.label === label; });
+          if (!result) {
+              result = new activityListViewModel.ActivityListViewModel(label, order);
+              filteredActivityListViewModels.push(result);
+          }
+          return result;
+      };
+      BaseActivityListComponent.prototype._startInterval = function () {
+          var _this = this;
+          this._updateInterval = window.setInterval(function () {
+              _this.getTheActivities();
+          }, this.reloadTimer);
+      };
+      BaseActivityListComponent.prototype._updateViewModelContent = function (activityViewModel, activity) {
+          activityViewModel.activity = activity;
+          return activityViewModel;
+      };
+      return BaseActivityListComponent;
+  }());
+  BaseActivityListComponent.decorators = [
+      { type: i0.Directive },
+      { type: i0.Injectable }
+  ];
+  BaseActivityListComponent.ctorParameters = function () { return []; };
+  BaseActivityListComponent.propDecorators = {
+      handleOpenLinkSidebar: [{ type: i0.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 = {}));
+  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 = {}));
+  var ModifyTaskFormComponent = /** @class */ (function () {
+      function ModifyTaskFormComponent(_boFactory, sharedService, iconCacheService
+      //private _mediaMonitor: MediaMonitorService,
+      /*private _activityService: ActivityService*/
+      ) {
+          this._boFactory = _boFactory;
+          this.sharedService = sharedService;
+          this.iconCacheService = iconCacheService;
+          //public readonly TagCategory: typeof TagCategory = TagCategory;
+          this.TableNames = tableName_enum.TableName;
+          this.readonly = false;
+          this.popupContext = false;
+          this.activityChange = new i0.EventEmitter();
+          this.statusChange = new i0.EventEmitter();
+          this.showWorkLog = new i0.EventEmitter();
+          this.selectedMenu = 'content-menu1';
+          this.activities = [];
+          this.table = tableName_enum.TableName.Tasks;
+          this.expandActivities = false;
+          this.showTagPopup = false;
+      }
+      Object.defineProperty(ModifyTaskFormComponent.prototype, "activity", {
+          get: function () {
+              return this._activity;
+          },
+          /* @ViewChild(ActivityActivitiesComponent, { static: true })
+           public activityActivities: ActivityActivitiesComponent;*/
+          set: function (value) {
+              this._activity = value;
+              this.key = this._activity.task.taskId + "";
+          },
+          enumerable: false,
+          configurable: true
+      });
+      ModifyTaskFormComponent.prototype.showClass = function () {
+          return true;
+      };
+      Object.defineProperty(ModifyTaskFormComponent.prototype, "hasDocuments", {
+          get: function () {
+              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);
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(ModifyTaskFormComponent.prototype, "forceReadonly", {
+          set: function (value) {
+              this.readonly = value;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      ModifyTaskFormComponent.prototype.handleAddDocuments = function (docs) {
+          var _this = this;
+          docs.forEach(function (doc) { return _this.activity.task.documents.push(doc); });
+      };
+      ModifyTaskFormComponent.prototype.handleAddDocument = function (doc) {
+          this.activity.task.documents.push(doc);
+      };
+      ModifyTaskFormComponent.prototype.ngOnInit = function () {
+          this._getActivities();
+          this._getTags();
+      };
+      ModifyTaskFormComponent.prototype.showContent = function (menu) {
+          this.selectedMenu = menu;
+      };
+      ModifyTaskFormComponent.prototype.handleRegisterWork = function () {
+          setTimeout(function () {
+              /*if (this.activityActivities) {
+                  this.expandActivities = true;
+                  this.activityActivities.showRegisterWorkLeaf();
+              }*/
+          });
+      };
+      ModifyTaskFormComponent.prototype.handleSaveActivity = function (activity) {
+          this._updateTaskObject(activity, activity.IsWork ? "workLog" : "remarks");
+          var index = this.activities.findIndex(function (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
+      };
+      ModifyTaskFormComponent.prototype.handleDeleteActivity = function (activity) {
+          if (activity.IsWork) {
+              this.activity.task.deleteWorkLog(activity.work);
+          }
+          else if (activity.IsRemark) {
+              this.activity.task.deleteRemark(activity.remark);
+          }
+      };
+      ModifyTaskFormComponent.prototype.handleShowWorkLow = function () {
+          this.expandActivities = true;
+          this.showWorkLog.emit();
+      };
+      ModifyTaskFormComponent.prototype.handleEditTags = function () {
+          this._getTags();
+          this.showTagPopup = true;
+      };
+      ModifyTaskFormComponent.prototype.handleSaveTags = function (tags) {
+          this.activity.task.tags = tags;
+      };
+      ModifyTaskFormComponent.prototype._updateTaskObject = function (activity, prop) {
+          var cloneActivity = this._boFactory.makeWithRawBackendData(activity_bo.Activity, activity);
+          if (cloneActivity.isNew) {
+              this.activity.task[prop].push(activity.getBaseContent());
+          }
+          else {
+              var index = this.activity.task[prop].findIndex(function (src) {
+                  return src.getId() === activity.getBaseContent().getId();
+              });
+              if (index > -1) {
+                  this.activity.task[prop][index] = activity.getBaseContent();
+              }
+          }
+          activity.editting = false;
+          activity.isNew = false;
+      };
+      ModifyTaskFormComponent.prototype._getActivities = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var _d;
+              return __generator(this, function (_e) {
+                  switch (_e.label) {
+                      case 0:
+                          if (!this.key) {
+                              return [2 /*return*/];
+                          }
+                          _d = this;
+                          return [4 /*yield*/, this.sharedService.getActivities(this.table, this.key.toString())];
+                      case 1:
+                          _d.activities = _e.sent();
+                          return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      ModifyTaskFormComponent.prototype._getTags = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var _d;
+              return __generator(this, function (_e) {
+                  switch (_e.label) {
+                      case 0:
+                          _d = this;
+                          return [4 /*yield*/, this.sharedService.getTagsFullTree(tabCategory_enum.TagCategory.tasks, true)];
+                      case 1:
+                          _d.allTags = _e.sent();
+                          return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      return ModifyTaskFormComponent;
+  }());
+  ModifyTaskFormComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-modify-task-form",
+                  template: "\n    <div class=\"wrapper\">\n      <div class=\"modify-task-header-wrapper\">\n        <div class=\"modify-task-header\">\n                    <span class=\"header-menu\"\n                          [class.active]=\"selectedMenu === 'content-menu1'\"\n                          [textContent]=\"'TASK_DETAILS' | localize\"\n                          (click)=\"showContent('content-menu1')\"></span>\n          <span class=\"header-menu\"\n                [class.active]=\"selectedMenu === 'content-menu2'\"\n                [textContent]=\"'TASK_INFORMATION' | localize\"\n                (click)=\"showContent('content-menu2')\"></span>\n          <span class=\"header-menu\"\n                [class.active]=\"selectedMenu === 'content-menu3'\"\n                [textContent]=\"'PLANNING' | localize\"\n                (click)=\"showContent('content-menu3')\"></span>\n        </div>\n      </div>\n      <div class=\"content-menu-wrapper narrow-scrollbar\">\n        <div class=\"content-menu\" [hidden]=\"selectedMenu !== 'content-menu1'\">\n          <div class=\"content-row-wrapper\">\n            <div class=\"content-left\">\n              <co-task-details [readonly]=\"readonly\"\n                               [table]=\"TableNames.Tasks\"\n                               [key]=\"key\"\n                               [(activity)]=\"activity\"\n                               (activityChange)=\"activityChange.emit($event)\"\n                               (showWorkLog)=\"handleShowWorkLow()\"\n                               noBorder\n              ></co-task-details>\n              <co-input-checkbox\n                class=\"invoice-checkbox\"\n                [label]=\"'MARKED' | localize\"\n                [(model)]=\"activity.task.isInvoiced\">\n              </co-input-checkbox>\n              <div class=\"marked-time-wrapper\">\n                <co-input-checkbox\n                  [(model)]=\"activity.task.workMandatory\"\n                  [label]=\"'TIMEREGISTRATION_MANDATORY' | localize\"\n                  noModuleService>\n                </co-input-checkbox>\n                <!-- TODO implement back later-->\n                <!-- <arrow-link *ngIf=\"!readonly\" label=\"REGISTER_TIME_HERE\" (click)=\"handleRegisterWork()\"></arrow-link>-->\n              </div>\n\n            </div>\n            <div class=\"content-right\">\n              <div class=\"activity-content-header\" [textContent]=\"'PERSONS' | localize\"></div>\n              <co-executive-summary-block\n                [readonly]=\"readonly\"\n                [(activity)]=\"activity\"\n                (activityChange)=\"activityChange.emit($event)\" noBorder\n              ></co-executive-summary-block>\n\n              <!--TODO implement new file upload here-->\n              <!-- <activity-attachments\n                       [(activity)]=\"activity\"\n                       [readonly]=\"readonly\"\n                       [key]=\"activity.task.id\"\n                       [noForceInput]=\"true\"\n                       (activityChange)=\"activityChange.emit($event)\"\n                       noBorder\n               ></activity-attachments>-->\n            </div>\n          </div>\n          <div class=\"activities-wrapper\">\n            <co-activity-list [activities]=\"activities\">\n\n            </co-activity-list>\n          </div>\n        </div>\n        <div class=\"content-menu\" [hidden]=\"selectedMenu !== 'content-menu2'\">\n          <co-status-summary-block\n            [readonly]=\"readonly\"\n            [(activity)]=\"activity\"\n            [table]=\"TableNames.Tasks\"\n            [key]=\"key\"\n            (activityChange)=\"activityChange.emit($event)\" noBorder\n          ></co-status-summary-block>\n          <co-creation-summary-block\n            [readonly]=\"readonly\"\n            [(activity)]=\"activity\"\n            (activityChange)=\"activityChange.emit($event)\" noBorder\n          ></co-creation-summary-block>\n          <!--<planning-summary-block\n                  [readonly]=\"readonly\"\n                  [(activity)]=\"activity\"\n                  (activityChange)=\"activityChange.emit($event)\" noBorder\n          ></planning-summary-block>-->\n        </div>\n        <div class=\"content-menu\" [hidden]=\"selectedMenu !== 'content-menu3'\">\n          <co-notification-summary-block\n            [readonly]=\"readonly\"\n            [(activity)]=\"activity\"\n            (activityChange)=\"activityChange.emit($event)\" noBorder\n          ></co-notification-summary-block>\n\n          <div class=\"edit-tags-wrapper\">\n            <co-simple-tags-form [tags]=\"allTags\"\n                                 [linkedTags]=\"activity.task.tags\">\n            </co-simple-tags-form>\n          </div>\n          <div class=\"transaction-tag-wrapper\" *ngFor=\"let tag of activity.task.tags\">\n            <div class=\"tag\" [textContent]=\"tag.description\"></div>\n          </div>\n        </div>\n      </div>\n\n    </div>\n  ",
+                  providers: [
+                      corecomponents_v12.FormMasterService,
+                      {
+                          provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                          useExisting: i0.forwardRef(function () { return ModifyTaskFormComponent; })
+                      }
+                  ]
+              },] }
+  ];
+  ModifyTaskFormComponent.ctorParameters = function () { return [
+      { type: businessObjectFactory.BusinessObjectFactory },
+      { type: SharedService },
+      { type: corecomponents_v12.IconCacheService }
+  ]; };
+  ModifyTaskFormComponent.propDecorators = {
+      activity: [{ type: i0.Input }],
+      showClass: [{ type: i0.HostBinding, args: ["class.co-modify-task-form",] }],
+      activityTaskConfigNames: [{ type: i0.Input }],
+      readonly: [{ type: i0.Input }],
+      popupContext: [{ type: i0.Input }],
+      forceReadonly: [{ type: i0.Input }],
+      hidden: [{ type: i0.HostBinding, args: ["class.hidden",] }],
+      activityChange: [{ type: i0.Output }],
+      statusChange: [{ type: i0.Output }],
+      showWorkLog: [{ type: i0.Output }]
+  };
+  __decorate([
+      InputBoolean()
+  ], ModifyTaskFormComponent.prototype, "forceReadonly", null);
+  var TaskModifierComponent = /** @class */ (function () {
+      function TaskModifierComponent(_dialogService, _boFactory, _dictionary, iconService, sharedService) {
+          this._dialogService = _dialogService;
+          this._boFactory = _boFactory;
+          this._dictionary = _dictionary;
+          this.iconService = iconService;
+          this.sharedService = sharedService;
+          this.icons = exports["ɵbu"];
+          this.editingComplete = new i0.EventEmitter();
+          this.activitySaved = new i0.EventEmitter();
+          this.activityDeleted = new i0.EventEmitter();
+          this.closedWithoutComplete = new i0.EventEmitter();
+          this.showWorkLog = new i0.EventEmitter();
+          this.taskCreated = new i0.EventEmitter();
+          this.taskModified = new i0.EventEmitter();
+          this.showAfterInsert = false;
+          this.showNewForm = false;
+          this.showModificationForm = false;
+          this.taskEditting = false;
+          this.Icon = exports["ɵbu"];
+      }
+      Object.defineProperty(TaskModifierComponent.prototype, "readonly", {
+          get: function () {
+              //return this.moduleService.readonly &&
+              return false;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      TaskModifierComponent.prototype.showClass = function () {
+          return true;
+      };
+      Object.defineProperty(TaskModifierComponent.prototype, "showForm", {
+          get: function () {
+              return this.showNewForm || this.showModificationForm;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(TaskModifierComponent.prototype, "header", {
+          get: function () {
+              return (this.showModificationForm) ? "TASK" : "ADD_TASK2";
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(TaskModifierComponent.prototype, "subHeader", {
+          get: function () {
+              return this.currentActivity ? this.currentActivity.task.taskId + "" : "";
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(TaskModifierComponent.prototype, "subSubHeader", {
+          get: function () {
+              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)) {
+                  var label = this._dictionary.get('LAST_CHANGE');
+                  var lastModifiedBy = (_e = this.currentActivity.task) === null || _e === void 0 ? void 0 : _e.lastModifiedDisplayName;
+                  var lastModifiedDate = (_f = this.currentActivity.task) === null || _f === void 0 ? void 0 : _f.lastModifiedDate.toLocaleString();
+                  return label + ': ' + lastModifiedBy + ' | ' + lastModifiedDate;
+              }
+              return "";
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(TaskModifierComponent.prototype, "subHeaderLink", {
+          get: function () {
+              if (this.showModificationForm && this.currentActivity && this.currentActivity.task) {
+                  if (this.currentActivity.task.workflowCategory && this.currentActivity.task.reference) {
+                      var activityName = void 0;
+                      activityName = this._dictionary.get("WORKFLOW_CATEGORY_" + this.currentActivity.task.workflowCategory) + " " + this.currentActivity.task.reference + ")";
+                      return activityName;
+                  }
+              }
+              return "";
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(TaskModifierComponent.prototype, "userIsTaskReporter", {
+          get: function () {
+              return this.editActivity &&
+                  ((this.editActivity.task.reporterUserGroupId && this.editActivity.task.reporterUserGroupId === this.userGroupId) ||
+                      (this.editActivity.task.reporter && this.editActivity.task.reporter.relationId === this.relationId));
+          },
+          enumerable: false,
+          configurable: true
+      });
+      TaskModifierComponent.prototype.ngOnDestroy = function () {
+      };
+      TaskModifierComponent.prototype.handleSaveForm = function () {
+          this.mainForm.submit();
+      };
+      TaskModifierComponent.prototype.onValid = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var newActivity, result;
+              return __generator(this, function (_g) {
+                  switch (_g.label) {
+                      case 0:
+                          if (!this.editActivity) return [3 /*break*/, 2];
+                          newActivity = this.editActivity.isNew;
+                          return [4 /*yield*/, this.sharedService.updateActivity(this.editActivity)];
+                      case 1:
+                          result = _g.sent();
+                          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();
+                          _g.label = 2;
+                      case 2: return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      TaskModifierComponent.prototype.handleCancelForm = function () {
+          this._createClone();
+          //TODO: is this needed?
+          //this.moduleService.cancelEdit();
+          this.closedWithoutComplete.next(true);
+          this.hide();
+      };
+      TaskModifierComponent.prototype.onPopupClose = function () {
+          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);
+              }
+          }
+      }*/
+      TaskModifierComponent.prototype.hide = function () {
+          this.showNewForm = false;
+          this.showModificationForm = false;
+      };
+      TaskModifierComponent.prototype.deleteTask = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var doDelete;
+              return __generator(this, function (_g) {
+                  switch (_g.label) {
+                      case 0: return [4 /*yield*/, this._dialogService.showYesNo("DELETE_TASK", "DELETE_TASK", false)];
+                      case 1:
+                          doDelete = _g.sent();
+                          if (!(doDelete.button === AppPopupButtonType.Yes)) return [3 /*break*/, 3];
+                          return [4 /*yield*/, this.sharedService.deleteActivity(this.editActivity)];
+                      case 2:
+                          _g.sent();
+                          this.activityDeleted.next(this.editActivity);
+                          this.hide();
+                          _g.label = 3;
+                      case 3: return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      TaskModifierComponent.prototype.createNewTask = function (standalone) {
+          if (standalone === void 0) { standalone = true; }
+          return __awaiter(this, void 0, void 0, function () {
+              var _g;
+              return __generator(this, function (_h) {
+                  switch (_h.label) {
+                      case 0:
+                          if (this.showForm) {
+                              return [2 /*return*/];
+                          }
+                          this.showAfterInsert = false;
+                          _g = this;
+                          return [4 /*yield*/, this.createTaskOperation({ standalone: standalone, workflowCategory: this.workflowCategory, reference: this.reference, referenceId: this.referenceId })];
+                      case 1:
+                          _g.currentActivity = _h.sent();
+                          this._createClone();
+                          this.showNewForm = true;
+                          return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      TaskModifierComponent.prototype.startModifyingTask = function (activity) {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_g) {
+                  switch (_g.label) {
+                      case 0:
+                          if (this.showForm || !activity.IsTask) {
+                              return [2 /*return*/];
+                          }
+                          this.showAfterInsert = false;
+                          return [4 /*yield*/, this.sharedService.lockTask(activity.task.taskId)];
+                      case 1:
+                          _g.sent();
+                          activity.task = activity.task;
+                          this.currentActivity = activity;
+                          this._createClone();
+                          this.showModificationForm = true;
+                          return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      TaskModifierComponent.prototype.startModifyingTaskAndWorkLog = function (activity) {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_g) {
+                  switch (_g.label) {
+                      case 0: return [4 /*yield*/, this.startModifyingTask(activity)];
+                      case 1:
+                          _g.sent();
+                          setTimeout(function () {
+                              /*if (this.modifyTaskForm) {
+                                  this.modifyTaskForm.handleRegisterWork();
+                              }*/
+                          });
+                          return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      TaskModifierComponent.prototype._createClone = function () {
+          this.editActivity = this._boFactory.makeWithRawBackendData(activity_bo.Activity, this.currentActivity);
+      };
+      TaskModifierComponent.prototype.doHandleStatusChange = function (editting) {
+          this.taskEditting = editting;
+      };
+      TaskModifierComponent.prototype.updateEditActivity = function (activity) {
+          this.editActivity = this._boFactory.makeWithRawBackendData(activity_bo.Activity, activity);
+      };
+      return TaskModifierComponent;
+  }());
+  TaskModifierComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-task-modifier",
+                  template: "\n        <co-dialog  *ngIf=\"showForm\"\n                    (closeClick)=\"onPopupClose()\"\n                    class=\"task-popup\"\n                    cssId=\"task_modifier_popup\"\n                    noClickOutside contentSize>\n<!--\n          [header]=\"header\"\n          [subHeader]=\"subHeader\"\n          [subHeaderLink]=\"subHeaderLink\"\n          [subSubHeader]=\"subSubHeader\"\n          [headerIcon]=\"icons.Task\"\n          (openLink)=\"openReferenceInModule()\"-->\n      <!--      <ng-template>-->\n                <div class=\"popup-wrapper\"\n                     [ngClass]=\"(showNewForm) ? 'new-task-popup' : ''\">\n                    <div class=\"form-wrapper mini-scrollbar\">\n                        <co-form #mainForm (validSubmit)=\"onValid()\">\n<!--\n                            <new-task-form *ngIf=\"showNewForm\" [activity]=\"editActivity\" [myCfgNames]=\"taskCfgNames\" [taskKey]=\"referenceId\" [taskWorkflowCategory]=\"workflowCategory\"></new-task-form>\n-->\n                            <co-modify-task-form #modifyTaskForm *ngIf=\"showModificationForm\"\n                                              [activity]=\"editActivity\"\n                                              [readonly]=\"readonly\"\n                                              [popupContext]=\"true\"\n                                              (statusChange)=\"doHandleStatusChange($event)\"\n                                              (showWorkLog)=\"showWorkLog.emit()\"\n                                              (activityChange)=\"updateEditActivity($event)\"\n                            ></co-modify-task-form>\n                        </co-form>\n                    </div>\n                </div>\n                <div class=\"popup-buttons\" fxLayout=\"column\">\n                    <div *ngIf=\"showNewForm\" fxLayout=\"row\" class=\"popup-thumb\">\n                        <span [textContent]=\"'SHOW_AFTER_INSERT' | localize\"></span>\n               <!--         <thumb [(active)]=showAfterInsert\"></thumb>-->\n                    </div>\n                    <div class=\"ok-cancel-buttons\">\n                      <div class=\"button-left\">\n                        <co-button [disabled]=\"readonly || taskEditting\" [textContent]=\"'SAVE' | localize\" (click)=\"handleSaveForm()\"></co-button>\n                      </div>\n                      <div class=\"button-middle\">\n                        <co-button *ngIf=\"showNewForm\" [textContent]=\"'CANCEL' | localize\" (click)=\"handleCancelForm()\"></co-button>\n                      </div>\n                      <div class=\"button-right\">\n                      <co-button *ngIf=\"showModificationForm && !readonly\"\n                                     [iconData]=\"iconService.getIcon(icons.Trashbin)\" class=\"delete light\"\n                                     [disabled]=\"readonly || taskEditting\"\n                                     (click)=\"deleteTask()\"></co-button>\n                      </div>\n                    </div>\n                </div>\n           <!-- </ng-template>-->\n        </co-dialog>\n    "
+              },] }
+  ];
+  TaskModifierComponent.ctorParameters = function () { return [
+      { type: corecomponents_v12.CoreDialogService },
+      { type: businessObjectFactory.BusinessObjectFactory },
+      { type: DictionaryService },
+      { type: IconCacheService },
+      { type: SharedService }
+  ]; };
+  TaskModifierComponent.propDecorators = {
+      mainForm: [{ type: i0.ViewChild, args: [corecomponents_v12.FormComponent,] }],
+      modifyTaskForm: [{ type: i0.ViewChild, args: [i0.forwardRef(function () { return ModifyTaskFormComponent; }),] }],
+      workflowCategory: [{ type: i0.Input }],
+      reference: [{ type: i0.Input }],
+      referenceId: [{ type: i0.Input }],
+      userGroupId: [{ type: i0.Input }],
+      relationId: [{ type: i0.Input }],
+      createTaskOperation: [{ type: i0.Input }],
+      forceReadonly: [{ type: i0.Input }],
+      editingComplete: [{ type: i0.Output }],
+      activitySaved: [{ type: i0.Output }],
+      activityDeleted: [{ type: i0.Output }],
+      closedWithoutComplete: [{ type: i0.Output }],
+      showWorkLog: [{ type: i0.Output }],
+      taskCreated: [{ type: i0.Output }],
+      taskModified: [{ type: i0.Output }],
+      showClass: [{ type: i0.HostBinding, args: ["class.co-task-modifier",] }]
+  };
+  __decorate([
+      InputBoolean()
+  ], TaskModifierComponent.prototype, "forceReadonly", void 0);
+  var BaseActivityOverviewComponent = /** @class */ (function () {
+      function BaseActivityOverviewComponent(_dialogService, _dictionaryService, _sharedService
+      //TODO reinstate when formbuilder is transferred
+      //private _formRepo: FormDalRepository,
+      /*private _router: Router*/
+      ) {
+          this._dialogService = _dialogService;
+          this._dictionaryService = _dictionaryService;
+          this._sharedService = _sharedService;
+          this.icon = exports["ɵbu"];
+          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.prepareWorkflowOperation = OperationWithAlwaysSuccessCallback;
+          this.handleOpenLinkSidebar = false;
+          this.activityChange = new i0.EventEmitter();
+          this.activityDeleted = new i0.EventEmitter();
+          this.triggerFired = new i0.EventEmitter();
+          this.genericTriggerFired = new i0.EventEmitter();
+          this.formCreated = new i0.EventEmitter();
+          this.openLink = new i0.EventEmitter();
+          this.linkClicked = new i0.EventEmitter();
+          this.overDue = false;
+          this.userIsSupervisor = false;
+          this.urls = [];
+          this.isTask = false;
+          this.hasTriggers = false;
+          this.sameDates = false;
+          this._activity = new activity_bo.Activity();
+      }
+      Object.defineProperty(BaseActivityOverviewComponent.prototype, "viewModel", {
+          set: function (value) {
+              this._viewModel = value;
+              this.overDue = value.overDue;
+              this.activity = value.activity;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(BaseActivityOverviewComponent.prototype, "triggerToFireOnSave", {
+          get: function () {
+              return this._triggerToFireOnSave;
+          },
+          set: function (value) {
+              this._triggerToFireOnSave = value;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(BaseActivityOverviewComponent.prototype, "activity", {
+          get: function () {
+              return this._activity;
+          },
+          set: function (value) {
+              this._activity = value;
+              this._prepareData();
+          },
+          enumerable: false,
+          configurable: true
+      });
+      BaseActivityOverviewComponent.prototype.handleButtonEndClick = function () {
+          this.handleTriggerClick(this.firstTriggerToCloseWF);
+      };
+      BaseActivityOverviewComponent.prototype.handleGenericTriggerClick = function (event) {
+          return __awaiter(this, void 0, void 0, function () {
+              var result, messages, len, i;
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0: return [4 /*yield*/, this._sharedService.fireGenericTrigger(this.workFlow.workflowProcessId, event.genericTransitionId, this.userRelationId)];
+                      case 1:
+                          result = _a.sent();
+                          if (result.success) {
+                              this.genericTriggerFired.next(this.activity);
+                          }
+                          else {
+                              messages = [];
+                              len = result.messages.length;
+                              for (i = 0; i < len; i++) {
+                                  messages.push(this._dictionaryService.get(result.messages[i].message.toUpperCase()));
+                              }
+                              this._dialogService.showError(messages.toString());
+                          }
+                          return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      BaseActivityOverviewComponent.prototype.handleTriggerClick = function (eventTrigger) {
+          return __awaiter(this, void 0, void 0, function () {
+              var result, messages, len, i;
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0:
+                          if (!(eventTrigger.isTaskTrigger && eventTrigger.taskId)) return [3 /*break*/, 1];
+                          //prepare task on the activity object, so the task modifier can handle it
+                          this.activity.task = new task_bo.Task();
+                          this.activity.activityType = activityType.ActivityType.Task;
+                          this.activity.task.taskId = eventTrigger.taskId;
+                          this.taskModifier.startModifyingTask(this.activity);
+                          return [3 /*break*/, 6];
+                      case 1:
+                          if (!eventTrigger.isFormTrigger) return [3 /*break*/, 2];
+                          return [3 /*break*/, 6];
+                      case 2:
+                          if (!(eventTrigger.toClosedState && !this._sharedService.canFireTrigger(this.activity, this.activity.task))) return [3 /*break*/, 4];
+                          return [4 /*yield*/, this.prepareWorkflowOperation({ table: this.workFlow.table, key: this.workFlow.key })];
+                      case 3:
+                          _a.sent();
+                          this.triggerToFireOnSave = eventTrigger;
+                          this.showTaskFormAndWorkLog();
+                          return [2 /*return*/];
+                      case 4: return [4 /*yield*/, this._sharedService.fireTrigger(this.workFlow.workflowProcessId, this.workFlow.sequence, eventTrigger.triggerId)];
+                      case 5:
+                          result = _a.sent();
+                          if (result.success) {
+                              this.triggerFired.next(this.activity);
+                          }
+                          else {
+                              messages = [];
+                              len = result.messages.length;
+                              for (i = 0; i < len; i++) {
+                                  messages.push(this._dictionaryService.get(result.messages[i].message.toUpperCase()));
+                              }
+                              this._dialogService.showError(messages.toString());
+                          }
+                          _a.label = 6;
+                      case 6: return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      BaseActivityOverviewComponent.prototype.handleOpenLink = function (event, url) {
+          this._stopEventPropagation(event);
+          if (url) { // breadCrumbs to url
+              this._openUrl(url);
+          }
+          else {
+              this.startModifyingTask();
+          }
+      };
+      BaseActivityOverviewComponent.prototype.handleOpenLinkOrUrl = function (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();
+          }
+      };
+      BaseActivityOverviewComponent.prototype.startModifyingTask = function () {
+          if (this.workFlow && this.workFlow.workFlowHasOneTaskTrigger) {
+              this.activity.task = new task_bo.Task();
+              this.activity.activityType = 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);
+          }
+      };
+      BaseActivityOverviewComponent.prototype.showTaskFormAndWorkLog = function () {
+          if (this.activity.task) {
+              //TODO REINSTATE AFTER FIXING FORM
+              //this.taskModifier.startModifyingTaskAndWorkLog(this.activity);
+          }
+      };
+      BaseActivityOverviewComponent.prototype.onSaveActivity = function (activity) {
+          this.activity = activity;
+          this.activityChange.next(this.activity);
+      };
+      BaseActivityOverviewComponent.prototype.onDeleteActivity = function (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;
+          }
+      }*/
+      BaseActivityOverviewComponent.prototype._prepareData = function () {
+          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();
+      };
+      BaseActivityOverviewComponent.prototype._setFirstTriggerToCloseWF = function () {
+          if (isNill_function.isNill(this.workFlow) || isNill_function.isNill(this.workFlow.manualTriggers)) {
+              return;
+          }
+          this.firstTriggerToCloseWF = undefined;
+          var len = this.workFlow.manualTriggers.length;
+          for (var i = 0; i < len; i++) {
+              if (this.workFlow.manualTriggers[i].toClosedState) {
+                  this.firstTriggerToCloseWF = this.workFlow.manualTriggers[i];
+                  break;
+              }
+          }
+      };
+      BaseActivityOverviewComponent.prototype._openUrl = function (url) {
+          var regEx = new RegExp(/(http)|(www.)/);
+          if (regEx.test(url)) {
+              window.open(url.indexOf("http") === -1 ? "http://" + url : url, "_blank");
+          }
+          else {
+              //this._router.navigateByUrl(url);
+          }
+      };
+      BaseActivityOverviewComponent.prototype._stopEventPropagation = function (event) {
+          event.preventDefault();
+          event.stopPropagation();
+          event.stopImmediatePropagation();
+      };
+      return BaseActivityOverviewComponent;
+  }());
+  BaseActivityOverviewComponent.decorators = [
+      { type: i0.Directive },
+      { type: i0.Injectable }
+  ];
+  BaseActivityOverviewComponent.ctorParameters = function () { return [
+      { type: corecomponents_v12.CoreDialogService },
+      { type: DictionaryService },
+      { type: SharedService }
+  ]; };
+  BaseActivityOverviewComponent.propDecorators = {
+      taskModifier: [{ type: i0.ViewChild, args: [TaskModifierComponent, { static: true },] }],
+      viewModel: [{ type: i0.Input }],
+      triggerToFireOnSave: [{ type: i0.Input }],
+      prepareWorkflowOperation: [{ type: i0.Input }],
+      userRelationId: [{ type: i0.Input }],
+      userGroupId: [{ type: i0.Input }],
+      handleOpenLinkSidebar: [{ type: i0.Input }],
+      activityChange: [{ type: i0.Output }],
+      activityDeleted: [{ type: i0.Output }],
+      triggerFired: [{ type: i0.Output }],
+      genericTriggerFired: [{ type: i0.Output }],
+      formCreated: [{ type: i0.Output }],
+      openLink: [{ type: i0.Output }],
+      linkClicked: [{ type: i0.Output }]
+  };
+  __decorate([
+      InputBoolean()
+  ], BaseActivityOverviewComponent.prototype, "handleOpenLinkSidebar", void 0);
+  var PersonalActivityOverviewComponent = /** @class */ (function (_super) {
+      __extends(PersonalActivityOverviewComponent, _super);
+      function PersonalActivityOverviewComponent() {
+          return _super !== null && _super.apply(this, arguments) || this;
+      }
+      PersonalActivityOverviewComponent.prototype.showClass = function () {
+          return true;
+      };
+      return PersonalActivityOverviewComponent;
+  }(BaseActivityOverviewComponent));
+  PersonalActivityOverviewComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-personal-activity-overview",
+                  template: "\n        <div class=\"overview-wrapper pointer-hover\" (click)=\"handleOpenLinkOrUrl($event)\">\n            <div class=\"overview-wrapper-labels\">\n                <div class=\"activity-title\" [textContent]=\"activityTitle\"></div>\n                <div class=\"activity-context-title\" [textContent]=\"activityContextTitle\"></div>\n            </div>\n            <div class=\"overview-wrapper-date\">\n                <div class=\"date-wrapper\" [class.overdue]=\"overDue\">\n                    <ng-container *ngIf=\"!sameDates\">\n                        <div class=\"date\" [textContent]=\"targetDate | date:'dd-MM-YYYY'\"></div>\n                        <div class=\"date-divider\" [textContent]=\"'-'\"></div>\n                    </ng-container>\n                  <!--TODO REINSTATE AFTER finding what the heck is wrong with date-->\n                        <!--<div class=\"date\" [textContent]=\"deadlineDate | date:'dd-MM-YYYY'\"></div>-->\n                </div>\n            </div>\n        </div>\n        <!--TODO REINSTATE AFTER FIXING FORM-->\n        <!--  <co-task-modifier\n                (editingComplete)=\"onSaveActivity($event)\"\n                (activityDeleted)=\"onDeleteActivity($event)\"\n                (showWorkLog)=\"showTaskFormAndWorkLog()\"\n        ></co-task-modifier>-->\n      <!--  [taskCfgNames]=\"taskCfgNames\"-->\n    "
+              },] }
+  ];
+  PersonalActivityOverviewComponent.propDecorators = {
+      showClass: [{ type: i0.HostBinding, args: ["class.co-personal-activity-overview",] }]
+  };
+  function OperationWithValidationCallback(object, object2, object3) {
+      return Promise.resolve(new validationResult.ValidationResult());
+  }
+  var ComponentActivityListComponent = /** @class */ (function (_super) {
+      __extends(ComponentActivityListComponent, _super);
+      function ComponentActivityListComponent(sharedService) {
+          var _this = _super.call(this) || this;
+          _this.sharedService = sharedService;
+          _this.tabs = personalActivityTab_enum.PersonalActivityTabEnum;
+          _this.icons = exports["ɵbu"];
+          _this.activityClass = activity_bo.Activity;
+          _this.activitySortType = activitySortType_enum.ActivitySortType;
+          _this.hideTitle = false;
+          _this.noFreeTasks = false;
+          _this.componentActivitiesMethod = OperationWithAlwaysSuccessCallback;
+          _this.setHasPausedNotificationsForWorkflowProcessOperation = OperationWithValidationCallback;
+          _this.openLinkClick = new i0.EventEmitter();
+          _this.amountActivityChanged = new i0.EventEmitter();
+          _this.linkClicked = new i0.EventEmitter();
+          _this.formCreated = new i0.EventEmitter();
+          _this.refreshRequested = new i0.EventEmitter();
+          _this.showUsergroupActivitiesChanged = new i0.EventEmitter();
+          _this.activeTab = personalActivityTab_enum.PersonalActivityTabEnum.TODO;
+          /*public activitySortList: boolean[] = [];*/
+          _this.activityList = [];
+          _this._subs = [];
+          _this._activitiesList = [];
+          return _this;
+      }
+      ComponentActivityListComponent.prototype.showClass = function () {
+          return true;
+      };
+      Object.defineProperty(ComponentActivityListComponent.prototype, "table", {
+          get: function () {
+              return this._table;
+          },
+          set: function (value) {
+              this._table = value;
+              this.getTheActivities();
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(ComponentActivityListComponent.prototype, "key", {
+          get: function () {
+              return this._key;
+          },
+          set: function (value) {
+              this._key = value;
+              this.getTheActivities();
+          },
+          enumerable: false,
+          configurable: true
+      });
+      ComponentActivityListComponent.prototype.trackByFn = function (index, vm) {
+          return vm.activity.id + '_' + vm.activity.workflow.combinedTriggerIds;
+      };
+      ComponentActivityListComponent.prototype.ngOnInit = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  this.getTheActivities();
+                  return [2 /*return*/];
+              });
+          });
+      };
+      ComponentActivityListComponent.prototype.ngOnDestroy = function () {
+          //this._subs.forEach(s => s.unsubscribe());
+          _super.prototype.ngOnDestroy.call(this);
+      };
+      ComponentActivityListComponent.prototype.getActivities = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var allActivities;
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0:
+                          if (!(this.table && this.key)) return [3 /*break*/, 2];
+                          return [4 /*yield*/, this.sharedService.getComponentActivitiesWithoutRelationFiltering(this.table, this.key)];
+                      case 1:
+                          allActivities = _a.sent();
+                          if (allActivities) {
+                              this.activities = this.noFreeTasks ? allActivities.filter(function (aa) { return !aa.task && aa.activityType !== activityType.ActivityType.WorkflowTask; }) :
+                                  allActivities.filter(function (aa) { return aa.activityType !== activityType.ActivityType.WorkflowTask; });
+                          }
+                          else {
+                              this.activities = [];
+                          }
+                          this.amountActivityChanged.next(this.activities.length);
+                          _a.label = 2;
+                      case 2: return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      Object.defineProperty(ComponentActivityListComponent.prototype, "activitiesList", {
+          get: function () {
+              return this._activitiesList;
+          },
+          set: function (allActivities) {
+              this._activitiesList = allActivities;
+              if (allActivities) {
+                  this.activities = this.noFreeTasks ? allActivities.filter(function (aa) { return !aa.task && aa.activityType !== activityType.ActivityType.WorkflowTask; }) :
+                      allActivities.filter(function (aa) { return aa.activityType !== activityType.ActivityType.WorkflowTask; });
+              }
+              else {
+                  this.activities = [];
+              }
+          },
+          enumerable: false,
+          configurable: true
+      });
+      ComponentActivityListComponent.prototype.getDelegatedActivities = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  return [2 /*return*/];
+              });
+          });
+      };
+      /*//TODO there were already unused before the move. Can they go?
+      public handleOpenLink(activity: Activity): void {
+          this.openLinkClick.next(activity);
+      }*/
+      ComponentActivityListComponent.prototype.showUsergroupActivitiesChange = function () {
+          this.showUsergroupActivitiesChanged.next();
+      };
+      ComponentActivityListComponent.prototype.handleTriggerFired = function (activity) {
+          this.getTheActivities();
+          this.refreshRequested.emit();
+      };
+      ComponentActivityListComponent.prototype.handleGenericTriggerFired = function (activity) {
+          this.getTheActivities();
+          this.refreshRequested.emit();
+      };
+      ComponentActivityListComponent.prototype.handleFormCreation = function () {
+          this.formCreated.next();
+      };
+      ComponentActivityListComponent.prototype.handleChangedActivity = function (idx, activity) {
+          if (this.activities) {
+              this.activities[idx] = activity;
+          }
+      };
+      ComponentActivityListComponent.prototype.deleteActivity = function (activity) {
+          this.amountActivityChanged.next(this.activities.length - 1);
+      };
+      ComponentActivityListComponent.prototype.reset = function () {
+          _super.prototype.reset.call(this);
+          this.activityList = [];
+      };
+      ComponentActivityListComponent.prototype.doFilterClicked = function (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();
+      };
+      ComponentActivityListComponent.prototype.openFirstTask = function () {
+          if (!this.activities) {
+              return;
+          }
+          var tasks = this.activities.filter((function (value) { return value.IsTask; }));
+          if (tasks && tasks.length > 0) {
+              var activityOverviews = this.activityOverviewList.toArray();
+              if (activityOverviews && activityOverviews.length) {
+                  var len = activityOverviews.length;
+                  for (var i = 0; i < len; i++) {
+                      if (activityOverviews[i].activity.getId() === tasks[0].getId()) {
+                          activityOverviews[i].startModifyingTask();
+                      }
+                  }
+              }
+          }
+      };
+      return ComponentActivityListComponent;
+  }(BaseActivityListComponent));
+  ComponentActivityListComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-component-activity-list",
+                  template: "\n        <co-activity-list-header\n                [title]=\"'ACTIVITIES'\"\n                [table]=\"table\"\n                [key]=\"key\"\n                [(showUsergroupActivities)]=\"showUsergroupActivities\"\n                [(searchText)]=\"searchText\"\n                (periodFilterClicked)=\"doFilterClicked($event)\"\n                (searchTextChange)=\"applyFilter()\"\n                (showUsergroupActivitiesChange)=\"showUsergroupActivitiesChange()\"\n                [setHasPausedNotificationsForWorkflowProcessOperation]=\"setHasPausedNotificationsForWorkflowProcessOperation\"\n        ></co-activity-list-header>\n        <div class=\"activity-list-content\">\n            <div class=\"activity-wrapper\" [@showHideTab]=\"activeTab\">\n                <div class=\"activity-tab-content mini-scrollbar\">\n                    <ng-container *ngFor=\"let activityListViewModel of privateActivityListViewModels\">\n                      <co-collapsible *ngIf=\"activityListViewModel.showing\" #collapseable\n                                      [headerTitle]=\"activityListViewModel.label + ' ' + activityListViewModel.amount\"\n                                      [(expanded)]=\"activityListViewModel.expanded\">\n                            <ng-container *ngFor=\"let activityViewModel of activityListViewModel.activities; trackBy: trackByFn; let index = index\">\n                               <co-component-activity-overview *ngIf=\"activityViewModel.showing\"\n                                                             [viewModel]=\"activityViewModel\"\n                                                             [userRelationId]=\"relationId\"\n                                                             [userGroupId]=\"userGroupId\"\n                                                             (activityChange)=\"handleChangedActivity(index, $event)\"\n                                                             (activityDeleted)=\"deleteActivity($event)\"\n                                                             (genericTriggerFired)=\"handleGenericTriggerFired($event)\"\n                                                             (triggerFired)=\"handleTriggerFired($event)\"\n                                                             (linkClicked)=\"linkClicked.emit($event)\"\n                                                             (formCreated)=\"handleFormCreation()\"></co-component-activity-overview>\n                            </ng-container>\n                       </co-collapsible>\n                    </ng-container>\n                </div>\n                <div class=\"activity-tab-content mini-scrollbar\">\n                    <ng-container *ngFor=\"let activityListViewModel of privateDelegatedActivityListViewModels\">\n                        <co-collapsible *ngIf=\"activityListViewModel.showing\" #collapseable\n                                        [headerTitle]=\"activityListViewModel.label + ' ' + activityListViewModel.amount\"\n                                        [(expanded)]=\"activityListViewModel.expanded\">\n                            <ng-container *ngFor=\"let activityViewModel of activityListViewModel.activities; trackBy: trackByFn; let index = index\">\n                               <co-component-activity-overview *ngIf=\"activityViewModel.showing\"\n                                                             [viewModel]=\"activityViewModel\"\n                                                             [userRelationId]=\"relationId\"\n                                                             [userGroupId]=\"userGroupId\"\n                                                             (activityChange)=\"handleChangedActivity(index, $event)\"\n                                                             (activityDeleted)=\"deleteActivity($event)\"\n                                                             (genericTriggerFired)=\"handleGenericTriggerFired($event)\"\n                                                             (triggerFired)=\"handleTriggerFired($event)\"\n                                                             (linkClicked)=\"linkClicked.emit($event)\"\n                                                             (formCreated)=\"handleFormCreation()\"></co-component-activity-overview>\n                            </ng-container>\n                        </co-collapsible>\n                    </ng-container>\n                </div>\n            </div>\n        </div>\n    ",
+                  animations: [
+                      animations.trigger("showHideContent", [
+                          animations.state("void", animations.style({ transform: "scaleY(0)", opacity: 0 })),
+                          animations.state("*", animations.style({ transform: "scaleY(1)", opacity: 1 })),
+                          animations.transition("void <=> *", animations.animate("200ms ease-in-out"))
+                      ]),
+                      animations.trigger("showHideTab", [
+                          animations.state("TODO", animations.style({ transform: "translateX(0)" })),
+                          animations.state("DELEGATED", animations.style({ transform: "translateX(calc(-100% - 20px))" })),
+                          animations.transition("TODO <=> DELEGATED", animations.animate("200ms ease-in-out"))
+                      ])
+                  ]
+              },] }
+  ];
+  ComponentActivityListComponent.ctorParameters = function () { return [
+      { type: SharedService }
+  ]; };
+  ComponentActivityListComponent.propDecorators = {
+      activityOverviewList: [{ type: i0.ViewChildren, args: [PersonalActivityOverviewComponent,] }],
+      showClass: [{ type: i0.HostBinding, args: ["class.co-component-activity-list",] }],
+      table: [{ type: i0.Input }],
+      key: [{ type: i0.Input }],
+      hideTitle: [{ type: i0.Input }],
+      noFreeTasks: [{ type: i0.Input }],
+      customTitle: [{ type: i0.Input }],
+      userGroupId: [{ type: i0.Input }],
+      relationId: [{ type: i0.Input }],
+      componentActivitiesMethod: [{ type: i0.Input }],
+      setHasPausedNotificationsForWorkflowProcessOperation: [{ type: i0.Input }],
+      openLinkClick: [{ type: i0.Output }],
+      amountActivityChanged: [{ type: i0.Output }],
+      linkClicked: [{ type: i0.Output }],
+      formCreated: [{ type: i0.Output }],
+      refreshRequested: [{ type: i0.Output }],
+      showUsergroupActivitiesChanged: [{ type: i0.Output }],
+      activitiesList: [{ type: i0.Input }]
+  };
+  __decorate([
+      InputBoolean()
+  ], ComponentActivityListComponent.prototype, "hideTitle", void 0);
+  __decorate([
+      InputBoolean()
+  ], ComponentActivityListComponent.prototype, "noFreeTasks", void 0);
+  var PersonalActivityOverviewModule = /** @class */ (function () {
+      function PersonalActivityOverviewModule() {
+      }
+      return PersonalActivityOverviewModule;
+  }());
+  PersonalActivityOverviewModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      common.CommonModule
+                  ],
+                  declarations: [
+                      PersonalActivityOverviewComponent
+                  ],
+                  exports: [
+                      PersonalActivityOverviewComponent
+                  ]
+              },] }
+  ];
+  var ComponentActivityOverviewComponent = /** @class */ (function (_super) {
+      __extends(ComponentActivityOverviewComponent, _super);
+      function ComponentActivityOverviewComponent(iconCacheService, dialogService, dictionaryService, sharedService
+      /*public router: Router*/ ) {
+          var _this = _super.call(this, dialogService, dictionaryService, sharedService /*router*/) || this;
+          _this.iconCacheService = iconCacheService;
+          _this.dialogService = dialogService;
+          _this.dictionaryService = dictionaryService;
+          _this.sharedService = sharedService;
+          _this.Icon = exports["ɵbu"];
+          return _this;
+      }
+      ComponentActivityOverviewComponent.prototype.showClass = function () {
+          return true;
+      };
+      return ComponentActivityOverviewComponent;
+  }(BaseActivityOverviewComponent));
+  ComponentActivityOverviewComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-component-activity-overview",
+                  template: "\n        <div class=\"overview-wrapper\">\n            <div class=\"overview-wrapper-icons\">\n                <co-icon *ngIf=\"userIsSupervisor && (!isTask || firstTriggerToCloseWF === undefined)\" icon=\"supervisor\"\n                      class=\"supervisor-icon big dark\"\n                      [title]=\"'MY_TASKS_SUPERVISOR' | localize\"></co-icon>\n            </div>\n            <div class=\"overview-wrapper-labels\">\n                <div class=\"activity-title\" [textContent]=\"activityTitle\"></div>\n                <div class=\"activity-context-title\" [textContent]=\"activityContextTitle\"></div>\n            </div>\n            <div class=\"overview-wrapper-date\">\n                <div class=\"date-wrapper\" [class.overdue]=\"overDue\">\n                    <ng-container *ngIf=\"!sameDates\">\n                        <div class=\"date\" [textContent]=\"targetDate | date:'dd-MM-YYYY'\"></div>\n                        <div class=\"date-divider\" [textContent]=\"'-'\"></div>\n                    </ng-container>\n                    <div class=\"date\" [textContent]=\"deadlineDate | date:'dd-MM-YYYY'\"></div>\n                </div>\n            </div>\n        </div>\n        <div class=\"overview-main\">\n            <ng-container *ngIf=\"isTask && firstTriggerToCloseWF !== undefined\">\n                <co-button class=\"trans-green custom-text button-trigger no-margin\" [label]=\"firstTriggerToCloseWF.description\"\n                               (click)=\"handleButtonEndClick()\"></co-button>\n            </ng-container>\n            <ng-container *ngIf=\"openButtonLabel\">\n                <co-button class=\"trans-green default-bg custom-text button-trigger-icon action-hover no-margin\"\n                               iconClass=\"custom small\" [iconData]=\"iconCacheService.getIcon(icon.DetailView)\" [label]=\"openButtonLabel | localize\"\n                               (click)=\"handleOpenLink($event)\"></co-button>\n            </ng-container>\n            <!--TODO reinstate this when we figure out how to trigger a screen change. -->\n            <!--<ng-container *ngIf=\"urls && urls.length > 0\">\n                <button-colijn *ngFor=\"let url of urls\"\n                               class=\"trans-green custom-text button-trigger-icon action-hover no-margin\"\n                               [icon]=\"icon.DetailView\"\n                               [label]=\"'OPEN_LINK' | localize\"\n                               iconClass=\"custom small\"\n                               (click)=\"handleOpenLink($event, url)\"></button-colijn>\n            </ng-container>-->\n            <ng-container *ngIf=\"!isTask && hasTriggers\">\n                <co-button     class=\"trans-green custom-text action-hover button-trigger no-margin\" *ngFor=\"let trigger of workFlow.manualGenericTriggers\"\n                               [class.button-trigger-icon]=\"trigger.isTaskTrigger\"\n                               [label]=\"trigger.triggerButtonName\"\n                               [iconData]=\"trigger.isTaskTrigger ? iconCacheService.getIcon(icon.Account): null\"\n                               iconClass=\"custom small\"\n                               (click)=\"handleGenericTriggerClick(trigger)\"\n                ></co-button>\n                <co-button     class=\"trans-green custom-text action-hover button-trigger no-margin\" *ngFor=\"let trigger of workFlow.manualTriggers\"\n                               [class.high-prio]=\"trigger.overDue\"\n                               [class.button-trigger-icon]=\"trigger.isTaskTrigger\"\n                               [label]=\"trigger.triggerButtonName\"\n                               [iconData]=\"trigger.isTaskTrigger ? iconCacheService.getIcon(icon.DetailView): null\"\n                               iconClass=\"custom small\"\n                               (click)=\"handleTriggerClick(trigger)\"\n                ></co-button >\n            </ng-container>\n        </div>\n        <!--TODO reinstate this when we figure out how to trigger a screen change. -->\n        <!-- <formbuilder-user-form *ngIf=\"showCreateForm\"\n                                 [showPopup]=\"showCreateForm\"\n                                 [table]=\"table\"\n                                 [key]=\"key\"\n                                 [form]=\"form\"\n                                 (cancelForm)=\"doCancelForm()\"\n                                 (saveForm)=\"doSaveForm($event)\"\n        ></formbuilder-user-form>-->\n        <co-task-modifier\n                [userGroupId]=\"userGroupId\"\n                [relationId]=\"userRelationId\"\n                (editingComplete)=\"onSaveActivity($event)\"\n                (activityDeleted)=\"onDeleteActivity($event)\"\n                (showWorkLog)=\"showTaskFormAndWorkLog()\"\n        ></co-task-modifier>\n\n    ",
+                  /*  providers: [
+                        {provide: BaseModuleScreenConfigService, useExisting: ScreenConfigurationMockService}
+                    ],*/
+                  animations: [
+                      animations.trigger("fadeInOut", [
+                          animations.state("void", animations.style({ opacity: 0 })),
+                          animations.state("*", animations.style({ opacity: 1 })),
+                          animations.transition(":enter, :leave", animations.animate("200ms ease-in-out")),
+                      ]),
+                      animations.trigger("showHideExtended", [
+                          animations.state("void", animations.style({ "transform-origin": "top center", transform: "scaleY(0)" })),
+                          animations.state("*", animations.style({ "transform-origin": "top center", transform: "scaleY(1)" })),
+                          animations.transition(":enter, :leave", [
+                              animations.animate("200ms ease-in-out")
+                          ])
+                      ])
+                  ]
+              },] }
+  ];
+  ComponentActivityOverviewComponent.ctorParameters = function () { return [
+      { type: IconCacheService },
+      { type: corecomponents_v12.CoreDialogService },
+      { type: DictionaryService },
+      { type: SharedService }
+  ]; };
+  ComponentActivityOverviewComponent.propDecorators = {
+      showClass: [{ type: i0.HostBinding, args: ["class.co-component-activity-overview",] }]
+  };
+  var BaseActivitySummaryComponent = /** @class */ (function () {
+      function BaseActivitySummaryComponent(dictionaryService, dialogService, _sharedService) {
+          this.dictionaryService = dictionaryService;
+          this.dialogService = dialogService;
+          this._sharedService = _sharedService;
+          this.expanded = false;
+          this.noBorder = false;
+          this.readonly = false;
+          this.prepareWorkflowOperation = OperationWithAlwaysSuccessCallback;
+          this.loadTaskOperation = OperationWithAlwaysSuccessCallback;
+          this.activityChange = new i0.EventEmitter();
+          this.showWorkLog = new i0.EventEmitter();
+          this.triggerFired = new i0.EventEmitter();
+      }
+      Object.defineProperty(BaseActivitySummaryComponent.prototype, "activity", {
+          get: function () {
+              return this.editActivity;
+          },
+          set: function (value) {
+              this.editActivity = value;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(BaseActivitySummaryComponent.prototype, "workFlow", {
+          get: function () {
+              return this._workFlow;
+          },
+          set: function (value) {
+              this._workFlow = value;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(BaseActivitySummaryComponent.prototype, "task", {
+          get: function () {
+              return this._task;
+          },
+          set: function (value) {
+              this._task = value;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(BaseActivitySummaryComponent.prototype, "triggerToFireOnSave", {
+          get: function () {
+              return this._triggerToFireOnSave;
+          },
+          set: function (value) {
+              this._triggerToFireOnSave = value;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      BaseActivitySummaryComponent.prototype.handleSave = function (event) {
+          this._saveClone();
+      };
+      BaseActivitySummaryComponent.prototype.handleCancel = function (event) {
+          this.expanded = false;
+      };
+      BaseActivitySummaryComponent.prototype.handleTriggerClick = function (trigger) {
+          return __awaiter(this, void 0, void 0, function () {
+              var canFire, result, messages, len, i;
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0:
+                          if (this.readonly) {
+                              return [2 /*return*/];
+                          }
+                          if (trigger.toClosedState) {
+                              canFire = this._sharedService.canFireTrigger(this.editActivity, this.editActivity.task);
+                              if (!canFire) {
+                                  this.triggerToFireOnSave = trigger;
+                                  this.showWorkLog.next();
+                                  return [2 /*return*/];
+                              }
+                          }
+                          return [4 /*yield*/, this._sharedService.fireTrigger(this.workFlow.workflowId, this.workFlow.sequence, trigger.triggerId)];
+                      case 1:
+                          result = _a.sent();
+                          if (!result.success) return [3 /*break*/, 4];
+                          return [4 /*yield*/, this.updateActivityTask(this.editActivity.task)];
+                      case 2:
+                          _a.sent();
+                          return [4 /*yield*/, this.prepareWorkflow()];
+                      case 3:
+                          _a.sent();
+                          this.triggerFired.emit(this.workFlow);
+                          return [3 /*break*/, 5];
+                      case 4:
+                          messages = [];
+                          len = result.messages.length;
+                          for (i = 0; i < len; i++) {
+                              messages.push(this.dictionaryService.get(result.messages[i].message.toUpperCase()));
+                          }
+                          this.dialogService.showError(messages.toString());
+                          _a.label = 5;
+                      case 5: return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      BaseActivitySummaryComponent.prototype.handleExpandClick = function (value) {
+          this.expanded = value;
+      };
+      BaseActivitySummaryComponent.prototype.prepareWorkflow = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0:
+                          if (!(this.table && this.key)) return [3 /*break*/, 2];
+                          return [4 /*yield*/, this.prepareWorkflowOperation({ table: this.table, key: this.key })];
+                      case 1:
+                          _a.sent();
+                          _a.label = 2;
+                      case 2: return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      BaseActivitySummaryComponent.prototype._saveClone = function () {
+          this.activityChange.next(this.editActivity);
+      };
+      BaseActivitySummaryComponent.prototype.updateActivityTask = function (task) {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0:
+                          if (!task) return [3 /*break*/, 2];
+                          return [4 /*yield*/, this.loadTaskOperation(task.taskId)];
+                      case 1:
+                          _a.sent();
+                          this.editActivity.task = this.task;
+                          this.activityChange.emit(this.editActivity);
+                          _a.label = 2;
+                      case 2: return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      return BaseActivitySummaryComponent;
+  }());
+  BaseActivitySummaryComponent.decorators = [
+      { type: i0.Directive }
+  ];
+  BaseActivitySummaryComponent.ctorParameters = function () { return [
+      { type: DictionaryService },
+      { type: corecomponents_v12.CoreDialogService },
+      { type: SharedService }
+  ]; };
+  BaseActivitySummaryComponent.propDecorators = {
+      activity: [{ type: i0.Input }],
+      workFlow: [{ type: i0.Input }],
+      task: [{ type: i0.Input }],
+      table: [{ type: i0.Input }],
+      key: [{ type: i0.Input }],
+      expanded: [{ type: i0.Input }],
+      noBorder: [{ type: i0.HostBinding, args: ["class.no-border",] }, { type: i0.Input }],
+      readonly: [{ type: i0.Input }],
+      prepareWorkflowOperation: [{ type: i0.Input }],
+      loadTaskOperation: [{ type: i0.Input }],
+      triggerToFireOnSave: [{ type: i0.Input }],
+      activityChange: [{ type: i0.Output }],
+      showWorkLog: [{ type: i0.Output }],
+      triggerFired: [{ type: i0.Output }],
+      hidden: [{ type: i0.HostBinding, args: ["class.hidden",] }]
+  };
+  __decorate([
+      InputBoolean()
+  ], BaseActivitySummaryComponent.prototype, "noBorder", void 0);
+  var TaskDetailsComponent = /** @class */ (function (_super) {
+      __extends(TaskDetailsComponent, _super);
+      function TaskDetailsComponent(dictionaryService, dialogService, iconCacheService, sharedService) {
+          var _this = _super.call(this, dictionaryService, dialogService, sharedService) || this;
+          _this.dictionaryService = dictionaryService;
+          _this.dialogService = dialogService;
+          _this.iconCacheService = iconCacheService;
+          _this.sharedService = sharedService;
+          _this.Icon = exports["ɵbu"];
+          _this.showStatusDropdown = false;
+          return _this;
+      }
+      Object.defineProperty(TaskDetailsComponent.prototype, "activity", {
+          get: function () {
+              return this.editActivity;
+          },
+          set: function (value) {
+              this.editActivity = value;
+              this.prepareWorkflow();
+          },
+          enumerable: false,
+          configurable: true
+      });
+      TaskDetailsComponent.prototype.showClass = function () {
+          return true;
+      };
+      TaskDetailsComponent.prototype.toggleStatusDropdown = function () {
+          this.showStatusDropdown = !this.showStatusDropdown;
+      };
+      TaskDetailsComponent.prototype.handleTriggerClickAndClose = function (trigger) {
+          this.handleTriggerClick(trigger);
+          this.showStatusDropdown = false;
+      };
+      return TaskDetailsComponent;
+  }(BaseActivitySummaryComponent));
+  TaskDetailsComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-task-details",
+                  template: "\n        <div class=\"header-wrapper\">\n            <div class=\"workflow-dropdown-wrapper\">\n                <div *ngIf=\"!workFlow\" class=\"workflow-dropdown\">\n                    <div class=\"workflow-drop error-color\" [class.active]=\"!workFlow\">\n                        <label [textContent]=\"'NO_ACTIVE_WORKFLOW_FOR_TASK' | localize\"></label>\n                    </div>\n                </div>\n                <div *ngIf=\"workFlow && !workFlow.ended\" class=\"workflow-dropdown\">\n                    <div class=\"workflow-drop\"\n                         [class.towait]=\"workFlow?.stateName?.includes('wacht') || workFlow?.stateName?.includes('hold')\"\n                         [class.toclose]=\"workFlow.closed\"\n                         (click)=\"toggleStatusDropdown()\">\n                        <label [textContent]=\"workFlow?.stateName\"></label>\n                        <co-icon *ngIf=\"!workFlow.closed\" [iconData]=\"iconCacheService.getIcon(Icon.ChevronRightRegular)\"></co-icon>\n                        <co-icon *ngIf=\"workFlow.closed\" [iconData]=\"iconCacheService.getIcon(Icon.CheckSolid)\"></co-icon>\n                    </div>\n                    <div class=\"workflow-dropdown-list\" *ngIf=\"showStatusDropdown\">\n                        <div class=\"workflow-drop\"\n                             *ngFor=\"let trigger of workFlow?.manualTriggers\"\n                             (click)=\"handleTriggerClickAndClose(trigger)\">\n                            <label [textContent]=\"trigger.manualButtonText\"></label>\n                            <div class=\"drop-point\"\n                                 [class.toclose]=\"trigger.toClosedState\"\n                                 [class.toend]=\"trigger.toEndOfWorkflow\"\n                                 [class.towait]=\"trigger.manualButtonText.includes('wacht') || trigger.manualButtonText.includes('hold')\">\n                                <span class=\"dot\" ></span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div *ngIf=\"workFlow && workFlow?.ended\" class=\"workflow-dropdown\">\n                    <div class=\"workflow-drop toend\" *ngIf=\"workFlow.ended\">\n                        <label [textContent]=\"'CLOSED' | localize\"></label>\n                        <co-icon [iconData]=\"iconCacheService.getIcon(Icon.CheckSolid)\"></co-icon>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"details-wrapper\" fxLayout=\"column\" fxLayoutGap=\"5px\">\n            <co-input-text\n                    [placeholder]=\"'TITLE2' | localize\"\n                    [readonly]=\"readonly\"\n                    [(model)]=\"editActivity.task.name\"\n                    [asyncValidators]=\"blackListValidatorsArray\"\n            ></co-input-text>\n            <co-input-textarea\n                    [placeholder]=\"'DESCRIPTION' | localize\"\n                    [readonly]=\"readonly\"\n                    [(model)]=\"editActivity.task.description\"\n                    [asyncValidators]=\"blackListValidatorsArray\"\n            ></co-input-textarea>\n        </div>\n    "
+              },] }
+  ];
+  TaskDetailsComponent.ctorParameters = function () { return [
+      { type: DictionaryService },
+      { type: corecomponents_v12.CoreDialogService },
+      { type: IconCacheService },
+      { type: SharedService }
+  ]; };
+  TaskDetailsComponent.propDecorators = {
+      activity: [{ type: i0.Input }],
+      showClass: [{ type: i0.HostBinding, args: ["class.co-task-details",] }]
+  };
+  var TaskDetailsModule = /** @class */ (function () {
+      function TaskDetailsModule() {
+      }
+      return TaskDetailsModule;
+  }());
+  TaskDetailsModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      LocalizationModule,
+                      corecomponents_v12.InputTextModule,
+                      corecomponents_v12.InputTextareaModule,
+                      corecomponents_v12.IconModule,
+                      common.CommonModule,
+                  ],
+                  declarations: [
+                      TaskDetailsComponent
+                  ],
+                  exports: [
+                      TaskDetailsComponent
+                  ]
+              },] }
+  ];
+  var ActivitySummaryBlockComponent = /** @class */ (function () {
+      function ActivitySummaryBlockComponent(_formMaster, elementRef) {
+          this._formMaster = _formMaster;
+          this.elementRef = elementRef;
+          this.Icon = exports["ɵbu"];
+          this.noBorder = false;
+          this.readonly = false;
+          this.showButtons = false;
+          this.hideCancel = false;
+          this.actionIcon = false;
+          this.expandable = false;
+          this.saveClick = new i0.EventEmitter();
+          this.cancelClick = new i0.EventEmitter();
+      }
+      ActivitySummaryBlockComponent.prototype.showClass = function () {
+          return true;
+      };
+      Object.defineProperty(ActivitySummaryBlockComponent.prototype, "summaryElement", {
+          get: function () {
+              return this.elementRef;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      ActivitySummaryBlockComponent.prototype.ngOnDestroy = function () {
+          this.elementRef = undefined;
+      };
+      ActivitySummaryBlockComponent.prototype.handleOkClick = function (event) {
+          if (this.mainForm) {
+              this.mainForm.submit();
+          }
+      };
+      ActivitySummaryBlockComponent.prototype.handleCancelClick = function (event) {
+          this.cancelClick.next(event);
+      };
+      ActivitySummaryBlockComponent.prototype.onValid = function () {
+          this.saveClick.next(null);
+      };
+      return ActivitySummaryBlockComponent;
+  }());
+  ActivitySummaryBlockComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-activity-summary-block",
+                  template: "\n        <div class=\"block-wrapper border\">\n            <div class=\"activity-summary-block-edit-template\" [id]=\"cssId\">\n                <co-form (validSubmit)=\"onValid()\">\n                    <div class=\"template-wrapper\">\n                        <ng-template [templateWrapper]=\"editTemplate\" *ngIf=\"editTemplate\"></ng-template>\n                    </div>\n                </co-form>\n                <div class=\"ok-cancel-buttons\" *ngIf=\"showButtons\">\n                  <co-button [disabled]=\"readonly\" [textContent]=\"'OK' | localize\" (click)=\"handleOkClick($event)\"></co-button>\n                  <co-button *ngIf=\"hideCancel\" [textContent]=\"'STICKER' | localize\" (click)=\"handleCancelClick($event)\"></co-button>\n                  <ng-template [templateWrapper]=\"extraButtonsTemplate\" *ngIf=\"extraButtonsTemplate\"></ng-template>\n                </div>\n            </div>\n        </div>\n    ",
+                  providers: [
+                      corecomponents_v12.FormMasterService
+                  ]
+              },] }
+  ];
+  ActivitySummaryBlockComponent.ctorParameters = function () { return [
+      { type: corecomponents_v12.FormMasterService },
+      { type: i0.ElementRef }
+  ]; };
+  ActivitySummaryBlockComponent.propDecorators = {
+      mainForm: [{ type: i0.ViewChild, args: [corecomponents_v12.FormComponent,] }],
+      cssId: [{ type: i0.Input }],
+      noBorder: [{ type: i0.HostBinding, args: ["class.no-border",] }, { type: i0.Input }],
+      icon: [{ type: i0.Input }],
+      editIcon: [{ type: i0.Input }],
+      image: [{ type: i0.Input }],
+      editTitle: [{ type: i0.Input }],
+      editTemplate: [{ type: i0.Input }],
+      extraButtonsTemplate: [{ type: i0.Input }],
+      readonly: [{ type: i0.Input }],
+      showButtons: [{ type: i0.Input }],
+      hideCancel: [{ type: i0.Input }],
+      actionIcon: [{ type: i0.HostBinding, args: ["class.icon-action",] }, { type: i0.Input }],
+      expandable: [{ type: i0.Input }],
+      saveClick: [{ type: i0.Output }],
+      cancelClick: [{ type: i0.Output }],
+      showClass: [{ type: i0.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);
+  var ActivitySummaryBlockModule = /** @class */ (function () {
+      function ActivitySummaryBlockModule() {
+      }
+      return ActivitySummaryBlockModule;
+  }());
+  ActivitySummaryBlockModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      corecomponents_v12.FormModule,
+                      corecomponents_v12.ButtonModule,
+                      common.CommonModule,
+                      LocalizationModule,
+                      corecomponents_v12.TemplateWrapperModule
+                  ],
+                  declarations: [
+                      ActivitySummaryBlockComponent
+                  ],
+                  exports: [
+                      ActivitySummaryBlockComponent
+                  ]
+              },] }
+  ];
+  var StatusSummaryBlockComponent = /** @class */ (function (_super) {
+      __extends(StatusSummaryBlockComponent, _super);
+      function StatusSummaryBlockComponent(dictionaryService, dialogService, iconService, sharedService) {
+          var _this = _super.call(this, dictionaryService, dialogService, sharedService) || this;
+          _this.dictionaryService = dictionaryService;
+          _this.dialogService = dialogService;
+          _this.iconService = iconService;
+          _this.sharedService = sharedService;
+          _this.Icon = exports["ɵbu"];
+          return _this;
+      }
+      StatusSummaryBlockComponent.prototype.showClass = function () {
+          return true;
+      };
+      StatusSummaryBlockComponent.prototype.ngOnInit = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0: return [4 /*yield*/, this.prepareWorkflow()];
+                      case 1:
+                          _a.sent();
+                          return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      return StatusSummaryBlockComponent;
+  }(BaseActivitySummaryComponent));
+  StatusSummaryBlockComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-status-summary-block",
+                  template: "\n        <co-activity-summary-block\n                [cssId]=\"'status_summary_block_edit_template'\"\n                [readonly]=\"readonly\"\n                [icon]=\"Icon.IoneWorkflow\"\n                [editIcon]=\"Icon.IoneWorkflow\"\n                editTitle=\"STATUS_AND_WORKFLOW\"\n                [editTemplate]=\"editTemplate\" actionIcon expandable noBorder\n                (saveClick)=\"handleSave($event)\" (cancelClick)=\"handleCancel($event)\">\n        </co-activity-summary-block>\n        <ng-template #editTemplate>\n            <div fxLayout=\"column\">\n                <div class=\"status-summary-date-wrapper\">\n                    <co-input-date [model]=\"editActivity.task.startDateTime\"\n                                   [placeholder]=\"'FIRST_ACTION_DATE' | localize\"\n                                   [readonly]=\"true\" ></co-input-date>\n                    <co-input-date [(model)]=\"editActivity.task.executedOnDateTime\"\n                                   [placeholder]=\"'ACTUAL_EXECUTION_DATE' | localize\"\n                                   ></co-input-date>\n                </div>\n            </div>\n            <co-input-text class=\"single-field\"\n                           [placeholder]=\"'ACTIVITY_STATUS' | localize\"\n                           [model]=\"workFlow?.state\"\n                           [leftIconData]=\"iconService.getIcon(Icon.PinRoundOpen)\"\n                           [readonly]=\"true\"\n                            ></co-input-text>\n        </ng-template>\n    ",
+                  providers: [{
+                          provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                          useExisting: i0.forwardRef(function () { return StatusSummaryBlockComponent; })
+                      }]
+              },] }
+  ];
+  StatusSummaryBlockComponent.ctorParameters = function () { return [
+      { type: DictionaryService },
+      { type: corecomponents_v12.CoreDialogService },
+      { type: IconCacheService },
+      { type: SharedService }
+  ]; };
+  StatusSummaryBlockComponent.propDecorators = {
+      showClass: [{ type: i0.HostBinding, args: ["class.co-status-summary-block",] }]
+  };
+  var StatusSummaryBlockModule = /** @class */ (function () {
+      function StatusSummaryBlockModule() {
+      }
+      return StatusSummaryBlockModule;
+  }());
+  StatusSummaryBlockModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      ActivitySummaryBlockModule,
+                      corecomponents_v12.InputDateRangePickerModule,
+                      corecomponents_v12.InputDatePickerModule,
+                      LocalizationModule,
+                      corecomponents_v12.InputTextModule
+                  ],
+                  declarations: [
+                      StatusSummaryBlockComponent
+                  ],
+                  exports: [
+                      StatusSummaryBlockComponent
+                  ]
+              },] }
+  ];
+  var CreationSummaryBlockComponent = /** @class */ (function (_super) {
+      __extends(CreationSummaryBlockComponent, _super);
+      function CreationSummaryBlockComponent(dictionaryService, dialogService, sharedService, locale) {
+          var _this = _super.call(this, dictionaryService, dialogService, sharedService) || this;
+          _this.dictionaryService = dictionaryService;
+          _this.dialogService = dialogService;
+          _this.sharedService = sharedService;
+          _this.locale = locale;
+          _this.Icon = exports["ɵbu"];
+          _this.taskCategories = [];
+          _this.priorityDomainColl = [];
+          return _this;
+      }
+      CreationSummaryBlockComponent.prototype.showClass = function () {
+          return true;
+      };
+      CreationSummaryBlockComponent.prototype.ngOnDestroy = function () {
+          this.editTemplate = undefined;
+      };
+      CreationSummaryBlockComponent.prototype.ngOnInit = function () {
+          var _this = this;
+          this.sharedService.getTaskCategories().then(function (result) {
+              _this.taskCategories = result;
+              _this.chosenTaskCategory = _this.taskCategories.find(function (t) { return t.categoryId === _this.editActivity.task.categoryId; });
+          });
+          this.sharedService.getDomainCollection(this.locale, domainName_enum.DomainName.Priority).then(function (result) {
+              _this.priorityDomainColl = result;
+              if (_this.chosenTaskCategory) {
+                  _this.chosenPriority = _this._findDomainValueOfPriorityType(_this.editActivity.task.priority);
+              }
+          });
+      };
+      CreationSummaryBlockComponent.prototype.handleTaskCategoryChange = function (taskCategory) {
+          if (this.taskCategories.length > 0 && taskCategory) {
+              this.editActivity.task.categoryId = this.chosenTaskCategory.categoryId;
+              this.editActivity.task.category = this.chosenTaskCategory.category;
+          }
+      };
+      CreationSummaryBlockComponent.prototype.handlePriorityChange = function (domainValue) {
+          if (this.priorityDomainColl.length > 0 && domainValue) {
+              this.editActivity.task.priority = priorityType_enum.PriorityType[domainValue.code];
+          }
+      };
+      CreationSummaryBlockComponent.prototype._findDomainValueOfPriorityType = function (priorityType) {
+          if (!this.priorityDomainColl || isNill_function.isNill(priorityType)) {
+              return undefined;
+          }
+          return this.priorityDomainColl.find(function (domainValue) {
+              return domainValue.codeAsNumber === priorityType;
+          });
+      };
+      return CreationSummaryBlockComponent;
+  }(BaseActivitySummaryComponent));
+  CreationSummaryBlockComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-creation-summary-block",
+                  template: "\n        <co-activity-summary-block\n                [readonly]=\"readonly\"\n                [icon]=\"Icon.Task\" editTitle=\"TASK_INFORMATION\"\n                [editTemplate]=\"editTemplate\"\n                (saveClick)=\"handleSave($event)\"\n                (cancelClick)=\"handleCancel($event)\" expandable noBorder>\n        </co-activity-summary-block>\n\n        <ng-template #editTemplate>\n            <div fxLayout=\"column\">\n                <div class=\"creation-summary-date-wrapper\">\n                    <co-input-date\n                            [placeholder]=\"'CREATION_DATE' | localize\"\n                            [model]=\"editActivity.task.creationDateTime\"\n                            [readonly]=\"true\">\n                    </co-input-date>\n                    <co-input-text\n                            [placeholder]=\"'TIME' | localize\"\n                            [model]=\"editActivity.task.creationDateTime | date:'HH:mm:ss'\"\n                            [readonly]=\"true\">\n                    </co-input-text>\n                </div>\n\n                <co-list-of-values\n                        [readonly]=\"readonly\"\n                        [collection]=\"priorityDomainColl\"\n                        [(model)]=\"chosenPriority\"\n                        (modelChange)=\"handlePriorityChange($event)\"></co-list-of-values>\n\n                 <co-list-of-values\n                         [readonly]=\"readonly\"\n                         [collection]=\"taskCategories\"\n                         [(model)]=\"chosenTaskCategory\"\n                         [displayField]=\"'category'\"\n                         (modelChange)=\"handleTaskCategoryChange($event)\"></co-list-of-values>\n            </div>\n        </ng-template>\n    ",
+                  providers: [{
+                          provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                          useExisting: i0.forwardRef(function () { return CreationSummaryBlockComponent; })
+                      }]
+              },] }
+  ];
+  CreationSummaryBlockComponent.ctorParameters = function () { return [
+      { type: DictionaryService },
+      { type: corecomponents_v12.CoreDialogService },
+      { type: SharedService },
+      { type: exports["ɵca"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] }
+  ]; };
+  CreationSummaryBlockComponent.propDecorators = {
+      editTemplate: [{ type: i0.ViewChild, args: ["editTemplate", { static: true },] }],
+      showClass: [{ type: i0.HostBinding, args: ["class.co-creation-summary-block",] }]
+  };
+  var CreationSummaryBlockModule = /** @class */ (function () {
+      function CreationSummaryBlockModule() {
+      }
+      return CreationSummaryBlockModule;
+  }());
+  CreationSummaryBlockModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      ActivitySummaryBlockModule,
+                      corecomponents_v12.InputDatePickerModule,
+                      corecomponents_v12.InputTextModule,
+                      LocalizationModule,
+                      common.CommonModule,
+                      corecomponents_v12.ListOfValuesModule
+                  ],
+                  declarations: [
+                      CreationSummaryBlockComponent
+                  ],
+                  exports: [
+                      CreationSummaryBlockComponent
+                  ]
+              },] }
+  ];
+  var RelationType;
+  (function (RelationType) {
+      RelationType["Executive"] = "executive";
+      RelationType["Reporter"] = "reporter";
+      RelationType["Supervisor"] = "supervisor";
+  })(RelationType || (RelationType = {}));
+  var ExecutiveSummaryBlockComponent = /** @class */ (function (_super) {
+      __extends(ExecutiveSummaryBlockComponent, _super);
+      function ExecutiveSummaryBlockComponent(dictionaryService, dialogService, sharedService) {
+          var _this = _super.call(this, dictionaryService, dialogService, sharedService) || this;
+          _this.dictionaryService = dictionaryService;
+          _this.dialogService = dialogService;
+          _this.sharedService = sharedService;
+          _this.RelationType = RelationType;
+          _this.Icon = exports["ɵbu"];
+          _this._textSearchParams = new relationRequest.RelationRequest();
+          _this.personnel = [];
+          return _this;
+      }
+      ExecutiveSummaryBlockComponent.prototype.showClass = function () {
+          return true;
+      };
+      ExecutiveSummaryBlockComponent.prototype.ngOnInit = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var _this = this;
+              return __generator(this, function (_a) {
+                  this._textSearchParams.relationTypeList = [relationKind_enum.RelationKind.Personnel];
+                  this.sharedService.getRelationListObjects(this._textSearchParams).then(function (result) {
+                      _this.personnel = result;
+                  });
+                  return [2 /*return*/];
+              });
+          });
+      };
+      return ExecutiveSummaryBlockComponent;
+  }(BaseActivitySummaryComponent));
+  ExecutiveSummaryBlockComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-executive-summary-block",
+                  template: "\n\n        <co-activity-summary-block [editTemplate]=\"editTemplate\"\n                                [readonly]=\"readonly\"\n                                [icon]=\"Icon.Employee\"\n                                (saveClick)=\"handleSave($event)\"\n                                (cancelClick)=\"handleCancel($event)\"\n                                editTitle=\"PERSONS\" expandable noBorder>\n        </co-activity-summary-block>\n        <ng-template #editTemplate>\n            <div fxLayout=\"column\">\n                <co-list-of-values\n                        [(model)]=\"editActivity.task.executive\"\n                        [collection]=\"personnel\"\n                        [displayField]=\"'displayName'\"\n                        [label]=\"'EXECUTIVE' | localize\">\n                </co-list-of-values>\n                <co-list-of-values\n                        [(model)]=\"editActivity.task.reporter\"\n                        [collection]=\"personnel\"\n                        [displayField]=\"'displayName'\"\n                        [label]=\"'REPORTER' | localize\">\n                </co-list-of-values>\n                <co-list-of-values\n                        [(model)]=\"editActivity.task.supervisor\"\n                        [collection]=\"personnel\"\n                        [displayField]=\"'displayName'\"\n                        [label]=\"'SUPERVISOR' | localize\">\n                </co-list-of-values>\n            </div>\n        </ng-template>\n    ",
+                  providers: [{
+                          provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                          useExisting: i0.forwardRef(function () { return ExecutiveSummaryBlockComponent; })
+                      }]
+              },] }
+  ];
+  ExecutiveSummaryBlockComponent.ctorParameters = function () { return [
+      { type: DictionaryService },
+      { type: corecomponents_v12.CoreDialogService },
+      { type: SharedService }
+  ]; };
+  ExecutiveSummaryBlockComponent.propDecorators = {
+      showClass: [{ type: i0.HostBinding, args: ["class.co-executive-summary-block",] }]
+  };
+  var ExecutiveSummaryBlockModule = /** @class */ (function () {
+      function ExecutiveSummaryBlockModule() {
+      }
+      return ExecutiveSummaryBlockModule;
+  }());
+  ExecutiveSummaryBlockModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      LocalizationModule,
+                      corecomponents_v12.ListOfValuesModule,
+                      corecomponents_v12.InputDatePickerModule,
+                      ActivitySummaryBlockModule
+                  ],
+                  declarations: [
+                      ExecutiveSummaryBlockComponent
+                  ],
+                  exports: [
+                      ExecutiveSummaryBlockComponent
+                  ]
+              },] }
+  ];
+  var NotificationSummaryBlockComponent = /** @class */ (function (_super) {
+      __extends(NotificationSummaryBlockComponent, _super);
+      function NotificationSummaryBlockComponent(boFactory,
+      //public activityService: ActivityService,
+      dictionaryService, dialogService, sharedService) {
+          var _this = _super.call(this, dictionaryService, dialogService, sharedService) || this;
+          _this.boFactory = boFactory;
+          _this.dictionaryService = dictionaryService;
+          _this.dialogService = dialogService;
+          _this.sharedService = sharedService;
+          _this.Icon = exports["ɵbu"];
+          _this.listItems = [];
+          return _this;
+      }
+      NotificationSummaryBlockComponent.prototype.showClass = function () {
+          return true;
+      };
+      NotificationSummaryBlockComponent.prototype.ngOnInit = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var _a;
+              return __generator(this, function (_b) {
+                  switch (_b.label) {
+                      case 0:
+                          if (!!isNill(this.editActivity.task.taskId)) return [3 /*break*/, 2];
+                          _a = this;
+                          return [4 /*yield*/, this.sharedService.getRoleEmailAddressesByWorkflowCategoryAndKey('TASK', (this.editActivity.task.taskId.toString()))];
+                      case 1:
+                          _a.listItems = _b.sent();
+                          _b.label = 2;
+                      case 2: return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      NotificationSummaryBlockComponent.prototype.handleSendEmail = function (event) {
+          this.handleSave(event);
+          //this.activityService.sendTaskNotificationEmail(this.editActivity.task);
+      };
+      return NotificationSummaryBlockComponent;
+  }(BaseActivitySummaryComponent));
+  NotificationSummaryBlockComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-notification-summary-block",
+                  template: "\n        <co-activity-summary-block [readonly]=\"readonly\" [icon]=\"Icon.Notification\" editTitle=\"NOTIFICATIONS\"\n                                [editTemplate]=\"editTemplate\"\n                                [extraButtonsTemplate]=\"extraButtonsTemplate\"\n                                [showButtons]=\"true\"\n                                (saveClick)=\"handleSave($event)\" (cancelClick)=\"handleCancel($event)\" expandable noBorder>\n        </co-activity-summary-block>\n        <ng-template #extraButtonsTemplate>\n            <co-button *ngIf=\"editActivity.task.emailAddresses.length > 0\" label=\"SEND_EMAIL\"\n                           (click)=\"handleSendEmail($event)\"></co-button>\n        </ng-template>\n        <ng-template #editTemplate>\n            <div fxLayout=\"column\">\n                <co-list-of-values [readonly]=\"readonly\" [multiselect]=\"true\"\n                                   [collection]=\"listItems\" [displayField]=\"'role'\"\n                                   [(model)]=\"editActivity.task.emailAddresses\">\n                </co-list-of-values>\n            </div>\n        </ng-template>\n    ",
+                  providers: [{
+                          provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                          useExisting: i0.forwardRef(function () { return NotificationSummaryBlockComponent; })
+                      }]
+              },] }
+  ];
+  NotificationSummaryBlockComponent.ctorParameters = function () { return [
+      { type: businessObjectFactory.BusinessObjectFactory },
+      { type: DictionaryService },
+      { type: corecomponents_v12.CoreDialogService },
+      { type: SharedService }
+  ]; };
+  NotificationSummaryBlockComponent.propDecorators = {
+      summaryBlock: [{ type: i0.ViewChild, args: [ActivitySummaryBlockComponent, { static: true },] }],
+      showClass: [{ type: i0.HostBinding, args: ["class.co-notification-summary-block",] }]
+  };
+  var NotificationSummaryBlockModule = /** @class */ (function () {
+      function NotificationSummaryBlockModule() {
+      }
+      return NotificationSummaryBlockModule;
+  }());
+  NotificationSummaryBlockModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      ActivitySummaryBlockModule,
+                      corecomponents_v12.ListOfValuesModule,
+                      corecomponents_v12.ButtonModule,
+                      common.CommonModule
+                  ],
+                  declarations: [
+                      NotificationSummaryBlockComponent
+                  ],
+                  exports: [
+                      NotificationSummaryBlockComponent
+                  ]
+              },] }
+  ];
+  var ModifyTaskFormModule = /** @class */ (function () {
+      function ModifyTaskFormModule() {
+      }
+      return ModifyTaskFormModule;
+  }());
+  ModifyTaskFormModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      LocalizationModule,
+                      TaskDetailsModule,
+                      corecomponents_v12.InputCheckboxModule,
+                      ExecutiveSummaryBlockModule,
+                      StatusSummaryBlockModule,
+                      CreationSummaryBlockModule,
+                      NotificationSummaryBlockModule,
+                      ActivityListModule,
+                      SimpleTagsModule,
+                      corecomponents_v12.ButtonModule,
+                      common.CommonModule,
+                      SimpleTagsFormModule
+                  ],
+                  declarations: [
+                      ModifyTaskFormComponent
+                  ],
+                  exports: [
+                      ModifyTaskFormComponent
+                  ]
+              },] }
+  ];
+  var TaskModifyerModule = /** @class */ (function () {
+      function TaskModifyerModule() {
+      }
+      return TaskModifyerModule;
+  }());
+  TaskModifyerModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      corecomponents_v12.FormModule,
+                      corecomponents_v12.CoDialogModule,
+                      LocalizationModule,
+                      common.CommonModule,
+                      corecomponents_v12.ButtonModule,
+                      ModifyTaskFormModule
+                  ],
+                  declarations: [
+                      TaskModifierComponent
+                  ],
+                  exports: [
+                      TaskModifierComponent
+                  ],
+                  providers: [
+                      businessObjectFactory.BusinessObjectFactory
+                  ]
+              },] }
+  ];
+  var ComponentActivityOverviewModule = /** @class */ (function () {
+      function ComponentActivityOverviewModule() {
+      }
+      return ComponentActivityOverviewModule;
+  }());
+  ComponentActivityOverviewModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      corecomponents_v12.ButtonModule,
+                      common.CommonModule,
+                      LocalizationModule,
+                      corecomponents_v12.IconModule,
+                      TaskModifyerModule
+                  ],
+                  declarations: [
+                      ComponentActivityOverviewComponent
+                  ],
+                  exports: [
+                      ComponentActivityOverviewComponent
+                  ],
+              },] }
+  ];
+  var ActivityListHeaderComponent = /** @class */ (function () {
+      function ActivityListHeaderComponent(iconService) {
+          this.iconService = iconService;
+          this.icons = exports["ɵbu"];
+          this.activitySortType = activitySortType_enum.ActivitySortType;
+          this.title = 'MY_WORK';
+          this.searchTextChange = new i0.EventEmitter();
+          this.periodFilterClicked = new i0.EventEmitter();
+          this.showUsergroupActivitiesChange = new i0.EventEmitter();
+      }
+      ActivityListHeaderComponent.prototype.showClass = function () {
+          return true;
+      };
+      ActivityListHeaderComponent.prototype.onToggleClicked = function (toggled) {
+          this.showUsergroupActivitiesChange.emit(toggled);
+      };
+      return ActivityListHeaderComponent;
+  }());
+  ActivityListHeaderComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-activity-list-header",
+                  template: "\n        <div class=\"header-wrapper\">\n            <div class=\"title\">\n                <h2 [textContent]=\"title | localize\"></h2>\n            </div>\n        </div>\n        <div class=\"sub-header\">\n            <div class=\"second-column\">\n                <div class=\"second-column-right\">\n                    <co-input-text class=\"input-search\" [placeholder]=\"'SEARCH_PLACEHOLDER' | localize\"\n                                [(model)]=\"searchText\"\n                                (modelChange)=\"searchTextChange.emit($event)\"></co-input-text>\n                    <co-period-filter class=\"period-filter\" (filterClicked)=\"periodFilterClicked.emit($event)\"></co-period-filter>\n                    <co-button isToggleButton class=\"transparent-rectangular-action user-button\" [(isToggled)]=\"showUsergroupActivities\" (onClick)=\"showUsergroupActivities = !showUsergroupActivities\"\n                                   [iconData]=\"iconService.getIcon(icons.Employee)\" [title]=\"'SHOW_ACTIVITIES_FOR_GROUP' | localize\"\n                                   (isToggledChange)=\"onToggleClicked($event)\"></co-button>\n                    <co-workflow-notification-toggle *ngIf=\"table && key\"\n                          [table]=\"table\"\n                          [key]=\"key\"\n                          [setHasPausedNotificationsForWorkflowProcessOperation]=\"setHasPausedNotificationsForWorkflowProcessOperation\"\n                      ></co-workflow-notification-toggle>\n                </div>\n            </div>\n        </div>\n    "
+              },] }
+  ];
+  ActivityListHeaderComponent.ctorParameters = function () { return [
+      { type: IconCacheService }
+  ]; };
+  ActivityListHeaderComponent.propDecorators = {
+      title: [{ type: i0.Input }],
+      searchText: [{ type: i0.Input }],
+      showUsergroupActivities: [{ type: i0.Input }],
+      table: [{ type: i0.Input }],
+      key: [{ type: i0.Input }],
+      setHasPausedNotificationsForWorkflowProcessOperation: [{ type: i0.Input }],
+      searchTextChange: [{ type: i0.Output }],
+      periodFilterClicked: [{ type: i0.Output }],
+      showUsergroupActivitiesChange: [{ type: i0.Output }],
+      showClass: [{ type: i0.HostBinding, args: ["class.co-activity-list-header",] }]
+  };
+  var WorkflowNotificationTogglePopupComponent = /** @class */ (function () {
+      function WorkflowNotificationTogglePopupComponent(element, iconService) {
+          this.element = element;
+          this.iconService = iconService;
+          this.icons = exports["ɵbu"];
+          this.workflowProcesses = [];
+          this.closePopupClicked = new i0.EventEmitter();
+          this.workflowProcessClicked = new i0.EventEmitter();
+      }
+      WorkflowNotificationTogglePopupComponent.prototype.ngOnDestroy = function () {
+          this.element = undefined;
+      };
+      return WorkflowNotificationTogglePopupComponent;
+  }());
+  WorkflowNotificationTogglePopupComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-workflow-notification-toggle-popup",
+                  template: "\n    <div class=\"workflow-list-wrapper\" [overlay]=\"parentForOverlay\"\n         [alignWith]=\"element\"\n         [alignTopOffsetPx]=\"35\"\n         [class.showing]=\"true\"\n         [enableAlign]=\"true\"\n         [clickOutside]=\"true\"\n         (clickOutside)=\"closePopupClicked.emit()\"\n         keepInView noWidthAlign alignRight>\n      <div class=\"workflow-row\" *ngFor=\"let workflow of workflowProcesses\"\n           (click)=\"workflowProcessClicked.emit(workflow)\">\n        <div class=\"icon-wrapper\">\n          <co-icon class=\"workflow-icon\"\n                   [iconData]=\"iconService.getIcon(workflow.hasPausedNotifications ? icons.BellSlashRegular : icons.BellRegular)\"\n                   [class.small-icon]=\"!workflow.hasPausedNotifications\"></co-icon>\n        </div>\n        <div class=\"workflow-text\">\n          <span class=\"workflow-title\" [textContent]=\"workflow.workflowName\"></span>\n        </div>\n      </div>\n    </div>"
+              },] }
+  ];
+  WorkflowNotificationTogglePopupComponent.ctorParameters = function () { return [
+      { type: i0.ElementRef },
+      { type: IconCacheService }
+  ]; };
+  WorkflowNotificationTogglePopupComponent.propDecorators = {
+      workflowProcesses: [{ type: i0.Input }],
+      parentForOverlay: [{ type: i0.Input }],
+      closePopupClicked: [{ type: i0.Output }],
+      workflowProcessClicked: [{ type: i0.Output }]
+  };
+  var WorkflowNotificationToggleComponent = /** @class */ (function () {
+      function WorkflowNotificationToggleComponent(element, iconService, sharedService, _overlayService) {
+          this.element = element;
+          this.iconService = iconService;
+          this.sharedService = sharedService;
+          this._overlayService = _overlayService;
+          this.icons = exports["ɵbu"];
+          this.workflowProcesses = [];
+          this.showPopup = false;
+      }
+      WorkflowNotificationToggleComponent.prototype.showClass = function () {
+          return true;
+      };
+      WorkflowNotificationToggleComponent.prototype.ngOnInit = function () {
+          this._loadWorkflowProcesses();
+      };
+      WorkflowNotificationToggleComponent.prototype._loadWorkflowProcesses = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var _a;
+              return __generator(this, function (_b) {
+                  switch (_b.label) {
+                      case 0:
+                          _a = this;
+                          return [4 /*yield*/, this.sharedService.getActiveProcessesByTableAndKey(tableName_enum.TableName[this.table], this.key)];
+                      case 1:
+                          _a.workflowProcesses = _b.sent();
+                          return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      WorkflowNotificationToggleComponent.prototype.buttonClicked = function () {
+          if (!this.showPopup) {
+              this.openPopup();
+          }
+          else {
+              this.closePopup();
+          }
+      };
+      WorkflowNotificationToggleComponent.prototype.openPopup = function () {
+          var _this = this;
+          this.showPopup = true;
+          this._workflowPopupRef = this._overlayService.createComponent(WorkflowNotificationTogglePopupComponent, { parentForOverlay: this.element, workflowProcesses: this.workflowProcesses }, {
+              closePopupClicked: function () { return _this.closePopup(); },
+              workflowProcessClicked: function (WorkflowProcess) { return _this.handleWorkflowToggle(WorkflowProcess); }
+          });
+      };
+      WorkflowNotificationToggleComponent.prototype.closePopup = function () {
+          this.showPopup = false;
+          this._overlayService.removeComponent(this._workflowPopupRef);
+      };
+      WorkflowNotificationToggleComponent.prototype.handleWorkflowToggle = function (workflow) {
+          return __awaiter(this, void 0, void 0, function () {
+              var valResult;
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0: return [4 /*yield*/, this.setHasPausedNotificationsForWorkflowProcessOperation(workflow.workflowProcessId, !workflow.hasPausedNotifications, null)];
+                      case 1:
+                          valResult = _a.sent();
+                          if (valResult && valResult.success) {
+                              workflow.hasPausedNotifications = !workflow.hasPausedNotifications;
+                          }
+                          return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      return WorkflowNotificationToggleComponent;
+  }());
+  WorkflowNotificationToggleComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-workflow-notification-toggle",
+                  template: "\n    <co-button isToggleButton class=\"transparent-rectangular-action user-button\" [isToggled]=\"showPopup\"\n               (click)=\"buttonClicked()\"\n               [iconData]=\"iconService.getIcon(icons.BellRegular)\"\n               [title]=\"'SHOW_WORKFLOW_NOTIFICATION_SETTINGS' | localize\"></co-button>\n  "
+              },] }
+  ];
+  WorkflowNotificationToggleComponent.ctorParameters = function () { return [
+      { type: i0.ElementRef },
+      { type: IconCacheService },
+      { type: SharedService },
+      { type: corecomponents_v12.OverlayService }
+  ]; };
+  WorkflowNotificationToggleComponent.propDecorators = {
+      table: [{ type: i0.Input }],
+      key: [{ type: i0.Input }],
+      setHasPausedNotificationsForWorkflowProcessOperation: [{ type: i0.Input }],
+      showClass: [{ type: i0.HostBinding, args: ["class.co-workflow-notification-toggle",] }]
+  };
+  // App-wide service to place and remove template refs into the global absolute overlay outlet component.
+  var AppAbsoluteOverlayOutletService = /** @class */ (function () {
+      function AppAbsoluteOverlayOutletService() {
+          this.templateCreateRequest = new rxjs.Subject();
+          this.templateDestroyRequest = new rxjs.Subject();
+      }
+      AppAbsoluteOverlayOutletService.prototype.placeTemplateIntoOverlay = function (template) {
+          this.templateCreateRequest.next(template);
+      };
+      AppAbsoluteOverlayOutletService.prototype.removeTemplateFromOverlay = function (template) {
+          this.templateDestroyRequest.next(template);
+      };
+      return AppAbsoluteOverlayOutletService;
+  }());
+  AppAbsoluteOverlayOutletService.decorators = [
+      { type: i0.Injectable }
+  ];
+  AppAbsoluteOverlayOutletService.ctorParameters = function () { return []; };
+  // Directive applicable to <ng-template>'s of components. Places template content in the app's absolute overlay outlet.
+  var AbsoluteOverlayTemplateDirective = /** @class */ (function () {
+      function AbsoluteOverlayTemplateDirective(_outletService) {
+          this._outletService = _outletService;
+      }
+      // spawn host template in absolute overlay outlet
+      AbsoluteOverlayTemplateDirective.prototype.ngOnInit = function () {
+          this._outletService.placeTemplateIntoOverlay(this.absoluteOverlayTemplate);
+      };
+      // de-spawn host template from absolute overlay outlet
+      AbsoluteOverlayTemplateDirective.prototype.ngOnDestroy = function () {
+          this._outletService.removeTemplateFromOverlay(this.absoluteOverlayTemplate);
+          this.absoluteOverlayTemplate = undefined;
+      };
+      return AbsoluteOverlayTemplateDirective;
+  }());
+  AbsoluteOverlayTemplateDirective.decorators = [
+      { type: i0.Directive, args: [{
+                  selector: "[absoluteOverlayTemplate]"
+              },] }
+  ];
+  AbsoluteOverlayTemplateDirective.ctorParameters = function () { return [
+      { type: AppAbsoluteOverlayOutletService }
+  ]; };
+  AbsoluteOverlayTemplateDirective.propDecorators = {
+      absoluteOverlayTemplate: [{ type: i0.Input }]
+  };
+  // @dynamic
+  var EventUtils = /** @class */ (function () {
+      function EventUtils() {
+      }
+      Object.defineProperty(EventUtils, "passiveSupported", {
+          get: function () {
+              if (isNill(EventUtils._passiveSupported)) {
+                  EventUtils._CheckPassiveSupported();
+              }
+              return EventUtils._passiveSupported;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(EventUtils, "passiveBubble", {
+          get: function () {
+              if (isNill(EventUtils._passiveBubble)) {
+                  EventUtils._passiveBubble = EventUtils.passiveSupported ? { passive: true, capture: false } : false;
+              }
+              return EventUtils._passiveBubble;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(EventUtils, "passiveCapture", {
+          get: function () {
+              if (isNill(EventUtils._passiveCapture)) {
+                  EventUtils._passiveCapture = EventUtils.passiveSupported ? { passive: true, capture: true } : true;
+              }
+              return EventUtils._passiveCapture;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      EventUtils.GetMouseEventOrTouch = function (originalEvent) {
+          return originalEvent instanceof MouseEvent ? originalEvent : originalEvent.touches[0];
+      };
+      EventUtils.StopEvent = function (event) {
+          if (!event) {
+              return;
+          }
+          event.preventDefault();
+          event.stopPropagation();
+          event.stopImmediatePropagation();
+      };
+      EventUtils.KillEvent = function (event) {
+          this.StopEvent(event);
+          if (event) {
+              event.stopPropagation();
+          }
+      };
+      EventUtils._CheckPassiveSupported = function () {
+          var passiveSupported = false;
+          try {
+              var 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;
+      };
+      return EventUtils;
+  }());
+  EventUtils._passiveSupported = null;
+  EventUtils._passiveCapture = null;
+  EventUtils._passiveBubble = null;
+  var BrowserUtils = /** @class */ (function () {
+      function BrowserUtils() {
+      }
+      BrowserUtils.ScrollToTop = function (nativeElement, milliSeconds) {
+          if (milliSeconds === void 0) { milliSeconds = 200; }
+          return BrowserUtils._ScrollTo("scrollTop", nativeElement, milliSeconds, 0);
+      };
+      BrowserUtils.DownloadFile = function (encodedUri, fileType) {
+          var link = document.createElement("a");
+          var 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);
+      };
+      BrowserUtils.CopyToClipboard = function (data) {
+          var textArea = document.createElement("TEXTAREA");
+          var textNode = document.createTextNode(data);
+          textArea.appendChild(textNode);
+          document.body.appendChild(textArea); // Required for FF
+          textArea.select();
+          document.execCommand("copy");
+          document.body.removeChild(textArea);
+      };
+      BrowserUtils.TabFocusNextElement = function () {
+          var nextTabStop = BrowserUtils._FindNextTabStop(document.activeElement);
+          if (nextTabStop) {
+              nextTabStop.focus();
+          }
+      };
+      BrowserUtils.AreDimensionsInView = function (dimensions, view) {
+          var vp = BrowserUtils.GetDimensions(view);
+          return dimensions.top >= vp.top && dimensions.left >= vp.left && dimensions.bottom <= vp.bottom && dimensions.right <= vp.right;
+      };
+      BrowserUtils.HorizontalFitInView = function (dimensions, view) {
+          var vp = BrowserUtils.GetDimensions(view);
+          return dimensions.left >= vp.left && dimensions.right <= vp.right;
+      };
+      BrowserUtils.VerticalFitInView = function (dimensions, view) {
+          var vp = BrowserUtils.GetDimensions(view);
+          return dimensions.top >= vp.top && dimensions.bottom <= vp.bottom;
+      };
+      BrowserUtils.GetViewport = function () {
+          var viewPortWidth;
+          var 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 };
+      };
+      BrowserUtils.GetDimensions = function (view) {
+          if (!view) {
+              return this.GetViewport();
+          }
+          else {
+              var elem = view instanceof HTMLElement ? view : view.nativeElement;
+              var cr = elem.getBoundingClientRect();
+              return { left: cr.left, top: cr.top, right: cr.right, bottom: cr.bottom };
+          }
+      };
+      // Recursive.
+      BrowserUtils._ScrollTo = function (elementScrollProp, element, milliSeconds, toScrollEnd) {
+          if (!element || milliSeconds <= 0) {
+              return;
+          }
+          var difference = toScrollEnd - element[elementScrollProp];
+          var scrollPerTick = difference / milliSeconds * 10;
+          setTimeout(function () {
+              element[elementScrollProp] = element[elementScrollProp] + scrollPerTick;
+              if (element[elementScrollProp] === toScrollEnd) {
+                  return;
+              }
+              BrowserUtils._ScrollTo(elementScrollProp, element, milliSeconds - 10, toScrollEnd);
+          }, 10);
+      };
+      BrowserUtils._FindNextTabStop = function (element) {
+          var 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)");
+          var actualStopEls = [];
+          for (var i = 0, len = tabStopElements.length; i < len; i++) {
+              var tabEl = tabStopElements[i];
+              if (tabEl.tabIndex >= 0) {
+                  actualStopEls.push(tabEl);
+              }
+          }
+          var elIdx = actualStopEls.indexOf(element);
+          return actualStopEls[elIdx + 1] || undefined;
+      };
+      return BrowserUtils;
+  }());
+  var AlignWithDirective = /** @class */ (function () {
+      function AlignWithDirective(_ngZone, _elementRef) {
+          var _this = this;
+          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 = function () {
+              _this._alignWithZone();
+          };
+          this.resize = function () {
+              _this._alignWithZone();
+          };
+          this.handleKeyUp = function () {
+              _this._alignWithZone();
+          };
+      }
+      Object.defineProperty(AlignWithDirective.prototype, "alignWith", {
+          // a native OR custom element
+          set: function (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;
+                  }
+              }
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(AlignWithDirective.prototype, "_shouldDoAlign", {
+          get: function () {
+              return this._hostNativeEl && this.enableAlign;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      AlignWithDirective.prototype.ngAfterViewInit = function () {
+          var _this = this;
+          this.align();
+          // align again after hosts 'animation finished'
+          setTimeout(function () {
+              _this.align();
+          }, 200);
+      };
+      AlignWithDirective.prototype.ngOnChanges = function () {
+          this.align();
+      };
+      AlignWithDirective.prototype.ngAfterContentChecked = function () {
+          this.align();
+      };
+      AlignWithDirective.prototype.ngOnDestroy = function () {
+          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;
+      };
+      AlignWithDirective.prototype.ngOnInit = function () {
+          var _this = this;
+          this._ngZone.runOutsideAngular(function () {
+              window.addEventListener("scroll", _this.scroll, EventUtils.passiveCapture);
+              window.addEventListener("resize", _this.resize, EventUtils.passiveCapture);
+              window.addEventListener("keyup", _this.handleKeyUp, EventUtils.passiveCapture);
+          });
+      };
+      AlignWithDirective.prototype._getDimensions = function () {
+          return {
+              top: this.top,
+              right: this.left + this._elementRef.nativeElement.clientWidth,
+              bottom: this.top + this._elementRef.nativeElement.clientHeight,
+              left: this.left
+          };
+      };
+      AlignWithDirective.prototype.align = function () {
+          if (this._shouldDoAlign) {
+              var 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;
+              }
+              var dimensions = this._getDimensions();
+              if (this.keepInView && !BrowserUtils.AreDimensionsInView(dimensions, this.viewElement)) {
+                  var 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
+                  var 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;
+                      }
+                  }
+              }
+          }
+      };
+      AlignWithDirective.prototype._alignWithZone = function () {
+          var _this = this;
+          if (this._shouldDoAlign) {
+              this._ngZone.run(function () {
+                  _this.align();
+              });
+          }
+      };
+      return AlignWithDirective;
+  }());
+  AlignWithDirective.decorators = [
+      { type: i0.Directive, args: [{
+                  selector: "[alignWith]"
+              },] }
+  ];
+  AlignWithDirective.ctorParameters = function () { return [
+      { type: i0.NgZone },
+      { type: i0.ElementRef }
+  ]; };
+  AlignWithDirective.propDecorators = {
+      alignWith: [{ type: i0.Input }],
+      enableAlign: [{ type: i0.Input }],
+      keepInView: [{ type: i0.Input }],
+      keepInViewHorizontal: [{ type: i0.Input }],
+      keepInViewVertical: [{ type: i0.Input }],
+      alignRight: [{ type: i0.Input }],
+      noWidthAlign: [{ type: i0.Input }],
+      ajustableHeight: [{ type: i0.Input }],
+      alignTopOffsetPx: [{ type: i0.Input }],
+      alignLeftOffsetPx: [{ type: i0.Input }],
+      viewElement: [{ type: i0.Input }],
+      fixed: [{ type: i0.HostBinding, args: ["style.position",] }],
+      left: [{ type: i0.HostBinding, args: ["style.left.px",] }],
+      top: [{ type: i0.HostBinding, args: ["style.top.px",] }],
+      height: [{ type: i0.HostBinding, args: ["style.max-height.px",] }],
+      width: [{ type: i0.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);
+  var ClickOutsideDirective = /** @class */ (function () {
+      function ClickOutsideDirective(elementRef) {
+          this.elementRef = elementRef;
+          this.outsideClick = new i0.EventEmitter();
+      }
+      ClickOutsideDirective.prototype.onClick = function (event) {
+          if (!this.elementRef.nativeElement.contains(event.target)) {
+              this.outsideClick.emit(event);
+          }
+      };
+      return ClickOutsideDirective;
+  }());
+  ClickOutsideDirective.decorators = [
+      { type: i0.Directive, args: [{
+                  selector: '[outsideClick]',
+              },] }
+  ];
+  ClickOutsideDirective.ctorParameters = function () { return [
+      { type: i0.ElementRef }
+  ]; };
+  ClickOutsideDirective.propDecorators = {
+      outsideClick: [{ type: i0.Output }],
+      onClick: [{ type: i0.HostListener, args: ['document:mousedown', ['$event'],] }]
+  };
+  var DirectivesModule = /** @class */ (function () {
+      function DirectivesModule() {
+      }
+      return DirectivesModule;
+  }());
+  DirectivesModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [],
+                  declarations: [
+                      AbsoluteOverlayTemplateDirective,
+                      AlignWithDirective,
+                      ClickOutsideDirective
+                  ],
+                  exports: [
+                      AbsoluteOverlayTemplateDirective,
+                      AlignWithDirective,
+                      ClickOutsideDirective
+                  ]
+              },] }
+  ];
+  var WorkflowNotificationToggleModule = /** @class */ (function () {
+      function WorkflowNotificationToggleModule() {
+      }
+      return WorkflowNotificationToggleModule;
+  }());
+  WorkflowNotificationToggleModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      corecomponents_v12.ButtonModule,
+                      corecomponents_v12.ClickoutsideModule,
+                      LocalizationModule,
+                      corecomponents_v12.IconModule,
+                      DirectivesModule,
+                      common.CommonModule,
+                      corecomponents_v12.OverlayModule
+                  ],
+                  declarations: [
+                      WorkflowNotificationToggleComponent,
+                      WorkflowNotificationTogglePopupComponent
+                  ],
+                  exports: [
+                      WorkflowNotificationToggleComponent,
+                      WorkflowNotificationTogglePopupComponent
+                  ],
+                  providers: [
+                      corecomponents_v12.OverlayService
+                  ]
+              },] }
+  ];
+  var PeriodFilterPopupComponent = /** @class */ (function () {
+      function PeriodFilterPopupComponent(element) {
+          this.element = element;
+          this.possibleFilters = [];
+          this.closePopup = new i0.EventEmitter();
+          this.filterClicked = new i0.EventEmitter();
+      }
+      PeriodFilterPopupComponent.prototype.showClass = function () {
+          return true;
+      };
+      PeriodFilterPopupComponent.prototype.ngOnDestroy = function () {
+          this.element = undefined;
+      };
+      return PeriodFilterPopupComponent;
+  }());
+  PeriodFilterPopupComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-period-filter-popup",
+                  template: "\n    <div class=\"dropdown\" id=\"period_filter_dropdown_template\" [overlay]=\"parentForOverlay\"\n         @showFilterItems\n         [alignWith]=\"element\"\n         [alignTopOffsetPx]=\"40\"\n         [class.showing]=\"true\"\n         [enableAlign]=\"true\"\n         [clickOutside]=\"true\"\n         (clickOutside)=\"closePopup.emit()\"\n         keepInView noWidthAlign alignRight>\n      <div class=\"label\" [textContent]=\"'PERIOD_SELECTION' | localize\"></div>\n      <div class=\"filter-item\" *ngFor=\"let filter of possibleFilters\" (click)=\"filterClicked.emit(filter)\">\n        <span class=\"item\" [textContent]=\"filter | localize\"></span>\n      </div>\n    </div>",
+                  encapsulation: i0.ViewEncapsulation.None,
+                  animations: [
+                      animations.trigger("showFilterItems", [
+                          animations.state("void", animations.style({ "height": "0" })),
+                          animations.state("*", animations.style({ "height": "*" })),
+                          animations.transition("void <=> *", animations.animate(200)) //NOSONAR
+                      ])
+                  ]
+              },] }
+  ];
+  PeriodFilterPopupComponent.ctorParameters = function () { return [
+      { type: i0.ElementRef }
+  ]; };
+  PeriodFilterPopupComponent.propDecorators = {
+      showClass: [{ type: i0.HostBinding, args: ["class.co-period-filter-popup",] }],
+      possibleFilters: [{ type: i0.Input }],
+      parentForOverlay: [{ type: i0.Input }],
+      closePopup: [{ type: i0.Output }],
+      filterClicked: [{ type: i0.Output }]
+  };
+  var PeriodFilterComponent = /** @class */ (function () {
+      function PeriodFilterComponent(element, iconService, _overlayService) {
+          this.element = element;
+          this.iconService = iconService;
+          this._overlayService = _overlayService;
+          this.icon = exports["ɵbu"];
+          this.possibleFilters = [
+              period_enum.Period.All,
+              period_enum.Period.Today,
+              period_enum.Period.ThisWeek,
+              period_enum.Period.ThisMonth,
+              period_enum.Period.NextThreeMonths
+          ];
+          this.showPopup = false;
+          this.filterClicked = new i0.EventEmitter();
+          this.currentFilter = this.possibleFilters[0];
+      }
+      PeriodFilterComponent.prototype.showClass = function () {
+          return true;
+      };
+      PeriodFilterComponent.prototype.handleClick = function () {
+          this.showFilterItems();
+      };
+      PeriodFilterComponent.prototype.ngOnDestroy = function () {
+          this.element = undefined;
+      };
+      PeriodFilterComponent.prototype.showFilterItems = function () {
+          var _this = this;
+          this.showPopup = true;
+          this._periodPopupRef = this._overlayService.createComponent(PeriodFilterPopupComponent, { parentForOverlay: this.element, possibleFilters: this.possibleFilters }, {
+              closePopup: function () { return _this.closePopup(); },
+              filterClicked: function (string) { return _this.onFilterClick(string); },
+          });
+      };
+      PeriodFilterComponent.prototype.closePopup = function () {
+          this.showPopup = false;
+          this._overlayService.removeComponent(this._periodPopupRef);
+      };
+      PeriodFilterComponent.prototype.onFilterClick = function (filter) {
+          this.currentFilter = filter;
+          this._emitFilterClicked();
+          this.closePopup();
+      };
+      PeriodFilterComponent.prototype._emitFilterClicked = function () {
+          var from, to;
+          switch (this.currentFilter) {
+              case period_enum.Period.Today:
+                  from = new Date();
+                  to = new Date();
+                  break;
+              case period_enum.Period.ThisWeek:
+                  from = DateUtils.GetFirstDayOfWeek(new Date());
+                  to = DateUtils.GetLastDayOfWeek(new Date());
+                  break;
+              case period_enum.Period.ThisMonth:
+                  from = DateUtils.GetFirstDayOfMonth(new Date());
+                  to = DateUtils.GetLastDayOfMonth(new Date());
+                  break;
+              case period_enum.Period.NextThreeMonths:
+                  from = DateUtils.GetFirstDayOfMonth(new Date());
+                  to = DateUtils.GetLastDayOfMonth(new Date());
+                  to.setMonth(to.getMonth() + 3); //NOSONAR
+                  break;
+          }
+          this.filterClicked.next({ from: from, to: to });
+      };
+      return PeriodFilterComponent;
+  }());
+  PeriodFilterComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-period-filter",
+                  template: "\n        <div class=\"current-filter\" [textContent]=\"currentFilter | localize\"></div>\n        <co-icon [iconData]=\"iconService.getIcon(showPopup ? icon.ArrowPointUp : icon.ArrowPointDown)\"></co-icon>\n    ",
+                  animations: [
+                      animations.trigger("showFilterItems", [
+                          animations.state("void", animations.style({ "height": "0" })),
+                          animations.state("*", animations.style({ "height": "*" })),
+                          animations.transition("void <=> *", animations.animate(200)) //NOSONAR
+                      ])
+                  ],
+                  encapsulation: i0.ViewEncapsulation.None
+              },] }
+  ];
+  PeriodFilterComponent.ctorParameters = function () { return [
+      { type: i0.ElementRef },
+      { type: IconCacheService },
+      { type: corecomponents_v12.OverlayService }
+  ]; };
+  PeriodFilterComponent.propDecorators = {
+      showPopup: [{ type: i0.HostBinding, args: ["class.expanded",] }],
+      showClass: [{ type: i0.HostBinding, args: ["class.co-period-filter",] }],
+      handleClick: [{ type: i0.HostListener, args: ["click",] }],
+      filterClicked: [{ type: i0.Output }]
+  };
+  var PeriodFilterModule = /** @class */ (function () {
+      function PeriodFilterModule() {
+      }
+      return PeriodFilterModule;
+  }());
+  PeriodFilterModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      LocalizationModule,
+                      corecomponents_v12.IconModule,
+                      common.CommonModule,
+                      LocalizationModule,
+                      corecomponents_v12.ClickoutsideModule,
+                      DirectivesModule,
+                      corecomponents_v12.OverlayModule
+                  ],
+                  declarations: [
+                      PeriodFilterComponent,
+                      PeriodFilterPopupComponent
+                  ],
+                  exports: [
+                      PeriodFilterComponent,
+                      PeriodFilterPopupComponent
+                  ],
+                  providers: [
+                      corecomponents_v12.OverlayService
+                  ]
+              },] }
+  ];
+  var ActivityListHeaderModule = /** @class */ (function () {
+      function ActivityListHeaderModule() {
+      }
+      return ActivityListHeaderModule;
+  }());
+  ActivityListHeaderModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      LocalizationModule,
+                      corecomponents_v12.InputTextModule,
+                      corecomponents_v12.ButtonModule,
+                      WorkflowNotificationToggleModule,
+                      PeriodFilterModule,
+                      common.CommonModule
+                  ],
+                  declarations: [
+                      ActivityListHeaderComponent
+                  ],
+                  exports: [
+                      ActivityListHeaderComponent
+                  ],
+              },] }
+  ];
+  var ComponentActivityListModule = /** @class */ (function () {
+      function ComponentActivityListModule() {
+      }
+      return ComponentActivityListModule;
+  }());
+  ComponentActivityListModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      LocalizationModule,
+                      common.CommonModule,
+                      corecomponents_v12.ButtonModule,
+                      corecomponents_v12.CollapsibleModule,
+                      PersonalActivityOverviewModule,
+                      ComponentActivityOverviewModule,
+                      ActivityListHeaderModule
+                  ],
+                  declarations: [
+                      ComponentActivityListComponent
+                  ],
+                  exports: [
+                      ComponentActivityListComponent
+                  ]
+              },] }
+  ];
+  var WorkflowInfoTilesComponent = /** @class */ (function () {
+      function WorkflowInfoTilesComponent(iconCacheService, sharedService) {
+          this.iconCacheService = iconCacheService;
+          this.sharedService = sharedService;
+          this.Icon = exports["ɵbu"];
+          this.icons = exports["ɵbu"];
+          this.workflowProcessInfoPerStatusClicked = new i0.EventEmitter();
+      }
+      Object.defineProperty(WorkflowInfoTilesComponent.prototype, "workflowCategory", {
+          set: function (value) {
+              this._workflowCategory = value;
+              this.getWorkflowProcessInfoPerStatusCollection();
+          },
+          enumerable: false,
+          configurable: true
+      });
+      WorkflowInfoTilesComponent.prototype.showClass = function () {
+          return true;
+      };
+      WorkflowInfoTilesComponent.prototype.ngOnInit = function () {
+          this.getWorkflowProcessInfoPerStatusCollection();
+      };
+      WorkflowInfoTilesComponent.prototype.workflowProcessInfoPerStatusClickedHandler = function (status) {
+          this.workflowProcessInfoPerStatusClicked.emit(status.statusName);
+      };
+      WorkflowInfoTilesComponent.prototype.getWorkflowProcessInfoPerStatusCollection = function () {
+          var _this = this;
+          if (this._workflowCategory) {
+              this.sharedService.getWorkflowProcessInfoPerStatus(this._workflowCategory).then(function (result) {
+                  _this.WorkflowProcessInfoPerStatusCollection = result;
+              });
+          }
+      };
+      return WorkflowInfoTilesComponent;
+  }());
+  WorkflowInfoTilesComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-workflow-info-tiles",
+                  template: "\n        <div class=\"tile-row\">\n            <co-workflow-info-tile *ngFor=\"let workflowProcessInfoPerStatus of WorkflowProcessInfoPerStatusCollection\" [workflowProcessInfoPerStatus]=\"workflowProcessInfoPerStatus\"\n                                   (click)=\"workflowProcessInfoPerStatusClickedHandler(workflowProcessInfoPerStatus)\"></co-workflow-info-tile>\n        </div>\n    ",
+                  encapsulation: i0.ViewEncapsulation.None
+              },] }
+  ];
+  WorkflowInfoTilesComponent.ctorParameters = function () { return [
+      { type: IconCacheService },
+      { type: SharedService }
+  ]; };
+  WorkflowInfoTilesComponent.propDecorators = {
+      workflowCategory: [{ type: i0.Input }],
+      workflowProcessInfoPerStatusClicked: [{ type: i0.Output }],
+      showClass: [{ type: i0.HostBinding, args: ["class.co-workflow-info-tiles",] }]
+  };
+  var WorkflowInfoTileComponent = /** @class */ (function () {
+      function WorkflowInfoTileComponent(iconCacheService, colorService) {
+          this.iconCacheService = iconCacheService;
+          this.colorService = colorService;
+          this.Icon = exports["ɵbu"];
+      }
+      WorkflowInfoTileComponent.prototype.showClass = function () {
+          return true;
+      };
+      WorkflowInfoTileComponent.prototype.ngOnInit = function () {
+          this.backgroundColor = this.colorService.GetRandomColorWithSettings([0, 360], [90, 100], [40, 95], [1, 1]);
+      };
+      return WorkflowInfoTileComponent;
+  }());
+  WorkflowInfoTileComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-workflow-info-tile",
+                  template: "\n        <div class=\"top\">\n            <div class=\"tile-row\">\n              <label class=\"status-text\" [textContent]=\"'STATUS' | localize\"></label>\n              <co-icon class=\"corner-icon\" [iconData]=\"iconCacheService.getIcon(Icon.DetailView)\" ></co-icon>\n            </div>\n              <label class=\"name-text\" [textContent]=\"workflowProcessInfoPerStatus.statusName\"></label>\n        </div>\n        <div class=\"bottom\">\n            <label  class=\"name-text\" [textContent]=\"workflowProcessInfoPerStatus.workflowProcessCount\"></label>\n        </div>\n    ",
+                  encapsulation: i0.ViewEncapsulation.None
+              },] }
+  ];
+  WorkflowInfoTileComponent.ctorParameters = function () { return [
+      { type: IconCacheService },
+      { type: corecomponents_v12.ColorSequenceService }
+  ]; };
+  WorkflowInfoTileComponent.propDecorators = {
+      workflowProcessInfoPerStatus: [{ type: i0.Input }],
+      showClass: [{ type: i0.HostBinding, args: ["class.co-workflow-info-tile",] }],
+      backgroundColor: [{ type: i0.HostBinding, args: ["style.background-color",] }]
+  };
+  var WorkflowInfoTileModule = /** @class */ (function () {
+      function WorkflowInfoTileModule() {
+      }
+      return WorkflowInfoTileModule;
+  }());
+  WorkflowInfoTileModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      LocalizationModule,
+                      corecomponents_v12.IconModule
+                  ],
+                  declarations: [
+                      WorkflowInfoTileComponent
+                  ],
+                  exports: [
+                      WorkflowInfoTileComponent
+                  ],
+                  providers: []
+              },] }
+  ];
+  var WorkflowInfoTilesModule = /** @class */ (function () {
+      function WorkflowInfoTilesModule() {
+      }
+      return WorkflowInfoTilesModule;
+  }());
+  WorkflowInfoTilesModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      WorkflowInfoTileModule,
+                      common.CommonModule
+                  ],
+                  declarations: [
+                      WorkflowInfoTilesComponent
+                  ],
+                  exports: [
+                      WorkflowInfoTilesComponent
+                  ],
+                  providers: []
+              },] }
+  ];
   /*
    * Public API Surface of sharedcomponents
    */
@@ -10438,6 +14201,8 @@
   exports.AgendaEventPerDay = AgendaEventPerDay;
   exports.CoLinearGaugeComponent = CoLinearGaugeComponent;
   exports.CoLinearGaugeModule = CoLinearGaugeModule;
+  exports.ComponentActivityListComponent = ComponentActivityListComponent;
+  exports.ComponentActivityListModule = ComponentActivityListModule;
   exports.DatePlanningComponent = DatePlanningComponent;
   exports.DatePlanningModule = DatePlanningModule;
   exports.DocsignComponent = DocsignComponent;
@@ -10452,12 +14217,16 @@
   exports.SendMethodDialogModule = SendMethodDialogModule;
   exports.SharedService = SharedService;
   exports.SimpleTagsComponent = SimpleTagsComponent;
+  exports.SimpleTagsFormComponent = SimpleTagsFormComponent;
+  exports.SimpleTagsFormModule = SimpleTagsFormModule;
   exports.SimpleTagsModule = SimpleTagsModule;
   exports.StatusbarComponent = StatusbarComponent;
   exports.StatusbarModule = StatusbarModule;
   exports.StockComponent = StockComponent;
   exports.StockModule = StockModule;
   exports.Translation = Translation;
+  exports.WorkflowInfoTilesComponent = WorkflowInfoTilesComponent;
+  exports.WorkflowInfoTilesModule = WorkflowInfoTilesModule;
   exports.sendMethodsWithIcon = sendMethodsWithIcon;
   exports["ɵa"] = SignatureComponent;
   exports["ɵb"] = SignaturesComponent;
@@ -10523,7 +14292,45 @@
   exports["ɵdh"] = AppFileDropzoneComponent;
   exports["ɵdi"] = DragDropContainerComponent;
   exports["ɵdj"] = DragDropService;
+  exports["ɵdk"] = BaseActivityListComponent;
+  exports["ɵdl"] = PersonalActivityOverviewComponent;
+  exports["ɵdm"] = BaseActivityOverviewComponent;
+  exports["ɵdn"] = TaskModifierComponent;
+  exports["ɵdo"] = ModifyTaskFormComponent;
+  exports["ɵdp"] = PersonalActivityOverviewModule;
+  exports["ɵdq"] = ComponentActivityOverviewModule;
+  exports["ɵdr"] = TaskModifyerModule;
+  exports["ɵds"] = ModifyTaskFormModule;
+  exports["ɵdt"] = TaskDetailsModule;
+  exports["ɵdu"] = TaskDetailsComponent;
+  exports["ɵdv"] = BaseActivitySummaryComponent;
+  exports["ɵdw"] = ExecutiveSummaryBlockModule;
+  exports["ɵdx"] = ActivitySummaryBlockModule;
+  exports["ɵdy"] = ActivitySummaryBlockComponent;
+  exports["ɵdz"] = ExecutiveSummaryBlockComponent;
   exports["ɵe"] = OptionsService;
+  exports["ɵea"] = StatusSummaryBlockModule;
+  exports["ɵeb"] = StatusSummaryBlockComponent;
+  exports["ɵec"] = CreationSummaryBlockModule;
+  exports["ɵed"] = CreationSummaryBlockComponent;
+  exports["ɵee"] = NotificationSummaryBlockModule;
+  exports["ɵef"] = NotificationSummaryBlockComponent;
+  exports["ɵeg"] = ComponentActivityOverviewComponent;
+  exports["ɵeh"] = ActivityListHeaderModule;
+  exports["ɵei"] = WorkflowNotificationToggleModule;
+  exports["ɵej"] = DirectivesModule;
+  exports["ɵek"] = AbsoluteOverlayTemplateDirective;
+  exports["ɵel"] = AppAbsoluteOverlayOutletService;
+  exports["ɵem"] = AlignWithDirective;
+  exports["ɵen"] = ClickOutsideDirective;
+  exports["ɵeo"] = WorkflowNotificationToggleComponent;
+  exports["ɵep"] = WorkflowNotificationTogglePopupComponent;
+  exports["ɵeq"] = PeriodFilterModule;
+  exports["ɵer"] = PeriodFilterComponent;
+  exports["ɵes"] = PeriodFilterPopupComponent;
+  exports["ɵet"] = ActivityListHeaderComponent;
+  exports["ɵeu"] = WorkflowInfoTileModule;
+  exports["ɵev"] = WorkflowInfoTileComponent;
   exports["ɵf"] = DictionaryService;
   exports["ɵg"] = LocalizeService;
   exports["ɵh"] = IconCacheService;