@colijnit/sharedcomponents 254.1.2 → 254.1.4

package/bundles/colijnit-sharedcomponents.umd.js

@@ -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/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/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/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/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/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.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.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, 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, 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';
+  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/mainapi/build/model/relation-small-object.bo'), require('@colijnit/mainapi/build/model/report.bo'), 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/select-report-templates-request'), require('@colijnit/mainapi/build/enum/send-method-type.enum'), require('@colijnit/mainapi/build/model/email-job'), 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/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'), require('@colijnit/mainapi/build/model/remark.bo'), require('@colijnit/mainapi/build/model/work.bo'), require('@colijnit/mainapi/build/model/activity-email-request-data'), require('@colijnit/mainapi/build/enum/report-type.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/mainapi/build/model/relation-small-object.bo', '@colijnit/mainapi/build/model/report.bo', '@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/select-report-templates-request', '@colijnit/mainapi/build/enum/send-method-type.enum', '@colijnit/mainapi/build/model/email-job', '@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/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', '@colijnit/mainapi/build/model/remark.bo', '@colijnit/mainapi/build/model/work.bo', '@colijnit/mainapi/build/model/activity-email-request-data', '@colijnit/mainapi/build/enum/report-type.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.relationSmallObject_bo, global.report_bo, global.printStockStickers, global.articleExtended_bo, global.articleStock, global.articleExtendedRequest, global.ng.platformBrowser, global.articleStockManagement, global.corecomponents_v12, global.articleTransaction, global.printPriceStickers_bo, global.selectReportTemplatesRequest, global.sendMethodType_enum, global.emailJob, global.reportingDocumentEmailSignDocBaseRequest, global.reportingDocumentPdfBaseRequest, global.reportingDocumentPrintSignDocBaseRequest, 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, global.remark_bo, global.work_bo, global.activityEmailRequestData, global.reportType_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, relationSmallObject_bo, report_bo, printStockStickers, articleExtended_bo, articleStock, articleExtendedRequest, i1, articleStockManagement, corecomponents_v12, articleTransaction, printPriceStickers_bo, selectReportTemplatesRequest, sendMethodType_enum, emailJob, reportingDocumentEmailSignDocBaseRequest, reportingDocumentPdfBaseRequest, reportingDocumentPrintSignDocBaseRequest, 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, remark_bo, work_bo, activityEmailRequestData, reportType_enum) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -884,13 +884,13 @@
               },] }
   ];
 
-  exports["ɵca"] = void 0;
+  exports["ɵi"] = void 0;
   (function (LanguageCode) {
       LanguageCode["Dutch"] = "nl-NL";
       LanguageCode["English"] = "en-GB";
       LanguageCode["German"] = "de-DE";
       LanguageCode["French"] = "fr-FR";
-  })(exports["ɵca"] || (exports["ɵca"] = {}));
+  })(exports["ɵi"] || (exports["ɵi"] = {}));
 
   // Static utility functions holder related to strings.
   var StringUtils = /** @class */ (function () {
@@ -1037,7 +1037,7 @@
       DictionaryService.prototype.setDictionary = function (language) {
           return __awaiter(this, void 0, void 0, function () {
               return __generator(this, function (_a) {
-                  this._language = language || exports["ɵca"].Dutch;
+                  this._language = language || exports["ɵi"].Dutch;
                   this._loadDictionary();
                   return [2 /*return*/];
               });
@@ -1070,7 +1070,7 @@
               return key || "";
           }
           if (this.language === undefined) {
-              this._language = exports["ɵca"].Dutch;
+              this._language = exports["ɵi"].Dutch;
               this._loadDictionary();
           }
           var text = this._dictionaries.get(this.language)[key];
@@ -1313,6 +1313,38 @@
               });
           });
       };
+      SharedConnectorService.prototype.getRelationSmallObject = function (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.relationConnector.getRelationSmallObject(relationId).then(function (result) {
+                              if (result && result.validationResult && result.validationResult.success) {
+                                  resolve(_this._boFactory.makeWithRawBackendData(relationSmallObject_bo.RelationSmallObject, result.resultObject));
+                              }
+                              else {
+                                  reject(result.validationMessagesAsString);
+                              }
+                          });
+                      })];
+              });
+          });
+      };
+      SharedConnectorService.prototype.insertActivity = 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.insertActivity(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.updateActivity = function (activity) {
           return __awaiter(this, void 0, void 0, function () {
               var _this = this;
@@ -1840,12 +1872,12 @@
               });
           });
       };
-      SharedConnectorService.prototype.getRoleEmailAddressesByWorkflowCategoryAndKey = function (worlflowCategory, key) {
+      SharedConnectorService.prototype.getRoleEmailAddressesByWorkflowCategoryAndKey = function (workflowCategory, 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) {
+                          return _this.mainConnector.getRoleEmailAddressesByWorkflowCategoryAndKey(workflowCategory, key).then(function (result) {
                               if (result.validationResult && result.validationResult.success) {
                                   if (result.resultObject) {
                                       resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(roleEmailAddress.RoleEmailaddress, result.resultObject));
@@ -1859,6 +1891,59 @@
               });
           });
       };
+      SharedConnectorService.prototype.getEmailSenderByWorkflowCategoryAndKey = 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.getEmailSenderByWorkflowCategoryAndKey(worlflowCategory, key).then(function (result) {
+                              if (result.validationResult && result.validationResult.success) {
+                                  resolve(result.resultObject);
+                              }
+                              else {
+                                  reject(result.validationMessagesAsString);
+                              }
+                          });
+                      })];
+              });
+          });
+      };
+      SharedConnectorService.prototype.getReportTemplates = function (reportTemplatesRequest) {
+          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.getReportTemplates(reportTemplatesRequest).then(function (result) {
+                              if (result.validationResult && result.validationResult.success) {
+                                  if (result.resultObjects) {
+                                      resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(report_bo.Report, result.resultObjects));
+                                  }
+                              }
+                              else {
+                                  reject(result.validationMessagesAsString);
+                              }
+                          });
+                      })];
+              });
+          });
+      };
+      SharedConnectorService.prototype.emailReport = function (emailJob) {
+          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.emailReport(emailJob).then(function (result) {
+                              if (result.validationResult && result.validationResult.success) {
+                                  resolve(result.resultObject);
+                              }
+                              else {
+                                  reject(result.validationMessagesAsString);
+                              }
+                          });
+                      })];
+              });
+          });
+      };
       SharedConnectorService.prototype.getWorkflowProcessInfoPerStatus = function (worlflowCategory) {
           return __awaiter(this, void 0, void 0, function () {
               var _this = this;
@@ -2147,7 +2232,7 @@
   ];
 
   /** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
-  exports["ɵbu"] = void 0;
+  exports["ɵbv"] = void 0;
   (function (Icon) {
       Icon["Account"] = "account";
       Icon["AngleLeftSolid"] = "angle_left_solid";
@@ -2193,6 +2278,7 @@
       Icon["MessageSmsSolid"] = "message_sms_solid";
       Icon["Notification"] = "notification";
       Icon["PaperclipRegular"] = "paperclip_regular";
+      Icon["PaperPlaneTopSolid"] = "paper_plane_top_solid";
       Icon["Pdf"] = "pdf";
       Icon["PersonDiggingRegular"] = "person_digging_regular";
       Icon["PinRoundOpen"] = "pin_round_open";
@@ -2205,7 +2291,7 @@
       Icon["Trashbin"] = "trashbin";
       Icon["Xml"] = "xml";
       Icon["XSolid"] = "x_solid";
-  })(exports["ɵbu"] || (exports["ɵbu"] = {}));
+  })(exports["ɵbv"] || (exports["ɵbv"] = {}));
 
   /** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
   var IconSvg = {
@@ -2253,6 +2339,7 @@
       "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>",
+      "paper_plane_top_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M49.9 27.8C15.1 12.7-19.2 50.1-1.2 83.5L68.1 212.2c4.4 8.3 12.6 13.8 21.9 15c0 0 0 0 0 0l176 22c3.4 .4 6 3.3 6 6.7s-2.6 6.3-6 6.7l-176 22s0 0 0 0c-9.3 1.2-17.5 6.8-21.9 15L-1.2 428.5c-18 33.4 16.3 70.8 51.1 55.7L491.8 292.7c32.1-13.9 32.1-59.5 0-73.4L49.9 27.8z\"/></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>",
@@ -2328,17 +2415,19 @@
           this._localizeService = _localizeService;
           this._connector = _connector;
           this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           this.handleStickerClicked = new i0.EventEmitter();
           this.articleWarehouse = [];
           this.allWarehouses = [];
           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;
@@ -2395,7 +2484,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();
@@ -2492,7 +2586,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
               },] }
   ];
@@ -2541,7 +2635,7 @@
       function StockInformationGridComponent(iconCacheService, _stockService) {
           this.iconCacheService = iconCacheService;
           this._stockService = _stockService;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           this.transferIconClicked = new i0.EventEmitter();
           this.historyClicked = new i0.EventEmitter();
           this.cancelButtonClicked = new i0.EventEmitter();
@@ -2774,16 +2868,25 @@
   };
 
   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.icons = exports["ɵbu"];
+          this.stockStatus = [];
+          this.icons = exports["ɵbv"];
       }
       StockTransferComponent.prototype.ngAfterViewInit = function () {
           this.getStockManagementWarehouses();
@@ -2791,21 +2894,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;
@@ -2823,10 +2936,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 () {
@@ -2840,26 +2953,37 @@
   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 () {
-      function SharedService(options, connector) {
+      function SharedService(locale, options, connector) {
+          this.locale = locale;
           this.options = options;
           this.connector = connector;
       }
@@ -2972,6 +3096,26 @@
               });
           });
       };
+      SharedService.prototype.getRelationSmallObject = function (relationId) {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0: return [4 /*yield*/, this.connector.getRelationSmallObject(relationId)];
+                      case 1: return [2 /*return*/, _a.sent()];
+                  }
+              });
+          });
+      };
+      SharedService.prototype.insertActivity = 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.insertActivity(activity)];
+                      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) {
@@ -3075,6 +3219,58 @@
               });
           });
       };
+      SharedService.prototype.getEmailSenderByWorkflowCategoryAndKey = 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.getEmailSenderByWorkflowCategoryAndKey(workflowCategory, key)];
+                      case 1: return [2 /*return*/, _a.sent()];
+                  }
+              });
+          });
+      };
+      SharedService.prototype.getDefaultEmailReportTemplatesForBranch = function (branchNr, reportType) {
+          return __awaiter(this, void 0, void 0, function () {
+              var reportTemplatesRequest;
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0:
+                          reportTemplatesRequest = new selectReportTemplatesRequest.SelectReportTemplatesRequest();
+                          reportTemplatesRequest.branchNr = branchNr;
+                          reportTemplatesRequest.documentCode = reportType;
+                          reportTemplatesRequest.sendMethod = sendMethodType_enum.SendMethodType.Email;
+                          return [4 /*yield*/, this.connector.getReportTemplates(reportTemplatesRequest)];
+                      case 1: return [2 /*return*/, _a.sent()];
+                  }
+              });
+          });
+      };
+      SharedService.prototype.emailViaTemplate = function (template, emailTo, subject, message, attachments, parameters) {
+          if (subject === void 0) { subject = ""; }
+          if (message === void 0) { message = ""; }
+          if (attachments === void 0) { attachments = []; }
+          if (parameters === void 0) { parameters = {}; }
+          return __awaiter(this, void 0, void 0, function () {
+              var subjectAddition, emailJob;
+              return __generator(this, function (_a) {
+                  subjectAddition = subject.trim();
+                  emailJob = this._createEmailJob(template, emailTo, subjectAddition, message, attachments, parameters);
+                  return [2 /*return*/, this.connector.emailReport(emailJob)];
+              });
+          });
+      };
+      SharedService.prototype._createEmailJob = function (report, emailTo, subject, message, attachments, parameters) {
+          if (parameters === void 0) { parameters = {}; }
+          var emailJob$1 = new emailJob.EmailJob();
+          emailJob$1.emailTo = emailTo;
+          emailJob$1.subject = subject;
+          emailJob$1.message = message;
+          emailJob$1.attachments = attachments;
+          emailJob$1.reportId = report.reportId;
+          emailJob$1.parameterValues = parameters;
+          emailJob$1.locale = this.locale;
+          return emailJob$1;
+      };
       SharedService.prototype.getWorkflowProcessInfoPerStatus = function (workflowCategory) {
           return __awaiter(this, void 0, void 0, function () {
               return __generator(this, function (_a) {
@@ -3115,13 +3311,14 @@
       };
       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" });
+  SharedService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function SharedService_Factory() { return new SharedService(i0__namespace.ɵɵinject(i0__namespace.LOCALE_ID), i0__namespace.ɵɵinject(OptionsService), i0__namespace.ɵɵinject(SharedConnectorService)); }, token: SharedService, providedIn: "root" });
   SharedService.decorators = [
       { type: i0.Injectable, args: [{
                   providedIn: "root"
               },] }
   ];
   SharedService.ctorParameters = function () { return [
+      { type: exports["ɵi"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] },
       { type: OptionsService },
       { type: SharedConnectorService }
   ]; };
@@ -3203,14 +3400,14 @@
   }());
 
   var sendMethodsWithIcon = [
-      new SendMethod(sendMethodType_enum.SendMethodType.Fax, "Fax", exports["ɵbu"].PrintRegular),
-      new SendMethod(sendMethodType_enum.SendMethodType.Print, "Print", exports["ɵbu"].PrintSolid),
-      new SendMethod(sendMethodType_enum.SendMethodType.Email, "Email", exports["ɵbu"].AtSolid),
-      new SendMethod(sendMethodType_enum.SendMethodType.Edi, "Edi", exports["ɵbu"].FileExportSolid),
-      new SendMethod(sendMethodType_enum.SendMethodType.EmailTemplate, "Email template", exports["ɵbu"].EnvelopeRegular),
-      new SendMethod(sendMethodType_enum.SendMethodType.Sms, "Sms", exports["ɵbu"].MessageSmsSolid),
-      new SendMethod(sendMethodType_enum.SendMethodType.WebService, "Webservice", exports["ɵbu"].PrintRegular),
-      new SendMethod(sendMethodType_enum.SendMethodType.Pdf, "Pdf", exports["ɵbu"].Pdf)
+      new SendMethod(sendMethodType_enum.SendMethodType.Fax, "Fax", exports["ɵbv"].PrintRegular),
+      new SendMethod(sendMethodType_enum.SendMethodType.Print, "Print", exports["ɵbv"].PrintSolid),
+      new SendMethod(sendMethodType_enum.SendMethodType.Email, "Email", exports["ɵbv"].AtSolid),
+      new SendMethod(sendMethodType_enum.SendMethodType.Edi, "Edi", exports["ɵbv"].FileExportSolid),
+      new SendMethod(sendMethodType_enum.SendMethodType.EmailTemplate, "Email template", exports["ɵbv"].EnvelopeRegular),
+      new SendMethod(sendMethodType_enum.SendMethodType.Sms, "Sms", exports["ɵbv"].MessageSmsSolid),
+      new SendMethod(sendMethodType_enum.SendMethodType.WebService, "Webservice", exports["ɵbv"].PrintRegular),
+      new SendMethod(sendMethodType_enum.SendMethodType.Pdf, "Pdf", exports["ɵbv"].Pdf)
   ];
   var SendMethodDialogComponent = /** @class */ (function () {
       function SendMethodDialogComponent(iconCacheService, _changeDetector, _sharedService, _sendMethodService) {
@@ -3219,7 +3416,7 @@
           this._changeDetector = _changeDetector;
           this._sharedService = _sharedService;
           this._sendMethodService = _sendMethodService;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           this.printerList = [];
           this.emailLayouts = [];
           this.printLayouts = [];
@@ -3446,7 +3643,7 @@
   var LayoutSelectionComponent = /** @class */ (function () {
       function LayoutSelectionComponent(iconCacheService) {
           this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           this.layouts = [];
           this.requestChange = new i0.EventEmitter();
           this.showLayoutList = false;
@@ -3522,7 +3719,7 @@
   var SignatureButtonComponent = /** @class */ (function () {
       function SignatureButtonComponent(iconCacheService) {
           this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
       }
       SignatureButtonComponent.prototype.showClass = function () {
           return true;
@@ -3632,7 +3829,7 @@
           this.sendMethodService = sendMethodService;
           this.iconService = iconService;
           this._service = _service;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           this.printers = [];
           this.showPrinterList = false;
       }
@@ -3883,7 +4080,7 @@
       function OrderTabComponent(iconCacheService, _stockService) {
           this.iconCacheService = iconCacheService;
           this._stockService = _stockService;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           this.articleStockInformation = [];
           this.inOrderInformation = [];
           this.locationClicked = new i0.EventEmitter();
@@ -3922,7 +4119,7 @@
           this._stockService = _stockService;
           this._localizeService = _localizeService;
           this._changeDetector = _changeDetector;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           this.stockInformation = [];
           this.warehouses = [];
           this.transferIconClicked = new i0.EventEmitter();
@@ -3969,6 +4166,9 @@
               },
           ];
       };
+      StockTabsComponent.prototype.onShowStockTransferChange = function (show) {
+          this.showStockTransfer = show;
+      };
       StockTabsComponent.prototype.handleLocationClicked = function (data) {
           this.tabs[0].active = false;
           this.tabs[2].active = true;
@@ -4088,7 +4288,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
               },] }
   ];
@@ -4101,6 +4301,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 }]
@@ -4108,7 +4309,7 @@
 
   var StockHistoryTabsComponent = /** @class */ (function () {
       function StockHistoryTabsComponent() {
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           this.selectedTab = 0;
       }
       return StockHistoryTabsComponent;
@@ -4128,7 +4329,7 @@
       function OrderStockTabComponent(iconCacheService, _stockService) {
           this.iconCacheService = iconCacheService;
           this._stockService = _stockService;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           this.orderInformation = [];
       }
       return OrderStockTabComponent;
@@ -4153,12 +4354,16 @@
           this.iconCacheService = iconCacheService;
           this._stockService = _stockService;
           this._changeDetector = _changeDetector;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           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;
@@ -4188,6 +4393,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) {
@@ -4206,7 +4415,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;
@@ -4278,7 +4488,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
               },] }
   ];
@@ -4290,11 +4500,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 }]
   };
@@ -4303,7 +4518,7 @@
       function StockHistoryComponent(iconCacheService, _stockService) {
           this.iconCacheService = iconCacheService;
           this._stockService = _stockService;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           this.stockHistoryInformation = [];
           this.stockHistory = [];
       }
@@ -4402,7 +4617,7 @@
   var OrderSupplyStockHistoryComponent = /** @class */ (function () {
       function OrderSupplyStockHistoryComponent(iconCacheService) {
           this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           this.orderSupplyStockHistory = [];
       }
       return OrderSupplyStockHistoryComponent;
@@ -4424,7 +4639,7 @@
   var OrderCommissionStockHistoryComponent = /** @class */ (function () {
       function OrderCommissionStockHistoryComponent(iconCacheService) {
           this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           this.orderStockCommissionHistory = [];
       }
       return OrderCommissionStockHistoryComponent;
@@ -4446,7 +4661,7 @@
   var OrderStockHistoryComponent = /** @class */ (function () {
       function OrderStockHistoryComponent(iconCacheService) {
           this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           this.orderStockHistory = [];
       }
       return OrderStockHistoryComponent;
@@ -4468,7 +4683,7 @@
   var AllocationStockHistoryComponent = /** @class */ (function () {
       function AllocationStockHistoryComponent(iconCacheService) {
           this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           this.allocationStockHistory = [];
       }
       return AllocationStockHistoryComponent;
@@ -4797,7 +5012,7 @@
       function StockPrognoseComponent(iconCacheService, _stockService) {
           this.iconCacheService = iconCacheService;
           this._stockService = _stockService;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           this.stockPrognose = [];
       }
       return StockPrognoseComponent;
@@ -4869,7 +5084,7 @@
           this.iconCacheService = iconCacheService;
           this._stockService = _stockService;
           this._changeDetector = _changeDetector;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           this.showConfirmationDialog = false;
           this.newStockLine = false;
           this.selectedArticleDetailsData = new articleDetails_bo.ArticleDetailsBo();
@@ -4964,7 +5179,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
               },] }
   ];
@@ -5012,7 +5227,8 @@
                       StockStatusbarModule,
                       corecomponents_v12.ListOfValuesModule,
                       LocalizationModule,
-                      corecomponents_v12.PopupModule
+                      corecomponents_v12.PopupModule,
+                      corecomponents_v12.InputDatePickerModule
                   ],
                   declarations: [
                       StockComponent,
@@ -5095,6 +5311,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';
@@ -5102,6 +5319,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';
@@ -5154,7 +5372,7 @@
   var KeyPadComponent = /** @class */ (function () {
       function KeyPadComponent(iconCacheService) {
           this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           this.showValue = true;
           this.resetModelOnInit = true;
           this.emitModelChangeOnEnter = true;
@@ -5355,7 +5573,7 @@
   var LayoutSwitcherComponent = /** @class */ (function () {
       function LayoutSwitcherComponent(iconCacheService) {
           this.iconCacheService = iconCacheService;
-          this.icon = exports["ɵbu"];
+          this.icon = exports["ɵbv"];
           this.layoutItems = [];
           this.layoutSwitchEmit = new i0.EventEmitter();
           this.showMaskSidebar = false;
@@ -5635,7 +5853,7 @@
           this.iconCacheService = iconCacheService;
           this.selectedDate = new Date();
           this.selectedDateChange = new i0.EventEmitter();
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           this.showMonthYearSelect = false;
           this.expanded = false;
       }
@@ -6188,7 +6406,7 @@
               },] }
   ];
   CalendarViewComponent.ctorParameters = function () { return [
-      { type: exports["ɵca"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] }
+      { type: exports["ɵi"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] }
   ]; };
   CalendarViewComponent.propDecorators = {
       view: [{ type: i0.Input }],
@@ -6315,7 +6533,7 @@
   CalendarUtils.Locale = undefined;
   CalendarUtils.Now = new Date();
   CalendarUtils.ctorParameters = function () { return [
-      { type: exports["ɵca"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] }
+      { type: exports["ɵi"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] }
   ]; };
 
   var AgendaEvent = /** @class */ (function () {
@@ -6372,7 +6590,7 @@
           this._renderer = _renderer;
           this._ngZone = _ngZone;
           this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           this.viewTypes = exports.CalendarView;
           this.scrollbarWidth = 15;
           this.today = new Date();
@@ -6564,7 +6782,7 @@
               },] }
   ];
   AgendaHeaderComponent.ctorParameters = function () { return [
-      { type: exports["ɵca"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] },
+      { type: exports["ɵi"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] },
       { type: i0.ElementRef },
       { type: i0.Renderer2 },
       { type: i0.NgZone },
@@ -6665,7 +6883,7 @@
       { type: i0.Directive }
   ];
   AgendaBaseViewComponent.ctorParameters = function () { return [
-      { type: exports["ɵca"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] },
+      { type: exports["ɵi"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] },
       { type: IconCacheService }
   ]; };
   AgendaBaseViewComponent.propDecorators = {
@@ -6784,7 +7002,7 @@
           var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
           _this.view = exports.CalendarView.WeekSelectView;
           _this.week = NULL_WEEK;
-          _this.icons = exports["ɵbu"];
+          _this.icons = exports["ɵbv"];
           return _this;
       }
       AgendaWeekSelectViewComponent.prototype.prepareViewData = function () {
@@ -7030,7 +7248,7 @@
           this._elementRef = _elementRef;
           this._renderer = _renderer;
           this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           this.event = NULL_AGENDA_EVENT;
           this.eventChecked = new i0.EventEmitter();
       }
@@ -7252,7 +7470,7 @@
   var AgendaSelectEventComponent = /** @class */ (function () {
       function AgendaSelectEventComponent(iconCacheService) {
           this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           this.event = NULL_AGENDA_EVENT;
           this.eventChecked = new i0.EventEmitter();
       }
@@ -7322,7 +7540,7 @@
       function SimpleTagsComponent(iconCacheService, sharedService) {
           this.iconCacheService = iconCacheService;
           this.sharedService = sharedService;
-          this.icon = exports["ɵbu"];
+          this.icon = exports["ɵbv"];
           this.closeClick = new i0.EventEmitter();
           this.saveClick = new i0.EventEmitter();
           this.breadCrumbs = [];
@@ -7383,7 +7601,7 @@
       function SimpleTagsFormComponent(iconCacheService, sharedService) {
           this.iconCacheService = iconCacheService;
           this.sharedService = sharedService;
-          this.icon = exports["ɵbu"];
+          this.icon = exports["ɵbv"];
           this.linkedTagsChange = new i0.EventEmitter();
           this.breadCrumbs = [];
           this.displayTags = [];
@@ -8702,8 +8920,8 @@
       function AppFileDropzoneComponent(dictionary, iconCacheService) {
           this.dictionary = dictionary;
           this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbu"];
-          this.Icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
+          this.Icons = exports["ɵbv"];
           this._defaultDropActionMessage = "DROP_ZONE_DOCUMENTS";
       }
       AppFileDropzoneComponent.prototype.showClass = function () {
@@ -10238,7 +10456,7 @@
           this._promptService = _promptService;
           this._fileTypeImgPipe = _fileTypeImgPipe;
           this.iconService = iconService;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           // Element clickable
           this.link = false;
           this.readonly = false;
@@ -10440,7 +10658,7 @@
   var TileRenderComponent = /** @class */ (function () {
       function TileRenderComponent(iconCacheService) {
           this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           // Render a large or small tile.
           this.tileSize = TileSizeType.Large;
           // When this tile is selected, this icon will be shown green in the upper-left corner (defaults to 'check').
@@ -10449,7 +10667,7 @@
           this.imageClick = new i0.EventEmitter();
           // Emits when the info wrapper was clicked (bottom half of this component).
           this.infoClick = new i0.EventEmitter();
-          this.Icon = exports["ɵbu"];
+          this.Icon = exports["ɵbv"];
       }
       Object.defineProperty(TileRenderComponent.prototype, "inSmallTileMode", {
           get: function () {
@@ -10693,7 +10911,7 @@
           this.enableditemsChange = new i0.EventEmitter();
           // Outputs the sum of cgrefkeys of all newly enabled items
           this.onPropertyItemChange = new i0.EventEmitter();
-          this.Icons = exports["ɵbu"];
+          this.Icons = exports["ɵbv"];
           this.objectifiedEnum = [];
           this.enabledItemNumberList = [];
       }
@@ -10859,13 +11077,13 @@
       function ActivityListComponent(iconCacheService, _dictionaryService) {
           this.iconCacheService = iconCacheService;
           this._dictionaryService = _dictionaryService;
-          this.Icon = exports["ɵbu"];
+          this.Icon = exports["ɵbv"];
           this.RelationKind = relationKind_enum.RelationKind;
           this.ActivityType = activityType.ActivityType;
           this.TimeUtils = timeUtils.TimeUtils;
           this.activities = [];
-          this.remarkIcon = exports["ɵbu"].CommentRegular;
-          this.workIcon = exports["ɵbu"].PersonDiggingRegular;
+          this.remarkIcon = exports["ɵbv"].CommentRegular;
+          this.workIcon = exports["ɵbv"].PersonDiggingRegular;
       }
       ActivityListComponent.prototype.showClass = function () {
           return true;
@@ -10886,7 +11104,11 @@
           }
       };
       ActivityListComponent.prototype.getDateString = function (date) {
-          return date.getDay().toString() + ' ' + (this._dictionaryService.get(ALL_MONTHS[date.getMonth()])) + ' ' + date.getFullYear();
+          var day = date.getDate();
+          var month = this._dictionaryService.get(ALL_MONTHS[date.getMonth()]);
+          var hours = date.getHours().toString().padStart(2, '0');
+          var minutes = date.getMinutes().toString().padStart(2, '0');
+          return day + " " + month + " " + hours + ":" + minutes;
       };
       ActivityListComponent.prototype.getActivityIcon = function (activity) {
           switch (activity.activityType) {
@@ -10932,7 +11154,7 @@
   ActivityListComponent.decorators = [
       { type: i0.Component, args: [{
                   selector: "co-activity-list",
-                  template: "\n    <div class=\"activity-list-wrapper\">\n      <div class=\"activity-wrapper\" [class.customer-reply-wrapper]=\"(getRelationKind(activity.author) === RelationKind.Customer)\" *ngFor=\"let activity of activities\" >\n        <div class=\"activity-display\">\n          <div class=\"activity-display-title\">\n            <span>{{activity.author ? ( activity.author.initials + ' ' + activity.author.familyName) : \" \"}}</span>\n            <span>{{getDateString(activity.lastActionDateTime)}}</span>\n            <co-icon [iconData]=\"iconCacheService.getIcon(getActivityIcon(activity))\"></co-icon>\n          </div>\n          <div class=\"activity-display-content\" [class.customer-reply-content]=\"(getRelationKind(activity.author) === RelationKind.Customer)\">\n            <div class=\"activity-display-body\">\n              <span>{{activity.subDescription}}</span>\n            </div>\n            <div class=\"activity-display-footer\">\n              <!--TODO discuss with Rob is we can gather the info needed to see which workflow triggers have previously been activated for this trigger-->\n              <!--<div *ngIf=\"showState(activity)\" class=\"activity-state\">\n                <span *ngIf=\"showAttachments(activity)\">{{activity.documents.length}}</span>\n              </div>-->\n              <co-icon *ngIf=\"showAttachments(activity)\" [iconData]=\"iconCacheService.getIcon(Icon.PaperclipRegular)\" (click)=\"openActivityPopup(activity)\"></co-icon>\n              <span *ngIf=\"showAttachments(activity)\">{{activity.documents.length}}</span>\n              <co-icon *ngIf=\"showWorkedTime(activity)\"\n                       [iconData]=\"iconCacheService.getIcon(Icon.ClockRegular)\"></co-icon>\n              <span *ngIf=\"showWorkedTime(activity)\" >\n                     {{TimeUtils.ConvertToDuration(getWorkedTime(activity))}}</span>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <co-dialog *ngIf=\"showActivityPopup\" (closeClick)=\"showActivityPopup = false\">\n      <co-files-upload [documents]=\"currentActivityDocuments\">\n      </co-files-upload>\n    </co-dialog>\n  ",
+                  template: "\n    <div class=\"activity-list-wrapper\">\n      <div class=\"activity-wrapper\" [class.customer-reply-wrapper]=\"(getRelationKind(activity.author) === RelationKind.Customer)\" *ngFor=\"let activity of activities\" >\n        <div class=\"activity-display\">\n          <div class=\"activity-display-title\">\n            <span>{{activity.author && (activity.author.initials || activity.author.familyName) ? (activity.author.initials || '') + ' ' + (activity.author.familyName || '') : ''}}</span>\n            <span>{{getDateString(activity.lastActionDateTime)}}</span>\n            <co-icon [iconData]=\"iconCacheService.getIcon(getActivityIcon(activity))\"></co-icon>\n          </div>\n          <div class=\"activity-display-content\" [class.customer-reply-content]=\"(getRelationKind(activity.author) === RelationKind.Customer)\">\n            <div class=\"activity-display-body\">\n              <span>{{activity.subDescription}}</span>\n            </div>\n            <div class=\"activity-display-footer\">\n              <!--TODO discuss with Rob is we can gather the info needed to see which workflow triggers have previously been activated for this trigger-->\n              <!--<div *ngIf=\"showState(activity)\" class=\"activity-state\">\n                <span *ngIf=\"showAttachments(activity)\">{{activity.documents.length}}</span>\n              </div>-->\n              <co-icon *ngIf=\"showAttachments(activity)\" [iconData]=\"iconCacheService.getIcon(Icon.PaperclipRegular)\" (click)=\"openActivityPopup(activity)\"></co-icon>\n              <span *ngIf=\"showAttachments(activity)\">{{activity.documents.length}}</span>\n              <co-icon *ngIf=\"showWorkedTime(activity)\"\n                       [iconData]=\"iconCacheService.getIcon(Icon.ClockRegular)\"></co-icon>\n              <span *ngIf=\"showWorkedTime(activity)\" >\n                     {{TimeUtils.ConvertToDuration(getWorkedTime(activity))}}</span>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <co-dialog *ngIf=\"showActivityPopup\" (closeClick)=\"showActivityPopup = false\">\n      <co-files-upload [documents]=\"currentActivityDocuments\">\n      </co-files-upload>\n    </co-dialog>\n  ",
                   encapsulation: i0.ViewEncapsulation.None
               },] }
   ];
@@ -11493,7 +11715,7 @@
           this._dictionary = _dictionary;
           this.iconService = iconService;
           this.sharedService = sharedService;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           this.editingComplete = new i0.EventEmitter();
           this.activitySaved = new i0.EventEmitter();
           this.activityDeleted = new i0.EventEmitter();
@@ -11505,7 +11727,7 @@
           this.showNewForm = false;
           this.showModificationForm = false;
           this.taskEditting = false;
-          this.Icon = exports["ɵbu"];
+          this.Icon = exports["ɵbv"];
       }
       Object.defineProperty(TaskModifierComponent.prototype, "readonly", {
           get: function () {
@@ -11773,7 +11995,7 @@
           this._dialogService = _dialogService;
           this._dictionaryService = _dictionaryService;
           this._sharedService = _sharedService;
-          this.icon = exports["ɵbu"];
+          this.icon = exports["ɵbv"];
           this.cfgNames = ActivityCfgName;
           this.taskCfgNames = {
               timeRegistrationMandatory: ActivityCfgName.TimeRegistrationMandatory,
@@ -12084,9 +12306,10 @@
           var _this = _super.call(this) || this;
           _this.sharedService = sharedService;
           _this.tabs = personalActivityTab_enum.PersonalActivityTabEnum;
-          _this.icons = exports["ɵbu"];
+          _this.icons = exports["ɵbv"];
           _this.activityClass = activity_bo.Activity;
           _this.activitySortType = activitySortType_enum.ActivitySortType;
+          _this.showActivityHeader = true;
           _this.hideTitle = false;
           _this.noFreeTasks = false;
           _this.componentActivitiesMethod = OperationWithAlwaysSuccessCallback;
@@ -12261,7 +12484,7 @@
   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    ",
+                  template: "\n        <co-activity-list-header\n                *ngIf=\"showActivityHeader\"\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 })),
@@ -12284,6 +12507,7 @@
       showClass: [{ type: i0.HostBinding, args: ["class.co-component-activity-list",] }],
       table: [{ type: i0.Input }],
       key: [{ type: i0.Input }],
+      showActivityHeader: [{ type: i0.Input }],
       hideTitle: [{ type: i0.Input }],
       noFreeTasks: [{ type: i0.Input }],
       customTitle: [{ type: i0.Input }],
@@ -12299,6 +12523,9 @@
       showUsergroupActivitiesChanged: [{ type: i0.Output }],
       activitiesList: [{ type: i0.Input }]
   };
+  __decorate([
+      InputBoolean()
+  ], ComponentActivityListComponent.prototype, "showActivityHeader", void 0);
   __decorate([
       InputBoolean()
   ], ComponentActivityListComponent.prototype, "hideTitle", void 0);
@@ -12334,7 +12561,7 @@
           _this.dialogService = dialogService;
           _this.dictionaryService = dictionaryService;
           _this.sharedService = sharedService;
-          _this.Icon = exports["ɵbu"];
+          _this.Icon = exports["ɵbv"];
           return _this;
       }
       ComponentActivityOverviewComponent.prototype.showClass = function () {
@@ -12554,7 +12781,7 @@
           _this.dialogService = dialogService;
           _this.iconCacheService = iconCacheService;
           _this.sharedService = sharedService;
-          _this.Icon = exports["ɵbu"];
+          _this.Icon = exports["ɵbv"];
           _this.showStatusDropdown = false;
           return _this;
       }
@@ -12625,7 +12852,7 @@
       function ActivitySummaryBlockComponent(_formMaster, elementRef) {
           this._formMaster = _formMaster;
           this.elementRef = elementRef;
-          this.Icon = exports["ɵbu"];
+          this.Icon = exports["ɵbv"];
           this.noBorder = false;
           this.readonly = false;
           this.showButtons = false;
@@ -12737,7 +12964,7 @@
           _this.dialogService = dialogService;
           _this.iconService = iconService;
           _this.sharedService = sharedService;
-          _this.Icon = exports["ɵbu"];
+          _this.Icon = exports["ɵbv"];
           return _this;
       }
       StatusSummaryBlockComponent.prototype.showClass = function () {
@@ -12808,7 +13035,7 @@
           _this.dialogService = dialogService;
           _this.sharedService = sharedService;
           _this.locale = locale;
-          _this.Icon = exports["ɵbu"];
+          _this.Icon = exports["ɵbv"];
           _this.taskCategories = [];
           _this.priorityDomainColl = [];
           return _this;
@@ -12867,7 +13094,7 @@
       { type: DictionaryService },
       { type: corecomponents_v12.CoreDialogService },
       { type: SharedService },
-      { type: exports["ɵca"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] }
+      { type: exports["ɵi"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] }
   ]; };
   CreationSummaryBlockComponent.propDecorators = {
       editTemplate: [{ type: i0.ViewChild, args: ["editTemplate", { static: true },] }],
@@ -12912,7 +13139,7 @@
           _this.dialogService = dialogService;
           _this.sharedService = sharedService;
           _this.RelationType = RelationType;
-          _this.Icon = exports["ɵbu"];
+          _this.Icon = exports["ɵbv"];
           _this._textSearchParams = new relationRequest.RelationRequest();
           _this.personnel = [];
           return _this;
@@ -12985,7 +13212,7 @@
           _this.dictionaryService = dictionaryService;
           _this.dialogService = dialogService;
           _this.sharedService = sharedService;
-          _this.Icon = exports["ɵbu"];
+          _this.Icon = exports["ɵbv"];
           _this.listItems = [];
           return _this;
       }
@@ -13141,7 +13368,7 @@
   var ActivityListHeaderComponent = /** @class */ (function () {
       function ActivityListHeaderComponent(iconService) {
           this.iconService = iconService;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           this.activitySortType = activitySortType_enum.ActivitySortType;
           this.title = 'MY_WORK';
           this.searchTextChange = new i0.EventEmitter();
@@ -13182,7 +13409,7 @@
       function WorkflowNotificationTogglePopupComponent(element, iconService) {
           this.element = element;
           this.iconService = iconService;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           this.workflowProcesses = [];
           this.closePopupClicked = new i0.EventEmitter();
           this.workflowProcessClicked = new i0.EventEmitter();
@@ -13215,7 +13442,7 @@
           this.iconService = iconService;
           this.sharedService = sharedService;
           this._overlayService = _overlayService;
-          this.icons = exports["ɵbu"];
+          this.icons = exports["ɵbv"];
           this.workflowProcesses = [];
           this.showPopup = false;
       }
@@ -13824,7 +14051,7 @@
           this.element = element;
           this.iconService = iconService;
           this._overlayService = _overlayService;
-          this.icon = exports["ɵbu"];
+          this.icon = exports["ɵbv"];
           this.possibleFilters = [
               period_enum.Period.All,
               period_enum.Period.Today,
@@ -13996,8 +14223,8 @@
       function WorkflowInfoTilesComponent(iconCacheService, sharedService) {
           this.iconCacheService = iconCacheService;
           this.sharedService = sharedService;
-          this.Icon = exports["ɵbu"];
-          this.icons = exports["ɵbu"];
+          this.Icon = exports["ɵbv"];
+          this.icons = exports["ɵbv"];
           this.workflowProcessInfoPerStatusClicked = new i0.EventEmitter();
       }
       Object.defineProperty(WorkflowInfoTilesComponent.prototype, "workflowCategory", {
@@ -14048,7 +14275,7 @@
       function WorkflowInfoTileComponent(iconCacheService, colorService) {
           this.iconCacheService = iconCacheService;
           this.colorService = colorService;
-          this.Icon = exports["ɵbu"];
+          this.Icon = exports["ɵbv"];
       }
       WorkflowInfoTileComponent.prototype.showClass = function () {
           return true;
@@ -14117,6 +14344,313 @@
               },] }
   ];
 
+  var TaskCreatorComponent = /** @class */ (function () {
+      function TaskCreatorComponent(iconService, sharedService) {
+          this.iconService = iconService;
+          this.sharedService = sharedService;
+          this.icons = exports["ɵbv"];
+          this.table = tableName_enum.TableName.Transactions;
+          this.activityCreated = new i0.EventEmitter();
+          this.showFilesDialog = false;
+          this.documents = [];
+          this.showEmailDialog = false;
+          this.emailAddressesAvailable = [];
+          this.emailRequest = null;
+          this.optionCollection = [{ id: 'Opmerking' }, { id: 'Werkzaamheid' }, { id: 'Taak' }];
+          this.remarkText = "";
+          this.workDescription = "";
+          this.taskName = "";
+          this.taskDescription = "";
+      }
+      TaskCreatorComponent.prototype.showClass = function () {
+          return true;
+      };
+      TaskCreatorComponent.prototype.ngOnInit = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var _a, _b;
+              return __generator(this, function (_c) {
+                  switch (_c.label) {
+                      case 0:
+                          this.chosenActivityType = this.optionCollection[1];
+                          _a = this;
+                          return [4 /*yield*/, this.sharedService.getRoleEmailAddressesByWorkflowCategoryAndKey('SERVICE_ORDER', this.RemarkAndWorkKey)];
+                      case 1:
+                          _a.emailAddressesAvailable = _c.sent();
+                          _b = this;
+                          return [4 /*yield*/, this.sharedService.getEmailSenderByWorkflowCategoryAndKey('SERVICE_ORDER', this.RemarkAndWorkKey)];
+                      case 2:
+                          _b.senderAddress = _c.sent();
+                          return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      TaskCreatorComponent.prototype.createRemarkClicked = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var remark, activity, remarkMade;
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0:
+                          this.createForm.submit();
+                          if (!this.createForm.isValid()) return [3 /*break*/, 2];
+                          remark = new remark_bo.Remark();
+                          remark.author = this.author;
+                          remark.author.image = undefined;
+                          if (this.documents.length !== 0) {
+                              remark.documents = this.documents;
+                          }
+                          remark.remark = this.remarkText;
+                          remark.dateTime = new Date();
+                          remark.table = this.table;
+                          remark.key = this.RemarkAndWorkKey;
+                          remark.read = false;
+                          remark.current = true;
+                          activity = new activity_bo.Activity();
+                          activity.activityType = activityType.ActivityType.Remark;
+                          activity.remark = remark;
+                          return [4 /*yield*/, this.sharedService.insertActivity(activity)];
+                      case 1:
+                          remarkMade = _a.sent();
+                          if (remarkMade) {
+                              this.activityCreated.emit();
+                              //await this.sendEmailIfNeccesary();
+                              this.clearFields();
+                          }
+                          _a.label = 2;
+                      case 2: return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      TaskCreatorComponent.prototype.createWorkClicked = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var work, activity, workMade;
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0:
+                          this.createForm.submit();
+                          if (!this.createForm.isValid()) return [3 /*break*/, 2];
+                          work = new work_bo.Work();
+                          work.executive = this.author;
+                          work.executive.image = undefined;
+                          work.documents = this.documents;
+                          work.workedTime = 0;
+                          work.workDescription = this.workDescription;
+                          work.dateTime = new Date();
+                          work.table = this.table;
+                          work.key = this.RemarkAndWorkKey;
+                          activity = new activity_bo.Activity();
+                          activity.activityType = activityType.ActivityType.Work;
+                          activity.work = work;
+                          return [4 /*yield*/, this.sharedService.insertActivity(activity)];
+                      case 1:
+                          workMade = _a.sent();
+                          if (workMade) {
+                              this.activityCreated.emit();
+                              //await this.sendEmailIfNeccesary();
+                              this.clearFields();
+                          }
+                          _a.label = 2;
+                      case 2: return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      TaskCreatorComponent.prototype.createTaskClicked = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var task, activity, taskMade;
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0:
+                          this.createForm.submit();
+                          if (!this.createForm.isValid()) return [3 /*break*/, 2];
+                          task = new task_bo.Task();
+                          task.executive = this.author;
+                          task.executive.image = undefined;
+                          task.documents = this.documents;
+                          task.name = this.taskName;
+                          task.description = this.taskDescription;
+                          task.creationDateTime = new Date();
+                          task.dateDefinate = false;
+                          task.needsPlanning = true;
+                          task.priority = 0;
+                          task.workflowCategory = this.workflowCategoryType;
+                          task.reference = this.TaskKey;
+                          activity = new activity_bo.Activity();
+                          activity.activityType = activityType.ActivityType.Task;
+                          activity.task = task;
+                          return [4 /*yield*/, this.sharedService.insertActivity(activity)];
+                      case 1:
+                          taskMade = _a.sent();
+                          if (taskMade) {
+                              this.activityCreated.emit();
+                              //await this.sendEmailIfNeccesary();
+                              this.clearFields();
+                          }
+                          _a.label = 2;
+                      case 2: return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      TaskCreatorComponent.prototype.addedDocument = function (docs) {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  this.documents = this.documents.concat(docs);
+                  return [2 /*return*/];
+              });
+          });
+      };
+      TaskCreatorComponent.prototype.deletedDocument = function (doc) {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  ArrayUtils.RemoveElement(doc, this.documents);
+                  return [2 /*return*/];
+              });
+          });
+      };
+      TaskCreatorComponent.prototype.emailDialogClosed = function () {
+          if (this.emailAddresses.length >= 0) {
+              this.emailRequest = new activityEmailRequestData.activityEmailRequestData;
+              this.emailRequest.table = this.table;
+              this.emailRequest.key = this.RemarkAndWorkKey;
+              this.emailRequest.senderAddress = this.senderAddress;
+              this.emailRequest.sendAddresses = this.createAddressList(this.emailAddresses);
+              this.emailRequest.ccAddresses = this.createAddressList(this.ccEmailAddresses);
+          }
+          else {
+              this.emailRequest = null;
+          }
+          this.showEmailDialog = false;
+      };
+      TaskCreatorComponent.prototype.createAddressList = function (addresses) {
+          var addressStrings = [];
+          if (addresses && addresses.length !== 0) {
+              addresses.forEach(function (r) {
+                  r.emailAddresses.forEach(function (e) {
+                      addressStrings.push(e);
+                  });
+              });
+          }
+          return addressStrings;
+      };
+      TaskCreatorComponent.prototype.sendEmailIfNeccesary = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var templates, template;
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0:
+                          if (!this.emailRequest) return [3 /*break*/, 2];
+                          return [4 /*yield*/, this.sharedService.getDefaultEmailReportTemplatesForBranch(this.branchNo, this.findReportType())];
+                      case 1:
+                          templates = _a.sent();
+                          if (templates.length != 0) {
+                              template = this.findDefault(templates);
+                              if (template) {
+                                  this.startEmailing(template);
+                              }
+                          }
+                          _a.label = 2;
+                      case 2: return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      TaskCreatorComponent.prototype.findReportType = function () {
+          if (this.chosenActivityType === this.optionCollection[0]) {
+              return reportType_enum.ReportType.RemarkMessage;
+          }
+          else if (this.chosenActivityType === this.optionCollection[1]) {
+              return reportType_enum.ReportType.WorkMessage;
+          }
+          else {
+              return reportType_enum.ReportType.TaskMessage;
+          }
+      };
+      TaskCreatorComponent.prototype.startEmailing = function (template) {
+          return __awaiter(this, void 0, void 0, function () {
+              var _this = this;
+              return __generator(this, function (_a) {
+                  this.emailRequest.sendAddresses.forEach(function (a) {
+                      _this.sharedService.emailViaTemplate(template, a, 'emailtiteeeel', "", [], {});
+                  });
+                  return [2 /*return*/];
+              });
+          });
+      };
+      TaskCreatorComponent.prototype.findDefault = function (reportList) {
+          var defaultTemplate = null;
+          reportList.forEach(function (r) {
+              if (r.isDefault) {
+                  defaultTemplate = r;
+              }
+          });
+          return defaultTemplate;
+      };
+      TaskCreatorComponent.prototype.clearFields = function () {
+          this.remarkText = "";
+          this.workDescription = "";
+          this.taskName = "";
+          this.taskDescription = "";
+          this.senderAddress = "";
+          this.emailAddresses = [];
+          this.ccEmailAddresses = [];
+          this.emailRequest = null;
+      };
+      return TaskCreatorComponent;
+  }());
+  TaskCreatorComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-task-creator",
+                  template: "\n      <div class=\"input-fields\">\n        <co-form #createForm>\n          <co-list-of-values [collection]=\"optionCollection\" [(model)]=\"chosenActivityType\"\n                             [displayField]=\"'id'\"></co-list-of-values>\n          <co-input-text *ngIf=\"chosenActivityType === optionCollection[0]\" [required]=\"chosenActivityType === optionCollection[0]\"\n                         [placeholder]=\"'REMARK' | localize\" [(model)]=\"remarkText\"\n                         [rightIconData]=\"iconService.getIcon(icons.PaperPlaneTopSolid)\"\n                         (rightIconClick)=\"createRemarkClicked()\"></co-input-text>\n          <co-input-text *ngIf=\"chosenActivityType === optionCollection[1]\" [required]=\"chosenActivityType === optionCollection[1]\"\n                         [placeholder]=\"'DESCRIPTION' | localize\" [(model)]=\"workDescription\"\n                         [rightIconData]=\"iconService.getIcon(icons.PaperPlaneTopSolid)\"\n                         (rightIconClick)=\"createWorkClicked()\"></co-input-text>\n          <div class=\"task-input-fields\" *ngIf=\"chosenActivityType === optionCollection[2]\">\n            <co-input-text [(model)]=\"taskName\" [placeholder]=\"'NAME' | localize\"  [required]=\"chosenActivityType === optionCollection[2]\"\n                           [rightIconData]=\"iconService.getIcon(icons.PaperPlaneTopSolid)\"\n                           (rightIconClick)=\"createTaskClicked()\"></co-input-text>\n            <co-input-text [(model)]=\"taskDescription\" [placeholder]=\"'DESCRIPTION' | localize\" [required]=\"chosenActivityType === optionCollection[2]\"></co-input-text>\n          </div>\n        </co-form>\n      </div>\n      <div class=\"extras-buttons\">\n        <co-button [iconData]=\"iconService.getIcon(icons.Email)\"  (click)=\"showEmailDialog = true\"></co-button>\n        <co-button [iconData]=\"iconService.getIcon(icons.PaperclipRegular)\"  (click)=\"showFilesDialog = true\"\n                   [label]=\"documents.length === 0 ? '' : documents.length.toString()\" ></co-button>\n      </div>\n\n      <co-dialog *ngIf=\"showFilesDialog\" (closeClick)=\"showFilesDialog = false\">\n        <co-files-upload (documentsAdded)=\"addedDocument($event)\" (documentDeleted)=\"deletedDocument\"\n                         [documents]=\"documents\" [useWithoutSettingProps]=\"true\"></co-files-upload>\n      </co-dialog>\n      <co-dialog *ngIf=\"showEmailDialog\" (closeClick)=\"emailDialogClosed()\">\n          <co-list-of-values [multiselect]=\"true\" [label]=\"'RECIPIENTS' | localize\"\n                             [collection]=\"emailAddressesAvailable\" [displayField]=\"'role'\"\n                             [(model)]=\"emailAddresses\">\n          </co-list-of-values>\n          <co-list-of-values [multiselect]=\"true\" [label]=\"'BCC' | localize\"\n                             [collection]=\"emailAddressesAvailable\" [displayField]=\"'role'\"\n                             [(model)]=\"ccEmailAddresses\">\n          </co-list-of-values>\n          <co-input-text [readonly]=\"false\" [label]=\"'SENDER' | localize\" [model]=\"senderAddress\"></co-input-text>\n      </co-dialog>\n\n    "
+              },] }
+  ];
+  TaskCreatorComponent.ctorParameters = function () { return [
+      { type: IconCacheService },
+      { type: SharedService }
+  ]; };
+  TaskCreatorComponent.propDecorators = {
+      createForm: [{ type: i0.ViewChild, args: [corecomponents_v12.FormComponent,] }],
+      author: [{ type: i0.Input }],
+      branchNo: [{ type: i0.Input }],
+      table: [{ type: i0.Input }],
+      RemarkAndWorkKey: [{ type: i0.Input }],
+      TaskKey: [{ type: i0.Input }],
+      workflowCategoryType: [{ type: i0.Input }],
+      activityCreated: [{ type: i0.Output }],
+      showClass: [{ type: i0.HostBinding, args: ["class.co-task-creator",] }]
+  };
+
+  var TaskCreatorModule = /** @class */ (function () {
+      function TaskCreatorModule() {
+      }
+      return TaskCreatorModule;
+  }());
+  TaskCreatorModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      corecomponents_v12.ListOfValuesModule,
+                      corecomponents_v12.InputTextModule,
+                      corecomponents_v12.ButtonModule,
+                      common.CommonModule,
+                      corecomponents_v12.CoDialogModule,
+                      FilesUploadModule,
+                      LocalizationModule,
+                      corecomponents_v12.ListOfIconsModule,
+                      corecomponents_v12.FormModule
+                  ],
+                  declarations: [
+                      TaskCreatorComponent
+                  ],
+                  exports: [
+                      TaskCreatorComponent
+                  ],
+                  providers: [
+                      businessObjectFactory.BusinessObjectFactory
+                  ]
+              },] }
+  ];
+
   /*
    * Public API Surface of sharedcomponents
    */
@@ -14154,38 +14688,41 @@
   exports.StatusbarModule = StatusbarModule;
   exports.StockComponent = StockComponent;
   exports.StockModule = StockModule;
+  exports.TaskCreatorComponent = TaskCreatorComponent;
+  exports.TaskCreatorModule = TaskCreatorModule;
   exports.Translation = Translation;
   exports.WorkflowInfoTilesComponent = WorkflowInfoTilesComponent;
   exports.WorkflowInfoTilesModule = WorkflowInfoTilesModule;
   exports.sendMethodsWithIcon = sendMethodsWithIcon;
   exports["ɵa"] = SignatureComponent;
   exports["ɵb"] = SignaturesComponent;
-  exports["ɵba"] = LocalizationModule;
-  exports["ɵbb"] = LocalizePipe;
-  exports["ɵbc"] = StockInformationComponent;
-  exports["ɵbd"] = StockInformationGridComponent;
-  exports["ɵbe"] = StockTransferComponent;
-  exports["ɵbf"] = StockChangeAmountComponent;
-  exports["ɵbg"] = StockTabComponent;
-  exports["ɵbh"] = OrderTabComponent;
-  exports["ɵbi"] = StockTabsComponent;
-  exports["ɵbj"] = StockHistoryTabsComponent;
-  exports["ɵbk"] = OrderStockTabComponent;
-  exports["ɵbl"] = StockLocationComponent;
-  exports["ɵbm"] = StockHistoryComponent;
-  exports["ɵbn"] = OrderSupplyStockHistoryComponent;
-  exports["ɵbo"] = OrderCommissionStockHistoryComponent;
-  exports["ɵbp"] = OrderStockHistoryComponent;
-  exports["ɵbq"] = AllocationStockHistoryComponent;
-  exports["ɵbr"] = StockPrognoseComponent;
-  exports["ɵbs"] = StockLocationPopupComponent;
-  exports["ɵbt"] = SendMethod;
-  exports["ɵbv"] = CalendarAllYearsComponent;
-  exports["ɵbw"] = CalendarAllMonthsComponent;
-  exports["ɵbx"] = CalendarHeaderComponent;
-  exports["ɵby"] = CalendarComponent;
-  exports["ɵbz"] = CalendarViewComponent;
+  exports["ɵba"] = StockStatusbarComponent;
+  exports["ɵbb"] = LocalizationModule;
+  exports["ɵbc"] = LocalizePipe;
+  exports["ɵbd"] = StockInformationComponent;
+  exports["ɵbe"] = StockInformationGridComponent;
+  exports["ɵbf"] = StockTransferComponent;
+  exports["ɵbg"] = StockChangeAmountComponent;
+  exports["ɵbh"] = StockTabComponent;
+  exports["ɵbi"] = OrderTabComponent;
+  exports["ɵbj"] = StockTabsComponent;
+  exports["ɵbk"] = StockHistoryTabsComponent;
+  exports["ɵbl"] = OrderStockTabComponent;
+  exports["ɵbm"] = StockLocationComponent;
+  exports["ɵbn"] = StockHistoryComponent;
+  exports["ɵbo"] = OrderSupplyStockHistoryComponent;
+  exports["ɵbp"] = OrderCommissionStockHistoryComponent;
+  exports["ɵbq"] = OrderStockHistoryComponent;
+  exports["ɵbr"] = AllocationStockHistoryComponent;
+  exports["ɵbs"] = StockPrognoseComponent;
+  exports["ɵbt"] = StockLocationPopupComponent;
+  exports["ɵbu"] = SendMethod;
+  exports["ɵbw"] = CalendarAllYearsComponent;
+  exports["ɵbx"] = CalendarAllMonthsComponent;
+  exports["ɵby"] = CalendarHeaderComponent;
+  exports["ɵbz"] = CalendarComponent;
   exports["ɵc"] = StockService;
+  exports["ɵca"] = CalendarViewComponent;
   exports["ɵcb"] = AgendaHeaderComponent;
   exports["ɵcc"] = AgendaViewComponent;
   exports["ɵcd"] = AgendaMonthViewComponent;
@@ -14264,24 +14801,23 @@
   exports["ɵf"] = DictionaryService;
   exports["ɵg"] = LocalizeService;
   exports["ɵh"] = IconCacheService;
-  exports["ɵi"] = SendMethodService;
-  exports["ɵj"] = SendMethodEmailModule;
-  exports["ɵk"] = LayoutSelectionModule;
-  exports["ɵl"] = LayoutSelectionComponent;
-  exports["ɵm"] = SignatureButtonModule;
-  exports["ɵn"] = SignatureButtonComponent;
-  exports["ɵo"] = SendMethodEmailComponent;
-  exports["ɵp"] = SendMethodPrinterModule;
-  exports["ɵq"] = PrinterSelectionModule;
-  exports["ɵr"] = PrinterSelectionComponent;
-  exports["ɵs"] = SendMethodPrinterComponent;
-  exports["ɵt"] = SendMethodPdfModule;
-  exports["ɵu"] = SendMethodPdfComponent;
-  exports["ɵv"] = TabBarModule;
-  exports["ɵw"] = TabBarComponent;
-  exports["ɵx"] = StatusbarPopupComponent;
-  exports["ɵy"] = StockStatusbarModule;
-  exports["ɵz"] = StockStatusbarComponent;
+  exports["ɵj"] = SendMethodService;
+  exports["ɵk"] = SendMethodEmailModule;
+  exports["ɵl"] = LayoutSelectionModule;
+  exports["ɵm"] = LayoutSelectionComponent;
+  exports["ɵn"] = SignatureButtonModule;
+  exports["ɵo"] = SignatureButtonComponent;
+  exports["ɵp"] = SendMethodEmailComponent;
+  exports["ɵq"] = SendMethodPrinterModule;
+  exports["ɵr"] = PrinterSelectionModule;
+  exports["ɵs"] = PrinterSelectionComponent;
+  exports["ɵt"] = SendMethodPrinterComponent;
+  exports["ɵu"] = SendMethodPdfModule;
+  exports["ɵv"] = SendMethodPdfComponent;
+  exports["ɵw"] = TabBarModule;
+  exports["ɵx"] = TabBarComponent;
+  exports["ɵy"] = StatusbarPopupComponent;
+  exports["ɵz"] = StockStatusbarModule;
 
   Object.defineProperty(exports, '__esModule', { value: true });