@colijnit/sharedcomponents 1.0.57 → 1.0.58

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/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('@colijnit/corecomponents_v12'), require('@angular/platform-browser'), 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('@angular/cdk/drag-drop')) :
-  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/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', '@colijnit/corecomponents_v12', '@angular/platform-browser', '@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', '@angular/cdk/drag-drop'], 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.printStockStickers, global.articleExtended_bo, global.articleStock, global.articleExtendedRequest, global.corecomponents_v12, global.ng.platformBrowser, global.articleStockManagement, global.articleTransaction, global.printPriceStickers_bo, global.reportingDocumentEmailSignDocBaseRequest, global.reportingDocumentPdfBaseRequest, global.reportingDocumentPrintSignDocBaseRequest, global.sendMethodType_enum, global.getStockHistoryRequest, global.chart_js, global.moment, global.ng.cdk.dragDrop));
-})(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, printStockStickers, articleExtended_bo, articleStock, articleExtendedRequest, corecomponents_v12, i1, articleStockManagement, articleTransaction, printPriceStickers_bo, reportingDocumentEmailSignDocBaseRequest, reportingDocumentPdfBaseRequest, reportingDocumentPrintSignDocBaseRequest, sendMethodType_enum, getStockHistoryRequest, chart_js, moment, dragDrop) { '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/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('@colijnit/corecomponents_v12'), require('@angular/platform-browser'), require('@colijnit/articleapi/build/model/article-stock-management'), require('@colijnit/articleapi/build/model/article-transaction'), require('@colijnit/sharedapi/build/model/print-price-stickers.bo'), require('@colijnit/mainapi/build/model/reporting-document-email-sign-doc-base-request'), require('@colijnit/mainapi/build/model/reporting-document-pdf-base-request'), require('@colijnit/mainapi/build/model/reporting-document-print-sign-doc-base-request'), require('@colijnit/mainapi/build/enum/send-method-type.enum'), require('@colijnit/articleapi/build/model/get-stock-history-request'), require('chart.js'), require('moment'), require('@colijnit/sharedapi/build/enum/refcode/file-type-internal.enum'), require('@angular/cdk/drag-drop'), require('@colijnit/mainapi/build/enum/file-type.enum'), require('@colijnit/sharedapi/build/enum/object-right-type.enum'), require('@colijnit/mainapi/build/utils/file-utils'), require('@colijnit/mainapi/build/model/co-document'), require('@colijnit/mainapi/build/enum/co-document-type.enum'), require('@colijnit/articleapi/build/enum/refcode/document-publication.enum'), require('@colijnit/mainapi/build/model/co-document-right'), require('@colijnit/sharedapi/build/utils/array-utils'), require('@angular/cdk/overlay'), require('@colijnit/mainapi/build/model/co-domain-value.bo'), require('@colijnit/articleapi/build/enum/relation-kind.enum'), require('@colijnit/mainapi/build/enum/activity-type'), require('@colijnit/mainapi/build/utils/time-utils')) :
+  typeof define === 'function' && define.amd ? define('@colijnit/sharedcomponents', ['exports', '@angular/core', '@angular/animations', 'pdf-lib', 'pdfjs-dist/legacy/build/pdf', 'pdfjs-dist/build/pdf.worker.entry', '@angular/common', 'signature_pad', '@colijnit/articleapi/build/articles', '@colijnit/sharedapi/build/sharedapi', '@colijnit/articleapi/build/model/article-stock.bo', '@colijnit/articleapi/build/model/stock-history.bo', '@colijnit/articleapi/build/model/article-details.bo', '@colijnit/articleapi/build/model/stock-status.bo', '@colijnit/articleapi/build/model/stock-management-warehouses.bo', '@colijnit/articleapi/build/model/stock-location.bo', '@colijnit/articleapi/build/model/article-transaction.bo', 'rxjs', '@colijnit/ioneconnector/build/model/options', '@colijnit/mainapi', '@colijnit/mainapi/build/model/printer.bo', '@colijnit/mainapi/build/model/send-method.bo', '@colijnit/ioneconnector/build/service/business-object-factory', '@colijnit/mainapi/build/model/tag-tree-item.bo', '@colijnit/ioneconnector/build/model/object-configuration', '@colijnit/sharedapi/build/model/print-stock-stickers', '@colijnit/articleapi/build/model/article-extended.bo', '@colijnit/articleapi/build/model/article-stock', '@colijnit/articleapi/build/model/article-extended-request', '@colijnit/corecomponents_v12', '@angular/platform-browser', '@colijnit/articleapi/build/model/article-stock-management', '@colijnit/articleapi/build/model/article-transaction', '@colijnit/sharedapi/build/model/print-price-stickers.bo', '@colijnit/mainapi/build/model/reporting-document-email-sign-doc-base-request', '@colijnit/mainapi/build/model/reporting-document-pdf-base-request', '@colijnit/mainapi/build/model/reporting-document-print-sign-doc-base-request', '@colijnit/mainapi/build/enum/send-method-type.enum', '@colijnit/articleapi/build/model/get-stock-history-request', 'chart.js', 'moment', '@colijnit/sharedapi/build/enum/refcode/file-type-internal.enum', '@angular/cdk/drag-drop', '@colijnit/mainapi/build/enum/file-type.enum', '@colijnit/sharedapi/build/enum/object-right-type.enum', '@colijnit/mainapi/build/utils/file-utils', '@colijnit/mainapi/build/model/co-document', '@colijnit/mainapi/build/enum/co-document-type.enum', '@colijnit/articleapi/build/enum/refcode/document-publication.enum', '@colijnit/mainapi/build/model/co-document-right', '@colijnit/sharedapi/build/utils/array-utils', '@angular/cdk/overlay', '@colijnit/mainapi/build/model/co-domain-value.bo', '@colijnit/articleapi/build/enum/relation-kind.enum', '@colijnit/mainapi/build/enum/activity-type', '@colijnit/mainapi/build/utils/time-utils'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.sharedcomponents = {}), global.ng.core, global.ng.animations, global.pdfLib, global.PDFJS, global.pdfjsWorker, global.ng.common, global.SignaturePad, global.articles, global.sharedapi, global.articleStock_bo, global.stockHistory_bo, global.articleDetails_bo, global.stockStatus_bo, global.stockManagementWarehouses_bo, global.stockLocation_bo, global.articleTransaction_bo, global.rxjs, global.options, global.mainapi, global.printer_bo, global.sendMethod_bo, global.businessObjectFactory, global.tagTreeItem_bo, global.objectConfiguration, global.printStockStickers, global.articleExtended_bo, global.articleStock, global.articleExtendedRequest, global.corecomponents_v12, global.ng.platformBrowser, global.articleStockManagement, global.articleTransaction, global.printPriceStickers_bo, global.reportingDocumentEmailSignDocBaseRequest, global.reportingDocumentPdfBaseRequest, global.reportingDocumentPrintSignDocBaseRequest, global.sendMethodType_enum, global.getStockHistoryRequest, global.chart_js, global.moment, global.fileTypeInternal_enum, global.ng.cdk.dragDrop, global.fileType_enum, global.objectRightType_enum, global.fileUtils, global.coDocument, global.coDocumentType_enum, global.documentPublication_enum, global.coDocumentRight, global.arrayUtils, global.ng.cdk.overlay, global.coDomainValue_bo, global.relationKind_enum, global.activityType, global.timeUtils));
+})(this, (function (exports, i0, animations, pdfLib, PDFJS, pdfjsWorker, common, SignaturePad, articles, sharedapi, articleStock_bo, stockHistory_bo, articleDetails_bo, stockStatus_bo, stockManagementWarehouses_bo, stockLocation_bo, articleTransaction_bo, rxjs, options, mainapi, printer_bo, sendMethod_bo, businessObjectFactory, tagTreeItem_bo, objectConfiguration, printStockStickers, articleExtended_bo, articleStock, articleExtendedRequest, corecomponents_v12, i1, articleStockManagement, articleTransaction, printPriceStickers_bo, reportingDocumentEmailSignDocBaseRequest, reportingDocumentPdfBaseRequest, reportingDocumentPrintSignDocBaseRequest, sendMethodType_enum, getStockHistoryRequest, chart_js, moment, fileTypeInternal_enum, dragDrop, fileType_enum, objectRightType_enum, fileUtils, coDocument, coDocumentType_enum, documentPublication_enum, coDocumentRight, arrayUtils, overlay, coDomainValue_bo, relationKind_enum, activityType, timeUtils) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -957,6 +957,35 @@
       StringUtils.IsStringWithLength = function (str) {
           return str && StringUtils.IsString(str) && str.length > 0;
       };
+      /**
+       * Example usage:
+       * str = 'File is to large to upload. Maximum file size is {0} Mb'
+       * format = [FileUtils.MaxUploadSizeInMb]
+       * output = File is to large to upload. Maximum file size is 3 Mb
+       *
+       * str = '{0} is way better than {1}'
+       * format = ['Angular2','Angular1']
+       * output = Angular2 is way better than Angular1
+       *
+       * @param str The string that contains {0} and {1} etc, for replacement by given format data
+       * @param format The format replacement data
+       * @returns {string}
+       */
+      StringUtils.Format = function (str, format) {
+          var args = Array.prototype.slice.call(format);
+          return str.replace(/{(\d+)}/g, function (match, number) {
+              return typeof args[number] !== "undefined" ? (args[number] !== null ? args[number] : "") : "";
+          });
+      };
+      // Returns a new string string with N amount of characters removed from the end of it.
+      StringUtils.RemoveLastChars = function (str, amount) {
+          if (str) {
+              return str.slice(0, -1 * amount);
+          }
+          else {
+              return str;
+          }
+      };
       // Returns given string, escaped for use as string literal in regular expressions.
       StringUtils._escapeRegExp = function (str) {
           return str; // .replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^$\|]/g, "\\$&");
@@ -1151,6 +1180,22 @@
               });
           });
       };
+      SharedConnectorService.prototype.getConfiguration = function (module, params) {
+          return __awaiter(this, void 0, void 0, function () {
+              var response;
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0: return [4 /*yield*/, this.mainConnector.getObjectConfigurations(module, params)];
+                      case 1:
+                          response = _a.sent();
+                          if (response && response.success) {
+                              return [2 /*return*/, this._boFactory.makeBOArrayFromRawBackendDataArray(objectConfiguration.ObjectConfiguration, response.resultObjects)];
+                          }
+                          return [2 /*return*/];
+                  }
+              });
+          });
+      };
       SharedConnectorService.prototype.getAllPrinters = function () {
           return __awaiter(this, void 0, void 0, function () {
               var _this = this;
@@ -2045,9 +2090,12 @@
       "bring_forward_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"#183153\" d=\"M224 464H448C456.8 464 464 456.8 464 448V224C464 215.2 456.8 208 448 208H384V160H448C483.3 160 512 188.7 512 224V448C512 483.3 483.3 512 448 512H224C188.7 512 160 483.3 160 448V384H208V448C208 456.8 215.2 464 224 464zM64 352C28.65 352 0 323.3 0 288V64C0 28.65 28.65 0 64 0H288C323.3 0 352 28.65 352 64V288C352 323.3 323.3 352 288 352H64z\"/></svg>",
       "check_duotone": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><defs><style>.fa-secondary{opacity:.4}</style></defs><path class=\"fa-primary\" d=\"M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z\"/></svg>",
       "check_round": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M25,10A15,15,0,1,0,40,25,15,15,0,0,0,25,10ZM23,34l-6.24-9.09,2.81-3.59L23,26.45,27.66,16h5.58Z\" fill=\"#484f60\"/></svg>",
+      "clock_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z\"/></svg>",
+      "comment_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M123.6 391.3c12.9-9.4 29.6-11.8 44.6-6.4c26.5 9.6 56.2 15.1 87.8 15.1c124.7 0 208-80.5 208-160s-83.3-160-208-160S48 160.5 48 240c0 32 12.4 62.8 35.7 89.2c8.6 9.7 12.8 22.5 11.8 35.5c-1.4 18.1-5.7 34.7-11.3 49.4c17-7.9 31.1-16.7 39.4-22.7zM21.2 431.9c1.8-2.7 3.5-5.4 5.1-8.1c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208s-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6c-15.1 6.6-32.3 12.6-50.1 16.1c-.8 .2-1.6 .3-2.4 .5c-4.4 .8-8.7 1.5-13.2 1.9c-.2 0-.5 .1-.7 .1c-5.1 .5-10.2 .8-15.3 .8c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4c4.1-4.2 7.8-8.7 11.3-13.5c1.7-2.3 3.3-4.6 4.8-6.9c.1-.2 .2-.3 .3-.5z\"/></svg>",
       "cross_skinny": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><polygon points=\"25.35 5.52 24.65 4.81 15 14.46 5.35 4.81 4.65 5.52 14.29 15.17 4.65 24.81 5.35 25.52 15 15.87 24.65 25.52 25.35 24.81 15.71 15.17 25.35 5.52\" fill=\"#484f60\"/></g></svg>",
       "delete_left_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M432.1 208.1L385.9 256L432.1 303C442.3 312.4 442.3 327.6 432.1 336.1C423.6 346.3 408.4 346.3 399 336.1L352 289.9L304.1 336.1C295.6 346.3 280.4 346.3 271 336.1C261.7 327.6 261.7 312.4 271 303L318.1 256L271 208.1C261.7 199.6 261.7 184.4 271 175C280.4 165.7 295.6 165.7 304.1 175L352 222.1L399 175C408.4 165.7 423.6 165.7 432.1 175C442.3 184.4 442.3 199.6 432.1 208.1V208.1zM512 64C547.3 64 576 92.65 576 128V384C576 419.3 547.3 448 512 448H205.3C188.3 448 172 441.3 160 429.3L9.372 278.6C3.371 272.6 0 264.5 0 256C0 247.5 3.372 239.4 9.372 233.4L160 82.75C172 70.74 188.3 64 205.3 64L512 64zM528 128C528 119.2 520.8 112 512 112H205.3C201 112 196.9 113.7 193.9 116.7L54.63 256L193.9 395.3C196.9 398.3 201 400 205.3 400H512C520.8 400 528 392.8 528 384V128z\"/></svg>",
       "delivery_truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"15.35\" y=\"16.56\" width=\"15.14\" height=\"10.94\" transform=\"translate(-1.83 2.08) rotate(-5)\" fill=\"#484f60\"/><path d=\"M38.5,18.1l-6.9.61L32.41,28l-7.63.67a3.76,3.76,0,0,1,1.43,2.25l7.25-.63A3.83,3.83,0,0,1,41,29.6l1-.1-.52-6Zm.29,5.84-3.91.34a.51.51,0,0,1-.55-.46L34,20.1a.49.49,0,0,1,.45-.54l2.27-.2a.5.5,0,0,1,.48.25l2,3.59A.5.5,0,0,1,38.79,23.94Z\" fill=\"#484f60\"/><path d=\"M19.66,29.09a3.8,3.8,0,0,0-1,2.46l-.74.07-1.82-.94L16,29.41Z\" fill=\"#484f60\"/><path d=\"M34.56,30.62a2.74,2.74,0,1,0,2.49-3A2.73,2.73,0,0,0,34.56,30.62Z\" fill=\"#484f60\"/><path d=\"M19.74,31.91a2.74,2.74,0,1,0,2.49-3A2.74,2.74,0,0,0,19.74,31.91Z\" fill=\"#484f60\"/><rect x=\"7.96\" y=\"17.63\" width=\"5\" height=\"1\" transform=\"translate(-1.54 0.98) rotate(-5)\" fill=\"#484f60\"/><rect x=\"11.02\" y=\"29.71\" width=\"3\" height=\"1\" transform=\"translate(-2.59 1.21) rotate(-5)\" fill=\"#484f60\"/><rect x=\"9.48\" y=\"23.53\" width=\"4\" height=\"1\" transform=\"matrix(1, -0.09, 0.09, 1, -2.05, 1.09)\" fill=\"#484f60\"/></svg>",
+      "dropzone": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><g><rect x=\"2\" y=\"1.67\" width=\"14\" height=\"6\" rx=\"2\" ry=\"2\" fill=\"#484f60\" opacity=\".5\"/><path d=\"M16.52,13.16l-.94-.47-1.61-2.53-1.23-1.62-.65-.85-1.53-1.59-2.06-1.17h-1.15l-.7,.7,.41,.91,2.47,2.2,.56,1.2,1.7,2.71,.82,2.26,.06,.74,.09,2.38-.23-.85-.97-.94-.79-.97-1.76-1.76-1.06-.35-.88,.24-.7,.62,1.32,1.44,1.56,1.97,2.14,3.73,2.2,2,1.82,1.14,2.44,1.06,1.91,1,2,1.03,.23,1.29,6.02-5.99v-.91s-.91-1-1-1.03c-.09-.03-.82-1.65-.82-1.65l-.47-1.91-.35-.97-1.32-1.67-.85-1.12-.5-.82-.88-1.14-.79-.77-1.33-.86-.22,.42,1.39,2.12-.94-.47-.86-1.48-1.33-1.38-1.06-.16-.03,.6,2.1,3.09-.94-.47-1.8-2.9-1.21-.86-1.29,.12,.18,.56,2.85,4.14Z\" fill=\"#484f60\"/><path d=\"M16,1.67h-1c1.1,0,2,.9,2,2v2c0,1.1-.9,2-2,2h1c1.1,0,2-.9,2-2V3.67c0-1.1-.9-2-2-2Z\" fill=\"#484f60\" opacity=\".5\"/><path d=\"M18,1.67h-1c1.1,0,2,.9,2,2v2c0,1.1-.9,2-2,2h1c1.1,0,2-.9,2-2V3.67c0-1.1-.9-2-2-2Z\" fill=\"#484f60\" opacity=\".25\"/><path d=\"M20,1.67h-1c1.1,0,2,.9,2,2v2c0,1.1-.9,2-2,2h1c1.1,0,2-.9,2-2V3.67c0-1.1-.9-2-2-2Z\" fill=\"#484f60\" opacity=\".1\"/></g></g></svg>",
       "email": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.79,38.45A17.82,17.82,0,0,1,23.86,40,13.09,13.09,0,0,1,10.41,26.42C10.41,17.63,16.83,10,26.53,10c7.63,0,13.06,5.21,13.06,12.46,0,6.33-3.53,10.3-8.19,10.3a3.42,3.42,0,0,1-3.71-3.32h-.08A6.5,6.5,0,0,1,22,32.76c-2.75,0-4.82-2.11-4.82-5.65a9.85,9.85,0,0,1,10.13-10,12.89,12.89,0,0,1,5.13,1l-1.3,8c-.43,2.54-.13,3.71,1.08,3.75,1.85.09,4.18-2.28,4.18-7.28,0-5.65-3.62-10-10.3-10S13.73,17.76,13.73,26c0,7.25,4.57,11.3,11,11.3A14.81,14.81,0,0,0,31,36ZM28,20.65a5.34,5.34,0,0,0-1.33-.18c-2.85,0-5.09,2.81-5.09,6.12,0,1.64.73,2.68,2.16,2.68,1.59,0,3.27-2,3.66-4.53Z\" fill=\"#484f60\"/></svg>",
       "envelope_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z\"/></svg>",
       "eye_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z\"/></svg>",
@@ -2060,12 +2108,15 @@
       "lock": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><g><path d=\"M22.65,11.67H7.35c-2.82,0-3.07,2.29-3.07,5.12v8.09c0,2.83,.25,5.12,3.07,5.12h15.29c2.81,0,3.07-2.29,3.07-5.12v-8.09c0-2.83-.25-5.12-3.07-5.12Zm-12.42,15.82l2.6-6.32c-1-.7-1.65-1.85-1.65-3.15,0-2.12,1.71-3.84,3.82-3.84s3.82,1.73,3.82,3.84c0,1.31-.65,2.46-1.65,3.15l2.6,6.32H10.22Z\" fill=\"#484f60\"/><path d=\"M19.51,6.64c0-3.6-2.02-4.07-4.51-4.07h0c-2.49,0-4.51,.47-4.51,4.07v3h-2.7v-3C7.79,1.62,11.02,0,15,0h0c3.98,0,7.21,1.62,7.21,6.64v3h-2.7v-3Z\" fill=\"#484f60\"/></g></g></svg>",
       "message_sms_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M448-.0004H64c-35.25 0-64 28.75-64 63.1v287.1c0 35.25 28.75 63.1 64 63.1h96v83.98c0 9.836 11.02 15.55 19.12 9.7L304 415.1H448c35.25 0 64-28.75 64-63.1V63.1C512 28.75 483.3-.0004 448-.0004zM464 352c0 8.75-7.25 16-16 16h-160l-80 60v-60H64c-8.75 0-16-7.25-16-16V64c0-8.75 7.25-16 16-16h384c8.75 0 16 7.25 16 16V352zM124.4 192.6C113.6 189.5 103.2 187.2 104.2 181.5c.7813-4.5 10.28-6.562 21.5-4.906c4.156 .6562 8.75 2.094 13.09 3.594c8.375 2.906 17.47-1.562 20.34-9.906c2.875-8.344-1.562-17.47-9.906-20.34C143.1 147.8 136.5 145.9 130.6 145c-30.69-4.812-53.94 7.719-58 31.09c-5.656 33.03 26.5 42.47 38.63 46c13.72 3.947 25.62 6.432 24.56 12.34C135 239 125.7 241.1 114.3 239.4C107.9 238.4 100.4 235.4 93.38 232.9c-8.375-2.969-16 1.875-18.97 10.19S77.19 261.1 85.5 264.1C92.81 266.8 101.1 269.8 109.4 271C113.7 271.7 117.9 272 121.1 272c24.28 0 41.94-12.03 45.38-32.13C173.1 206.5 141.4 197.5 124.4 192.6zM396.4 192.6C385.6 189.5 375.2 187.2 376.2 181.5c.7813-4.5 10.31-6.562 21.5-4.906c4.156 .6562 8.75 2.094 13.09 3.594c8.406 2.906 17.47-1.562 20.34-9.906c2.875-8.344-1.562-17.47-9.906-20.34c-6.156-2.125-12.69-4.062-18.59-4.969c-30.75-4.812-53.97 7.719-58 31.09c-5.656 33.03 26.5 42.47 38.63 46c13.72 3.947 25.62 6.432 24.56 12.34c-.7813 4.562-10.12 6.656-21.56 4.938c-6.342-.9883-13.9-3.939-20.88-6.438c-8.375-2.969-16 1.875-18.97 10.19s2.781 17.97 11.09 20.97c7.312 2.656 15.62 5.656 23.88 6.906C385.7 271.7 389.9 272 393.1 272c24.28 0 41.94-12.03 45.38-32.13C445.1 206.5 413.4 197.5 396.4 192.6zM309.1 144.8c-6.469-2.062-13.72 .0625-17.88 5.594L256 197.3L220.8 150.4C216.7 144.9 209.4 142.7 202.9 144.8C196.4 147 192 153.1 192 160v96c0 8.844 7.156 16 16 16S224 264.8 224 256V208l19.19 25.59c6.062 8.062 19.56 8.062 25.62 0L288 208V256c0 8.844 7.156 16 16 16S320 264.8 320 256V160C320 153.1 315.6 147 309.1 144.8z\"/></svg>",
       "message_sms_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M0 64C0 28.7 28.7 0 64 0H448c35.3 0 64 28.7 64 64V352c0 35.3-28.7 64-64 64H309.3L185.6 508.8c-4.8 3.6-11.3 4.2-16.8 1.5s-8.8-8.2-8.8-14.3V416H64c-35.3 0-64-28.7-64-64V64zm202.9 80.8C196.4 147 192 153.1 192 160v96c0 8.8 7.2 16 16 16s16-7.2 16-16V208l19.2 25.6c3 4 7.8 6.4 12.8 6.4s9.8-2.4 12.8-6.4L288 208v48c0 8.8 7.2 16 16 16s16-7.2 16-16V160c0-6.9-4.4-13-10.9-15.2s-13.7 .1-17.9 5.6L256 197.3l-35.2-46.9c-4.1-5.5-11.3-7.8-17.9-5.6zm173.1 38c0-1.1 .2-1.6 .4-1.9c.3-.4 .9-1.2 2.4-2c3.1-1.8 8-3 12.9-2.9c6.1 .1 12.9 1.4 20.1 3.4c8.5 2.3 17.3-2.8 19.6-11.3s-2.8-17.3-11.3-19.6c-8.2-2.2-17.9-4.3-27.9-4.4c-9.3-.1-20.4 1.9-29.7 7.4c-9.9 5.9-18.6 16.4-18.5 31.6c.1 14.7 8.8 24 17.7 29.4c7.6 4.6 17.1 7.4 24.3 9.6l1.2 .4c8.5 2.6 14.2 4.5 18 6.9c2.7 1.7 2.7 2.4 2.7 3.1l0 .2c0 1.6-.3 2.3-.6 2.7c-.3 .5-.9 1.2-2.1 2c-2.8 1.7-7.5 2.9-12.8 2.8c-7-.2-13.5-2.4-22.6-5.5l0 0 0 0c-1.5-.5-3.2-1.1-4.9-1.6c-8.4-2.8-17.4 1.7-20.2 10.1s1.7 17.4 10.1 20.2c1.2 .4 2.6 .9 4 1.4l0 0 0 0c8.8 3 20.4 7 32.6 7.4c9.8 .3 21.2-1.6 30.7-7.6c10.2-6.4 18-17.3 17.8-32.3c-.2-14.7-8.5-24.2-17.6-29.9c-8-5-17.9-8-25.2-10.2l-.6-.2c-8.6-2.6-14.4-4.4-18.2-6.8c-1.6-1-2.1-1.6-2.2-1.7c0-.1 0-.2 0-.4zm-272 0c0-1.1 .2-1.6 .4-1.9c.3-.4 .9-1.2 2.4-2c3.1-1.8 8-3 12.9-2.9c6.6 .1 16.7 1.6 23.3 3.4c8.5 2.3 17.3-2.8 19.6-11.3s-2.8-17.3-11.3-19.6c-8.8-2.4-21.6-4.3-31.1-4.4c-9.3-.1-20.4 1.9-29.7 7.4C80.6 157.3 72 167.8 72 183c.1 14.7 8.8 24 17.7 29.4c7.6 4.6 17.1 7.4 24.3 9.6l0 0 1.2 .4c8.5 2.6 14.2 4.5 18 6.9c2.7 1.7 2.7 2.4 2.7 3.1l0 .2c0 1.6-.3 2.3-.6 2.7c-.3 .5-.9 1.2-2.1 2c-2.8 1.7-7.5 2.9-12.8 2.8c-7.2-.2-14.2-2.6-23.7-5.8l0 0 0 0c-1.3-.4-2.7-.9-4.1-1.4c-8.4-2.8-17.4 1.7-20.2 10.1s1.7 17.4 10.1 20.2c1.1 .4 2.4 .8 3.6 1.2l0 0 0 0c9 3.1 20.9 7.2 33.2 7.6c9.8 .3 21.2-1.6 30.7-7.6c10.2-6.4 18-17.3 17.8-32.3c-.2-14.7-8.5-24.2-17.6-29.9c-8-5-17.9-8-25.2-10.2l-.6-.2c-8.6-2.6-14.4-4.4-18.3-6.8c-1.6-1-2.1-1.6-2.2-1.7c0-.1 0-.2 0-.4z\"/></svg>",
+      "paperclip_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M375 73c-26-26-68.1-26-94.1 0L89 265C45.3 308.6 45.3 379.4 89 423s114.4 43.6 158.1 0L399 271c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L281 457c-62.4 62.4-163.5 62.4-225.9 0S-7.4 293.4 55 231L247 39C291.7-5.7 364.2-5.7 409 39s44.7 117.2 0 161.9L225.2 384.7c-31.6 31.6-83.6 28.7-111.5-6.2c-23.8-29.8-21.5-72.8 5.5-99.8L271 127c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L153.2 312.7c-9.7 9.7-10.6 25.1-2 35.8c10 12.5 28.7 13.6 40 2.2L375 167c26-26 26-68.1 0-94.1z\"/></svg>",
       "pdf": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.88c-2.16,0-2.72-.56-2.72-2.72V12.88c0-2.15.56-2.71,2.72-2.71h11.6l8.66,8.88v3.43H32.8V19.6l-7.88-8.09h-11c-1.38,0-1.38,0-1.38,1.37V37.45c0,1.37,0,1.37,1.38,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M27.83,26.63v4.24h1a3.57,3.57,0,0,0,.78-.06,1.22,1.22,0,0,0,.52-.26,1.44,1.44,0,0,0,.34-.62,4.13,4.13,0,0,0,.13-1.18,3.79,3.79,0,0,0-.13-1.14,1.51,1.51,0,0,0-.37-.62,1.14,1.14,0,0,0-.6-.3,5.93,5.93,0,0,0-1.06-.06Z\" fill=\"#484f60\"/><path d=\"M21.86,26.63v1.82h.71a3.57,3.57,0,0,0,1-.1A.88.88,0,0,0,24,28a.84.84,0,0,0,.14-.5.8.8,0,0,0-.2-.57.88.88,0,0,0-.52-.29,6.36,6.36,0,0,0-.93,0Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm6.12,4.24a1.68,1.68,0,0,1-.54.63,1.9,1.9,0,0,1-.67.3,6.57,6.57,0,0,1-1.34.1h-.85V32H20.57V25.54h2.07a7.75,7.75,0,0,1,1.54.1,1.73,1.73,0,0,1,.93.63,2,2,0,0,1,.37,1.25A2,2,0,0,1,25.26,28.51Zm6.45,1.66A2.91,2.91,0,0,1,31,31.31a2.28,2.28,0,0,1-.91.51A4,4,0,0,1,29,32H26.54V25.54H28.9a4.21,4.21,0,0,1,1.22.13,2.08,2.08,0,0,1,1,.59,2.79,2.79,0,0,1,.61,1,4.76,4.76,0,0,1,.21,1.52A4.19,4.19,0,0,1,31.71,30.17Zm5.7-3.54h-3.1v1.52H37v1.08H34.31V32H33V25.54h4.39Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/></svg>",
+      "person_digging_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M208 64a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zM440.8 288c8.2 .3 15.7 4.7 19.8 11.8l104 176c4.4 7.4 4.5 16.6 .2 24.1s-12.2 12.1-20.8 12.1H288c-7.7 0-15-3.7-19.5-10s-5.7-14.3-3.3-21.6l16-48c3.3-9.8 12.4-16.4 22.8-16.4h35.4l20.3-29.5L22.8 246.2c-12.2-5.1-18-19.1-12.9-31.4s19.1-18 31.4-12.9L61 210.1l19.8-36.2C96.2 145.6 125.8 128 158 128h3.8c52.3 0 98.5 33.8 114.4 83.6l32.3 101.6 79 32.9 32.8-47.7c4.6-6.8 12.4-10.7 20.6-10.4zm-190.4 1l-20-62.8c-9.5-29.9-37.3-50.2-68.6-50.2H158c-14.6 0-28.1 8-35.1 20.8l-17.3 31.8L250.4 289zm188.1 67.6l-66.7 97L364.6 464H501.9L438.5 356.6zM81.4 301.1l128 54.4c8.9 3.8 14.6 12.5 14.6 22.1V488c0 13.3-10.7 24-24 24s-24-10.7-24-24V393.5L87.5 355.9 47 494.7c-3.7 12.7-17 20-29.8 16.3S-2.7 494 1 481.3L49 316.5l7.6-25.9 24.9 10.6z\"/></svg>",
       "print": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M38,16.5H12a2,2,0,0,0-2,2v9a2,2,0,0,0,2,2h2v-5H36v5h2a2,2,0,0,0,2-2v-9A2,2,0,0,0,38,16.5ZM37,21a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,37,21Z\" fill=\"#484f60\"/><path d=\"M35,11.5v5H15v-5H35m1-1H14v7H36v-7Z\" fill=\"#484f60\"/><path d=\"M35,25.5v13H15v-13H35m1-1H14v15H36v-15Z\" fill=\"#484f60\"/><rect x=\"17\" y=\"28.3\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/><rect x=\"17\" y=\"31.5\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/><rect x=\"17\" y=\"34.7\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/></svg>",
       "print_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M111.1 48h254.1L400 81.94V160H448V81.94c0-12.73-5.057-24.94-14.06-33.94l-33.94-33.94C391 5.057 378.8 0 366.1 0H111.1C85.49 0 64.01 21.48 64 47.98l.002 82.28c-.002 0 .002 0 0 0L64 160h48.01L111.1 48zM440 192H72C32.3 192 0 224.3 0 264v112c0 13.25 10.75 24 24 24H80V480c0 17.67 14.33 32 32 32h288c17.67 0 32-14.33 32-32v-80h56c13.25 0 24-10.75 24-24v-112C512 224.3 479.7 192 440 192zM384 464H128v-96h256V464zM464 352h-32c0-17.67-14.33-32-32-32h-288c-17.67 0-32 14.33-32 32h-32V264c0-13.23 10.77-24 24-24h368c13.23 0 24 10.77 24 24V352z\"/></svg>",
       "print_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M448 192H64C28.65 192 0 220.7 0 256v96c0 17.67 14.33 32 32 32h32v96c0 17.67 14.33 32 32 32h320c17.67 0 32-14.33 32-32v-96h32c17.67 0 32-14.33 32-32V256C512 220.7 483.3 192 448 192zM384 448H128v-96h256V448zM432 296c-13.25 0-24-10.75-24-24c0-13.27 10.75-24 24-24s24 10.73 24 24C456 285.3 445.3 296 432 296zM128 64h229.5L384 90.51V160h64V77.25c0-8.484-3.375-16.62-9.375-22.62l-45.25-45.25C387.4 3.375 379.2 0 370.8 0H96C78.34 0 64 14.33 64 32v128h64V64z\"/></svg>",
       "signature_field": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M20.1,25.42a1.1,1.1,0,1,1,1.27,1.45l-3.3,9.07A63.13,63.13,0,0,1,28,28.3l1.26-12-8.26-3-6.77,10A62.4,62.4,0,0,1,17,35.54l3.3-9.07A1.12,1.12,0,0,1,20.1,25.42Z\" fill=\"#484f60\"/><rect x=\"21.62\" y=\"11.43\" width=\"8.79\" height=\"2.34\" transform=\"translate(5.88 -8.14) rotate(20)\" fill=\"#484f60\"/><path d=\"M18.11,37.48c1.44,2.65,4.58,2.94,7.23,2.1,1.41-.44,2.2-1.49,3.44-2.06,2.42-1.1,3.13,1.2,5.36,1.37.42,0,2-.65,1.54-.68-2.55-.19-2.93-3.13-5.51-2.65a4.9,4.9,0,0,0-1.64.71c-.77.49-1.31,1.62-2.07,2l-4.61.56A3.38,3.38,0,0,1,20,37c-.22-.41-2,.28-1.85.5Z\" fill=\"#484f60\"/></svg>",
       "tag_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M197.5 32c17 0 33.3 6.7 45.3 18.7l176 176c25 25 25 65.5 0 90.5L285.3 450.7c-25 25-65.5 25-90.5 0l-176-176C6.7 262.7 0 246.5 0 229.5V80C0 53.5 21.5 32 48 32H197.5zM48 229.5c0 4.2 1.7 8.3 4.7 11.3l176 176c6.2 6.2 16.4 6.2 22.6 0L384.8 283.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-3-3-7.1-4.7-11.3-4.7H48V229.5zM112 112a32 32 0 1 1 0 64 32 32 0 1 1 0-64z\"/></svg>",
+      "trashbin": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M144 400C144 408.8 136.8 416 128 416C119.2 416 112 408.8 112 400V176C112 167.2 119.2 160 128 160C136.8 160 144 167.2 144 176V400zM240 400C240 408.8 232.8 416 224 416C215.2 416 208 408.8 208 400V176C208 167.2 215.2 160 224 160C232.8 160 240 167.2 240 176V400zM336 400C336 408.8 328.8 416 320 416C311.2 416 304 408.8 304 400V176C304 167.2 311.2 160 320 160C328.8 160 336 167.2 336 176V400zM310.1 22.56L336.9 64H432C440.8 64 448 71.16 448 80C448 88.84 440.8 96 432 96H416V432C416 476.2 380.2 512 336 512H112C67.82 512 32 476.2 32 432V96H16C7.164 96 0 88.84 0 80C0 71.16 7.164 64 16 64H111.1L137 22.56C145.8 8.526 161.2 0 177.7 0H270.3C286.8 0 302.2 8.526 310.1 22.56V22.56zM148.9 64H299.1L283.8 39.52C280.9 34.84 275.8 32 270.3 32H177.7C172.2 32 167.1 34.84 164.2 39.52L148.9 64zM64 432C64 458.5 85.49 480 112 480H336C362.5 480 384 458.5 384 432V96H64V432z\" fill=\"#484f60\"></path></svg>",
       "xml": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><g><path d=\"M21.42,30.17H3.87c-2.16,0-2.72-.56-2.72-2.72V2.88C1.16,.73,1.72,.17,3.87,.17H15.48l8.66,8.88v3.43h-1.34v-2.88L14.92,1.51H3.87q-1.37,0-1.37,1.37V27.45q0,1.37,1.37,1.37H21.42q1.37,0,1.37-1.37v-2.43h1.34v2.43c0,2.16-.56,2.72-2.72,2.72Z\" fill=\"#484f60\"/><path d=\"M15.2,.84V7.28c0,1.78,.27,2.05,2.04,2.05h6.22L15.2,.84Z\" fill=\"#484f60\"/><path d=\"M9.14,14.27v8.96H28.84V14.27H9.14Zm5.36,7.4l-1.3-2.02-1.3,2.02h-1.42l2-3.05-1.81-2.8h1.38l1.17,1.88,1.15-1.88h1.37l-1.82,2.84,2,3.01h-1.43Zm7.67,0h-1.1v-4.61l-1.16,4.61h-1.14l-1.16-4.61v4.61h-1.1v-5.85h1.77l1.06,3.99,1.05-3.99h1.77v5.85Zm5.33,0h-4.12v-5.81h1.18v4.82h2.94v.99Z\" fill=\"#484f60\"/></g></g></svg>",
       "x_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M376.6 84.5c11.3-13.6 9.5-33.8-4.1-45.1s-33.8-9.5-45.1 4.1L192 206 56.6 43.5C45.3 29.9 25.1 28.1 11.5 39.4S-3.9 70.9 7.4 84.5L150.3 256 7.4 427.5c-11.3 13.6-9.5 33.8 4.1 45.1s33.8 9.5 45.1-4.1L192 306 327.4 468.5c11.3 13.6 31.5 15.4 45.1 4.1s15.4-31.5 4.1-45.1L233.7 256 376.6 84.5z\"/></svg>"
   };
@@ -2134,9 +2185,12 @@
       Icon["BringForwardRegular"] = "bring_forward_regular";
       Icon["CheckDuotone"] = "check_duotone";
       Icon["CheckRound"] = "check_round";
+      Icon["ClockRegular"] = "clock_regular";
+      Icon["CommentRegular"] = "comment_regular";
       Icon["CrossSkinny"] = "cross_skinny";
       Icon["DeleteLeftRegular"] = "delete_left_regular";
       Icon["DeliveryTruck"] = "delivery_truck";
+      Icon["Dropzone"] = "dropzone";
       Icon["Email"] = "email";
       Icon["EnvelopeRegular"] = "envelope_regular";
       Icon["EyeRegular"] = "eye_regular";
@@ -2149,12 +2203,15 @@
       Icon["Lock"] = "lock";
       Icon["MessageSmsRegular"] = "message_sms_regular";
       Icon["MessageSmsSolid"] = "message_sms_solid";
+      Icon["PaperclipRegular"] = "paperclip_regular";
       Icon["Pdf"] = "pdf";
+      Icon["PersonDiggingRegular"] = "person_digging_regular";
       Icon["Print"] = "print";
       Icon["PrintRegular"] = "print_regular";
       Icon["PrintSolid"] = "print_solid";
       Icon["SignatureField"] = "signature_field";
       Icon["TagRegular"] = "tag_regular";
+      Icon["Trashbin"] = "trashbin";
       Icon["Xml"] = "xml";
       Icon["XSolid"] = "x_solid";
   })(exports["ɵbt"] || (exports["ɵbt"] = {}));
@@ -2493,7 +2550,9 @@
                       case 0: return [4 /*yield*/, this.options.initialize(options)];
                       case 1:
                           _a.sent();
-                          this.connector.connect();
+                          return [4 /*yield*/, this.connector.connect()];
+                      case 2:
+                          _a.sent();
                           return [2 /*return*/];
                   }
               });
@@ -6312,9 +6371,61 @@
               },] }
   ];
 
+  // Transforms a MimeType to the corresponding image data URI of that mime type, for direct use as X in img src=X
+  var FileTypeImagePipe = /** @class */ (function () {
+      function FileTypeImagePipe() {
+      }
+      /**
+       * @param {FileTypeInternal} value
+       * @param {boolean} [smallImage = false] Every mime type image has a smaller and a larger image available.
+       * @returns {string} The data URI of the required mime type image
+       */
+      FileTypeImagePipe.prototype.transform = function (value, smallImage) {
+          if (smallImage === void 0) { smallImage = false; }
+          if (!value) {
+              return "";
+          }
+          var smallSuffix = smallImage ? "_small" : "";
+          var imageFileName;
+          switch (value) {
+              case fileTypeInternal_enum.FileTypeInternal.Image:
+                  imageFileName = "image" + smallSuffix + ".png";
+                  break;
+              case fileTypeInternal_enum.FileTypeInternal.Pdf:
+                  imageFileName = "pdf" + smallSuffix + ".png";
+                  break;
+              case fileTypeInternal_enum.FileTypeInternal.ExcelSheet:
+                  imageFileName = "excel" + smallSuffix + ".png";
+                  break;
+              case fileTypeInternal_enum.FileTypeInternal.WordDocument:
+                  imageFileName = "word" + smallSuffix + ".png";
+                  break;
+              case fileTypeInternal_enum.FileTypeInternal.Executable:
+                  imageFileName = "exe" + smallSuffix + ".png";
+                  break;
+              case fileTypeInternal_enum.FileTypeInternal.TextFile:
+                  imageFileName = "text" + smallSuffix + ".png";
+                  break;
+              default:
+                  imageFileName = "undefined" + smallSuffix + ".png";
+                  break;
+          }
+          return FileTypeImagePipe._PATH_TO_IMAGE_FOLDER + imageFileName;
+      };
+      return FileTypeImagePipe;
+  }());
+  FileTypeImagePipe._PATH_TO_IMAGE_FOLDER = "./res/images/filetype/";
+  FileTypeImagePipe.decorators = [
+      { type: i0.Pipe, args: [{
+                  name: "fileTypeImage"
+              },] }
+  ];
+  FileTypeImagePipe.ctorParameters = function () { return []; };
+
   var MASTER_PIPES = [
       ArrayNumberPipe,
-      UCfirstPipe
+      UCfirstPipe,
+      FileTypeImagePipe
   ];
 
   // <b>Enum</b> Represents the different states of the three way thumb.
@@ -6642,6 +6753,3423 @@
               },] }
   ];
 
+  var TableName;
+  (function (TableName) {
+      TableName["Absence"] = "ABSENCE";
+      TableName["AbsenceEvent"] = "ABSENCE_EVENT";
+      TableName["AbsenceFile"] = "ABSENCE_FILE";
+      TableName["AbsenceForm"] = "ABSENCE_FORM";
+      TableName["AccountingPeriod"] = "PERIODES";
+      TableName["Address"] = "ADRESSEN";
+      TableName["Administration"] = "ADMINISTRATIES";
+      TableName["AnamnesisForm"] = "ANAMNESIS_FORM";
+      TableName["ArticleGroup"] = "ARTIKEL_GROEP";
+      TableName["Articles"] = "ARTIKELEN";
+      TableName["Branch"] = "FILIALEN";
+      TableName["BusinessRule"] = "BRE_RULE";
+      TableName["Booking"] = "BOEKINGSREGELS";
+      TableName["Category"] = "CATEGORIE";
+      TableName["Characteristic"] = "KENMERKEN";
+      TableName["CharacteristicTypes"] = "KENMERK_SOORTEN";
+      TableName["CharacteristicLines"] = "KENMERK_REGELS";
+      TableName["Company"] = "BEDRIJVEN";
+      TableName["Concept"] = "CONCEPTEN";
+      TableName["Connections"] = "ASS_VERBINDING";
+      TableName["ContactPerson"] = "CONTACTPERSONEN";
+      TableName["CostCenter"] = "KOSTENPLAATS_DRAGER";
+      TableName["Country"] = "LANDCODE";
+      TableName["CurrencyInfo"] = "VALUTA";
+      TableName["CurrentIndication"] = "CURRENT_INDICATION";
+      TableName["Customer"] = "KLANTEN";
+      TableName["DeclarationMedicalOfficer"] = "DECLARATION_MEDICAL_OFFICER";
+      TableName["DeliveryMethod"] = "LEVERMETHODES";
+      TableName["Department"] = "AFDELING";
+      TableName["DiagnosisForm"] = "DIAGNOSIS_FORM";
+      TableName["Documents"] = "DOCUMENTATIE";
+      TableName["EmployabilityProfile"] = "EMPLOYABILITY_PROFILE";
+      TableName["EmployeeContract"] = "EMPLOYEE_CONTRACT";
+      TableName["EmployeeContractType"] = "EMPLOYEE_CONTRACT_TYPE";
+      TableName["Employee"] = "PERSONEEL";
+      TableName["EndEvaluation"] = "END_EVALUATION";
+      TableName["ExternalSource"] = "EXTERNE_BRONNEN";
+      TableName["FirstYearEvaluation"] = "FIRST_YEAR_EVALUATION";
+      TableName["FmlDocument"] = "FML_DOCUMENT";
+      TableName["Goods"] = "GOEDEREN";
+      TableName["Hardware"] = "ASS_HARDWARE";
+      TableName["Identification"] = "IDENTIFICATION";
+      TableName["JobCategory"] = "JOB_CATEGORY";
+      TableName["JobType"] = "JOB_TYPE";
+      TableName["LedgerAccount"] = "GROOTBOEKEN";
+      TableName["LedgerClassification"] = "VERDICHTINGEN";
+      TableName["LedgerJournal"] = "DAGBOEKEN";
+      TableName["LedgerMainClassification"] = "HOOFDVERDICHTINGEN";
+      TableName["LedgerMutation"] = "GROOTBOEK_MUTATIES";
+      TableName["Location"] = "LOCATIES";
+      TableName["MainArticle"] = "HOOFDARTIKELEN";
+      TableName["MedicalConsultFeedback"] = "MEDICAL_CONSULT_FEEDBACK";
+      TableName["MedicalFile"] = "MEDICAL_FILE";
+      TableName["MedicalForm"] = "MEDICAL_FORM";
+      TableName["MedicalInformationForm"] = "MEDICAL_INFORMATION_FORM";
+      TableName["Note"] = "NOTITIE";
+      TableName["NotificationFullyRecovered"] = "NOTIFICATION_FULLY_RECOVERED";
+      TableName["NotificationLongTermIllness"] = "NOTIFICATION_LONG_TERM_ILLNESS";
+      TableName["PaymentCondition"] = "BETALINGSCONDITIES";
+      TableName["PaymentMethod"] = "BETAALWIJZE";
+      TableName["PlanOfApproach"] = "PLAN_OF_APPROACH";
+      TableName["PriceList"] = "PRIJSLIJSTEN";
+      TableName["ProblemAnalysis"] = "PROBLEM_ANALYSIS";
+      TableName["ProblemAnalysisAdjustment"] = "PROBLEM_ANALYSIS_ADJUSTMENT";
+      TableName["Relations"] = "RELATIES";
+      TableName["RelationAddress"] = "ADRES_RELATIES";
+      TableName["RelationCommunication"] = "COMM_RELATIES";
+      TableName["Remarks"] = "OPMERKINGEN";
+      TableName["Salary"] = "SALARY";
+      TableName["ServiceProvision"] = "ASS_DIENSTVERLENING";
+      TableName["ShortReintegrationReport"] = "SHORT_REINTEGRATION_REPORT";
+      TableName["Software"] = "ASS_SOFTWARE";
+      TableName["Supplier"] = "LEVERANCIERS";
+      TableName["TagValues"] = "TAG_VALUES";
+      TableName["Tasks"] = "TAKEN";
+      TableName["Transactions"] = "TRANSACTIES";
+      TableName["TransactionLines"] = "TRANSACTIE_REGELS";
+      TableName["TurnoverGroup"] = "OMZETGROEPEN";
+      TableName["Unit"] = "EENHEDEN";
+      TableName["User"] = "GEBRUIKERS";
+      TableName["Vat"] = "BTW";
+      TableName["Warehouse"] = "MAGAZIJNEN";
+  })(TableName || (TableName = {}));
+
+  function OperationWithAlwaysSuccessCallback(object) {
+      return Promise.resolve(true);
+  }
+
+  // @returns true iff given value equals null or equals undefined
+  function isNill(value) {
+      return value === null || value === undefined;
+  }
+
+  // Static utility function holder related to objects.
+  var ObjectUtils = /** @class */ (function () {
+      function ObjectUtils() {
+      }
+      /**
+       * Returns whether all given values exist: for all values it holds that they are not null nor undefined. Short-circuit check.
+       * @param {any} values Rest parameters with all objects to check existence for.
+       * @returns {boolean} True if ALL given values are not null nor undefined, otherwise false (if at least one value was null or undefined)
+       */
+      ObjectUtils.AllExist = function () {
+          var values = [];
+          for (var _i = 0; _i < arguments.length; _i++) {
+              values[_i] = arguments[_i];
+          }
+          var allExist = true;
+          for (var i = 0, len = values.length; i < len; i++) {
+              if (isNill(values[i])) {
+                  allExist = false;
+                  break;
+              }
+          }
+          return allExist;
+      };
+      /**
+       * Copies all properties from object 'from' to object 'to'. Overwrites properties on object 'to' if property already exists.
+       * Does not copy functions, only properties.
+       * @param {Object} from The source object from which to copy all properties of to the 'to' object.
+       * @param {Object} to The object to which the properties of the 'from' object will be copied.
+       * @param {boolean} [allowUndefined = true] wether the 'to' object may be assigned null or undefined values to any of its properties.
+       */
+      ObjectUtils.CopyPropertiesFrom = function (from, to, allowUndefined) {
+          if (allowUndefined === void 0) { allowUndefined = true; }
+          if (!to) {
+              to = {};
+          }
+          if (!from) {
+              return to;
+          }
+          ObjectUtils.ForOwnProperty(from, function (value, key) {
+              if (allowUndefined || notNill(value)) {
+                  to[key] = value;
+              }
+          });
+          return to;
+      };
+      ObjectUtils.DeepEquals = function (actual, expected) {
+          if (actual === expected) {
+              return true;
+          }
+          else if (actual instanceof Date && expected instanceof Date) {
+              return actual.getTime() === expected.getTime();
+          }
+          else if (!actual || !expected || typeof actual !== "object" && typeof expected !== "object") {
+              return actual === expected;
+          }
+          else {
+              return this._objEquiv(actual, expected);
+          }
+      };
+      // Performs given callback function for each own property of given plain object. Also works on string enums.
+      ObjectUtils.ForOwnProperty = function (plainObject, callback) {
+          if (ObjectUtils.IsPlainObject(plainObject)) {
+              for (var key in plainObject) {
+                  if (plainObject.hasOwnProperty(key) && typeof plainObject[key] !== "function") {
+                      var response = callback(plainObject[key], key);
+                      if (response === false) {
+                          break;
+                      }
+                  }
+              }
+          }
+      };
+      // Returns the class name of given argument. The argument can be an object or a class.
+      ObjectUtils.GetClassName = function (objectOrClass) {
+          if (!objectOrClass) {
+              return undefined;
+              // arg was a class (or a function..)
+          }
+          else if (objectOrClass.constructor === Function) {
+              return objectOrClass.name; // .. which has its readable name stores like this
+              // else arg was an object
+          }
+          else {
+              var constructorString = objectOrClass.constructor.toString();
+              return constructorString.match(/\w+/g)[1];
+          }
+      };
+      // Returns a shallow clone of the given original object. The clone is a SIMPLE OBJECT with the same properties as the original.
+      ObjectUtils.GetShallowClone = function (originalObject, objectClass) {
+          var clonedObject = undefined;
+          if (objectClass) {
+              clonedObject = new objectClass();
+          }
+          else {
+              clonedObject = {};
+          }
+          ObjectUtils.ForOwnProperty(originalObject, function (value, key) {
+              clonedObject[key] = value;
+          });
+          return clonedObject;
+      };
+      ObjectUtils.GetDeepClone = function (originalObject, circular) {
+          if (circular === void 0) { circular = true; }
+          // First create an empty object with
+          // same prototype of our original source
+          var propertyIndex;
+          var descriptor;
+          var keys;
+          var current;
+          var nextSource;
+          var indexOf;
+          var copies = [{
+                  source: originalObject,
+                  target: Object.create(Object.getPrototypeOf(originalObject))
+              }];
+          var cloneObject = copies[0].target;
+          var sourceReferences = [originalObject];
+          var targetReferences = [cloneObject];
+          // First in, first out
+          while (current = copies.shift()) { //NOSONAR
+              keys = Object.getOwnPropertyNames(current.source);
+              for (propertyIndex = 0; propertyIndex < keys.length; propertyIndex++) {
+                  // Save the source's descriptor
+                  descriptor = Object.getOwnPropertyDescriptor(current.source, keys[propertyIndex]);
+                  if (!descriptor.value || typeof descriptor.value !== "object") {
+                      Object.defineProperty(current.target, keys[propertyIndex], descriptor);
+                      continue;
+                  }
+                  nextSource = descriptor.value;
+                  descriptor.value = Array.isArray(nextSource) ?
+                      [] :
+                      Object.create(Object.getPrototypeOf(nextSource));
+                  if (circular) {
+                      indexOf = sourceReferences.indexOf(nextSource);
+                      if (indexOf !== -1) {
+                          // The source is already referenced, just assign reference
+                          descriptor.value = targetReferences[indexOf];
+                          Object.defineProperty(current.target, keys[propertyIndex], descriptor);
+                          continue;
+                      }
+                      sourceReferences.push(nextSource);
+                      targetReferences.push(descriptor.value);
+                  }
+                  Object.defineProperty(current.target, keys[propertyIndex], descriptor);
+                  copies.push({ source: nextSource, target: descriptor.value });
+              }
+          }
+          return cloneObject;
+      };
+      ObjectUtils.IsEmpty = function (obj) {
+          return isNill(obj) || Object.getOwnPropertyNames(obj).length === 0;
+      };
+      // Returns whether given object is an existing, plain object. That is, it defined, its type if 'object' and it is NOT an array or func.
+      ObjectUtils.IsPlainObject = function (object) {
+          return object !== null && !Array.isArray(object) && typeof object !== "function" && typeof object === "object";
+      };
+      /**
+       * Returns an instance of given class with data of given dataObject. Only works if that class has a default constructor without args.
+       * Does not actually create a new object if it alread is an instance of that class.
+       * @param {any} clazz A class that has a default constructor
+       * @param {any} [dataObject] The object with data to copy to the new instance of the class
+       * @returns {any} An object that is an instance of given class, with given data applied to it.
+       */
+      ObjectUtils.MakeInstanceOf = function (clazz, dataObject) {
+          // dont make a clone if given dataObject already instance of clazz
+          if (dataObject instanceof clazz) {
+              return dataObject;
+          }
+          else {
+              var asClazz = new clazz();
+              ObjectUtils.CopyPropertiesFrom(dataObject, asClazz);
+              return asClazz;
+          }
+      };
+      // Returns the value of a random own property of given object.
+      ObjectUtils.PickRandomPropertyValue = function (object) {
+          if (!object) {
+              return;
+          }
+          var result;
+          var count = 0;
+          for (var prop in object) {
+              if (object.hasOwnProperty(prop)) {
+                  count++;
+                  if (Math.random() < 1 / count) {
+                      result = object[prop];
+                  }
+              }
+          }
+          return result;
+      };
+      // Returns a default if given value doesn't exist, otherwise just value.
+      ObjectUtils.ValueOrDefault = function (value, defaultReturnVal) {
+          if (defaultReturnVal === void 0) { defaultReturnVal = ""; }
+          return notNill(value) ? value : defaultReturnVal;
+      };
+      ObjectUtils._isArguments = function (x) {
+          var supportsArgsClass = this._supportsArgumentsClass();
+          return supportsArgsClass ? this._isArgumentsWhenArgsClassSupported(x) : this._isArgumentsWhenArgsClassNotSupported(x);
+      };
+      ObjectUtils._isArgumentsWhenArgsClassNotSupported = function (object) {
+          return object &&
+              typeof object === "object" &&
+              typeof object.length === "number" &&
+              Object.prototype.hasOwnProperty.call(object, "callee") &&
+              !Object.prototype.propertyIsEnumerable.call(object, "callee") ||
+              false;
+      };
+      ObjectUtils._isArgumentsWhenArgsClassSupported = function (object) {
+          return Object.prototype.toString.call(object) === "[object Arguments]";
+      };
+      ObjectUtils._isBuffer = function (x) {
+          if (!x || typeof x !== "object" || typeof x.length !== "number") {
+              return false;
+          }
+          if (typeof x.copy !== "function" || typeof x.slice !== "function") {
+              return false;
+          }
+          return !(x.length > 0 && typeof x[0] !== "number");
+      };
+      ObjectUtils._isUndefinedOrNull = function (value) {
+          return value === null || value === undefined;
+      };
+      ObjectUtils._objEquiv = function (a, b) {
+          var i, key;
+          if (this._isUndefinedOrNull(a) || this._isUndefinedOrNull(b)) {
+              return false;
+          }
+          if (a.prototype !== b.prototype) {
+              return false;
+          }
+          if (this._isArguments(a)) {
+              if (!this._isArguments(b)) {
+                  return false;
+              }
+              a = Array.prototype.slice.call(a);
+              b = Array.prototype.slice.call(b);
+              return this.DeepEquals(a, b);
+          }
+          if (this._isBuffer(a)) {
+              if (!this._isBuffer(b)) {
+                  return false;
+              }
+              if (a.length !== b.length) {
+                  return false;
+              }
+              for (i = 0; i < a.length; i++) {
+                  if (a[i] !== b[i]) {
+                      return false;
+                  }
+              }
+              return true;
+          }
+          var ka;
+          var kb;
+          try {
+              ka = Object.keys(a);
+              kb = Object.keys(b);
+          }
+          catch (e) {
+              return false;
+          }
+          if (ka.length !== kb.length) {
+              return false;
+          }
+          ka.sort();
+          kb.sort();
+          for (i = ka.length - 1; i >= 0; i--) {
+              if (ka[i] !== kb[i]) {
+                  return false;
+              }
+          }
+          for (i = ka.length - 1; i >= 0; i--) {
+              key = ka[i];
+              if (!this.DeepEquals(a[key], b[key])) {
+                  return false;
+              }
+          }
+          return typeof a === typeof b;
+      };
+      ObjectUtils._supportsArgumentsClass = function () {
+          return Object.prototype.toString.call(arguments) === "[object Arguments]";
+      };
+      return ObjectUtils;
+  }());
+
+  // Static utility function holder related to numeric variable evaluations and operations.
+  var NumberUtils = /** @class */ (function () {
+      function NumberUtils() {
+      }
+      // For user-typed number input; supports comma's as decimal delimiter.
+      NumberUtils.ParseIntNumberInput = function (arg) {
+          return NumberUtils.ParseInt(NumberUtils._NumberInputToNumberStr(arg));
+      };
+      // Parses given argument to an integer, using a native parseInt() function with a radix of 10. Returns NaN if parsing was not possible.
+      NumberUtils.ParseInt = function (arg) {
+          if (isNill(arg) || Array.isArray(arg)) {
+              return undefined;
+          }
+          return parseInt(arg, 10);
+      };
+      // For user-typed number input; supports comma's as decimal delimiter.
+      NumberUtils.ParseFloatNumberInput = function (arg, decimalPrecision) {
+          if (decimalPrecision === void 0) { decimalPrecision = 2; }
+          return NumberUtils.ParseFloat(NumberUtils._NumberInputToNumberStr(arg), decimalPrecision);
+      };
+      NumberUtils.ParseFloatNumberInputKeepPrecision = function (arg) {
+          var correctedInputStr = NumberUtils._NumberInputToNumberStr(arg);
+          var decimalPrecision = this.GetDecimalPlaces(correctedInputStr);
+          return NumberUtils.ParseFloat(correctedInputStr, decimalPrecision);
+      };
+      /**
+       * Returns given arg as a float number with given decimal precision, if possible. Returns NaN if parse conversion failed.
+       *
+       * @param {any} arg The argument to parse to a float
+       * @param {number} decimalPrecision The number of decimals, or the precision, the parsed return float should have
+       * @returns {number} NaN if not possible, else the parsed float value
+       */
+      NumberUtils.ParseFloat = function (arg, decimalPrecision) {
+          if (decimalPrecision === void 0) { decimalPrecision = 2; }
+          if (!ObjectUtils.AllExist(arg, decimalPrecision) || Array.isArray(arg)) {
+              return NaN;
+          }
+          if (!NumberUtils.IsInteger(decimalPrecision) || decimalPrecision < 0) {
+              decimalPrecision = 2;
+              // toFixed() can only handle up until 20
+          }
+          else if (decimalPrecision > 20) {
+              decimalPrecision = 20;
+          }
+          return parseFloat(parseFloat(arg).toFixed(decimalPrecision));
+      };
+      /**
+       * Returns given arg as a float number with given decimal precision, if possible. Returns NaN if parse conversion failed.
+       *
+       * @param arg The argument to parse to a float
+       * @returns {number} The argument as a float with its original decimal precision intact
+       */
+      NumberUtils.ParseFloatKeepPrecision = function (arg) {
+          var decimalPrecision = this.GetDecimalPlaces(arg);
+          return this.ParseFloat(arg, decimalPrecision);
+      };
+      /**
+       * Returns the given argument as a number. Returns given defaultValue if conversion of argument was impossible.
+       * @param arg
+       * @param {number} [defaultValue = 0]
+       * @returns {number}
+       */
+      NumberUtils.ParseNumberOrDefault = function (arg, defaultValue) {
+          if (defaultValue === void 0) { defaultValue = 0; }
+          if (Array.isArray(arg)) {
+              return defaultValue;
+          }
+          if (!NumberUtils.IsNumber(arg)) {
+              arg = parseFloat(arg);
+              arg = isNaN(arg) ? defaultValue : arg;
+          }
+          return arg;
+      };
+      // Returns true iff given argument is an integer number. Returns false on non-numbers or numbers with significant decimals.
+      NumberUtils.IsInteger = function (arg) {
+          if (isNaN(arg) || Array.isArray(arg)) {
+              return false;
+          }
+          var argAsFloat = parseFloat(arg);
+          return ((argAsFloat | 0) === argAsFloat); // returns whether 'arg converted to an integer equals arg'
+      };
+      // Returns the number of decimal places of the given number. Returns 0 if no decimals whatsoever could be found on given arg.
+      NumberUtils.GetDecimalPlaces = function (arg, maxAnswer) {
+          if (maxAnswer === void 0) { maxAnswer = 1000; }
+          var match = ("" + arg).match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);
+          if (!match) {
+              return 0;
+          }
+          var answer = Math.max(0, 
+          // number of digits right of decimal point.
+          (match[1] ? match[1].length : 0)
+              // adjust for scientific notation
+              - (match[2] ? +match[2] : 0));
+          if (answer > maxAnswer) {
+              answer = maxAnswer;
+          }
+          return answer;
+      };
+      // Parses given numberInput to a number, or returns given defaultValue if parse not possible. Allows ',' char as decimal delimiter.
+      NumberUtils.ParseNumberInputOrDefault = function (numberInput, defaultValue) {
+          if (defaultValue === void 0) { defaultValue = 0; }
+          return NumberUtils.ParseNumberOrDefault(NumberUtils._NumberInputToNumberStr(numberInput), defaultValue);
+      };
+      // Returns whether the type of given argument is 'number'.
+      NumberUtils.IsNumber = function (arg) {
+          return typeof arg === "number" && !isNaN(arg);
+      };
+      /**
+       * Returns whether given arg is indeed not a number (it's NaN or it has another type than 'number')
+       * Our exact copy of AS Flex'es isNaN(arg) function. Always use this method for copying Flex isNaN(..) occurences into TypeScript.
+       * @param arg
+       * @returns {boolean}
+       * @constructor
+       */
+      NumberUtils.IsNaN = function (arg) {
+          return isNaN(arg) || !NumberUtils.IsNumber(arg);
+      };
+      // Our copy of CoMath.NaN. Returns number, or substitute if NumberUtils.IsNaN(number) holds true.
+      NumberUtils.NaN = function (number, substitute) {
+          if (substitute === void 0) { substitute = 0; }
+          return NumberUtils.IsNaN(number) ? substitute : number;
+      };
+      // Returns whether the value is parasable as a number.
+      NumberUtils.IsParsableNumber = function (arg) {
+          if (Array.isArray(arg)) {
+              return false;
+          }
+          return !isNaN(parseFloat(arg));
+      };
+      NumberUtils.IsParsableNumberInput = function (numberInput) {
+          return NumberUtils.IsParsableNumber(NumberUtils._NumberInputToNumberStr(numberInput));
+      };
+      /**
+       * Returns whether given arg is parseable as a number, and whether the lengts of its number parse result is equal to its original length.
+       * I.e. this function returns FALSE with given number-parsable strings, but that have non-numeric appendices, eg '2233ff'. That arg
+       * IS number-parseable, but not a strict 'string number', the latter being what this method actually checks for.
+       */
+      NumberUtils.IsStringNumber = function (arg) {
+          if (!NumberUtils.IsParsableNumber(arg)) {
+              return false;
+          }
+          else {
+              return arg.toString().length === parseFloat(arg).toString().length;
+          }
+      };
+      NumberUtils.IsListOfNumbers = function (arg, separator) {
+          if (separator === void 0) { separator = ","; }
+          var nrs = arg.split(separator);
+          if (nrs.length === 0) {
+              return false;
+          }
+          return nrs.filter(function (s) { return NumberUtils.IsStringNumber(s); }).length === nrs.length;
+      };
+      // Returns given argument as a string representation of a number parse, e.g. "1" for a number parse result of arg to 1.
+      NumberUtils.ParseStringNumber = function (arg) {
+          if (!this.IsStringNumber(arg)) {
+              return NaN;
+          }
+          return NumberUtils.ParseFloatKeepPrecision(arg);
+      };
+      NumberUtils.ParseStringNumberDefault = function (arg, defaultValue) {
+          if (defaultValue === void 0) { defaultValue = 0; }
+          return NumberUtils.NaN(NumberUtils.ParseStringNumber(arg), defaultValue);
+      };
+      /**
+       * Returns a random integer in range [lowerBound .. upperBound], an inclusive range. Returns NaN if not possible.
+       * Given bounds are truncated first, before serving as the true lower- and upper bounds for the random int.
+       */
+      NumberUtils.RandomInt = function (lowerBoundInt, upperBoundInt) {
+          if (!NumberUtils.IsNumber(lowerBoundInt) || !NumberUtils.IsNumber(upperBoundInt) || lowerBoundInt > upperBoundInt) {
+              return NaN;
+          }
+          lowerBoundInt = Math.trunc(lowerBoundInt);
+          upperBoundInt = Math.trunc(upperBoundInt);
+          if (lowerBoundInt === upperBoundInt) {
+              return lowerBoundInt;
+          }
+          var delta = upperBoundInt - lowerBoundInt;
+          return (Math.round(Math.random() * delta) + lowerBoundInt);
+      };
+      // Adds thousands comma's to given value, E.g. '1000' to '1,000'. Returns empty string if value was undefined.
+      NumberUtils.AddThousandsCommasTo = function (value) {
+          if (isNill(value)) {
+              return "";
+          }
+          return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+      };
+      /**
+       * Function used to check wether a given number is composed of another number, power-of-two wise.
+       * Example usage: NumberUtils.NumIsComposedOf(articleListObject.publication, ArticlePublication.Selector).
+       * This would return whether or not that articleListObject was publicated for selector or not, where articleListObject.publication
+       * was possibly a 'COMPOSITE that was made out of (including)' ArticlePublication.Selector.
+       */
+      NumberUtils.NumIsComposedOfOtherPowTwoNum = function (bigNrToCheck, powTwoNumItShouldBeComposedOf) {
+          if (!bigNrToCheck) {
+              return false;
+          }
+          else if (!powTwoNumItShouldBeComposedOf) {
+              return true;
+          }
+          else {
+              return ((bigNrToCheck & powTwoNumItShouldBeComposedOf) === powTwoNumItShouldBeComposedOf);
+          }
+      };
+      /**
+       * Returns given nr, or the given default number (default 0) if the nr number was undefined or otherwise not a number.
+       * Same as CoMath.NaN from AS code (used as its substitute in transaction logic)
+       * @param nr
+       * @param defaultNr
+       * @returns {number}
+       */
+      NumberUtils.NrOrDefault = function (nr, defaultNr) {
+          if (defaultNr === void 0) { defaultNr = 0; }
+          if (notNill(nr) && NumberUtils.IsNumber(nr)) {
+              return nr;
+          }
+          else {
+              return defaultNr;
+          }
+      };
+      /**
+       * Returns whether given nrToCheck is within the given precision and scale limits. Precision and scale, here, are Oracle DB terms.
+       * This function can thus be used to check whether the given number is safe to send to the 'database' beforehand, if we know the
+       * precision and scale of the number in the db declaration.
+       *
+       * I.e. A number declared in the Oracle DB as number(5, 2) has a precision of 5 and a scale of 2.
+       *
+       * @param {number} nrToCheck
+       * @param {number} precision The number of significant digits, including possibly negative scale. E.g. 3 in '123' and 5 in '51.123'
+       * @param {number} [scale = 0] The number of significant digits AFTER the decimal point. E.g. 1 in 5432.1 and 3 in 54000.003
+       * @returns {CheckPrecisionAndScaleResult} Whether given nrToCheck is ok for given precision and scale, and if not, the
+       * nearest number that IS ok for those constraints.
+       */
+      NumberUtils.CheckPrecisionAndScale = function (nrToCheck, precision, scale) {
+          if (scale === void 0) { scale = 0; }
+          // let's say any undefined number is checked OK, and all numbers are checked OK for an undefined precision
+          if (!ObjectUtils.AllExist(nrToCheck, precision, scale)) {
+              return { isOk: true, nearestOkNr: NaN };
+          }
+          // no number can have 0 or less than 0 significant digits, in our universe
+          if (precision < 1 || precision - scale < 1) {
+              return { isOk: false, nearestOkNr: NaN };
+          }
+          // begin check
+          var isNegative = (nrToCheck < 0);
+          var nrParts = nrToCheck.toString().split(".");
+          // remove minus sign if negative
+          if (isNegative) {
+              nrParts[0] = nrParts[0].slice(1);
+          }
+          var numCountBeforeDot = nrParts[0].length;
+          var allowedNumCountBeforeDot = precision - scale;
+          if (numCountBeforeDot <= allowedNumCountBeforeDot) {
+              return { isOk: true, nearestOkNr: nrToCheck };
+          }
+          else {
+              // cut a part from the "before decimal number" so that the number is not too big anymore
+              var numCountToRemove = numCountBeforeDot - allowedNumCountBeforeDot;
+              // remove the right-most numbers before the decimal dot
+              nrParts[0] = nrParts[0].slice(0, -1 * numCountToRemove);
+              // add minus sign again if it was negative
+              if (isNegative) {
+                  nrParts[0] = "-" + nrParts[0];
+              }
+              // build and return composite number again
+              var nearestOkNr = void 0;
+              if (nrParts[1]) {
+                  nearestOkNr = Number(nrParts[0] + "." + nrParts[1]);
+              }
+              else {
+                  nearestOkNr = Number(nrParts[0]);
+              }
+              return { isOk: false, nearestOkNr: nearestOkNr };
+          }
+      };
+      /**
+       * Returns whether given x is OK within the given min, max and step boundaries, where it should hold that nrToCheck = min + N * step,
+       * with N integer or 0.
+       * @param {number} nrToCheck Number to check whether it's within the given bounds
+       * @param min Inclusive
+       * @param max Inclusive
+       * @param stepSize
+       * @returns {CheckWithinSteppedBounds} Returns remainder of undefined when nrToCheck was OUTSIDE [min, max], else full result object.
+       */
+      NumberUtils.CheckWithinSteppedBounds = function (nrToCheck, min, max, stepSize) {
+          if (stepSize === void 0) { stepSize = 1; }
+          if (nrToCheck < min || nrToCheck > max) {
+              return { isOk: false, remainder: undefined };
+          }
+          // we're in [min, max], but still check if nrToCheck = min + N * step holds (for N integer or 0)
+          var remainder = (nrToCheck - min) % stepSize;
+          // correct float for largest precision amongst input numbers
+          remainder = NumberUtils.ParseFloat(remainder, NumberUtils._GetLargestDecimalPrecisionOf(nrToCheck, min, stepSize));
+          return { isOk: (remainder === 0), remainder: remainder };
+      };
+      /**
+       * Finds the number closest to the originalNumber, that adheres to the given bounds. That is, for which it holds that
+       * nr = min + N * step with N integer or 0.
+       * @param {number} originalNr Find closest answer to this number
+       * @param min Inclusive
+       * @param max Inclusive
+       * @param stepSize
+       * @returns {boolean} The closest OK number for bounds.
+       */
+      NumberUtils.GetNearestNumberWithinSteppedBounds = function (originalNr, min, max, stepSize) {
+          if (stepSize === void 0) { stepSize = 1; }
+          if (originalNr < min) {
+              return min;
+          }
+          else if (originalNr > max) {
+              return NumberUtils.GetTrueSteppedBoundsMax(min, max, stepSize);
+          }
+          var boundsCheck = NumberUtils.CheckWithinSteppedBounds(originalNr, min, max, stepSize);
+          if (boundsCheck.isOk) {
+              return originalNr;
+          }
+          var answer;
+          var remainder = boundsCheck.remainder;
+          if (remainder) {
+              // round up or down?
+              if ((remainder / stepSize) < 0.5) {
+                  //  round down, but not below min
+                  answer = (originalNr - remainder >= min ? originalNr - remainder : min);
+              }
+              else {
+                  // round up, but not above max
+                  answer = (originalNr + stepSize - remainder <= max ? originalNr + stepSize - remainder :
+                      NumberUtils.GetTrueSteppedBoundsMax(min, max, stepSize));
+              }
+          }
+          else {
+              // is this real life, why wasn't our stepped bounds check OK?
+              answer = originalNr;
+          }
+          // 'correct' float errors
+          answer = NumberUtils.ParseFloat(answer, NumberUtils._GetLargestDecimalPrecisionOf(originalNr, min, max, stepSize));
+          return answer;
+      };
+      /**
+       * Returns the true maximum allowed value for the given "stepped bounds": min, stepSize and max, for which it holds that each allowed
+       * value Y = min + stepSize * N, for any INTEGER or 0 N where it also holds, of course, that Y <= max.
+       * @param min
+       * @param max
+       * @param stepSize
+       */
+      NumberUtils.GetTrueSteppedBoundsMax = function (min, max, stepSize) {
+          if (stepSize === void 0) { stepSize = 1; }
+          // solve max integer X in formula min + X * step <= max, and return min + X * stepSize for that X
+          var maxSteps = Math.floor((max - min) / stepSize);
+          // 'correct' float errors
+          return NumberUtils.ParseFloat(min + maxSteps * stepSize, NumberUtils._GetLargestDecimalPrecisionOf(min, min, max));
+      };
+      // Returns the nearest number, relative to the given originalNr, that is within the given [min, max] inclusive bounds.
+      NumberUtils.GetNearestNumberWithinBounds = function (originalNr, min, max) {
+          var answer = originalNr;
+          if (originalNr < min) {
+              answer = min;
+          }
+          else if (originalNr > max) {
+              answer = max;
+          }
+          return answer;
+      };
+      // Returns the string representation of given number. If it's not a number, returns the empty string.
+      NumberUtils.ToString = function (nr) {
+          if (!NumberUtils.IsNaN(nr)) {
+              return "" + nr;
+          }
+          else {
+              return "";
+          }
+      };
+      NumberUtils.DecimalsToStepIncrement = function (numberOfDecimals) {
+          return Math.pow(10, -1 * numberOfDecimals);
+      };
+      NumberUtils.Round = function (value, decimals) {
+          var factor = Math.pow(10, decimals);
+          return Math.round(value * factor) / factor;
+      };
+      // @returns The inclusive max value
+      NumberUtils.PrecisionScaleToMaxValue = function (precision, scale) {
+          var oneStep = this.DecimalsToStepIncrement(scale);
+          var maxExclusive = Math.pow(10, precision - scale);
+          return maxExclusive - oneStep;
+      };
+      // @returns the difference between given 2 numbers
+      NumberUtils.DifferenceBetweenNumbers = function (numberA, numberB) {
+          return Math.abs(numberA - numberB);
+      };
+      NumberUtils._GetLargestDecimalPrecisionOf = function () {
+          var args = [];
+          for (var _i = 0; _i < arguments.length; _i++) {
+              args[_i] = arguments[_i];
+          }
+          var result = ArrayUtils.GetMaxCalculatedValue(args, function (arg) {
+              return NumberUtils.GetDecimalPlaces(arg);
+          });
+          return result;
+      };
+      // Returns given number input as a number that's useable by Javascript. Allows for incoming ',' decimal delimiter.
+      NumberUtils._NumberInputToNumberStr = function (numberInput) {
+          return (numberInput + "").replace(",", ".");
+      };
+      return NumberUtils;
+  }());
+
+  var ArrayUtils = /** @class */ (function () {
+      function ArrayUtils() {
+      }
+      /**
+       * Returns whether at least one element in given array could be found by given finder function.
+       *
+       * @param {T[]} array
+       * @param {(element: T) => boolean} finder A finder function that takes an element of the array and returns a boolean that represents
+       * the 'found status' for that element; whether it should have been found or not.
+       */
+      ArrayUtils.ContainsAnElementFoundBy = function (array, finder) {
+          if (!array || !finder) {
+              return false;
+          }
+          return notNill(this.Find(array, finder));
+      };
+      /**
+       * Cross-browser Array.find() function. Returns the first item in given array for which the foundBy function returns true. Returns
+       * undefined when none was found.
+       *
+       * Example usage:
+       * const foundItem: BusinessObject = ArrayUtils.Find<BusinessObject>(modelArray, (modelItem: BusinessObject) => <br>
+       *     (return modelItem.getId() === '1')
+       *   * });
+       *
+       * @param array The array with items to search in.
+       * @param foundBy The finder function applied on each items of the array, when that returns true, the item is considered found.
+       */
+      ArrayUtils.Find = function (array, foundBy) {
+          if (!array || !foundBy) {
+              return undefined;
+          }
+          for (var i = 0, len = array.length; i < len; i++) {
+              var itemCur = array[i];
+              if (foundBy(itemCur)) {
+                  return itemCur;
+              }
+          }
+          return undefined;
+      };
+      // @returns empty array when nothing found, otherwise array with found items
+      ArrayUtils.FindAll = function (array, foundBy) {
+          var answer = [];
+          if (!array || !foundBy) {
+              return answer;
+          }
+          for (var i = 0, len = array.length; i < len; i++) {
+              var itemCur = array[i];
+              if (foundBy(itemCur)) {
+                  answer.push(itemCur);
+              }
+          }
+          return answer;
+      };
+      // returns a simple clone of given array, using array.slice(0)
+      ArrayUtils.CloneArray = function (array) {
+          var answer = [];
+          if (array) {
+              answer = array.slice(0);
+          }
+          return answer;
+      };
+      /**
+       * Returns a 'semi deep clone' of given array. Its first-level members are object-shallow-cloned (optionally with a strongly typed constructor),
+       * or just as plain object (see param arrayItemsClass).
+       * @param array
+       * @param arrayItemsClass If provided, the cloned array's first-level items will be strongly typed to / constructed as this class. Otherwise
+       * it'll be a plain object.
+       * @param deepClone Set to true if array items contain FUNCTIONS that need to be cloned..
+       * @returns {Array} semi-deep clone of given array
+       */
+      ArrayUtils.CloneArrayAndItsItems = function (array, arrayItemsClass, deepClone) {
+          if (deepClone === void 0) { deepClone = false; }
+          var cloneArray = [];
+          if (array) {
+              for (var i = 0, len = array.length; i < len; i++) {
+                  if (deepClone) {
+                      cloneArray.push(ObjectUtils.GetDeepClone(array[i]));
+                  }
+                  else {
+                      cloneArray.push(ObjectUtils.GetShallowClone(array[i], arrayItemsClass));
+                  }
+              }
+          }
+          else {
+              return [];
+          }
+          return cloneArray;
+      };
+      /**
+       * Removes element at given index from given array. Doesn't just set it to null like JavaScripts standard 'delete' does, but really
+       * removes the element using splice().
+       *
+       * @param {number} index
+       * @param {any[]} array in-out
+       * @returns {boolean} True if and only if the element on given index is succesfully removed from given array.
+       */
+      ArrayUtils.RemoveElementAtIndex = function (index, array) {
+          if (NumberUtils.IsNaN(index) || index < 0 || !Array.isArray(array) || array.length === 0) {
+              return false;
+          }
+          if (index in array) {
+              array.splice(index, 1);
+              return true;
+          }
+          else {
+              return false;
+          }
+      };
+      /**
+       * Removes given element from given array. Doesn't just set it to null like JavaScripts standard 'delete' does, but really removes the
+       * element using splice(). Also works on associative arrays.
+       *
+       * @param {T} element The element to remove.
+       * @param {T[]} array The array to remove the element from.
+       * @returns {boolean} True iff given element was truly successfully removed from given array.
+       */
+      ArrayUtils.RemoveElement = function (element, array) {
+          if (!Array.isArray(array)) {
+              return false;
+          }
+          var index = array.indexOf(element);
+          return ArrayUtils.RemoveElementAtIndex(index, array);
+      };
+      // Checks if given array is defined, and is an array, and has length > 0, and, optionally checks that the first element is of type given clazz.
+      ArrayUtils.IsArrayWithElements = function (arrayToCheck, classItemsMustBeInstanceOf) {
+          if (isNill(arrayToCheck)) {
+              return false;
+          }
+          if (Array.isArray(arrayToCheck) && arrayToCheck.length > 0) {
+              if (classItemsMustBeInstanceOf) {
+                  return arrayToCheck[0] instanceof classItemsMustBeInstanceOf;
+              }
+              else {
+                  return true;
+              }
+          }
+          else {
+              return false;
+          }
+      };
+      // Removes all elements from given array for which given filter function holds true. Returns true if at least one removed, else false.
+      ArrayUtils.RemoveElementsByFilter = function (array, filterFunction) {
+          if (!ArrayUtils.IsArrayWithElements(array) || !filterFunction) {
+              return false;
+          }
+          var atLeastOneRemoved = false;
+          var len = array.length;
+          for (var i = len - 1; i >= 0; i--) {
+              var item = array[i];
+              if (filterFunction.call(this, item) === true) {
+                  array.splice(i, 1);
+                  atLeastOneRemoved = true;
+              }
+          }
+          return atLeastOneRemoved;
+      };
+      ArrayUtils.MoveElement = function (element, toIndex, array) {
+          if (!Array.isArray(array) || isNill(toIndex)) {
+              return false;
+          }
+          var fromIndex = array.indexOf(element);
+          var toIndexCorrected = NumberUtils.GetNearestNumberWithinBounds(toIndex, 0, array.length - 1);
+          if (fromIndex === -1 || array[toIndexCorrected] === element) {
+              // element did not exist in given array, or already existed on given toIndex
+              return false;
+          }
+          array.splice(toIndexCorrected, 0, array.splice(fromIndex, 1)[0]);
+          return true;
+      };
+      // PRE: elements exists in given array. POST: given elementToPlace has a lower index than given afterThisElement. Array is in-out manipulated.
+      ArrayUtils.PlaceElementAfterOther = function (array, elementToPlace, afterThisElement) {
+          if (array) {
+              var afterThisElIdx = array.indexOf(afterThisElement);
+              var elToPlaceIdx = array.indexOf(elementToPlace);
+              if (afterThisElIdx >= elToPlaceIdx) {
+                  ArrayUtils.MoveElement(elementToPlace, afterThisElIdx + 1, array);
+              }
+          }
+      };
+      /**
+       * Returns max value from all resulting values from applying given itemValueFunction to all items of given array.
+       * @param array
+       * @param itemValueFunction The function applied to each array item that gives it a numerical value. The max num val found is returned.
+       */
+      ArrayUtils.GetMaxCalculatedValue = function (array, itemValueFunction) {
+          if (!array || !itemValueFunction) {
+              return NaN;
+          }
+          var max = undefined;
+          var len = array.length;
+          for (var i = 0; i < len; i++) {
+              var valueCur = itemValueFunction.call(this);
+              if (valueCur > max) {
+                  max = valueCur;
+              }
+          }
+          return max;
+      };
+      return ArrayUtils;
+  }());
+
+  // Static utility function holder related to ref codes and string enums (as in our string enum representations of the db table REF_CODE).
+  var RefCodeUtils = /** @class */ (function () {
+      function RefCodeUtils() {
+      }
+      // Returns true if given valueToCheck is a composition of the second numeric argument. Usesul for checking user rights, for instance.
+      RefCodeUtils.Check = function (valueToCheck, powTwoNumToCheckAgainst) {
+          return NumberUtils.NumIsComposedOfOtherPowTwoNum(valueToCheck, powTwoNumToCheckAgainst);
+      };
+      /**
+       * Returns true if given number value is a composition of at least one of the rest numeric arguments. Usesul for checking user rights,
+       * for instance, or any other numerical composite refcode.
+       */
+      RefCodeUtils.CheckAny = function (valueToCheck) {
+          var powTwoNumsToCheckAgainst = [];
+          for (var _i = 1; _i < arguments.length; _i++) {
+              powTwoNumsToCheckAgainst[_i - 1] = arguments[_i];
+          }
+          var len = powTwoNumsToCheckAgainst.length;
+          for (var i = 0; i < len; i++) {
+              if (RefCodeUtils.Check(valueToCheck, powTwoNumsToCheckAgainst[i])) {
+                  return true;
+              }
+          }
+          return false;
+      };
+      RefCodeUtils.GetMultiRefCodeChoices = function (multiRefCode) {
+          var choices = [];
+          // magic number 22 was chosen as a 'high' power of two, i.e. we don't expect multi ref codes with more than 21 options
+          var powTwoExponent = 22;
+          var powTwoVal = Math.pow(2, powTwoExponent);
+          var remainder = multiRefCode;
+          while (remainder > 0) {
+              if (remainder - powTwoVal >= 0) {
+                  choices.push(powTwoVal);
+                  remainder -= powTwoVal;
+              }
+              powTwoExponent--;
+              powTwoVal = Math.pow(2, powTwoExponent);
+          }
+          choices.reverse();
+          return choices;
+      };
+      RefCodeUtils.GetNumbersArraySum = function (numbersArray) {
+          if (!Array.isArray(numbersArray) || numbersArray.length === 0) {
+              return;
+          }
+          var sum = 0;
+          numbersArray.forEach(function (num) {
+              sum += num;
+          });
+          return sum;
+      };
+      return RefCodeUtils;
+  }());
+
+  // DOM_BESTANDSSOORT
+  var FileType;
+  (function (FileType) {
+      // DOC: Document
+      FileType["Document"] = "DOC";
+      // IMG: Afbeelding
+      FileType["Image"] = "IMG";
+      // SDWEB: Digitale handtekening
+      FileType["DigitalSignature"] = "SDWEB";
+      FileType["CollectiveSalaryInfo"] = "LOONSTAAT";
+      //3d model file
+      FileType["ThreeDFile"] = "UNITYWEB";
+  })(FileType || (FileType = {}));
+
+  var CoDocumentSharedFieldLogic = /** @class */ (function () {
+      function CoDocumentSharedFieldLogic() {
+      }
+      CoDocumentSharedFieldLogic.BuildAllDocuments = function (documentation, images) {
+          var allDocuments = [];
+          allDocuments = allDocuments.concat(documentation);
+          allDocuments = allDocuments.concat(images);
+          allDocuments.sort(function (a, b) {
+              return a.index < b.index ? -1 : 1;
+          });
+          return allDocuments;
+      };
+      CoDocumentSharedFieldLogic.BuildImagesAndDocumentation = function (documents) {
+          var images = [];
+          var documentation = [];
+          var len = documents.length;
+          for (var i = 0; i < len; i++) {
+              // re-index documents order
+              documents[i].index = i + 1;
+              if (documents[i].fileType === FileType.Image) {
+                  images.push(documents[i]);
+              }
+              else {
+                  documentation.push(documents[i]);
+              }
+          }
+          return {
+              images: images,
+              documentation: documentation
+          };
+      };
+      // Returns an index number that is 1 higher than the highest one in the collection
+      CoDocumentSharedFieldLogic.GenerateAvailableIndexNr = function (documents) {
+          var indexNumbers = [];
+          documents.forEach(function (collectionItem) {
+              if (collectionItem && collectionItem.index > -1) {
+                  indexNumbers.push(collectionItem.index);
+              }
+          });
+          indexNumbers.sort(function (a, b) {
+              return a - b;
+          });
+          if (indexNumbers && indexNumbers.length > 0) {
+              return indexNumbers[indexNumbers.length - 1] + 1;
+          }
+          else {
+              return 0;
+          }
+      };
+      return CoDocumentSharedFieldLogic;
+  }());
+
+  /**
+   * Property decorator which enables template syntax like "someBoolInput" instead of "[someBoolInput]='true'". Makes use of the fact that
+   * Angular assigns an empty string to the input property in the naked "someBoolInput" template case.
+   */
+  function InputBoolean(bindingPropertyName) {
+      var inputDecorator = i0.Input(bindingPropertyName);
+      return function (target, key) {
+          inputDecorator(target, key);
+          var descriptor = Object.getOwnPropertyDescriptor(target, key) || {};
+          Object.defineProperty(target, key, {
+              get: descriptor.get || function () {
+                  return this["__" + key];
+              },
+              set: function (newValue) {
+                  var val = InputBooleanDecorator.InputValueToBoolean(newValue);
+                  descriptor.set ? descriptor.set(val) : this["__" + key] = val;
+              },
+              enumerable: true,
+              configurable: true
+          });
+      };
+  }
+  // Utility function holder of the InputBooleanDecorator decorator.
+  var InputBooleanDecorator = /** @class */ (function () {
+      function InputBooleanDecorator() {
+      }
+      InputBooleanDecorator.InputValueToBoolean = function (value) {
+          if (StringUtils.IsString(value) && !StringUtils.IsStringWithLength(value)) {
+              return true;
+          }
+          return !!value;
+      };
+      return InputBooleanDecorator;
+  }());
+
+  // Component that shows a full screen dropzone target area
+  var AppFileDropzoneComponent = /** @class */ (function () {
+      function AppFileDropzoneComponent(dictionary, iconCacheService) {
+          this.dictionary = dictionary;
+          this.iconCacheService = iconCacheService;
+          this.icons = exports["ɵbt"];
+          this.Icons = exports["ɵbt"];
+          this._defaultDropActionMessage = "DROP_ZONE_DOCUMENTS";
+      }
+      AppFileDropzoneComponent.prototype.showClass = function () {
+          return true;
+      };
+      AppFileDropzoneComponent.prototype.getDropActionMessage = function () {
+          return this.dictionary.get(this.customDropActionMessage ? this.customDropActionMessage : this._defaultDropActionMessage);
+      };
+      return AppFileDropzoneComponent;
+  }());
+  AppFileDropzoneComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-app-file-dropzone",
+                  template: "\n        <div class=\"drop-files-wrapper\">\n            <div class=\"description\">\n                <span class=\"title\" [textContent]=\"getDropActionMessage()\"></span>\n                <span class=\"description\"></span>\n                <div class=\"icon-wrapper\">\n                    <co-icon [iconData]=\"iconCacheService.getIcon(icons.Dropzone)\"></co-icon>\n                </div>\n            </div>\n            <div class=\"dropzone\"></div>\n        </div>\n    ",
+                  encapsulation: i0.ViewEncapsulation.None
+              },] }
+  ];
+  AppFileDropzoneComponent.ctorParameters = function () { return [
+      { type: DictionaryService },
+      { type: IconCacheService }
+  ]; };
+  AppFileDropzoneComponent.propDecorators = {
+      customDropActionMessage: [{ type: i0.Input }],
+      showClass: [{ type: i0.HostBinding, args: ['class.co-app-file-dropzone',] }]
+  };
+
+  // <b>Enum</b> Encapsulation of the doc numbers to store it in DOCUMENTATIE table, java enum ReportDocKind
+  var DocumentEmailReport;
+  (function (DocumentEmailReport) {
+      DocumentEmailReport[DocumentEmailReport["Orderbevestiging"] = 1] = "Orderbevestiging";
+      DocumentEmailReport[DocumentEmailReport["Afleverbon"] = 2] = "Afleverbon";
+      DocumentEmailReport[DocumentEmailReport["Factuur"] = 4] = "Factuur";
+      DocumentEmailReport[DocumentEmailReport["Bestelbon"] = 8] = "Bestelbon";
+      DocumentEmailReport[DocumentEmailReport["Atelierbon"] = 16] = "Atelierbon";
+      DocumentEmailReport[DocumentEmailReport["Werkbon"] = 32] = "Werkbon";
+      DocumentEmailReport[DocumentEmailReport["Vrachtbrief"] = 64] = "Vrachtbrief";
+      DocumentEmailReport[DocumentEmailReport["Leverindicatie"] = 128] = "Leverindicatie";
+      DocumentEmailReport[DocumentEmailReport["Uitlopende_levering"] = 256] = "Uitlopende_levering";
+      DocumentEmailReport[DocumentEmailReport["Goederen_binnen"] = 512] = "Goederen_binnen";
+      DocumentEmailReport[DocumentEmailReport["Afspraakbevestiging"] = 1024] = "Afspraakbevestiging";
+      DocumentEmailReport[DocumentEmailReport["Herinneringsbestelbon"] = 2048] = "Herinneringsbestelbon";
+      DocumentEmailReport[DocumentEmailReport["Aanmaninglevertijd"] = 4096] = "Aanmaninglevertijd";
+  })(DocumentEmailReport || (DocumentEmailReport = {}));
+
+  // Enum of all domain names (refcodes) from db table CG_REF_CODES2 (2!!) that iOneJS currently uses.
+  var DomainMultipleName;
+  (function (DomainMultipleName) {
+      DomainMultipleName["ArticlePublication"] = "ART_PUBLICATIE";
+      DomainMultipleName["ArticlePublicationSales"] = "ART_PUBLICATIE_VERK";
+      DomainMultipleName["ArticleSyncField"] = "DOM_SYNC_VELDEN";
+      DomainMultipleName["DocumentPublication"] = "DOC_PUBLICATIE";
+      DomainMultipleName["TextType"] = "TEKST_PUBLICATIE";
+      DomainMultipleName["TextPublication"] = "TEKSTSOORT";
+      DomainMultipleName["RotationOption"] = "ART_ROTATION_ALLOWED";
+      DomainMultipleName["WeekDays"] = "WEEKDAGEN";
+  })(DomainMultipleName || (DomainMultipleName = {}));
+
+  // Component that shows a popup when the user wants to upload a CoDocument
+  var FileUploadPopupComponent = /** @class */ (function () {
+      function FileUploadPopupComponent(
+      //private _workabilityService: AppWorkabilityService,
+      _promptService, _fileTypeImgPipe) {
+          this._promptService = _promptService;
+          this._fileTypeImgPipe = _fileTypeImgPipe;
+          this.useWithoutSettingProps = false;
+          this.hasPublicAccessVisible = false;
+          this.showDocumentReportPicker = true;
+          this.displayReadWriteAccess = true;
+          this.documentChangeEvent = new i0.EventEmitter();
+          this.popupCloseEvent = new i0.EventEmitter();
+          this.documentPublication = documentPublication_enum.DocumentPublication;
+          this.documentEmailReports = DocumentEmailReport;
+          this.domain = DomainMultipleName;
+          this.fileTypes = FileType;
+          this.hideCancel = false;
+          this.storeGroups = [];
+          this.userGroupsForWrite = [];
+          this.userGroupsForRead = [];
+          this.documentTags = [];
+          this._filesUploadConfigObjects = {}; // Instantiate with empty object to avoid nullpointers in the template
+          this._boFactory = new businessObjectFactory.BusinessObjectFactory();
+          this._readonly = false;
+      }
+      Object.defineProperty(FileUploadPopupComponent.prototype, "documentUnderEdit", {
+          get: function () {
+              return this._documentUnderEdit;
+          },
+          set: function (doc) {
+              this._documentUnderEdit = doc ? this._boFactory.makeWithRawBackendData(coDocument.CoDocument, doc) : undefined;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(FileUploadPopupComponent.prototype, "readonly", {
+          set: function (value) {
+              this._readonly = value;
+              if (value) {
+                  //this._toastService.spawnToast("MESSAGE_DOCUMENT_LOCK_SINGLE");
+              }
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(FileUploadPopupComponent.prototype, "filesUploadConfigObjects", {
+          get: function () {
+              return this._filesUploadConfigObjects;
+          },
+          set: function (value) {
+              this._filesUploadConfigObjects = value;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      FileUploadPopupComponent.prototype.showClass = function () {
+          return true;
+      };
+      Object.defineProperty(FileUploadPopupComponent.prototype, "showReadWriteAccess", {
+          get: function () {
+              //TODO get userrights
+              return true;
+              //return this._userRights.workabilityParameterEnabled && this.displayReadWriteAccess;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(FileUploadPopupComponent.prototype, "isWorkability", {
+          get: function () {
+              //TODO fix workability
+              return false;
+              //return this._workabilityService.workabilitySystemEnabled;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(FileUploadPopupComponent.prototype, "docUnderEditIsReadOnly", {
+          get: function () {
+              return this.documentUnderEdit.readonly || this._readonly;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(FileUploadPopupComponent.prototype, "thumbnail", {
+          get: function () {
+              if (this.documentUnderEdit.isImageDocument()) {
+                  return this._thumbnail;
+              }
+              return this._fileTypeImgPipe.transform(this.documentUnderEdit.fileTypeInternal);
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(FileUploadPopupComponent.prototype, "popupHeader", {
+          get: function () {
+              if (this.documentUnderEdit && this.documentUnderEdit.isImageDocument()) {
+                  return "IMAGE";
+              }
+              else {
+                  return "DOCUMENT";
+              }
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(FileUploadPopupComponent.prototype, "publicationConfigName", {
+          get: function () {
+              if (this.filesUploadConfigObjects) {
+                  return this.documentUnderEdit.isImageDocument() ?
+                      this.filesUploadConfigObjects.ImageDocumentPublishTo :
+                      this.filesUploadConfigObjects.TextDocumentPublishTo;
+              }
+              else {
+                  return; // No configname found
+              }
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(FileUploadPopupComponent.prototype, "tagsConfigName", {
+          get: function () {
+              if (this.filesUploadConfigObjects) {
+                  return this.documentUnderEdit.isImageDocument() ?
+                      this.filesUploadConfigObjects.TagsImageConfigNames :
+                      this.filesUploadConfigObjects.TagsTextConfigNames;
+              }
+              else {
+                  return; // No configname found
+              }
+          },
+          enumerable: false,
+          configurable: true
+      });
+      FileUploadPopupComponent.prototype.ngOnInit = function () {
+          this.loadCollection();
+          if (this.documentUnderEdit.isImageDocument()) {
+              this._thumbnail = this.documentUnderEdit.documentBodyAsDataUri;
+          }
+      };
+      FileUploadPopupComponent.prototype.loadCollection = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  return [2 /*return*/];
+              });
+          });
+      };
+      FileUploadPopupComponent.prototype.onPreviewClick = function () {
+          if (this.documentUnderEdit.isImageDocument()) { //preview image
+              this._promptService.showImage(this.documentUnderEdit.documentBodyAsDataUri, "Preview");
+          }
+          else { //download document
+              try {
+                  fileUtils.FileUtils.DownloadFromDataUri(this.documentUnderEdit.bodyAsDataUri, this.documentUnderEdit.fileName);
+              }
+              catch (error) {
+              }
+          }
+      };
+      FileUploadPopupComponent.prototype.saveDocumentUnderEditRights = function () {
+          this.documentUnderEdit.rights = [];
+          var forWriteLength = this.userGroupsForWrite.length;
+          for (var i = 0; i < forWriteLength; i++) {
+              var rights = new coDocumentRight.CoDocumentRight();
+              rights.userGroupId = this.userGroupsForWrite[i];
+              rights.rightLevel = objectRightType_enum.ObjectRightType.ReadWrite;
+              this.documentUnderEdit.rights.push(rights);
+          }
+          var forReadLength = this.userGroupsForRead.length;
+          for (var i = 0; i < forReadLength; i++) {
+              var rights = new coDocumentRight.CoDocumentRight();
+              rights.userGroupId = this.userGroupsForRead[i];
+              rights.rightLevel = objectRightType_enum.ObjectRightType.ReadOnly;
+              this.documentUnderEdit.rights.push(rights);
+          }
+      };
+      FileUploadPopupComponent.prototype.onPopupOkClick = function () {
+          if (this.form) {
+              this.form.submit();
+          }
+      };
+      FileUploadPopupComponent.prototype.handlePropertyChange = function (refSumOfEnabledItems) {
+          this._publicationNumber = refSumOfEnabledItems;
+      };
+      FileUploadPopupComponent.prototype.handleReportsPropertyChange = function (refSumOfEnabledItems) {
+          this._reportsNumber = refSumOfEnabledItems;
+      };
+      FileUploadPopupComponent.prototype.onValidSubmit = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  this._publicationNumber ? this.documentUnderEdit.publication = this._publicationNumber : this.documentUnderEdit.publication = 0;
+                  this._reportsNumber ? this.documentUnderEdit.reports = this._reportsNumber : this.documentUnderEdit.reports = 0;
+                  this.documentUnderEdit.retailFormulas = this.storeGroupIds;
+                  this.saveDocumentUnderEditRights();
+                  this.documentChangeEvent.emit(this.documentUnderEdit);
+                  this.onPopupClose();
+                  return [2 /*return*/];
+              });
+          });
+      };
+      FileUploadPopupComponent.prototype.onPopupCancelClick = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  this.onPopupClose();
+                  return [2 /*return*/];
+              });
+          });
+      };
+      FileUploadPopupComponent.prototype.onPopupClose = function () {
+          this.userGroupsForWrite.length = 0;
+          this.userGroupsForRead.length = 0;
+          this.documentUnderEdit = undefined;
+          this.popupCloseEvent.next();
+      };
+      return FileUploadPopupComponent;
+  }());
+  FileUploadPopupComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-file-upload-popup",
+                  template: "\n        <co-dialog *ngIf=\"!useWithoutSettingProps && documentUnderEdit\" cssId=\"popup_files_upload_content\"\n                   [headerTemplate]=\"headerTemplate\" contentSize noClickOutside\n                   (close)=\"onPopupClose()\">\n            <div class=\"co-dialog-wrapper\">\n                <div class=\"file-upload-form-wrapper\" fxLayout=\"column\" fxLayoutGap=\"10px\">\n                    <co-form class=\"narrow-scrollbar\" (validSubmit)=\"onValidSubmit()\">\n                        <div class=\"horizontal-layout-column\">\n                            <div class=\"document-thumb column-left\" *ngIf=\"!addDocumentByUrl\">\n                                <a (click)=\"onPreviewClick()\"><img [src]=\"thumbnail\"/></a>\n                            </div>\n                            <div class=\"column-right\">\n                                <co-input-text\n                                        [model]=\"documentUnderEdit.fileSize\"\n                                        [screenConfigurationObject]=\"documentUnderEdit.isImageDocument() ?\n                                                filesUploadConfigObjects?.ImageDocumentFileSize :\n                                                filesUploadConfigObjects?.TextDocumentFileSize\"\n                                        [placeholder]=\"'SIZE' | localize\"\n                                        forceReadonly\n                                        noValidation>\n                                </co-input-text>\n                                <ng-container *ngIf=\"documentUnderEdit.isImageDocument()\">\n                                  <co-input-text [placeholder]=\"'DIMENSIONS' | localize\"\n                                                [model]=\"documentUnderEdit.imageDimensions\"\n                                                [screenConfigurationObject]=\"filesUploadConfigObjects?.ImageDocumentDimensions\"\n                                                forceReadonly noValidation></co-input-text>\n                                </ng-container>\n                                <co-input-text\n                                        [(model)]=\"documentUnderEdit.title\"\n                                        [screenConfigurationObject]=\"documentUnderEdit.isImageDocument() ?\n                                                                     filesUploadConfigObjects?.ImageDocumentTitle :\n                                                                     filesUploadConfigObjects?.TextDocumentTitle\"\n                                        [placeholder]=\"'TITLE2' | localize\"\n                                        noValidation forceReadonly></co-input-text>\n                            </div>\n                        </div>\n\n                        <div>\n                           <!--<sc-tags\n                                  [tagCategory]=\"tagCategory\"\n                                  [readonly]=\"docUnderEditIsReadOnly\"-->\n\n                           <!-- ></sc-tags>--><!-- [myCfgNames]=\"tagsConfigName\" | [(joinedTags)]=\"this.documentUnderEdit.tags\"-->\n                        </div>\n                        <!--<div>\n                          <read-write-access *ngIf=\"showReadWriteAccess\"\n                                               [readWriteCfgNames]=\"filesUploadConfigObjects?.readWriteAccess\"\n                                               [layoutHorizontal]=\"true\"\n                                               [medicalUserGroups]=\"medicalUserGroups\"\n                                               [(userGroupsForWrite)]=\"userGroupsForWrite\"\n                                               [(userGroupsForRead)]=\"userGroupsForRead\"\n                                               [readonly]=\"docUnderEditIsReadOnly\"\n                            ></read-write-access>\n                        </div>-->\n                        <!--<div class=\"horizontal-layout-column\">\n                            <ng-container *ngIf=\"addDocumentByUrl\">\n                                <co-input-text required [placeholder]=\"'URL' | localize\" [(model)]=\"documentUnderEdit.filePath\"\n                                            [readonly]=\"docUnderEditIsReadOnly\"></co-input-text>\n                            </ng-container>\n                        </div>-->\n                        <div class=\"horizontal-layout-column\">\n                            <div class=\"column-left\">\n                                <co-input-text [placeholder]=\"'DESCRIPTION' | localize\" [(model)]=\"documentUnderEdit.description\"\n                                            [screenConfigurationObject]=\"documentUnderEdit.isImageDocument() ?\n                                                filesUploadConfigObjects?.ImageDocumentDescription :\n                                                filesUploadConfigObjects?.TextDocumentDescription\"\n                                            [readonly]=\"docUnderEditIsReadOnly\"\n                                ></co-input-text>\n\n                            </div>\n                            <!--<div *ngIf=\"hasPublicAccessVisible\" class=\"column-right\">\n                                <input-switcher-yes-no label=\"PUBLIC_ACCESS\"\n                                                       [(model)]=\"documentUnderEdit.hasPublicAccess\"\n                                                       [readonly]=\"docUnderEditIsReadOnly\"\n                                ></input-switcher-yes-no>\n                            </div>-->\n                        </div>\n                        <div class=\"horizontal-layout-column\">\n                            <ng-container *ngIf=\"!documentUnderEdit.isImageDocument()\">\n                                <div class=\"column-left\">\n                                   <!-- <input-switcher-yes-no label=\"DOWNLOADABLE\"\n                                                           [(model)]=\"documentUnderEdit.downloadable\"\n                                                           [cfgName]=\"filesUploadConfigObjects?.TextDocumentDownloadable\"\n                                                           [readonly]=\"docUnderEditIsReadOnly\"\n                                    ></input-switcher-yes-no>-->\n                                </div>\n                            </ng-container>\n                        </div>\n                        <div class=\"horizontal-layout-column\">\n                            <ng-container *ngIf=\"fileType === fileTypes.ThreeDFile\">\n                                <div class=\"column-left\">\n                                   <!-- <input-switcher-yes-no label=\"ALSO_AS_USDZ\"\n                                                           [(model)]=\"documentUnderEdit.convertToUSDZ\"\n                                                           [readonly]=\"docUnderEditIsReadOnly\"\n                                    ></input-switcher-yes-no>-->\n                                </div>\n                            </ng-container>\n                        </div>\n                        <div class=\"horizontal-layout-column\">\n                            <ng-container *ngIf=\"documentUnderEdit.isImageDocument()\">\n                                <div class=\"column-left\"><!--\n                                    <input-switcher-yes-no label=\"ATTACH_TO_NOTIFICATION\"\n                                                           [(model)]=\"documentUnderEdit.attachToNotification\"\n                                                           [cfgName]=\"filesUploadConfigObjects?.ImageDocumentAttachNotification\"\n                                                           [readonly]=\"docUnderEditIsReadOnly\"\n                                    ></input-switcher-yes-no>-->\n                                </div>\n                                <div class=\"column-right\"><!--\n                                    <image-type-select\n                                            [cfgName]=\"filesUploadConfigObjects?.ImageDocumentDisplayType\"\n                                            [(selectedModelId)]=\"this.documentUnderEdit.imageDisplayKind\"\n                                            [readonly]=\"docUnderEditIsReadOnly\"\n                                            label=\"DISPLAY_TYPE\"\n                                    ></image-type-select>-->\n                                </div>\n                            </ng-container>\n                        </div>\n                        <div *ngIf=\"!isWorkability\">\n                           <!-- <multiple-property-toggler *ngIf=\"!showDocumentReportPicker\"\n                                    [propertyNamesToToggle]=\"documentPublication\"\n                                    [(enableditems)]=\"this.documentUnderEdit.publication\"\n                                    (onPropertyItemChange)=\"handlePropertyChange($event)\"\n                                    label=\"PUBLISH_TO\"\n                                    [readonly]=\"docUnderEditIsReadOnly\"\n                            ></multiple-property-toggler>-->\n                            <co-multiple-property-toggler *ngIf=\"showDocumentReportPicker\"\n                                    [propertyNamesToToggle]=\"documentEmailReports\"\n                                    [(enableditems)]=\"documentUnderEdit.reports\"\n                                    (onPropertyItemChange)=\"handleReportsPropertyChange($event)\"\n                                    label=\"REPORTS_TO_ATTACH_TO\"\n                                    [readonly]=\"docUnderEditIsReadOnly\"\n                            ></co-multiple-property-toggler>\n\n                            <!--<ng-container *ngIf=\"documentUnderEdit.isImageDocument()\"\n                                          [templateWrapper]=\"templateImage\"></ng-container>-->\n                        </div>\n                    </co-form>\n                  <div class=\"ok-cancel-buttons\">\n                    <co-button [disabled]=\"docUnderEditIsReadOnly\" [textContent]=\"'OK' | localize\" (click)=\"onPopupOkClick()\"></co-button>\n                    <co-button *ngIf=\"hideCancel\" [textContent]=\"'STICKER' | localize\" (click)=\"onPopupCancelClick()\"></co-button>\n                  </div>\n                  <!--  <default-ok-cancel-buttons class=\"justify-center\"\n                                               [okDisabled]=\"docUnderEditIsReadOnly\"\n                                               [hideCancel]=\"hideCancel\"\n                                               (okClick)=\"onPopupOkClick()\"\n                                               (cancelClick)=\"onPopupCancelClick()\">\n                    </default-ok-cancel-buttons>-->\n                </div>\n            </div>\n        </co-dialog>\n        <ng-template #headerTemplate>\n            <div [textContent]=\"popupHeader | localize\"></div>\n        </ng-template>\n        <ng-template #templateImage *ngIf=\"!isWorkability\">\n           <!-- <div class=\"column-right\">\n                <input-lov-multi-select\n                        [cfgName]=\"filesUploadConfigObjects.ImageDocumentStoreGroups\"\n                        [(selectedModelIds)]=\"storeGroupIds\"\n                        [collection]=\"storeGroups\"\n                        [readonly]=\"docUnderEditIsReadOnly\"\n                        descriptionField=\"description\"\n                        doNotLoadCollection\n                        customWidth\n                        label=\"RETAIL_FORMULAS\"\n                ></input-lov-multi-select>\n            </div>-->\n        </ng-template>\n    ",
+                  encapsulation: i0.ViewEncapsulation.None
+              },] }
+  ];
+  FileUploadPopupComponent.ctorParameters = function () { return [
+      { type: corecomponents_v12.PromptService },
+      { type: FileTypeImagePipe }
+  ]; };
+  FileUploadPopupComponent.propDecorators = {
+      form: [{ type: i0.ViewChild, args: [corecomponents_v12.FormComponent,] }],
+      useWithoutSettingProps: [{ type: i0.Input }],
+      hasPublicAccessVisible: [{ type: i0.Input }],
+      showDocumentReportPicker: [{ type: i0.Input }],
+      documentUnderEdit: [{ type: i0.Input }],
+      readonly: [{ type: i0.Input }],
+      filesUploadConfigObjects: [{ type: i0.Input }],
+      tagCategory: [{ type: i0.Input }],
+      medicalUserGroups: [{ type: i0.Input }],
+      displayReadWriteAccess: [{ type: i0.Input }],
+      tagReferenceTable: [{ type: i0.Input }],
+      documentKey: [{ type: i0.Input }],
+      documentTable: [{ type: i0.Input }],
+      fileType: [{ type: i0.Input }],
+      addDocumentByUrl: [{ type: i0.Input }],
+      documentChangeEvent: [{ type: i0.Output }],
+      popupCloseEvent: [{ type: i0.Output }],
+      showClass: [{ type: i0.HostBinding, args: ['class.co-file-upload-popup',] }]
+  };
+  __decorate([
+      InputBoolean()
+  ], FileUploadPopupComponent.prototype, "useWithoutSettingProps", void 0);
+  __decorate([
+      InputBoolean()
+  ], FileUploadPopupComponent.prototype, "hasPublicAccessVisible", void 0);
+  __decorate([
+      InputBoolean()
+  ], FileUploadPopupComponent.prototype, "showDocumentReportPicker", void 0);
+  __decorate([
+      InputBoolean()
+  ], FileUploadPopupComponent.prototype, "medicalUserGroups", void 0);
+  __decorate([
+      InputBoolean()
+  ], FileUploadPopupComponent.prototype, "addDocumentByUrl", void 0);
+
+  // A base component that lets the user make a list of files from its device. Doesn't actually upload, but outputs chosen files as filesChanged.
+  var BaseFileUploadComponent = /** @class */ (function () {
+      // private static readonly _dummyTrueFunction: OperationCallbackSimpleFunction = (object: any) => Promise.resolve(true);
+      function BaseFileUploadComponent(
+      //protected _promptService: PromptService,
+      _dictionaryService, 
+      //protected _userService: UserService,
+      _container, _factory) {
+          this._dictionaryService = _dictionaryService;
+          this._container = _container;
+          this._factory = _factory;
+          this.documents = [];
+          // The ability to drop files on the page
+          this.fullPageDrop = false;
+          // If user gets the ability of adding files.
+          this.canAdd = true;
+          // Show add button
+          this.addWithButton = true;
+          // If user gets the ability of deleting files.
+          this.canDelete = true;
+          this.noDragDropOrdering = false;
+          this.askBeforeDelete = true;
+          this.resizeImages = false;
+          this.lockOperation = OperationWithAlwaysSuccessCallback;
+          this.unlockOperation = OperationWithAlwaysSuccessCallback;
+          this.beforeDeleteOperation = OperationWithAlwaysSuccessCallback;
+          this.afterDeleteOperation = OperationWithAlwaysSuccessCallback;
+          this.beforeCreateOperation = OperationWithAlwaysSuccessCallback;
+          this.afterCreateOperation = OperationWithAlwaysSuccessCallback;
+          this.beforeEditOperation = OperationWithAlwaysSuccessCallback;
+          this.dontAskBeforeDelete = false;
+          this.noOwnDeleteOperation = false;
+          this.useWithoutSettingProps = false;
+          this.medicalUserGroups = false;
+          // Use with customFileDropEvent
+          this.useCustomFileDropEvent = false;
+          // Use in conjunction with useCustomFileDropEvent
+          this.customFileDropEvent = new i0.EventEmitter();
+          // Emits if user wants to add multiple documents at once
+          this.documentsAdded = new i0.EventEmitter();
+          this.documentDeleted = new i0.EventEmitter();
+          // Emits every time the order of documents was changed
+          this.sortableListChanged = new i0.EventEmitter();
+          this.documentChangeEvent = new i0.EventEmitter();
+          // Use this if consumer requires to perform extra actions, like locking a parent businessObject if it contains the collection of documents. Emit with true when popup opened, false for close
+          this.popupOpenedStateChange = new i0.EventEmitter();
+          this._documentKey = "";
+          this._readonly = false;
+      }
+      Object.defineProperty(BaseFileUploadComponent.prototype, "fileType", {
+          get: function () {
+              return this._fileType;
+          },
+          // The fileType that the documents should be saved as, leave empty to automatically detect filetype. Also determines file picker filter
+          set: function (value) {
+              if (value) {
+                  this._fileType = value;
+                  //TODO Documentdataloader fix
+                  //this._coDocumentDataLoader.loadAllowedTypes().then(() => {this.handleAcceptedFileTypesLoaded(value)});
+              }
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(BaseFileUploadComponent.prototype, "documentKey", {
+          get: function () {
+              return this._documentKey;
+          },
+          set: function (value) {
+              this._documentKey = value + ""; // force string
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(BaseFileUploadComponent.prototype, "readonly", {
+          get: function () {
+              return this._readonly;
+          },
+          set: function (value) {
+              this._readonly = value;
+              if (this._popup && this._popup.instance) {
+                  this._popup.instance.readonly = value;
+              }
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(BaseFileUploadComponent.prototype, "maxUploadSizeParam", {
+          set: function (value) {
+              if (value) {
+                  this._setInternalParamObj(value);
+              }
+          },
+          enumerable: false,
+          configurable: true
+      });
+      BaseFileUploadComponent.prototype.onDrop = function (event) {
+          event.preventDefault();
+          event.stopPropagation();
+          if (!this.useCustomFileDropEvent) {
+              this.filesPicked(event.dataTransfer.files);
+          }
+          else {
+              this.customFileDropEvent.emit(event.dataTransfer.files);
+          }
+          this._clearDropzone();
+      };
+      BaseFileUploadComponent.prototype.onDragEnd = function (event) {
+          event.dataTransfer.clearData();
+          this._clearDropzone();
+      };
+      BaseFileUploadComponent.prototype.onDragOver = function (event) {
+          event.preventDefault();
+      };
+      BaseFileUploadComponent.prototype.onDragEnter = function (event) {
+          this._dragEnterTarget = event.target;
+          this._showDropzone();
+      };
+      BaseFileUploadComponent.prototype.onDragLeave = function (event) {
+          if (event.target === this._dragEnterTarget) {
+              this._clearDropzone();
+          }
+      };
+      BaseFileUploadComponent.prototype.ngOnDestroy = function () {
+          this._clearDropzone();
+      };
+      BaseFileUploadComponent.prototype._showDropzone = function () {
+          if (!this._dropZone) {
+              var fact = this._factory.resolveComponentFactory(AppFileDropzoneComponent);
+              this._dropZone = this._container.createComponent(fact);
+              this._dropZone.instance.customDropActionMessage = this.dropMessage;
+          }
+      };
+      BaseFileUploadComponent.prototype._clearDropzone = function () {
+          this._container.clear();
+          if (this._dropZone) {
+              this._dropZone.destroy();
+              this._dropZone = undefined;
+          }
+      };
+      // Remove file from upload array.
+      BaseFileUploadComponent.prototype.handleDelete = function (file) {
+          return __awaiter(this, void 0, void 0, function () {
+              var success;
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0: return [4 /*yield*/, this.beforeDeleteOperation(file)];
+                      case 1:
+                          success = _a.sent();
+                          _a.label = 2;
+                      case 2:
+                          _a.trys.push([2, , 5, 7]);
+                          if (!success) return [3 /*break*/, 4];
+                          return [4 /*yield*/, this._delete(file)];
+                      case 3:
+                          _a.sent();
+                          success = true;
+                          _a.label = 4;
+                      case 4: return [3 /*break*/, 7];
+                      case 5: return [4 /*yield*/, this.afterDeleteOperation(file)];
+                      case 6:
+                          _a.sent();
+                          return [7 /*endfinally*/];
+                      case 7: return [2 /*return*/, Promise.resolve(success)];
+                  }
+              });
+          });
+      };
+      BaseFileUploadComponent.prototype._delete = function (file) {
+          return __awaiter(this, void 0, void 0, function () {
+              var doDelete;
+              return __generator(this, function (_a) {
+                  doDelete = true;
+                  if (!this.dontAskBeforeDelete) {
+                      //TODO make dialogService
+                      //doDelete = await this._promptService.showYesNo("MESSAGE_DELETE_RECORD_QUESTION");
+                  }
+                  if (doDelete) {
+                      if (!this.noOwnDeleteOperation) {
+                          ArrayUtils.RemoveElement(file, this.documents);
+                      }
+                      this.documentDeleted.emit(file);
+                  }
+                  return [2 /*return*/];
+              });
+          });
+      };
+      BaseFileUploadComponent.prototype.handleSortingChange = function (docs) {
+          this.sortableListChanged.emit(docs);
+      };
+      BaseFileUploadComponent.prototype.handleFileChange = function (event) {
+          return __awaiter(this, void 0, void 0, function () {
+              var allFilesAreSmallEnough, allFilesHaveAllowedExtensions, sizeToCompare, len, i, uploadSizeAllowed, extensionAllowed, filesToAdd;
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0:
+                          if (!(event && event.target && event.target.files && event.target.files.length > 0)) return [3 /*break*/, 4];
+                          allFilesAreSmallEnough = true;
+                          allFilesHaveAllowedExtensions = true;
+                          sizeToCompare = this._maxUploadFileSize ? this._maxUploadFileSize : undefined;
+                          len = event.target.files.length;
+                          for (i = 0; i < len; i++) {
+                              uploadSizeAllowed = fileUtils.FileUtils.CheckMaxUploadSize(event.target.files[i], sizeToCompare);
+                              if (!uploadSizeAllowed) {
+                                  allFilesAreSmallEnough = false;
+                                  break;
+                              }
+                              extensionAllowed = true;
+                              if (!extensionAllowed) {
+                                  allFilesHaveAllowedExtensions = false;
+                                  break;
+                              }
+                          }
+                          if (!!allFilesAreSmallEnough) return [3 /*break*/, 1];
+                          return [3 /*break*/, 4];
+                      case 1:
+                          if (!!allFilesHaveAllowedExtensions) return [3 /*break*/, 2];
+                          return [3 /*break*/, 4];
+                      case 2: return [4 /*yield*/, this.convertFilesIntoCoDocuments(event.target.files)];
+                      case 3:
+                          filesToAdd = _a.sent();
+                          if (filesToAdd.length > 1) {
+                              this.documentsAdded.emit(filesToAdd);
+                          }
+                          else {
+                              if (this.useWithoutSettingProps) {
+                                  this.documentsAdded.next(filesToAdd);
+                              }
+                              else {
+                                  this.documentUnderEdit = filesToAdd[0];
+                                  this.openPopup();
+                              }
+                          }
+                          _a.label = 4;
+                      case 4: return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      BaseFileUploadComponent.prototype.handleEditDocumentClick = function (docToEdit) {
+          return __awaiter(this, void 0, void 0, function () {
+              var showPopup;
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0:
+                          this.documentUnderEdit = docToEdit;
+                          return [4 /*yield*/, this.beforeEditOperation(docToEdit)];
+                      case 1:
+                          showPopup = _a.sent();
+                          if (showPopup) {
+                              this.openPopup();
+                          }
+                          return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      BaseFileUploadComponent.prototype.openPopup = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var _this = this;
+              return __generator(this, function (_a) {
+                  this._createAndFillPopupInstance();
+                  this._docChangeSub = this._popup.instance.documentChangeEvent.subscribe(function (doc) {
+                      _this.documentChangeEvent.emit(doc);
+                  });
+                  return [2 /*return*/];
+              });
+          });
+      };
+      BaseFileUploadComponent.prototype.openPopupToAddDocumentByUrl = function () {
+          var _this = this;
+          this._createDocumentToAddByUrl();
+          this._createAndFillPopupInstance(true);
+          this._docChangeSub = this._popup.instance.documentChangeEvent.subscribe(function (doc) {
+              doc.fileName = doc.filePath;
+              _this.documentChangeEvent.emit(doc);
+          });
+      };
+      BaseFileUploadComponent.prototype._createDocumentToAddByUrl = function () {
+          this.documentUnderEdit = new coDocument.CoDocument();
+          this.documentUnderEdit.table = this.documentTable;
+          this.documentUnderEdit.key = this.documentKey;
+          this.documentUnderEdit.fileType = this.fileType;
+          this.documentUnderEdit.documentType = coDocumentType_enum.CoDocumentType.SaveAsLinkOnRandomLocation;
+          this.documentUnderEdit.pathIsUrl = true;
+          //TODO Fix user Input
+          //this.documentUnderEdit.creationUser = this._userService.userName.toUpperCase();
+          //this.documentUnderEdit.modifiedUser = this._userService.userName.toUpperCase();
+          this.documentUnderEdit.creationDate = new Date();
+          this.documentUnderEdit.modifiedDate = new Date();
+      };
+      BaseFileUploadComponent.prototype._createAndFillPopupInstance = function (addDocumentByUrl) {
+          var _this = this;
+          if (addDocumentByUrl === void 0) { addDocumentByUrl = false; }
+          this.popupOpenedStateChange.emit(true);
+          var factory = this._factory.resolveComponentFactory(FileUploadPopupComponent);
+          this._popup = this._container.createComponent(factory);
+          this._popup.instance.readonly = this._readonly;
+          this._popup.instance.addDocumentByUrl = addDocumentByUrl;
+          this._popup.instance.hasPublicAccessVisible = this.documentTable === TableName.Goods;
+          this._popup.instance.showDocumentReportPicker = (this.documentTable === TableName.Transactions || this.documentTable === TableName.TransactionLines);
+          this._popup.instance.documentUnderEdit = this.documentUnderEdit;
+          this._popup.instance.filesUploadConfigObjects = this.filesUploadConfigObjects;
+          this._popup.instance.medicalUserGroups = this.medicalUserGroups;
+          this._popup.instance.tagCategory = this.tagCategory;
+          this._popup.instance.displayReadWriteAccess = this.displayReadWriteAccess;
+          this._popup.instance.tagReferenceTable = this.tagReferenceTable;
+          this._popup.instance.publicationIds = RefCodeUtils.GetMultiRefCodeChoices(this.documentUnderEdit.publication);
+          this._popup.instance.storeGroupIds = this.documentUnderEdit.retailFormulas;
+          this._popup.instance.fileType = this.fileType;
+          this._prepareFileRights();
+          this._popupCloseSub = this._popup.instance.popupCloseEvent.subscribe(function () {
+              _this._unlockDocument();
+              _this.popupOpenedStateChange.emit(false);
+              _this._popupCloseSub.unsubscribe();
+              _this._docChangeSub.unsubscribe();
+              _this._popup.destroy();
+              _this._popup = undefined;
+          });
+      };
+      BaseFileUploadComponent.prototype.convertFilesIntoCoDocuments = function (files) {
+          return __awaiter(this, void 0, void 0, function () {
+              var amountOfFiles, filesToAdd, i, fileAsDocument;
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0:
+                          amountOfFiles = files.length;
+                          filesToAdd = [];
+                          i = 0;
+                          _a.label = 1;
+                      case 1:
+                          if (!(i < amountOfFiles)) return [3 /*break*/, 4];
+                          return [4 /*yield*/, this._getFileAsDocument(files[i])];
+                      case 2:
+                          fileAsDocument = _a.sent();
+                          fileAsDocument.index = CoDocumentSharedFieldLogic.GenerateAvailableIndexNr(this.documents || []) + i;
+                          filesToAdd.push(fileAsDocument);
+                          _a.label = 3;
+                      case 3:
+                          i++;
+                          return [3 /*break*/, 1];
+                      case 4: return [2 /*return*/, filesToAdd];
+                  }
+              });
+          });
+      };
+      BaseFileUploadComponent.prototype.filesPicked = function (files) {
+          return __awaiter(this, void 0, void 0, function () {
+              var allFilesAreValid, amountOfFiles, i, filesToAdd;
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0:
+                          if (!(files && files.length)) return [3 /*break*/, 3];
+                          allFilesAreValid = true;
+                          amountOfFiles = files.length;
+                          for (i = 0; i < amountOfFiles; i++) {
+                              if (!fileUtils.FileUtils.CheckMaxUploadSize(files[i], this._maxUploadFileSize)) {
+                                  allFilesAreValid = false;
+                                  break;
+                              }
+                          }
+                          if (!!allFilesAreValid) return [3 /*break*/, 1];
+                          return [3 /*break*/, 3];
+                      case 1: return [4 /*yield*/, this.convertFilesIntoCoDocuments(files)];
+                      case 2:
+                          filesToAdd = _a.sent();
+                          if (filesToAdd.length > 1 || this.useWithoutSettingProps) {
+                              this.documentsAdded.emit(filesToAdd);
+                          }
+                          else {
+                              this.documentUnderEdit = filesToAdd[0]; // Setting docUnderEdit opens the popup window
+                              this.openPopup();
+                          }
+                          _a.label = 3;
+                      case 3: return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      BaseFileUploadComponent.prototype.handleAcceptedFileTypesLoaded = function (value) {
+          //TODO fix loading
+          //this.acceptedUploadFormats = this._coDocumentDataLoader.getAllowedExtensionsForType(value);
+      };
+      BaseFileUploadComponent.prototype._getFileAsDocument = function (file) {
+          return __awaiter(this, void 0, void 0, function () {
+              var fileAsCoDocument;
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0: return [4 /*yield*/, fileUtils.FileUtils.ReadFileAsNewCoDocument(file, this.resizeImages)];
+                      case 1:
+                          fileAsCoDocument = _a.sent();
+                          // set some extra known fields for the codocument:
+                          fileAsCoDocument.table = this.documentTable;
+                          fileAsCoDocument.key = this.documentKey;
+                          //TODO fix add users
+                          //fileAsCoDocument.creationUser = this._userService.userName.toUpperCase();
+                          //fileAsCoDocument.modifiedUser = this._userService.userName.toUpperCase();
+                          fileAsCoDocument.creationDate = new Date();
+                          fileAsCoDocument.modifiedDate = new Date();
+                          fileAsCoDocument.fileType = this.fileType ? this.fileType : fileUtils.FileUtils.IsImageFile(file) ? fileType_enum.FileType.Image : fileType_enum.FileType.Document;
+                          if (fileAsCoDocument) {
+                              return [2 /*return*/, fileAsCoDocument];
+                          }
+                          return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      BaseFileUploadComponent.prototype._setInternalParamObj = function (value) {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  return [2 /*return*/];
+              });
+          });
+      };
+      BaseFileUploadComponent.prototype._lockDocument = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var lockOk;
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0:
+                          if (!this.documentUnderEdit.documentId) {
+                              return [2 /*return*/, true]; // New document does not have an ID and therefore does not have to be locked
+                          }
+                          return [4 /*yield*/, this.lockOperation(coDocument.CoDocument)];
+                      case 1:
+                          lockOk = _a.sent();
+                          return [2 /*return*/, lockOk];
+                  }
+              });
+          });
+      };
+      BaseFileUploadComponent.prototype._unlockDocument = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var unlockOk;
+              return __generator(this, function (_a) {
+                  switch (_a.label) {
+                      case 0:
+                          if (!this.documentUnderEdit.documentId) {
+                              return [2 /*return*/, true]; // New document does not have an ID and therefore does not have to be locked
+                          }
+                          return [4 /*yield*/, this.unlockOperation(coDocument.CoDocument)];
+                      case 1:
+                          unlockOk = _a.sent();
+                          return [2 /*return*/, unlockOk];
+                  }
+              });
+          });
+      };
+      BaseFileUploadComponent.prototype._prepareFileRights = function () {
+          var len = this.documentUnderEdit.rights.length;
+          for (var i = 0; i < len; i++) {
+              var right = this.documentUnderEdit.rights[i];
+              if (right.rightLevel === objectRightType_enum.ObjectRightType.ReadWrite) {
+                  this._popup.instance.userGroupsForWrite.push(right.userGroupId);
+              }
+              if (right.rightLevel === objectRightType_enum.ObjectRightType.ReadOnly) {
+                  this._popup.instance.userGroupsForRead.push(right.userGroupId);
+              }
+          }
+      };
+      return BaseFileUploadComponent;
+  }());
+  BaseFileUploadComponent.decorators = [
+      { type: i0.Directive }
+  ];
+  BaseFileUploadComponent.ctorParameters = function () { return [
+      { type: DictionaryService },
+      { type: i0.ViewContainerRef },
+      { type: i0.ComponentFactoryResolver }
+  ]; };
+  BaseFileUploadComponent.propDecorators = {
+      fileType: [{ type: i0.Input }],
+      documents: [{ type: i0.Input }],
+      documentTable: [{ type: i0.Input }],
+      documentKey: [{ type: i0.Input }],
+      fullPageDrop: [{ type: i0.Input }],
+      canAdd: [{ type: i0.Input }],
+      dropMessage: [{ type: i0.Input }],
+      addWithButton: [{ type: i0.Input }],
+      canDelete: [{ type: i0.Input }],
+      noDragDropOrdering: [{ type: i0.Input }],
+      readonly: [{ type: i0.Input }],
+      askBeforeDelete: [{ type: i0.Input }],
+      resizeImages: [{ type: i0.Input }],
+      lockOperation: [{ type: i0.Input }],
+      unlockOperation: [{ type: i0.Input }],
+      beforeDeleteOperation: [{ type: i0.Input }],
+      afterDeleteOperation: [{ type: i0.Input }],
+      beforeCreateOperation: [{ type: i0.Input }],
+      afterCreateOperation: [{ type: i0.Input }],
+      beforeEditOperation: [{ type: i0.Input }],
+      dontAskBeforeDelete: [{ type: i0.Input }],
+      noOwnDeleteOperation: [{ type: i0.Input }],
+      maxUploadSizeParam: [{ type: i0.Input }],
+      useWithoutSettingProps: [{ type: i0.Input }],
+      filesUploadConfigObjects: [{ type: i0.Input }],
+      medicalUserGroups: [{ type: i0.Input }],
+      tagCategory: [{ type: i0.Input }],
+      tagReferenceTable: [{ type: i0.Input }],
+      displayReadWriteAccess: [{ type: i0.Input }],
+      useCustomFileDropEvent: [{ type: i0.Input }],
+      customFileDropEvent: [{ type: i0.Output }],
+      documentsAdded: [{ type: i0.Output }],
+      documentDeleted: [{ type: i0.Output }],
+      sortableListChanged: [{ type: i0.Output }],
+      documentChangeEvent: [{ type: i0.Output }],
+      popupOpenedStateChange: [{ type: i0.Output }],
+      hidden: [{ type: i0.HostBinding, args: ["class.hidden",] }],
+      onDrop: [{ type: i0.HostListener, args: ["drop", ["$event"],] }],
+      onDragEnd: [{ type: i0.HostListener, args: ["dragend", ["$event"],] }],
+      onDragOver: [{ type: i0.HostListener, args: ["dragover", ["$event"],] }],
+      onDragEnter: [{ type: i0.HostListener, args: ["dragenter", ["$event"],] }],
+      onDragLeave: [{ type: i0.HostListener, args: ["dragleave", ["$event"],] }]
+  };
+  __decorate([
+      InputBoolean()
+  ], BaseFileUploadComponent.prototype, "noDragDropOrdering", void 0);
+  __decorate([
+      InputBoolean()
+  ], BaseFileUploadComponent.prototype, "readonly", null);
+  __decorate([
+      InputBoolean()
+  ], BaseFileUploadComponent.prototype, "askBeforeDelete", void 0);
+  __decorate([
+      InputBoolean()
+  ], BaseFileUploadComponent.prototype, "resizeImages", void 0);
+  __decorate([
+      InputBoolean()
+  ], BaseFileUploadComponent.prototype, "dontAskBeforeDelete", void 0);
+  __decorate([
+      InputBoolean()
+  ], BaseFileUploadComponent.prototype, "noOwnDeleteOperation", void 0);
+  __decorate([
+      InputBoolean()
+  ], BaseFileUploadComponent.prototype, "useWithoutSettingProps", void 0);
+  __decorate([
+      InputBoolean()
+  ], BaseFileUploadComponent.prototype, "medicalUserGroups", void 0);
+  __decorate([
+      InputBoolean()
+  ], BaseFileUploadComponent.prototype, "displayReadWriteAccess", void 0);
+  __decorate([
+      InputBoolean()
+  ], BaseFileUploadComponent.prototype, "useCustomFileDropEvent", void 0);
+
+  // A component that lets the user make a list of files from its device. Doesn't actually upload, but outputs chosen files as filesChanged.
+  var FilesUploadComponent = /** @class */ (function (_super) {
+      __extends(FilesUploadComponent, _super);
+      function FilesUploadComponent(
+      //promptService: PromptService,
+      dictionaryService, 
+      //userService: UserService,
+      _container, _factory) {
+          var _this = _super.call(this, dictionaryService, _container, _factory) || this;
+          _this._container = _container;
+          _this._factory = _factory;
+          // Input button label
+          _this.label = "UPLOAD_FILE";
+          _this.customImageClick = false;
+          _this.isEditable = false;
+          _this.hideAvatars = false;
+          _this.editSlideoutSubmit = new i0.EventEmitter();
+          _this.tagsChangeEvent = new i0.EventEmitter();
+          _this.imageClick = new i0.EventEmitter();
+          _this.slideoutShown = false;
+          _this.isDropzone = false;
+          return _this;
+      }
+      Object.defineProperty(FilesUploadComponent.prototype, "dropzone", {
+          set: function (value) {
+              this.isDropzone = value;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      FilesUploadComponent.prototype.showClass = function () {
+          return true;
+      };
+      Object.defineProperty(FilesUploadComponent.prototype, "editable", {
+          get: function () {
+              return this.canAdd;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(FilesUploadComponent.prototype, "empty", {
+          get: function () {
+              return !this.documents || this.documents.length === 0;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      FilesUploadComponent.prototype.ngOnDestroy = function () {
+          this.slideoutTemplate = undefined;
+          this.input = undefined;
+          _super.prototype.ngOnDestroy.call(this);
+      };
+      FilesUploadComponent.prototype.openFileBrowser = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  if (this.input && this.input.nativeElement) {
+                      this.input.nativeElement.click();
+                  }
+                  return [2 /*return*/];
+              });
+          });
+      };
+      FilesUploadComponent.prototype.handleAddClick = function () {
+          this.openFileBrowser();
+      };
+      return FilesUploadComponent;
+  }(BaseFileUploadComponent));
+  FilesUploadComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-files-upload",
+                  template: "\n        <div class=\"files-upload-wrapper\">\n            <drag-drop-container\n                                 [sortableList]=\"documents\"\n                                 (sortingChange)=\"handleSortingChange($event)\"\n                                 [handleSort]=\"true\"\n                                 dragHandle=\"tile\"\n                                 [enabled]=\"!noDragDropOrdering\">\n                <co-file-upload *ngIf=\"canAdd && addWithButton\" class=\"add-file\"\n                             isAddingTile\n                             icon=\"plus_round_open\"\n                             [link]=\"true\"\n                             [label]=\"label | localize\"\n                             (mouseover)=\"mouseOverAdd = true\"\n                             (mouseout)=\"mouseOverAdd = false\"\n                             (click)=\"handleAddClick()\"></co-file-upload> <!-- (click)=\"handleAddClick()\" -->\n                <co-file-upload *ngFor=\"let file of documents\" class=\"tile\"\n                             [readonly]=\"file.readonly || readonly\"\n                             [class.hidden]=\"hideAvatars ? file.isAvatar : false\"\n                             [file]=\"file\"\n                             [label]=\"file.fileName\"\n                             [showTrashCan]=\"canDelete\"\n                             [fileSavesOnPopupOkClick]=\"fileSavesOnPopupOkClick\"\n                             [isEditable]=\"isEditable\"\n                             [customImageClick]=\"customImageClick\"\n                             (imageClick)=\"imageClick.emit($event)\"\n                             (deleteClick)=\"handleDelete(file)\"\n                             (editClick)=\"handleEditDocumentClick($event)\"></co-file-upload>\n            </drag-drop-container>\n            <span class=\"maxuploadsize\" textContent=\"getMaxFileSizeNotition()\" [class.show]=\"mouseOverAdd\"></span>\n            <input #inputFile [accept]=\"acceptedUploadFormats\" (change)=\"handleFileChange($event)\" type=\"file\" hidden multiple/>\n        </div>\n    ",
+                  encapsulation: i0.ViewEncapsulation.None,
+                  providers: [
+                      {
+                          provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                          useExisting: i0.forwardRef(function () { return FilesUploadComponent; })
+                      }
+                  ]
+              },] }
+  ];
+  FilesUploadComponent.ctorParameters = function () { return [
+      { type: DictionaryService },
+      { type: i0.ViewContainerRef },
+      { type: i0.ComponentFactoryResolver }
+  ]; };
+  FilesUploadComponent.propDecorators = {
+      dropzone: [{ type: i0.Input }],
+      slideoutTemplate: [{ type: i0.ContentChild, args: ["slideoutTemplate", { static: true },] }],
+      input: [{ type: i0.ViewChild, args: ["inputFile", { static: true },] }],
+      label: [{ type: i0.Input }],
+      cfgNames: [{ type: i0.Input }],
+      customImageClick: [{ type: i0.Input }],
+      isEditable: [{ type: i0.Input }],
+      hideAvatars: [{ type: i0.Input }],
+      fileSavesOnPopupOkClick: [{ type: i0.Input }],
+      selected: [{ type: i0.Input }],
+      editSlideoutSubmit: [{ type: i0.Output }],
+      tagsChangeEvent: [{ type: i0.Output }],
+      imageClick: [{ type: i0.Output }],
+      showClass: [{ type: i0.HostBinding, args: ['class.co-files-upload',] }],
+      editable: [{ type: i0.HostBinding, args: ["class.editable",] }],
+      empty: [{ type: i0.HostBinding, args: ["class.empty",] }],
+      isDropzone: [{ type: i0.HostBinding, args: ['class.dropzone',] }]
+  };
+  __decorate([
+      InputBoolean()
+  ], FilesUploadComponent.prototype, "isEditable", void 0);
+  __decorate([
+      InputBoolean()
+  ], FilesUploadComponent.prototype, "hideAvatars", void 0);
+
+  var DragDropContainer = /** @class */ (function () {
+      function DragDropContainer(element, direction) {
+          this.element = element;
+          this.direction = direction;
+      }
+      return DragDropContainer;
+  }());
+
+  /**
+   * Handles drag and drop elements
+   */
+  var DragDropService = /** @class */ (function () {
+      function DragDropService() {
+          var _this = this;
+          this.drag = new rxjs.Subject();
+          this.drop = new rxjs.Subject();
+          // Container(s) holding the elements to be dragged.
+          this._containers = [];
+          this._disabledContainers = [];
+          // Drag handle(s) that contains the classes of the handles.
+          this._dragHandles = [];
+          this._isdragging = false;
+          this._clickCounter = 0;
+          this._ghostLeft = 0;
+          this._ghostTop = 0;
+          this._mouseDown = false;
+          this._currentMousePosition = { x: 0, y: 0 };
+          this._currentMouseOffset = { x: 0, y: 0 };
+          // Handles the mouse down event. Saves the current mouse position.
+          this._handleMouseDown = function (event) {
+              _this._currentMousePosition.x = event.screenX;
+              _this._currentMousePosition.y = event.screenY;
+              if (event.buttons !== 1 || event.metaKey || event.ctrlKey) {
+                  return;
+              }
+              var element = event.target ? event.target : event.srcElement;
+              var dragElement = _this._getValidDragDropElement(element, true);
+              if (!dragElement) {
+                  return;
+              }
+              if (_this._disabledContainers.indexOf(dragElement.container) !== -1) {
+                  return;
+              }
+              _this._dragElement = dragElement;
+              _this._dragInContainer = dragElement.container.element;
+              var offset = _this._getOffset();
+              _this._currentMouseOffset.x = event.clientX - offset.left;
+              _this._currentMouseOffset.y = event.clientY - offset.top;
+              _this._mouseDown = true;
+              _this._handleEventListener(document, "mousemove", _this._handleMouseMove);
+              _this._clickCounter++;
+          };
+          this._handleMouseUp = function (event) {
+              _this._mouseDown = false;
+              _this._handleEventListener(document, "mousemove", _this._handleMouseMove, false);
+              _this._clickCounter--;
+              if (_this._isdragging) {
+                  _this._endDrag();
+              }
+          };
+          this._handleMouseMove = function (event) {
+              // nothing to drag?
+              if (!_this._dragElement) {
+                  return;
+              }
+              // only drag when mouse down and there actually is movement
+              if (!_this._mouseDown || (_this._currentMousePosition.x === event.screenX && _this._currentMousePosition.y === event.screenY)) {
+                  return;
+              }
+              _this._isdragging = true;
+              _this._startDrag();
+              _this._drag(event);
+              _this._currentMousePosition.x = event.screenX;
+              _this._currentMousePosition.y = event.screenY;
+          };
+      }
+      Object.defineProperty(DragDropService.prototype, "renderer", {
+          set: function (value) {
+              this._renderer = value;
+              this._setEvents();
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(DragDropService.prototype, "ghostLeft", {
+          set: function (value) {
+              this._ghostLeft = value;
+              this._positionGhostImage();
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(DragDropService.prototype, "ghostTop", {
+          set: function (value) {
+              this._ghostTop = value;
+              this._positionGhostImage();
+          },
+          enumerable: false,
+          configurable: true
+      });
+      DragDropService.prototype.ngOnDestroy = function () {
+          this._removeListeners();
+      };
+      DragDropService.prototype.addContainer = function (container) {
+          var direction = (getComputedStyle(container.element).flexDirection === "row" && getComputedStyle(container.element).display === "flex")
+              ? corecomponents_v12.CoOrientation.Horizontal
+              : corecomponents_v12.CoOrientation.Vertical;
+          container.direction = direction;
+          this._containers.push(container);
+      };
+      DragDropService.prototype.addDragHandle = function (handle) {
+          this._dragHandles.push(handle);
+      };
+      DragDropService.prototype.removeContainer = function (container) {
+          ArrayUtils.RemoveElement(container, this._containers);
+          ArrayUtils.RemoveElement(container, this._disabledContainers);
+          if (!this._containers || this._containers.length === 0) {
+              this._removeListeners();
+          }
+      };
+      DragDropService.prototype.removeDragHandle = function (handle) {
+          ArrayUtils.RemoveElement(handle, this._dragHandles);
+      };
+      DragDropService.prototype.enableContainer = function (container) {
+          ArrayUtils.RemoveElement(container, this._disabledContainers);
+      };
+      DragDropService.prototype.disableContainer = function (container) {
+          this._disabledContainers.push(container);
+      };
+      DragDropService.prototype._removeListeners = function () {
+          this._handleEventListener(document, "mouseup", this._handleMouseUp, false);
+          this._handleEventListener(document, "mousemove", this._handleMouseMove, false);
+      };
+      DragDropService.prototype._setEvents = function () {
+          this._handleEventListener(document, "mousedown", this._handleMouseDown); //TODO: mousedown only within given containers
+          this._handleEventListener(document, "mouseup", this._handleMouseUp);
+      };
+      DragDropService.prototype._setElementClass = function (element, elementClass) {
+          if (!this._renderer) {
+              return;
+          }
+          this._renderer.addClass(element, elementClass);
+      };
+      DragDropService.prototype._handleEventListener = function (element, event, handler, add) {
+          if (add === void 0) { add = true; }
+          if (add) {
+              element.removeEventListener(event, handler);
+              element.addEventListener(event, handler);
+          }
+          else {
+              element.removeEventListener(event, handler);
+          }
+      };
+      // Returns the container that holds given element.
+      DragDropService.prototype._getContainerOfElement = function (element) {
+          for (var i = 0, len1 = this._containers.length; i < len1; i++) {
+              var container = this._containers[i];
+              for (var ii = 0, len2 = container.element.children.length; ii < len2; ii++) {
+                  if (container.element.children[ii] === element) {
+                      return container;
+                  }
+              }
+          }
+      };
+      /**
+       * Checks if given element is a child of container(s)
+       * @param element
+       * @returns {number} index of element
+       */
+      DragDropService.prototype._getElementOfContainer = function (element) {
+          for (var i = 0, len1 = this._containers.length; i < len1; i++) {
+              var container = this._containers[i];
+              for (var ii = 0, len2 = container.element.children.length; ii < len2; ii++) {
+                  if (container.element.children[ii] === element) {
+                      return { container: container, element: element, elementIdx: ii };
+                  }
+              }
+          }
+          return { container: undefined, element: undefined, elementIdx: -1 };
+      };
+      /**
+       * Returns next sibling of container that contains given element.
+       * @param element
+       * @returns {any} null if there are no siblings left
+       */
+      DragDropService.prototype._getNextElementInContainer = function (element) {
+          var container = this._getContainerOfElement(element);
+          for (var i = 0, len = container.element.children.length; i < len; i++) {
+              if (container.element.children[i] === element) {
+                  return i < (len - 1) ? { container: container, element: container.element.children[i + 1], elementIdx: i } : null;
+              }
+          }
+      };
+      DragDropService.prototype._getDragHandleClicked = function (element) {
+          if (this._dragHandles && this._dragHandles.length > 0) { // check if handle clicked
+              while (element) {
+                  for (var i = 0, len = this._dragHandles.length; i < len; i++) {
+                      if (element.classList && element.classList.length > 0 && !!this._dragHandles[i]) {
+                          if (element.classList.contains(this._dragHandles[i])) {
+                              return true;
+                          }
+                      }
+                  }
+                  element = element.parentNode === document ? null : element.parentNode;
+              }
+              return false;
+          }
+          else {
+              return true;
+          }
+      };
+      // Returns element when it's a valid drop target, false otherwise.
+      DragDropService.prototype._getValidDragDropElement = function (element, checkHandle) {
+          if (checkHandle === void 0) { checkHandle = false; }
+          if (checkHandle) {
+              var validHandleClicked = this._getDragHandleClicked(element);
+              if (!validHandleClicked) {
+                  return undefined;
+              }
+          }
+          while (element) {
+              var elementOfContainer = this._getElementOfContainer(element);
+              if (elementOfContainer.elementIdx > -1) {
+                  return elementOfContainer;
+              }
+              element = element.parentNode === document ? null : element.parentNode;
+          }
+          return undefined;
+      };
+      DragDropService.prototype._getNextSibling = function (element) {
+          return this._getNextElementInContainer(element);
+      };
+      // Returns the current index of element within its container.
+      DragDropService.prototype._indexOf = function (element) {
+          var elementOfContainer = this._getElementOfContainer(element.hasOwnProperty("element") ? element.element : element);
+          return elementOfContainer ? elementOfContainer.elementIdx : -1;
+      };
+      // Creates a ghost image/element of the element being dragged.
+      DragDropService.prototype._createGhostImage = function () {
+          if (this._ghostDragImage) {
+              return;
+          }
+          // create ghost drag image
+          var offsetRect = this._getOffset();
+          this._ghostDragImage = this._dragElement.element.cloneNode(true);
+          this._ghostDragImage.style.width = offsetRect.width + "px";
+          this._ghostDragImage.style.height = offsetRect.height + "px";
+          this.ghostLeft = offsetRect.left;
+          this.ghostTop = offsetRect.top;
+          this._setElementClass(this._ghostDragImage, "ghost-image");
+          this._setElementClass(document.activeElement, "no-select");
+          document.body.appendChild(this._ghostDragImage);
+      };
+      DragDropService.prototype._destroyGhostImage = function () {
+          if (this._ghostDragImage) {
+              this._renderer.removeClass(document.activeElement, "no-select");
+              document.body.removeChild(this._ghostDragImage);
+              this._ghostDragImage = undefined;
+          }
+      };
+      // Positions the ghost image at the given coordinates.
+      DragDropService.prototype._positionGhostImage = function () {
+          if (!this._ghostDragImage) {
+              return;
+          }
+          this._ghostDragImage.style.left = this._ghostLeft + "px";
+          this._ghostDragImage.style.top = this._ghostTop + "px";
+      };
+      DragDropService.prototype._getScroll = function (scrollProp, offsetProp) {
+          if (document.activeElement.clientHeight) {
+              return document.activeElement[scrollProp];
+          }
+          return document.body[scrollProp];
+      };
+      DragDropService.prototype._getOffset = function () {
+          var rect = this._dragElement.element.getBoundingClientRect();
+          var scrollLeft = 0;
+          var scrollTop = 0;
+          return {
+              bottom: rect.bottom,
+              height: rect.height,
+              left: rect.left + scrollLeft,
+              right: rect.right,
+              top: rect.top + scrollTop,
+              width: rect.width
+          };
+      };
+      DragDropService.prototype._determineDroptarget = function (element, x, y) {
+          var dropElement = this._getValidDragDropElement(element);
+          if (dropElement) {
+              if (dropElement.element !== this._dragElement.element) {
+                  this._dropTargetElement = dropElement;
+                  return;
+              }
+          }
+          this._dropTargetElement = null;
+      };
+      /**
+       * Briefly hides the ghost image to be able to determine which element is under mouse.
+       * @param x
+       * @param y
+       * @returns {Element} Top level element
+       */
+      DragDropService.prototype._getHoveredElement = function (x, y) {
+          this._setElementClass(this._ghostDragImage, "ghost-image-hide");
+          var elm = document.elementFromPoint(x, y);
+          this._renderer.removeClass(this._ghostDragImage, "ghost-image-hide");
+          return elm;
+      };
+      DragDropService.prototype._animateVisibility = function (element, transitionTime, start, end) {
+          if (transitionTime === void 0) { transitionTime = 0.2; }
+          if (start === void 0) { start = "0"; }
+          if (end === void 0) { end = "1"; }
+          if (!element) {
+              return;
+          }
+          var transitionStyle = "opacity " + transitionTime + "s ease-in-out";
+          var transition = element.style.transition;
+          element.style.transition = transition + (transition ? "," : "") + transitionStyle;
+          element.style.opacity = start;
+          element.style.opacity = end;
+          return new Promise(function (resolve) {
+              setTimeout(function () {
+                  resolve();
+              }, transitionTime * 1000);
+          });
+      };
+      DragDropService.prototype._animateMove = function (parent, dragElement, dropTargetElement, down) {
+          if (down) { // insert element before
+              parent.insertBefore(dragElement.element, dropTargetElement.element);
+          }
+          else { // insert after
+              parent.insertBefore(dragElement.element, dropTargetElement.element.nextSibling);
+          }
+      };
+      DragDropService.prototype._startDrag = function () {
+          this._createGhostImage();
+          this._setElementClass(this._dragElement.element, "is-dragged");
+      };
+      DragDropService.prototype._drag = function (event) {
+          this.ghostLeft = this._ghostLeft + (event.screenX - this._currentMousePosition.x);
+          this.ghostTop = this._ghostTop + (event.screenY - this._currentMousePosition.y);
+          var x = event.clientX;
+          var y = event.clientY;
+          var hoveredElement = this._getHoveredElement(x, y);
+          this._determineDroptarget(hoveredElement, x, y);
+          if (this._dropTargetElement) {
+              var down = (this._dropTargetElement.container.direction === corecomponents_v12.CoOrientation.Vertical && event.screenY > this._currentMousePosition.y) ||
+                  (this._dropTargetElement.container.direction === corecomponents_v12.CoOrientation.Horizontal && event.screenX > this._currentMousePosition.x);
+              this._animateMove(this._dropTargetElement.container.element, this._dragElement, this._dropTargetElement, down);
+              this.drag.next({
+                  element: this._dragElement,
+                  elementIndex: this._dragElement.elementIdx,
+                  source: this._dropTargetElement.container.element
+              });
+              this._lastDropTarget = this._dropTargetElement;
+          }
+      };
+      // element is dropped
+      DragDropService.prototype._endDrag = function () {
+          this._renderer.removeClass(this._dragElement.element, "is-dragged");
+          this._destroyGhostImage();
+          this.drop.next({
+              element: this._dragElement.element,
+              elementIndex: this._dragElement.elementIdx,
+              target: this._lastDropTarget ? this._lastDropTarget.element : null,
+              targetIndex: this._lastDropTarget ? this._lastDropTarget.elementIdx : -1,
+              container: this._lastDropTarget ? this._lastDropTarget.container : null
+          });
+          this._resetDrag();
+      };
+      DragDropService.prototype._resetDrag = function () {
+          this._dragElement = null;
+          this._dragInContainer = null;
+          this._lastDropTarget = null;
+          this._isdragging = false;
+      };
+      return DragDropService;
+  }());
+  DragDropService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DragDropService_Factory() { return new DragDropService(); }, token: DragDropService, providedIn: "root" });
+  DragDropService.decorators = [
+      { type: i0.Injectable, args: [{
+                  providedIn: "root"
+              },] }
+  ];
+  DragDropService.ctorParameters = function () { return []; };
+
+  var DragDropContainerComponent = /** @class */ (function () {
+      function DragDropContainerComponent(_elementRef, _renderer, _dragDropService) {
+          this._elementRef = _elementRef;
+          this._renderer = _renderer;
+          this._dragDropService = _dragDropService;
+          this.handleSort = false;
+          /**
+           * Class of the handle to drag operations
+           */
+          this.dragHandle = "";
+          // Emits when the order of sortableList items changed after a drag-drop action.
+          this.sortingChange = new i0.EventEmitter();
+          this.showClass = true;
+          this._enabled = true;
+          this._initialized = false;
+          this._dragDropService.renderer = this._renderer;
+          this._container = new DragDropContainer(_elementRef.nativeElement, corecomponents_v12.CoOrientation.Vertical);
+      }
+      Object.defineProperty(DragDropContainerComponent.prototype, "enabled", {
+          set: function (value) {
+              this._enabled = value;
+              this.handleEnabledChange();
+          },
+          enumerable: false,
+          configurable: true
+      });
+      DragDropContainerComponent.prototype.ngAfterViewInit = function () {
+          this._initialized = true;
+          this._createDragDrop();
+          if (this._initialized) {
+              this._updateEnableDisableContainer();
+          }
+      };
+      /**
+       * Cleanup...
+       */
+      DragDropContainerComponent.prototype.ngOnDestroy = function () {
+          this._removeDragDrop();
+          this._elementRef = undefined;
+      };
+      DragDropContainerComponent.prototype.handleEnabledChange = function () {
+          if (!this._initialized) {
+              return;
+          }
+          if (this._enabled) {
+              this._dragDropService.enableContainer(this._container);
+              this._createDragDrop();
+          }
+          else {
+              this._dragDropService.disableContainer(this._container);
+              this._removeDragDrop();
+              this._initialized = false;
+          }
+      };
+      DragDropContainerComponent.prototype._createDragDrop = function () {
+          var _this = this;
+          this._dragDropService.addContainer(this._container);
+          this._dragDropService.addDragHandle(this.dragHandle);
+          if (this.handleSort) { // subscribe drop event to be able to adapt the order of dropped items
+              this._handleOrderSub = this._dragDropService.drop.subscribe(function (event) {
+                  _this._handleOrder(event.container, event.elementIndex, event.targetIndex);
+              });
+          }
+          this._initialized = true;
+      };
+      DragDropContainerComponent.prototype._removeDragDrop = function () {
+          this._dragDropService.removeContainer(this._container);
+          this._dragDropService.removeDragHandle(this.dragHandle);
+          if (this._handleOrderSub) {
+              this._handleOrderSub.unsubscribe();
+          }
+      };
+      DragDropContainerComponent.prototype._handleOrder = function (container, oldIndex, newIndex) {
+          if (container !== this._container) {
+              return;
+          }
+          if (newIndex === -1) {
+              newIndex = this.sortableList.length;
+          }
+          arrayUtils.ArrayUtils.MoveElement(this.sortableList[oldIndex], newIndex, this.sortableList);
+          this.sortingChange.emit(this.sortableList);
+      };
+      DragDropContainerComponent.prototype._updateEnableDisableContainer = function () {
+          if (this._enabled) {
+              this._dragDropService.enableContainer(this._container);
+          }
+          else {
+              this._dragDropService.disableContainer(this._container);
+          }
+      };
+      return DragDropContainerComponent;
+  }());
+  DragDropContainerComponent.decorators = [
+      { type: i0.Directive, args: [{
+                  selector: "drag-drop-container"
+              },] }
+  ];
+  DragDropContainerComponent.ctorParameters = function () { return [
+      { type: i0.ElementRef },
+      { type: i0.Renderer2 },
+      { type: DragDropService }
+  ]; };
+  DragDropContainerComponent.propDecorators = {
+      sortableList: [{ type: i0.Input }],
+      handleSort: [{ type: i0.Input }],
+      enabled: [{ type: i0.Input }],
+      dragHandle: [{ type: i0.Input }],
+      sortingChange: [{ type: i0.Output }],
+      showClass: [{ type: i0.HostBinding, args: ["class.co-drag-drop-container",] }]
+  };
+  __decorate([
+      InputBoolean()
+  ], DragDropContainerComponent.prototype, "handleSort", void 0);
+
+  var ImageDisplayComponent = /** @class */ (function () {
+      function ImageDisplayComponent() {
+          // The (localized) text to show when there is no image. Defaults to 'NO_IMAGE'.
+          this.label = "NO_IMAGE";
+      }
+      ImageDisplayComponent.prototype.showClass = function () {
+          return true;
+      };
+      return ImageDisplayComponent;
+  }());
+  ImageDisplayComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-image-display",
+                  template: "\n    <img class=\"image\" *ngIf=\"!!model\" [src]=\"model\">\n    <div class=\"no-image\" *ngIf=\"!model\">\n      <div class=\"img\"></div>\n      <div class=\"no-image-label\" [textContent]=\"label | localize\"></div>\n    </div>\n  ",
+                  providers: [{
+                          provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                          useExisting: i0.forwardRef(function () { return ImageDisplayComponent; })
+                      }
+                  ],
+                  encapsulation: i0.ViewEncapsulation.None
+              },] }
+  ];
+  ImageDisplayComponent.propDecorators = {
+      model: [{ type: i0.Input }],
+      label: [{ type: i0.Input }],
+      showClass: [{ type: i0.HostBinding, args: ['class.co-image-display',] }],
+      hidden: [{ type: i0.HostBinding, args: ["class.co-transaction-hidden",] }]
+  };
+
+  var ImageDisplayModule = /** @class */ (function () {
+      function ImageDisplayModule() {
+      }
+      return ImageDisplayModule;
+  }());
+  ImageDisplayModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      corecomponents_v12.CoreComponentsTranslationModule,
+                      common.CommonModule,
+                      LocalizationModule
+                  ],
+                  declarations: [
+                      ImageDisplayComponent
+                  ],
+                  exports: [
+                      ImageDisplayComponent
+                  ]
+              },] }
+  ];
+
+  // The GUI part of the files-upload component. Not a standalone component.
+  var FileUploadComponent = /** @class */ (function () {
+      function FileUploadComponent(_promptService, _fileTypeImgPipe, iconService) {
+          this._promptService = _promptService;
+          this._fileTypeImgPipe = _fileTypeImgPipe;
+          this.iconService = iconService;
+          this.icons = exports["ɵbt"];
+          // Element clickable
+          this.link = false;
+          this.readonly = false;
+          // Is tile an 'adding' tile
+          this.isAddingTile = false;
+          // Set this parameter to false if clicking ok on the document edit popup does not save the document
+          // so that refreshing of content on file open works correctly
+          this.fileSavesOnPopupOkClick = true;
+          this.isEditable = false;
+          // Show a trashcan icon
+          this.showTrashCan = false;
+          // Show an image as placeholder
+          this.showImage = false;
+          this.customImageClick = false;
+          this.deleteClick = new i0.EventEmitter();
+          this.editClick = new i0.EventEmitter();
+          this.imageClick = new i0.EventEmitter();
+          this.previewImage = "";
+          this._label = "";
+      }
+      Object.defineProperty(FileUploadComponent.prototype, "file", {
+          get: function () {
+              return this._file;
+          },
+          // Input file to upload.
+          set: function (document) {
+              this._file = document;
+              this._updatePreviewImage();
+              // we should produce a preview image from given document, but its contents might not yet have been loaded:
+              this._listenForDocumentBodyChanges();
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(FileUploadComponent.prototype, "label", {
+          get: function () {
+              if (this._file && this._file.description) {
+                  return this._file.description;
+              }
+              else {
+                  return this._label;
+              }
+          },
+          set: function (value) {
+              this._label = value;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      FileUploadComponent.prototype.showClass = function () {
+          return true;
+      };
+      Object.defineProperty(FileUploadComponent.prototype, "isLink", {
+          get: function () {
+              return this.link;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      FileUploadComponent.prototype.ngOnDestroy = function () {
+          if (this._docBodyChangeSub) {
+              this._docBodyChangeSub.unsubscribe();
+          }
+      };
+      FileUploadComponent.prototype.onDeleteClick = function () {
+          this.deleteClick.emit();
+      };
+      FileUploadComponent.prototype.onImageClick = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  if (this.isAddingTile) {
+                      return [2 /*return*/];
+                  }
+                  if (this.customImageClick) {
+                      this.imageClick.next(this._file);
+                      return [2 /*return*/];
+                  }
+                  //todo fix methods
+                  //first download document body if it is stored in a private cdn directory
+                  if (!this._file.documentBody) {
+                      //await this._generalDal.getDocumentContent(this._file).then(documentBody => this._file.documentBody = documentBody);
+                  }
+                  if (this._file.isImageDocument()) { //preview image
+                      this._promptService.showImage(this.file.documentBodyAsDataUri, "Preview");
+                  }
+                  else { //download document
+                      try {
+                          //FileUtils.DownloadFromDataUri(this._file.bodyAsDataUri, this._file.fileName);
+                      }
+                      catch (e) {
+                      }
+                  }
+                  return [2 /*return*/];
+              });
+          });
+      };
+      FileUploadComponent.prototype.onPencilClick = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var idForLink;
+              return __generator(this, function (_a) {
+                  // refresh file content if files are saved individually
+                  if (this._file.hasId() && this.fileSavesOnPopupOkClick) {
+                      idForLink = void 0;
+                      if (this._file.idForLink) {
+                          idForLink = this._file.idForLink;
+                      }
+                      // Get most recent version of this file if it has an id and therefore has been saved in the db
+                      //TODO fix fetch
+                      // this._file = await this._generalDal.getDocumentFromTable(this._file.documentId);
+                      //this._file.idForLink = idForLink; // Restore the idForLink
+                  }
+                  this.editClick.emit(this._file);
+                  return [2 /*return*/];
+              });
+          });
+      };
+      // updates this.previewImage when doc body changes
+      FileUploadComponent.prototype._listenForDocumentBodyChanges = function () {
+          var _this = this;
+          if (this._file) {
+              if (this._docBodyChangeSub) {
+                  this._docBodyChangeSub.unsubscribe();
+              }
+              // @ts-ignore
+              this._docBodyChangeSub = this._file.documentBodyChange.subscribe(function () {
+                  _this._updatePreviewImage();
+              });
+          }
+      };
+      FileUploadComponent.prototype._updatePreviewImage = function () {
+          if (this._file) {
+              if (this._file.isImageDocument()) {
+                  this.previewImage = this._file.documentBodyAsDataUri;
+                  if (this.previewImage === "") {
+                      //TODO fix fetch
+                      //this._generalDal.getDocumentContent(this._file).then(documentBody => this._file.documentBody = documentBody);
+                      //this.previewImage = this._file.documentBody;
+                  }
+              }
+              else {
+                  this.previewImage = this._fileTypeImgPipe.transform(this.file.fileTypeInternal);
+              }
+          }
+      };
+      return FileUploadComponent;
+  }());
+  FileUploadComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-file-upload",
+                  template: "\n        <co-tile-render [hideImageDisplayWhenNoImage]=\"true\" [imageDataUri]=\"previewImage\" [description]=\"label\" (imageClick)=\"onImageClick()\">\n            <ng-template #infoTemplate>\n                <co-button *ngIf=\"isEditable && !readonly\" class=\"edit-file\" [iconData]=\"iconService.getIcon(icons.Account)\"\n                               (click)=\"onPencilClick()\"></co-button>\n            </ng-template>\n            <co-icon *ngIf=\"showTrashCan && !readonly\" [iconData]=\"iconService.getIcon(icons.Trashbin)\" class=\"trash\" (click)=\"onDeleteClick()\"></co-icon>\n            <co-icon tile-render-image-content *ngIf=\"icon\" class=\"dark add-button\" [icon]=\"icon\"></co-icon>\n        </co-tile-render>\n    ",
+                  encapsulation: i0.ViewEncapsulation.None
+              },] }
+  ];
+  FileUploadComponent.ctorParameters = function () { return [
+      { type: corecomponents_v12.PromptService },
+      { type: FileTypeImagePipe },
+      { type: IconCacheService }
+  ]; };
+  FileUploadComponent.propDecorators = {
+      form: [{ type: i0.ViewChild, args: [corecomponents_v12.FormComponent,] }],
+      file: [{ type: i0.Input }],
+      icon: [{ type: i0.Input }],
+      link: [{ type: i0.Input }],
+      readonly: [{ type: i0.Input }],
+      isAddingTile: [{ type: i0.Input }],
+      fileSavesOnPopupOkClick: [{ type: i0.Input }],
+      isEditable: [{ type: i0.Input }],
+      label: [{ type: i0.Input }],
+      showTrashCan: [{ type: i0.Input }],
+      showImage: [{ type: i0.Input }],
+      customImageClick: [{ type: i0.Input }],
+      deleteClick: [{ type: i0.Output }],
+      editClick: [{ type: i0.Output }],
+      imageClick: [{ type: i0.Output }],
+      showClass: [{ type: i0.HostBinding, args: ['class.co-file-upload',] }],
+      isLink: [{ type: i0.HostBinding, args: ["class.link",] }]
+  };
+  __decorate([
+      InputBoolean()
+  ], FileUploadComponent.prototype, "isAddingTile", void 0);
+  __decorate([
+      InputBoolean()
+  ], FileUploadComponent.prototype, "fileSavesOnPopupOkClick", void 0);
+  __decorate([
+      InputBoolean()
+  ], FileUploadComponent.prototype, "isEditable", void 0);
+
+  // large or small tiles for the <tile-render> component.
+  var TileSizeType;
+  (function (TileSizeType) {
+      TileSizeType[TileSizeType["Small"] = 0] = "Small";
+      TileSizeType[TileSizeType["Large"] = 1] = "Large";
+  })(TileSizeType || (TileSizeType = {}));
+
+  /**
+   * A generic component that shows a collection of simple inputs (description, image, price, etc.) as a tile-shaped graphic with an image
+   * part (upper) and an info part (lower).
+   */
+  var TileRenderComponent = /** @class */ (function () {
+      function TileRenderComponent(iconCacheService) {
+          this.iconCacheService = iconCacheService;
+          this.icons = exports["ɵbt"];
+          // 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').
+          this.iconWhenSelected = "check";
+          // Emits when the image wrapper was clicked (top half of this component) .
+          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["ɵbt"];
+      }
+      Object.defineProperty(TileRenderComponent.prototype, "inSmallTileMode", {
+          get: function () {
+              return this.tileSize === TileSizeType.Small;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      TileRenderComponent.prototype.showClass = function () {
+          return true;
+      };
+      Object.defineProperty(TileRenderComponent.prototype, "inLargeTileMode", {
+          get: function () {
+              return this.tileSize === TileSizeType.Large;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      TileRenderComponent.prototype.ngOnDestroy = function () {
+          this.infoTemplate = undefined;
+      };
+      return TileRenderComponent;
+  }());
+  TileRenderComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-tile-render",
+                  template: "\n        <div class=\"image\" (click)=\"imageClick.emit()\">\n            <label *ngIf=\"inLargeTileMode && tagDescription\" [textContent]=\"tagDescription\"></label>\n            <co-icon *ngIf=\"selected\" class=\"selected small light circle\" [iconData]=\"iconCacheService.getIcon(iconWhenSelected)\" ></co-icon>\n            <co-image [source]=\"imageDataUri\" [class.hidden]=\"(inSmallTileMode || hideImageDisplayWhenNoImage) && !imageDataUri\"\n            ></co-image>\n\n\n\n            <ng-content select=\"[tile-render-image-content]\"></ng-content>\n        </div>\n        <div class=\"info\" (click)=\"infoClick.emit()\">\n            <ng-container *ngIf=\"infoTemplate\" [templateWrapper]=\"infoTemplate\"></ng-container>\n            <span *ngIf=\"inLargeTileMode && label\" class=\"label\" [textContent]=\"label\"></span>\n            <span *ngIf=\"inLargeTileMode && description\" class=\"description\" [textContent]=\"description\"></span>\n        </div>\n        <ng-content></ng-content>\n    ",
+                  encapsulation: i0.ViewEncapsulation.None
+              },] }
+  ];
+  TileRenderComponent.ctorParameters = function () { return [
+      { type: IconCacheService }
+  ]; };
+  TileRenderComponent.propDecorators = {
+      infoTemplate: [{ type: i0.ContentChild, args: ["infoTemplate", { static: true },] }],
+      imageDataUri: [{ type: i0.Input }],
+      tagDescription: [{ type: i0.Input }],
+      label: [{ type: i0.Input }],
+      description: [{ type: i0.Input }],
+      tileSize: [{ type: i0.Input }],
+      price: [{ type: i0.Input }],
+      hidePrice: [{ type: i0.Input }],
+      iconWhenSelected: [{ type: i0.Input }],
+      hideImageDisplayWhenNoImage: [{ type: i0.Input }],
+      selected: [{ type: i0.Input }, { type: i0.HostBinding, args: ["class.selected",] }],
+      imageClick: [{ type: i0.Output }],
+      infoClick: [{ type: i0.Output }],
+      inSmallTileMode: [{ type: i0.HostBinding, args: ["class.small-size",] }],
+      showClass: [{ type: i0.HostBinding, args: ["class.co-tile-render",] }]
+  };
+
+  var TileRenderModule = /** @class */ (function () {
+      function TileRenderModule() {
+      }
+      return TileRenderModule;
+  }());
+  TileRenderModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      ImageDisplayModule,
+                      common.CommonModule,
+                      corecomponents_v12.IconModule,
+                      corecomponents_v12.ImageModule,
+                      corecomponents_v12.TemplateWrapperModule
+                  ],
+                  declarations: [
+                      TileRenderComponent
+                  ],
+                  exports: [
+                      TileRenderComponent
+                  ],
+                  providers: []
+              },] }
+  ];
+
+  var FileUploadModule = /** @class */ (function () {
+      function FileUploadModule() {
+      }
+      return FileUploadModule;
+  }());
+  FileUploadModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      corecomponents_v12.IconModule,
+                      TileRenderModule,
+                      common.CommonModule,
+                      corecomponents_v12.ButtonModule
+                  ],
+                  declarations: [
+                      FileUploadComponent
+                  ],
+                  exports: [
+                      FileUploadComponent
+                  ],
+                  providers: []
+              },] }
+  ];
+
+  // @dynamic
+  var EnumUtils = /** @class */ (function () {
+      function EnumUtils() {
+      }
+      // Returns a new array with all string values (not keys) of given string enum class.
+      EnumUtils.StringEnumToArray = function (clazz) {
+          var asArray = [];
+          var keys = Object.keys(clazz);
+          for (var i = 0, len = keys.length; i < len; i++) {
+              asArray.push(clazz[keys[i]]);
+          }
+          return asArray;
+      };
+      /**
+       * Returns a single string representation of given string enum class
+       * @param clazz
+       * @returns {string} eg "input-lov-slideout, financial-customer-group-select" for a given clazz of InputLovSlideoutComponentSelectors
+       */
+      EnumUtils.StringEnumToSingleString = function (clazz) {
+          return StringEnumToSingleString(clazz);
+      };
+      // Get the number values from an enum
+      EnumUtils.GetNumberEnumValues = function (numberEnumClass) {
+          return this.GetObjValues(numberEnumClass).filter(function (value) { return NumberUtils.IsNumber(value); });
+      };
+      // Get the the property object value names in string format from the enum
+      EnumUtils.GetStringEnumValues = function (stringEnumClass) {
+          return this.GetObjValues(stringEnumClass).filter(function (value) { return StringUtils.IsString(value); });
+      };
+      EnumUtils.GetObjValues = function (numberEnumClass) {
+          return Object.keys(numberEnumClass).map(function (key) { return numberEnumClass[key]; });
+      };
+      /**
+       * Returns the enum in object format to make handling easier
+       * Works for Enums with the following format:
+       * foo: 1
+       * bar: 2
+       * etc...
+       * @param enumClass
+       * @returns {Object}
+       */
+      EnumUtils.createObjectFromEnum = function (enumClass) {
+          // const objectifiedEnum: { refNumber: number; name: string }[] = [];
+          var objectifiedEnum = [];
+          for (var enumItem in enumClass) {
+              if (typeof enumClass[enumItem] === "number") {
+                  objectifiedEnum.push({ key: enumClass[enumItem], value: enumItem });
+              }
+          }
+          return objectifiedEnum;
+      };
+      EnumUtils.getStringEnumKeysArray = function (enumType) {
+          var members = Object.keys(enumType);
+          if (!EnumUtils.isNumeral(enumType)) {
+              return members;
+          }
+          var keys = [];
+          members.forEach(function (x) {
+              var parsedValue = parseInt(x, 10);
+              if (Number.isNaN(parsedValue)) {
+                  keys.push(x);
+              }
+          });
+          return keys;
+      };
+      EnumUtils.buildPromiseDomainValueListFromEnumClass = function (enumClass, dictionary, keysAsDescription) {
+          if (keysAsDescription === void 0) { keysAsDescription = false; }
+          return new Promise(function (resolve, reject) {
+              try {
+                  resolve(EnumUtils.buildDomainValueListFromEnumClass(enumClass, dictionary, keysAsDescription));
+              }
+              catch (e) {
+                  reject();
+              }
+          });
+      };
+      EnumUtils.buildDomainValueListFromEnumClass = function (enumClass, dictionary, keysAsDescription) {
+          if (keysAsDescription === void 0) { keysAsDescription = false; }
+          var collection = [];
+          if (keysAsDescription) {
+              var enumKeys = EnumUtils.getStringEnumKeysArray(enumClass);
+              enumKeys.forEach(function (key, index) {
+                  var domainObjectForLov = new coDomainValue_bo.CoDomainValue();
+                  domainObjectForLov.code = enumClass[key];
+                  domainObjectForLov.description = dictionary.get(key);
+                  domainObjectForLov.sequence = index;
+                  collection.push(domainObjectForLov);
+              });
+          }
+          else {
+              EnumUtils.StringEnumToArray(enumClass).forEach(function (strEnumVal, index) {
+                  var domainObjectForLov = new coDomainValue_bo.CoDomainValue();
+                  domainObjectForLov.code = strEnumVal;
+                  domainObjectForLov.description = dictionary.get(strEnumVal);
+                  domainObjectForLov.sequence = index;
+                  collection.push(domainObjectForLov);
+              });
+          }
+          return collection;
+      };
+      EnumUtils.getKeyByValue = function (enumType, enumValue) {
+          return Object.keys(enumType)[Object.values(enumType).indexOf(enumValue)];
+      };
+      EnumUtils.isNumeral = function (enumType) {
+          var members = Object.keys(enumType);
+          if (!members.some(function (x) { return true; })) {
+              throw new TypeError("Invalid enumeration type.");
+          }
+          var parsedCount = 0;
+          members.forEach(function (x) {
+              var parsedValue = parseInt(x, 10);
+              if (!Number.isNaN(parsedValue)) {
+                  parsedCount++;
+              }
+          });
+          return parsedCount === members.length / 2;
+      };
+      return EnumUtils;
+  }());
+  // Outside the class because it's used to generate component selectors, and aot can't call statics.
+  function StringEnumToSingleString(clazz) {
+      var str = "";
+      var keys = Object.keys(clazz);
+      for (var i = 0, len = keys.length; i < len; i++) {
+          str += clazz[keys[i]] + ", ";
+      }
+      str = StringUtils.RemoveLastChars(str, 2);
+      return str;
+  }
+
+  /**
+   * Custom component for enabling and disabling multiple items based on an input enum
+   * For the component to work, an enum is required and a list of enabled items so that
+   * the component knows which items from the enum are already enabled
+   *
+   * Note: can be improved by not only accepting a string array of enabledItemProperties but also a full cgref number because that will save one conversion step as
+   * BO's already contain these numbers.
+   */
+  var MultiplePropertyTogglerComponent = /** @class */ (function () {
+      function MultiplePropertyTogglerComponent() {
+          this.label = "";
+          this.readonly = false;
+          this.enableditemsChange = new i0.EventEmitter();
+          // Outputs the sum of cgrefkeys of all newly enabled items
+          this.onPropertyItemChange = new i0.EventEmitter();
+          this.Icons = exports["ɵbt"];
+          this.objectifiedEnum = [];
+          this.enabledItemNumberList = [];
+      }
+      MultiplePropertyTogglerComponent.prototype.showClass = function () {
+          return true;
+      };
+      MultiplePropertyTogglerComponent.prototype.ngAfterViewInit = function () {
+          if (this.propertyNamesToToggle) {
+              this.objectifiedEnum = EnumUtils.createObjectFromEnum(this.propertyNamesToToggle);
+          }
+          else {
+              // PropertytogglerItems is empty
+          }
+          this.makeNumberArrayFromCgRefCodeSum();
+      };
+      MultiplePropertyTogglerComponent.prototype.isValueActive = function (propertyToCheck) {
+          return this.enabledItemNumberList.includes(propertyToCheck.key);
+      };
+      MultiplePropertyTogglerComponent.prototype.clickToToggleProperty = function (target) {
+          var _this = this;
+          var newRefNumberSum = 0;
+          if (this.enabledItemNumberList.includes(target.key)) {
+              this.enabledItemNumberList.splice(this.enabledItemNumberList.indexOf(target.key), 1);
+          }
+          else {
+              this.enabledItemNumberList.push(target.key);
+          }
+          this.enabledItemNumberList.forEach(function (enabledItem) {
+              newRefNumberSum += _this.objectifiedEnum.find(function (x) { return x.key === enabledItem; }).key;
+          });
+          this.onPropertyItemChange.emit(newRefNumberSum);
+      };
+      MultiplePropertyTogglerComponent.prototype.makeNumberArrayFromCgRefCodeSum = function () {
+          if (this.enableditems) {
+              this.enabledItemNumberList = RefCodeUtils.GetMultiRefCodeChoices(this.enableditems);
+          }
+      };
+      return MultiplePropertyTogglerComponent;
+  }());
+  MultiplePropertyTogglerComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "co-multiple-property-toggler",
+                  template: "\n        <div class=\"input-text-content-wrapper\">\n            <h3 [textContent]=\"label\"></h3> <!-- | localize-->\n\n            <div class=\"property-toggling-container\">\n\n                <div class=\"row\" *ngFor=\"let propertyTogglerItem of objectifiedEnum | keyvalue\">\n\n                    <co-input-checkbox [model]=\"isValueActive(propertyTogglerItem.value)\"\n                                     (click)=\"clickToToggleProperty(propertyTogglerItem.value)\"></co-input-checkbox>\n\n                    <label [textContent]=\"propertyTogglerItem.value.value\"></label>\n                </div>\n            </div>\n        </div>\n    ",
+                  encapsulation: i0.ViewEncapsulation.None
+              },] }
+  ];
+  MultiplePropertyTogglerComponent.propDecorators = {
+      label: [{ type: i0.Input }],
+      propertyNamesToToggle: [{ type: i0.Input }],
+      readonly: [{ type: i0.Input }],
+      enableditems: [{ type: i0.Input }],
+      enableditemsChange: [{ type: i0.Output }],
+      onPropertyItemChange: [{ type: i0.Output }],
+      showClass: [{ type: i0.HostBinding, args: ["class.co-multiple-property-toggler",] }]
+  };
+
+  var MultiplePropertyTogglerModule = /** @class */ (function () {
+      function MultiplePropertyTogglerModule() {
+      }
+      return MultiplePropertyTogglerModule;
+  }());
+  MultiplePropertyTogglerModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      corecomponents_v12.InputCheckboxModule,
+                      common.CommonModule
+                  ],
+                  declarations: [
+                      MultiplePropertyTogglerComponent
+                  ],
+                  exports: [
+                      MultiplePropertyTogglerComponent
+                  ]
+              },] }
+  ];
+
+  var FileUploadPopupModule = /** @class */ (function () {
+      function FileUploadPopupModule() {
+      }
+      return FileUploadPopupModule;
+  }());
+  FileUploadPopupModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      corecomponents_v12.CoDialogModule,
+                      corecomponents_v12.FormModule,
+                      LocalizationModule,
+                      corecomponents_v12.InputTextModule,
+                      corecomponents_v12.ButtonModule,
+                      common.CommonModule,
+                      corecomponents_v12.ScreenConfigurationModule,
+                      MultiplePropertyTogglerModule
+                  ],
+                  declarations: [
+                      FileUploadPopupComponent
+                  ],
+                  exports: [
+                      FileUploadPopupComponent
+                  ],
+                  providers: []
+              },] }
+  ];
+
+  var AppFileDropzoneModule = /** @class */ (function () {
+      function AppFileDropzoneModule() {
+      }
+      return AppFileDropzoneModule;
+  }());
+  AppFileDropzoneModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      corecomponents_v12.IconModule,
+                  ],
+                  declarations: [
+                      AppFileDropzoneComponent
+                  ],
+                  exports: [
+                      AppFileDropzoneComponent
+                  ],
+                  providers: []
+              },] }
+  ];
+
+  var FilesUploadModule = /** @class */ (function () {
+      function FilesUploadModule() {
+      }
+      return FilesUploadModule;
+  }());
+  FilesUploadModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      corecomponents_v12.CoDialogModule,
+                      corecomponents_v12.FormModule,
+                      corecomponents_v12.InputTextModule,
+                      corecomponents_v12.ScreenConfigurationModule,
+                      corecomponents_v12.ButtonModule,
+                      LocalizationModule,
+                      corecomponents_v12.IconModule,
+                      ImageDisplayModule,
+                      common.CommonModule,
+                      // TagsModule,
+                      corecomponents_v12.InputCheckboxModule,
+                      FileUploadModule,
+                      FileUploadPopupModule,
+                      AppFileDropzoneModule
+                  ],
+                  declarations: [
+                      FilesUploadComponent,
+                      DragDropContainerComponent
+                  ],
+                  exports: [
+                      FilesUploadComponent,
+                      DragDropContainerComponent
+                  ],
+                  providers: [
+                      overlay.Overlay,
+                      FileTypeImagePipe
+                  ]
+              },] }
+  ];
+
+  var ActivityListComponent = /** @class */ (function () {
+      function ActivityListComponent(iconCacheService, _dictionaryService) {
+          this.iconCacheService = iconCacheService;
+          this._dictionaryService = _dictionaryService;
+          this.Icon = exports["ɵbt"];
+          this.RelationKind = relationKind_enum.RelationKind;
+          this.ActivityType = activityType.ActivityType;
+          this.TimeUtils = timeUtils.TimeUtils;
+          this.activities = [];
+          this.remarkIcon = exports["ɵbt"].CommentRegular;
+          this.workIcon = exports["ɵbt"].PersonDiggingRegular;
+      }
+      ActivityListComponent.prototype.showClass = function () {
+          return true;
+      };
+      ActivityListComponent.prototype.ngOnInit = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  return [2 /*return*/];
+              });
+          });
+      };
+      ActivityListComponent.prototype.getRelationKind = function (author) {
+          if (author) {
+              return author.relationType;
+          }
+          else {
+              return null;
+          }
+      };
+      ActivityListComponent.prototype.getDateString = function (date) {
+          return date.getDay().toString() + ' ' + (this._dictionaryService.get(ALL_MONTHS[date.getMonth()])) + ' ' + date.getFullYear();
+      };
+      ActivityListComponent.prototype.getActivityIcon = function (activity) {
+          switch (activity.activityType) {
+              case activityType.ActivityType.Remark:
+                  return this.remarkIcon;
+              case activityType.ActivityType.StateChange:
+              case activityType.ActivityType.WorkflowStatus:
+              case activityType.ActivityType.Work:
+              case activityType.ActivityType.Task:
+              case activityType.ActivityType.WorkflowTask:
+              case activityType.ActivityType.Form:
+                  return this.workIcon;
+          }
+      };
+      ActivityListComponent.prototype.showAttachments = function (activity) {
+          if (activity.documents && activity.documents.length > 0) {
+              return true;
+          }
+          return false;
+      };
+      ActivityListComponent.prototype.showWorkedTime = function (activity) {
+          if ((activity.IsWork && activity.work && activity.work.workedTime) ||
+              (activity.IsTask && activity.task && activity.task.workedTime)) {
+              return true;
+          }
+          return false;
+      };
+      ActivityListComponent.prototype.getWorkedTime = function (activity) {
+          if (activity.IsWork && activity.work && activity.work.workedTime) {
+              return activity.work.workedTime;
+          }
+          else if (activity.IsTask && activity.task && activity.task.workedTime) {
+              return activity.task.workedTime;
+          }
+          return 0;
+      };
+      ActivityListComponent.prototype.openActivityPopup = function (activity) {
+          this.showActivityPopup = true;
+          this.currentActivityDocuments = activity.documents;
+      };
+      return ActivityListComponent;
+  }());
+  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  ",
+                  encapsulation: i0.ViewEncapsulation.None
+              },] }
+  ];
+  ActivityListComponent.ctorParameters = function () { return [
+      { type: IconCacheService },
+      { type: DictionaryService }
+  ]; };
+  ActivityListComponent.propDecorators = {
+      showClass: [{ type: i0.HostBinding, args: ["class.co-activity-list",] }],
+      activities: [{ type: i0.Input }],
+      remarkIcon: [{ type: i0.Input }],
+      workIcon: [{ type: i0.Input }]
+  };
+
+  var ActivityListModule = /** @class */ (function () {
+      function ActivityListModule() {
+      }
+      return ActivityListModule;
+  }());
+  ActivityListModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      corecomponents_v12.IconModule,
+                      common.CommonModule,
+                      corecomponents_v12.CoDialogModule,
+                      FilesUploadModule
+                  ],
+                  declarations: [
+                      ActivityListComponent
+                  ],
+                  exports: [
+                      ActivityListComponent
+                  ]
+              },] }
+  ];
+
   /*
    * Public API Surface of sharedcomponents
    */
@@ -6650,6 +10178,8 @@
    * Generated bundle index. Do not edit.
    */
 
+  exports.ActivityListComponent = ActivityListComponent;
+  exports.ActivityListModule = ActivityListModule;
   exports.AgendaEvent = AgendaEvent;
   exports.AgendaEventPerDay = AgendaEventPerDay;
   exports.CoLinearGaugeComponent = CoLinearGaugeComponent;
@@ -6658,6 +10188,8 @@
   exports.DatePlanningModule = DatePlanningModule;
   exports.DocsignComponent = DocsignComponent;
   exports.DocsignModule = DocsignModule;
+  exports.FilesUploadComponent = FilesUploadComponent;
+  exports.FilesUploadModule = FilesUploadModule;
   exports.KeyPadComponent = KeyPadComponent;
   exports.KeyPadModule = KeyPadModule;
   exports.LayoutSwitcherComponent = LayoutSwitcherComponent;
@@ -6718,7 +10250,24 @@
   exports["ɵcp"] = MASTER_PIPES;
   exports["ɵcq"] = ArrayNumberPipe;
   exports["ɵcr"] = UCfirstPipe;
+  exports["ɵcs"] = FileTypeImagePipe;
+  exports["ɵct"] = BaseFileUploadComponent;
+  exports["ɵcu"] = InputBoolean;
+  exports["ɵcv"] = ImageDisplayModule;
+  exports["ɵcw"] = ImageDisplayComponent;
+  exports["ɵcx"] = FileUploadModule;
+  exports["ɵcy"] = TileRenderModule;
+  exports["ɵcz"] = TileRenderComponent;
   exports["ɵd"] = SharedConnectorService;
+  exports["ɵda"] = FileUploadComponent;
+  exports["ɵdb"] = FileUploadPopupModule;
+  exports["ɵdc"] = MultiplePropertyTogglerModule;
+  exports["ɵdd"] = MultiplePropertyTogglerComponent;
+  exports["ɵde"] = FileUploadPopupComponent;
+  exports["ɵdf"] = AppFileDropzoneModule;
+  exports["ɵdg"] = AppFileDropzoneComponent;
+  exports["ɵdh"] = DragDropContainerComponent;
+  exports["ɵdi"] = DragDropService;
   exports["ɵe"] = OptionsService;
   exports["ɵf"] = DictionaryService;
   exports["ɵg"] = LocalizeService;