@colijnit/sharedcomponents 1.0.57 → 1.0.58

package/fesm2015/colijnit-sharedcomponents.js

@@ -1,6 +1,6 @@
-import { __awaiter } from 'tslib';
+import { __awaiter, __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ViewEncapsulation, ViewChild, ElementRef, Input, Output, HostBinding, NgModule, Injectable, ChangeDetectorRef, ViewChildren, HostListener, Pipe, Renderer2, Inject, LOCALE_ID, NgZone, Directive } from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, ViewChild, ElementRef, Input, Output, HostBinding, NgModule, Injectable, ChangeDetectorRef, ViewChildren, HostListener, Pipe, Renderer2, Inject, LOCALE_ID, NgZone, Directive, ViewContainerRef, ComponentFactoryResolver, forwardRef, ContentChild } from '@angular/core';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import { PDFDocument } from 'pdf-lib';
 import * as PDFJS from 'pdfjs-dist/legacy/build/pdf';
@@ -23,11 +23,12 @@ import { Printer } from '@colijnit/mainapi/build/model/printer.bo';
 import { SendMethod as SendMethod$1 } from '@colijnit/mainapi/build/model/send-method.bo';
 import { BusinessObjectFactory } from '@colijnit/ioneconnector/build/service/business-object-factory';
 import { TagTreeItem } from '@colijnit/mainapi/build/model/tag-tree-item.bo';
+import { ObjectConfiguration } from '@colijnit/ioneconnector/build/model/object-configuration';
 import { PrintStockStickers } from '@colijnit/sharedapi/build/model/print-stock-stickers';
 import { ArticleExtended } from '@colijnit/articleapi/build/model/article-extended.bo';
 import { ArticleStock as ArticleStock$1 } from '@colijnit/articleapi/build/model/article-stock';
 import { ArticleExtendedRequest } from '@colijnit/articleapi/build/model/article-extended-request';
-import { IconModule, InputCheckboxModule, CoDialogModule, ButtonModule, ListOfValuesModule, OverlayService, ClickoutsideModule, OverlayModule, InputRadioButtonModule, SimpleGridModule, ImageModule, InputTextModule, InputNumberPickerModule, CoDialogWizardModule, InputTextareaModule, PopupModule, ResponsiveTextModule, InputDatePickerModule, InputSearchModule } from '@colijnit/corecomponents_v12';
+import { IconModule, InputCheckboxModule, CoDialogModule, ButtonModule, ListOfValuesModule, OverlayService, ClickoutsideModule, OverlayModule, InputRadioButtonModule, SimpleGridModule, ImageModule, InputTextModule, InputNumberPickerModule, CoDialogWizardModule, InputTextareaModule, PopupModule, ResponsiveTextModule, InputDatePickerModule, InputSearchModule, PromptService, FormComponent, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, CoOrientation, CoreComponentsTranslationModule, TemplateWrapperModule, FormModule, ScreenConfigurationModule } from '@colijnit/corecomponents_v12';
 import * as i1 from '@angular/platform-browser';
 import { DomSanitizer } from '@angular/platform-browser';
 import { ArticleStockManagement } from '@colijnit/articleapi/build/model/article-stock-management';
@@ -40,7 +41,21 @@ import { SendMethodType } from '@colijnit/mainapi/build/enum/send-method-type.en
 import { GetStockHistoryRequest } from '@colijnit/articleapi/build/model/get-stock-history-request';
 import { Chart, DoughnutController, ArcElement } from 'chart.js';
 import * as moment from 'moment';
+import { FileTypeInternal } from '@colijnit/sharedapi/build/enum/refcode/file-type-internal.enum';
 import { DragDropModule } from '@angular/cdk/drag-drop';
+import { FileType as FileType$1 } from '@colijnit/mainapi/build/enum/file-type.enum';
+import { ObjectRightType } from '@colijnit/sharedapi/build/enum/object-right-type.enum';
+import { FileUtils } from '@colijnit/mainapi/build/utils/file-utils';
+import { CoDocument } from '@colijnit/mainapi/build/model/co-document';
+import { CoDocumentType } from '@colijnit/mainapi/build/enum/co-document-type.enum';
+import { DocumentPublication } from '@colijnit/articleapi/build/enum/refcode/document-publication.enum';
+import { CoDocumentRight } from '@colijnit/mainapi/build/model/co-document-right';
+import { ArrayUtils as ArrayUtils$1 } from '@colijnit/sharedapi/build/utils/array-utils';
+import { Overlay } from '@angular/cdk/overlay';
+import { CoDomainValue } from '@colijnit/mainapi/build/model/co-domain-value.bo';
+import { RelationKind } from '@colijnit/articleapi/build/enum/relation-kind.enum';
+import { ActivityType } from '@colijnit/mainapi/build/enum/activity-type';
+import { TimeUtils } from '@colijnit/mainapi/build/utils/time-utils';
 
 class DocsignComponent {
     constructor() {
@@ -478,6 +493,35 @@ class StringUtils {
     static IsStringWithLength(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}
+     */
+    static Format(str, format) {
+        const 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.
+    static RemoveLastChars(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.
     static _escapeRegExp(str) {
         return str; // .replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^$\|]/g, "\\$&");
@@ -622,6 +666,14 @@ class SharedConnectorService {
             this.mainConnector = new MainApi(this._optionsService.options);
         });
     }
+    getConfiguration(module, params) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.mainConnector.getObjectConfigurations(module, params);
+            if (response && response.success) {
+                return this._boFactory.makeBOArrayFromRawBackendDataArray(ObjectConfiguration, response.resultObjects);
+            }
+        });
+    }
     getAllPrinters() {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
@@ -1391,9 +1443,12 @@ const IconSvg = {
     "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>",
@@ -1406,12 +1461,15 @@ const IconSvg = {
     "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>"
 };
@@ -1475,9 +1533,12 @@ var Icon;
     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";
@@ -1490,12 +1551,15 @@ var Icon;
     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";
 })(Icon || (Icon = {}));
@@ -2100,7 +2164,7 @@ class SharedService {
     init(options) {
         return __awaiter(this, void 0, void 0, function* () {
             yield this.options.initialize(options);
-            this.connector.connect();
+            yield this.connector.connect();
         });
     }
     getAllPrinters() {
@@ -6598,9 +6662,59 @@ UCfirstPipe.decorators = [
             },] }
 ];
 
+// Transforms a MimeType to the corresponding image data URI of that mime type, for direct use as X in img src=X
+class FileTypeImagePipe {
+    constructor() {
+    }
+    /**
+     * @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
+     */
+    transform(value, smallImage = false) {
+        if (!value) {
+            return "";
+        }
+        const smallSuffix = smallImage ? "_small" : "";
+        let imageFileName;
+        switch (value) {
+            case FileTypeInternal.Image:
+                imageFileName = "image" + smallSuffix + ".png";
+                break;
+            case FileTypeInternal.Pdf:
+                imageFileName = "pdf" + smallSuffix + ".png";
+                break;
+            case FileTypeInternal.ExcelSheet:
+                imageFileName = "excel" + smallSuffix + ".png";
+                break;
+            case FileTypeInternal.WordDocument:
+                imageFileName = "word" + smallSuffix + ".png";
+                break;
+            case FileTypeInternal.Executable:
+                imageFileName = "exe" + smallSuffix + ".png";
+                break;
+            case FileTypeInternal.TextFile:
+                imageFileName = "text" + smallSuffix + ".png";
+                break;
+            default:
+                imageFileName = "undefined" + smallSuffix + ".png";
+                break;
+        }
+        return FileTypeImagePipe._PATH_TO_IMAGE_FOLDER + imageFileName;
+    }
+}
+FileTypeImagePipe._PATH_TO_IMAGE_FOLDER = "./res/images/filetype/";
+FileTypeImagePipe.decorators = [
+    { type: Pipe, args: [{
+                name: "fileTypeImage"
+            },] }
+];
+FileTypeImagePipe.ctorParameters = () => [];
+
 const MASTER_PIPES = [
     ArrayNumberPipe,
-    UCfirstPipe
+    UCfirstPipe,
+    FileTypeImagePipe
 ];
 
 // <b>Enum</b> Represents the different states of the three way thumb.
@@ -7021,6 +7135,3414 @@ SimpleTagsModule.decorators = [
             },] }
 ];
 
+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.
+class 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)
+     */
+    static AllExist(...values) {
+        let allExist = true;
+        for (let 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.
+     */
+    static CopyPropertiesFrom(from, to, allowUndefined = true) {
+        if (!to) {
+            to = {};
+        }
+        if (!from) {
+            return to;
+        }
+        ObjectUtils.ForOwnProperty(from, (value, key) => {
+            if (allowUndefined || notNill(value)) {
+                to[key] = value;
+            }
+        });
+        return to;
+    }
+    static DeepEquals(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.
+    static ForOwnProperty(plainObject, callback) {
+        if (ObjectUtils.IsPlainObject(plainObject)) {
+            for (const key in plainObject) {
+                if (plainObject.hasOwnProperty(key) && typeof plainObject[key] !== "function") {
+                    const 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.
+    static GetClassName(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 {
+            const 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.
+    static GetShallowClone(originalObject, objectClass) {
+        let clonedObject = undefined;
+        if (objectClass) {
+            clonedObject = new objectClass();
+        }
+        else {
+            clonedObject = {};
+        }
+        ObjectUtils.ForOwnProperty(originalObject, (value, key) => {
+            clonedObject[key] = value;
+        });
+        return clonedObject;
+    }
+    static GetDeepClone(originalObject, circular = true) {
+        // First create an empty object with
+        // same prototype of our original source
+        let propertyIndex;
+        let descriptor;
+        let keys;
+        let current;
+        let nextSource;
+        let indexOf;
+        const copies = [{
+                source: originalObject,
+                target: Object.create(Object.getPrototypeOf(originalObject))
+            }];
+        const cloneObject = copies[0].target;
+        const sourceReferences = [originalObject];
+        const 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;
+    }
+    static IsEmpty(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.
+    static IsPlainObject(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.
+     */
+    static MakeInstanceOf(clazz, dataObject) {
+        // dont make a clone if given dataObject already instance of clazz
+        if (dataObject instanceof clazz) {
+            return dataObject;
+        }
+        else {
+            const asClazz = new clazz();
+            ObjectUtils.CopyPropertiesFrom(dataObject, asClazz);
+            return asClazz;
+        }
+    }
+    // Returns the value of a random own property of given object.
+    static PickRandomPropertyValue(object) {
+        if (!object) {
+            return;
+        }
+        let result;
+        let count = 0;
+        for (const 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.
+    static ValueOrDefault(value, defaultReturnVal = "") {
+        return notNill(value) ? value : defaultReturnVal;
+    }
+    static _isArguments(x) {
+        const supportsArgsClass = this._supportsArgumentsClass();
+        return supportsArgsClass ? this._isArgumentsWhenArgsClassSupported(x) : this._isArgumentsWhenArgsClassNotSupported(x);
+    }
+    static _isArgumentsWhenArgsClassNotSupported(object) {
+        return object &&
+            typeof object === "object" &&
+            typeof object.length === "number" &&
+            Object.prototype.hasOwnProperty.call(object, "callee") &&
+            !Object.prototype.propertyIsEnumerable.call(object, "callee") ||
+            false;
+    }
+    static _isArgumentsWhenArgsClassSupported(object) {
+        return Object.prototype.toString.call(object) === "[object Arguments]";
+    }
+    static _isBuffer(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");
+    }
+    static _isUndefinedOrNull(value) {
+        return value === null || value === undefined;
+    }
+    static _objEquiv(a, b) {
+        let 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;
+        }
+        let ka;
+        let 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;
+    }
+    static _supportsArgumentsClass() {
+        return Object.prototype.toString.call(arguments) === "[object Arguments]";
+    }
+}
+
+// Static utility function holder related to numeric variable evaluations and operations.
+class NumberUtils {
+    // For user-typed number input; supports comma's as decimal delimiter.
+    static ParseIntNumberInput(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.
+    static ParseInt(arg) {
+        if (isNill(arg) || Array.isArray(arg)) {
+            return undefined;
+        }
+        return parseInt(arg, 10);
+    }
+    // For user-typed number input; supports comma's as decimal delimiter.
+    static ParseFloatNumberInput(arg, decimalPrecision = 2) {
+        return NumberUtils.ParseFloat(NumberUtils._NumberInputToNumberStr(arg), decimalPrecision);
+    }
+    static ParseFloatNumberInputKeepPrecision(arg) {
+        const correctedInputStr = NumberUtils._NumberInputToNumberStr(arg);
+        const 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
+     */
+    static ParseFloat(arg, 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
+     */
+    static ParseFloatKeepPrecision(arg) {
+        const 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}
+     */
+    static ParseNumberOrDefault(arg, 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.
+    static IsInteger(arg) {
+        if (isNaN(arg) || Array.isArray(arg)) {
+            return false;
+        }
+        const 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.
+    static GetDecimalPlaces(arg, maxAnswer = 1000) {
+        const match = ("" + arg).match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);
+        if (!match) {
+            return 0;
+        }
+        let 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.
+    static ParseNumberInputOrDefault(numberInput, defaultValue = 0) {
+        return NumberUtils.ParseNumberOrDefault(NumberUtils._NumberInputToNumberStr(numberInput), defaultValue);
+    }
+    // Returns whether the type of given argument is 'number'.
+    static IsNumber(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
+     */
+    static IsNaN(arg) {
+        return isNaN(arg) || !NumberUtils.IsNumber(arg);
+    }
+    // Our copy of CoMath.NaN. Returns number, or substitute if NumberUtils.IsNaN(number) holds true.
+    static NaN(number, substitute = 0) {
+        return NumberUtils.IsNaN(number) ? substitute : number;
+    }
+    // Returns whether the value is parasable as a number.
+    static IsParsableNumber(arg) {
+        if (Array.isArray(arg)) {
+            return false;
+        }
+        return !isNaN(parseFloat(arg));
+    }
+    static IsParsableNumberInput(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.
+     */
+    static IsStringNumber(arg) {
+        if (!NumberUtils.IsParsableNumber(arg)) {
+            return false;
+        }
+        else {
+            return arg.toString().length === parseFloat(arg).toString().length;
+        }
+    }
+    static IsListOfNumbers(arg, separator = ",") {
+        const nrs = arg.split(separator);
+        if (nrs.length === 0) {
+            return false;
+        }
+        return nrs.filter(s => 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.
+    static ParseStringNumber(arg) {
+        if (!this.IsStringNumber(arg)) {
+            return NaN;
+        }
+        return NumberUtils.ParseFloatKeepPrecision(arg);
+    }
+    static ParseStringNumberDefault(arg, 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.
+     */
+    static RandomInt(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;
+        }
+        const 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.
+    static AddThousandsCommasTo(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.
+     */
+    static NumIsComposedOfOtherPowTwoNum(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}
+     */
+    static NrOrDefault(nr, 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.
+     */
+    static CheckPrecisionAndScale(nrToCheck, precision, 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
+        const isNegative = (nrToCheck < 0);
+        const nrParts = nrToCheck.toString().split(".");
+        // remove minus sign if negative
+        if (isNegative) {
+            nrParts[0] = nrParts[0].slice(1);
+        }
+        const numCountBeforeDot = nrParts[0].length;
+        const 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
+            const 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
+            let nearestOkNr;
+            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.
+     */
+    static CheckWithinSteppedBounds(nrToCheck, min, max, 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)
+        let 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.
+     */
+    static GetNearestNumberWithinSteppedBounds(originalNr, min, max, stepSize = 1) {
+        if (originalNr < min) {
+            return min;
+        }
+        else if (originalNr > max) {
+            return NumberUtils.GetTrueSteppedBoundsMax(min, max, stepSize);
+        }
+        const boundsCheck = NumberUtils.CheckWithinSteppedBounds(originalNr, min, max, stepSize);
+        if (boundsCheck.isOk) {
+            return originalNr;
+        }
+        let answer;
+        const 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
+     */
+    static GetTrueSteppedBoundsMax(min, max, stepSize = 1) {
+        // solve max integer X in formula min + X * step <= max, and return min + X * stepSize for that X
+        const 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.
+    static GetNearestNumberWithinBounds(originalNr, min, max) {
+        let 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.
+    static ToString(nr) {
+        if (!NumberUtils.IsNaN(nr)) {
+            return "" + nr;
+        }
+        else {
+            return "";
+        }
+    }
+    static DecimalsToStepIncrement(numberOfDecimals) {
+        return Math.pow(10, -1 * numberOfDecimals);
+    }
+    static Round(value, decimals) {
+        const factor = Math.pow(10, decimals);
+        return Math.round(value * factor) / factor;
+    }
+    // @returns The inclusive max value
+    static PrecisionScaleToMaxValue(precision, scale) {
+        const oneStep = this.DecimalsToStepIncrement(scale);
+        const maxExclusive = Math.pow(10, precision - scale);
+        return maxExclusive - oneStep;
+    }
+    // @returns the difference between given 2 numbers
+    static DifferenceBetweenNumbers(numberA, numberB) {
+        return Math.abs(numberA - numberB);
+    }
+    static _GetLargestDecimalPrecisionOf(...args) {
+        const result = ArrayUtils.GetMaxCalculatedValue(args, (arg) => {
+            return NumberUtils.GetDecimalPlaces(arg);
+        });
+        return result;
+    }
+    // Returns given number input as a number that's useable by Javascript. Allows for incoming ',' decimal delimiter.
+    static _NumberInputToNumberStr(numberInput) {
+        return (numberInput + "").replace(",", ".");
+    }
+}
+
+class 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.
+     */
+    static ContainsAnElementFoundBy(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.
+     */
+    static Find(array, foundBy) {
+        if (!array || !foundBy) {
+            return undefined;
+        }
+        for (let i = 0, len = array.length; i < len; i++) {
+            const itemCur = array[i];
+            if (foundBy(itemCur)) {
+                return itemCur;
+            }
+        }
+        return undefined;
+    }
+    // @returns empty array when nothing found, otherwise array with found items
+    static FindAll(array, foundBy) {
+        const answer = [];
+        if (!array || !foundBy) {
+            return answer;
+        }
+        for (let i = 0, len = array.length; i < len; i++) {
+            const itemCur = array[i];
+            if (foundBy(itemCur)) {
+                answer.push(itemCur);
+            }
+        }
+        return answer;
+    }
+    // returns a simple clone of given array, using array.slice(0)
+    static CloneArray(array) {
+        let 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
+     */
+    static CloneArrayAndItsItems(array, arrayItemsClass, deepClone = false) {
+        const cloneArray = [];
+        if (array) {
+            for (let 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.
+     */
+    static RemoveElementAtIndex(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.
+     */
+    static RemoveElement(element, array) {
+        if (!Array.isArray(array)) {
+            return false;
+        }
+        const 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.
+    static IsArrayWithElements(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.
+    static RemoveElementsByFilter(array, filterFunction) {
+        if (!ArrayUtils.IsArrayWithElements(array) || !filterFunction) {
+            return false;
+        }
+        let atLeastOneRemoved = false;
+        const len = array.length;
+        for (let i = len - 1; i >= 0; i--) {
+            const item = array[i];
+            if (filterFunction.call(this, item) === true) {
+                array.splice(i, 1);
+                atLeastOneRemoved = true;
+            }
+        }
+        return atLeastOneRemoved;
+    }
+    static MoveElement(element, toIndex, array) {
+        if (!Array.isArray(array) || isNill(toIndex)) {
+            return false;
+        }
+        const fromIndex = array.indexOf(element);
+        const 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.
+    static PlaceElementAfterOther(array, elementToPlace, afterThisElement) {
+        if (array) {
+            const afterThisElIdx = array.indexOf(afterThisElement);
+            const 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.
+     */
+    static GetMaxCalculatedValue(array, itemValueFunction) {
+        if (!array || !itemValueFunction) {
+            return NaN;
+        }
+        let max = undefined;
+        const len = array.length;
+        for (let i = 0; i < len; i++) {
+            const valueCur = itemValueFunction.call(this);
+            if (valueCur > max) {
+                max = valueCur;
+            }
+        }
+        return max;
+    }
+}
+
+// Static utility function holder related to ref codes and string enums (as in our string enum representations of the db table REF_CODE).
+class RefCodeUtils {
+    // Returns true if given valueToCheck is a composition of the second numeric argument. Usesul for checking user rights, for instance.
+    static Check(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.
+     */
+    static CheckAny(valueToCheck, ...powTwoNumsToCheckAgainst) {
+        const len = powTwoNumsToCheckAgainst.length;
+        for (let i = 0; i < len; i++) {
+            if (RefCodeUtils.Check(valueToCheck, powTwoNumsToCheckAgainst[i])) {
+                return true;
+            }
+        }
+        return false;
+    }
+    static GetMultiRefCodeChoices(multiRefCode) {
+        const 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
+        let powTwoExponent = 22;
+        let powTwoVal = Math.pow(2, powTwoExponent);
+        let remainder = multiRefCode;
+        while (remainder > 0) {
+            if (remainder - powTwoVal >= 0) {
+                choices.push(powTwoVal);
+                remainder -= powTwoVal;
+            }
+            powTwoExponent--;
+            powTwoVal = Math.pow(2, powTwoExponent);
+        }
+        choices.reverse();
+        return choices;
+    }
+    static GetNumbersArraySum(numbersArray) {
+        if (!Array.isArray(numbersArray) || numbersArray.length === 0) {
+            return;
+        }
+        let sum = 0;
+        numbersArray.forEach((num) => {
+            sum += num;
+        });
+        return sum;
+    }
+}
+
+// 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 = {}));
+
+class CoDocumentSharedFieldLogic {
+    static BuildAllDocuments(documentation, images) {
+        let allDocuments = [];
+        allDocuments = allDocuments.concat(documentation);
+        allDocuments = allDocuments.concat(images);
+        allDocuments.sort((a, b) => {
+            return a.index < b.index ? -1 : 1;
+        });
+        return allDocuments;
+    }
+    static BuildImagesAndDocumentation(documents) {
+        const images = [];
+        const documentation = [];
+        const len = documents.length;
+        for (let 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
+    static GenerateAvailableIndexNr(documents) {
+        const indexNumbers = [];
+        documents.forEach((collectionItem) => {
+            if (collectionItem && collectionItem.index > -1) {
+                indexNumbers.push(collectionItem.index);
+            }
+        });
+        indexNumbers.sort((a, b) => {
+            return a - b;
+        });
+        if (indexNumbers && indexNumbers.length > 0) {
+            return indexNumbers[indexNumbers.length - 1] + 1;
+        }
+        else {
+            return 0;
+        }
+    }
+}
+
+/**
+ * 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) {
+    const inputDecorator = Input(bindingPropertyName);
+    return (target, key) => {
+        inputDecorator(target, key);
+        const descriptor = Object.getOwnPropertyDescriptor(target, key) || {};
+        Object.defineProperty(target, key, {
+            get: descriptor.get || function () {
+                return this["__" + key];
+            },
+            set: function (newValue) {
+                const val = InputBooleanDecorator.InputValueToBoolean(newValue);
+                descriptor.set ? descriptor.set(val) : this["__" + key] = val;
+            },
+            enumerable: true,
+            configurable: true
+        });
+    };
+}
+// Utility function holder of the InputBooleanDecorator decorator.
+class InputBooleanDecorator {
+    static InputValueToBoolean(value) {
+        if (StringUtils.IsString(value) && !StringUtils.IsStringWithLength(value)) {
+            return true;
+        }
+        return !!value;
+    }
+}
+
+// Component that shows a full screen dropzone target area
+class AppFileDropzoneComponent {
+    constructor(dictionary, iconCacheService) {
+        this.dictionary = dictionary;
+        this.iconCacheService = iconCacheService;
+        this.icons = Icon;
+        this.Icons = Icon;
+        this._defaultDropActionMessage = "DROP_ZONE_DOCUMENTS";
+    }
+    showClass() {
+        return true;
+    }
+    getDropActionMessage() {
+        return this.dictionary.get(this.customDropActionMessage ? this.customDropActionMessage : this._defaultDropActionMessage);
+    }
+}
+AppFileDropzoneComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-app-file-dropzone",
+                template: `
+        <div class="drop-files-wrapper">
+            <div class="description">
+                <span class="title" [textContent]="getDropActionMessage()"></span>
+                <span class="description"></span>
+                <div class="icon-wrapper">
+                    <co-icon [iconData]="iconCacheService.getIcon(icons.Dropzone)"></co-icon>
+                </div>
+            </div>
+            <div class="dropzone"></div>
+        </div>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+AppFileDropzoneComponent.ctorParameters = () => [
+    { type: DictionaryService },
+    { type: IconCacheService }
+];
+AppFileDropzoneComponent.propDecorators = {
+    customDropActionMessage: [{ type: Input }],
+    showClass: [{ type: 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
+class FileUploadPopupComponent {
+    constructor(
+    //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 EventEmitter();
+        this.popupCloseEvent = new EventEmitter();
+        this.documentPublication = 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();
+        this._readonly = false;
+    }
+    set documentUnderEdit(doc) {
+        this._documentUnderEdit = doc ? this._boFactory.makeWithRawBackendData(CoDocument, doc) : undefined;
+    }
+    get documentUnderEdit() {
+        return this._documentUnderEdit;
+    }
+    set readonly(value) {
+        this._readonly = value;
+        if (value) {
+            //this._toastService.spawnToast("MESSAGE_DOCUMENT_LOCK_SINGLE");
+        }
+    }
+    set filesUploadConfigObjects(value) {
+        this._filesUploadConfigObjects = value;
+    }
+    showClass() {
+        return true;
+    }
+    get showReadWriteAccess() {
+        //TODO get userrights
+        return true;
+        //return this._userRights.workabilityParameterEnabled && this.displayReadWriteAccess;
+    }
+    get filesUploadConfigObjects() {
+        return this._filesUploadConfigObjects;
+    }
+    get isWorkability() {
+        //TODO fix workability
+        return false;
+        //return this._workabilityService.workabilitySystemEnabled;
+    }
+    get docUnderEditIsReadOnly() {
+        return this.documentUnderEdit.readonly || this._readonly;
+    }
+    get thumbnail() {
+        if (this.documentUnderEdit.isImageDocument()) {
+            return this._thumbnail;
+        }
+        return this._fileTypeImgPipe.transform(this.documentUnderEdit.fileTypeInternal);
+    }
+    get popupHeader() {
+        if (this.documentUnderEdit && this.documentUnderEdit.isImageDocument()) {
+            return "IMAGE";
+        }
+        else {
+            return "DOCUMENT";
+        }
+    }
+    get publicationConfigName() {
+        if (this.filesUploadConfigObjects) {
+            return this.documentUnderEdit.isImageDocument() ?
+                this.filesUploadConfigObjects.ImageDocumentPublishTo :
+                this.filesUploadConfigObjects.TextDocumentPublishTo;
+        }
+        else {
+            return; // No configname found
+        }
+    }
+    get tagsConfigName() {
+        if (this.filesUploadConfigObjects) {
+            return this.documentUnderEdit.isImageDocument() ?
+                this.filesUploadConfigObjects.TagsImageConfigNames :
+                this.filesUploadConfigObjects.TagsTextConfigNames;
+        }
+        else {
+            return; // No configname found
+        }
+    }
+    ngOnInit() {
+        this.loadCollection();
+        if (this.documentUnderEdit.isImageDocument()) {
+            this._thumbnail = this.documentUnderEdit.documentBodyAsDataUri;
+        }
+    }
+    loadCollection() {
+        return __awaiter(this, void 0, void 0, function* () {
+            //this.documentTags = await this._tagsRepo.getJoinedTags(this.tagReferenceTable, this.documentKey);
+            //this.storeGroups = await this._baseDataRepo.getStoreGroupList();
+        });
+    }
+    onPreviewClick() {
+        if (this.documentUnderEdit.isImageDocument()) { //preview image
+            this._promptService.showImage(this.documentUnderEdit.documentBodyAsDataUri, "Preview");
+        }
+        else { //download document
+            try {
+                FileUtils.DownloadFromDataUri(this.documentUnderEdit.bodyAsDataUri, this.documentUnderEdit.fileName);
+            }
+            catch (error) {
+            }
+        }
+    }
+    saveDocumentUnderEditRights() {
+        this.documentUnderEdit.rights = [];
+        const forWriteLength = this.userGroupsForWrite.length;
+        for (let i = 0; i < forWriteLength; i++) {
+            const rights = new CoDocumentRight();
+            rights.userGroupId = this.userGroupsForWrite[i];
+            rights.rightLevel = ObjectRightType.ReadWrite;
+            this.documentUnderEdit.rights.push(rights);
+        }
+        const forReadLength = this.userGroupsForRead.length;
+        for (let i = 0; i < forReadLength; i++) {
+            const rights = new CoDocumentRight();
+            rights.userGroupId = this.userGroupsForRead[i];
+            rights.rightLevel = ObjectRightType.ReadOnly;
+            this.documentUnderEdit.rights.push(rights);
+        }
+    }
+    onPopupOkClick() {
+        if (this.form) {
+            this.form.submit();
+        }
+    }
+    handlePropertyChange(refSumOfEnabledItems) {
+        this._publicationNumber = refSumOfEnabledItems;
+    }
+    handleReportsPropertyChange(refSumOfEnabledItems) {
+        this._reportsNumber = refSumOfEnabledItems;
+    }
+    onValidSubmit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            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();
+        });
+    }
+    onPopupCancelClick() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.onPopupClose();
+        });
+    }
+    onPopupClose() {
+        this.userGroupsForWrite.length = 0;
+        this.userGroupsForRead.length = 0;
+        this.documentUnderEdit = undefined;
+        this.popupCloseEvent.next();
+    }
+}
+FileUploadPopupComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-file-upload-popup",
+                template: `
+        <co-dialog *ngIf="!useWithoutSettingProps && documentUnderEdit" cssId="popup_files_upload_content"
+                   [headerTemplate]="headerTemplate" contentSize noClickOutside
+                   (close)="onPopupClose()">
+            <div class="co-dialog-wrapper">
+                <div class="file-upload-form-wrapper" fxLayout="column" fxLayoutGap="10px">
+                    <co-form class="narrow-scrollbar" (validSubmit)="onValidSubmit()">
+                        <div class="horizontal-layout-column">
+                            <div class="document-thumb column-left" *ngIf="!addDocumentByUrl">
+                                <a (click)="onPreviewClick()"><img [src]="thumbnail"/></a>
+                            </div>
+                            <div class="column-right">
+                                <co-input-text
+                                        [model]="documentUnderEdit.fileSize"
+                                        [screenConfigurationObject]="documentUnderEdit.isImageDocument() ?
+                                                filesUploadConfigObjects?.ImageDocumentFileSize :
+                                                filesUploadConfigObjects?.TextDocumentFileSize"
+                                        [placeholder]="'SIZE' | localize"
+                                        forceReadonly
+                                        noValidation>
+                                </co-input-text>
+                                <ng-container *ngIf="documentUnderEdit.isImageDocument()">
+                                  <co-input-text [placeholder]="'DIMENSIONS' | localize"
+                                                [model]="documentUnderEdit.imageDimensions"
+                                                [screenConfigurationObject]="filesUploadConfigObjects?.ImageDocumentDimensions"
+                                                forceReadonly noValidation></co-input-text>
+                                </ng-container>
+                                <co-input-text
+                                        [(model)]="documentUnderEdit.title"
+                                        [screenConfigurationObject]="documentUnderEdit.isImageDocument() ?
+                                                                     filesUploadConfigObjects?.ImageDocumentTitle :
+                                                                     filesUploadConfigObjects?.TextDocumentTitle"
+                                        [placeholder]="'TITLE2' | localize"
+                                        noValidation forceReadonly></co-input-text>
+                            </div>
+                        </div>
+
+                        <div>
+                           <!--<sc-tags
+                                  [tagCategory]="tagCategory"
+                                  [readonly]="docUnderEditIsReadOnly"-->
+
+                           <!-- ></sc-tags>--><!-- [myCfgNames]="tagsConfigName" | [(joinedTags)]="this.documentUnderEdit.tags"-->
+                        </div>
+                        <!--<div>
+                          <read-write-access *ngIf="showReadWriteAccess"
+                                               [readWriteCfgNames]="filesUploadConfigObjects?.readWriteAccess"
+                                               [layoutHorizontal]="true"
+                                               [medicalUserGroups]="medicalUserGroups"
+                                               [(userGroupsForWrite)]="userGroupsForWrite"
+                                               [(userGroupsForRead)]="userGroupsForRead"
+                                               [readonly]="docUnderEditIsReadOnly"
+                            ></read-write-access>
+                        </div>-->
+                        <!--<div class="horizontal-layout-column">
+                            <ng-container *ngIf="addDocumentByUrl">
+                                <co-input-text required [placeholder]="'URL' | localize" [(model)]="documentUnderEdit.filePath"
+                                            [readonly]="docUnderEditIsReadOnly"></co-input-text>
+                            </ng-container>
+                        </div>-->
+                        <div class="horizontal-layout-column">
+                            <div class="column-left">
+                                <co-input-text [placeholder]="'DESCRIPTION' | localize" [(model)]="documentUnderEdit.description"
+                                            [screenConfigurationObject]="documentUnderEdit.isImageDocument() ?
+                                                filesUploadConfigObjects?.ImageDocumentDescription :
+                                                filesUploadConfigObjects?.TextDocumentDescription"
+                                            [readonly]="docUnderEditIsReadOnly"
+                                ></co-input-text>
+
+                            </div>
+                            <!--<div *ngIf="hasPublicAccessVisible" class="column-right">
+                                <input-switcher-yes-no label="PUBLIC_ACCESS"
+                                                       [(model)]="documentUnderEdit.hasPublicAccess"
+                                                       [readonly]="docUnderEditIsReadOnly"
+                                ></input-switcher-yes-no>
+                            </div>-->
+                        </div>
+                        <div class="horizontal-layout-column">
+                            <ng-container *ngIf="!documentUnderEdit.isImageDocument()">
+                                <div class="column-left">
+                                   <!-- <input-switcher-yes-no label="DOWNLOADABLE"
+                                                           [(model)]="documentUnderEdit.downloadable"
+                                                           [cfgName]="filesUploadConfigObjects?.TextDocumentDownloadable"
+                                                           [readonly]="docUnderEditIsReadOnly"
+                                    ></input-switcher-yes-no>-->
+                                </div>
+                            </ng-container>
+                        </div>
+                        <div class="horizontal-layout-column">
+                            <ng-container *ngIf="fileType === fileTypes.ThreeDFile">
+                                <div class="column-left">
+                                   <!-- <input-switcher-yes-no label="ALSO_AS_USDZ"
+                                                           [(model)]="documentUnderEdit.convertToUSDZ"
+                                                           [readonly]="docUnderEditIsReadOnly"
+                                    ></input-switcher-yes-no>-->
+                                </div>
+                            </ng-container>
+                        </div>
+                        <div class="horizontal-layout-column">
+                            <ng-container *ngIf="documentUnderEdit.isImageDocument()">
+                                <div class="column-left"><!--
+                                    <input-switcher-yes-no label="ATTACH_TO_NOTIFICATION"
+                                                           [(model)]="documentUnderEdit.attachToNotification"
+                                                           [cfgName]="filesUploadConfigObjects?.ImageDocumentAttachNotification"
+                                                           [readonly]="docUnderEditIsReadOnly"
+                                    ></input-switcher-yes-no>-->
+                                </div>
+                                <div class="column-right"><!--
+                                    <image-type-select
+                                            [cfgName]="filesUploadConfigObjects?.ImageDocumentDisplayType"
+                                            [(selectedModelId)]="this.documentUnderEdit.imageDisplayKind"
+                                            [readonly]="docUnderEditIsReadOnly"
+                                            label="DISPLAY_TYPE"
+                                    ></image-type-select>-->
+                                </div>
+                            </ng-container>
+                        </div>
+                        <div *ngIf="!isWorkability">
+                           <!-- <multiple-property-toggler *ngIf="!showDocumentReportPicker"
+                                    [propertyNamesToToggle]="documentPublication"
+                                    [(enableditems)]="this.documentUnderEdit.publication"
+                                    (onPropertyItemChange)="handlePropertyChange($event)"
+                                    label="PUBLISH_TO"
+                                    [readonly]="docUnderEditIsReadOnly"
+                            ></multiple-property-toggler>-->
+                            <co-multiple-property-toggler *ngIf="showDocumentReportPicker"
+                                    [propertyNamesToToggle]="documentEmailReports"
+                                    [(enableditems)]="documentUnderEdit.reports"
+                                    (onPropertyItemChange)="handleReportsPropertyChange($event)"
+                                    label="REPORTS_TO_ATTACH_TO"
+                                    [readonly]="docUnderEditIsReadOnly"
+                            ></co-multiple-property-toggler>
+
+                            <!--<ng-container *ngIf="documentUnderEdit.isImageDocument()"
+                                          [templateWrapper]="templateImage"></ng-container>-->
+                        </div>
+                    </co-form>
+                  <div class="ok-cancel-buttons">
+                    <co-button [disabled]="docUnderEditIsReadOnly" [textContent]="'OK' | localize" (click)="onPopupOkClick()"></co-button>
+                    <co-button *ngIf="hideCancel" [textContent]="'STICKER' | localize" (click)="onPopupCancelClick()"></co-button>
+                  </div>
+                  <!--  <default-ok-cancel-buttons class="justify-center"
+                                               [okDisabled]="docUnderEditIsReadOnly"
+                                               [hideCancel]="hideCancel"
+                                               (okClick)="onPopupOkClick()"
+                                               (cancelClick)="onPopupCancelClick()">
+                    </default-ok-cancel-buttons>-->
+                </div>
+            </div>
+        </co-dialog>
+        <ng-template #headerTemplate>
+            <div [textContent]="popupHeader | localize"></div>
+        </ng-template>
+        <ng-template #templateImage *ngIf="!isWorkability">
+           <!-- <div class="column-right">
+                <input-lov-multi-select
+                        [cfgName]="filesUploadConfigObjects.ImageDocumentStoreGroups"
+                        [(selectedModelIds)]="storeGroupIds"
+                        [collection]="storeGroups"
+                        [readonly]="docUnderEditIsReadOnly"
+                        descriptionField="description"
+                        doNotLoadCollection
+                        customWidth
+                        label="RETAIL_FORMULAS"
+                ></input-lov-multi-select>
+            </div>-->
+        </ng-template>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+FileUploadPopupComponent.ctorParameters = () => [
+    { type: PromptService },
+    { type: FileTypeImagePipe }
+];
+FileUploadPopupComponent.propDecorators = {
+    form: [{ type: ViewChild, args: [FormComponent,] }],
+    useWithoutSettingProps: [{ type: Input }],
+    hasPublicAccessVisible: [{ type: Input }],
+    showDocumentReportPicker: [{ type: Input }],
+    documentUnderEdit: [{ type: Input }],
+    readonly: [{ type: Input }],
+    filesUploadConfigObjects: [{ type: Input }],
+    tagCategory: [{ type: Input }],
+    medicalUserGroups: [{ type: Input }],
+    displayReadWriteAccess: [{ type: Input }],
+    tagReferenceTable: [{ type: Input }],
+    documentKey: [{ type: Input }],
+    documentTable: [{ type: Input }],
+    fileType: [{ type: Input }],
+    addDocumentByUrl: [{ type: Input }],
+    documentChangeEvent: [{ type: Output }],
+    popupCloseEvent: [{ type: Output }],
+    showClass: [{ type: 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.
+class BaseFileUploadComponent {
+    // private static readonly _dummyTrueFunction: OperationCallbackSimpleFunction = (object: any) => Promise.resolve(true);
+    constructor(
+    //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 EventEmitter();
+        // Emits if user wants to add multiple documents at once
+        this.documentsAdded = new EventEmitter();
+        this.documentDeleted = new EventEmitter();
+        // Emits every time the order of documents was changed
+        this.sortableListChanged = new EventEmitter();
+        this.documentChangeEvent = new 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 EventEmitter();
+        this._documentKey = "";
+        this._readonly = false;
+    }
+    // The fileType that the documents should be saved as, leave empty to automatically detect filetype. Also determines file picker filter
+    set fileType(value) {
+        if (value) {
+            this._fileType = value;
+            //TODO Documentdataloader fix
+            //this._coDocumentDataLoader.loadAllowedTypes().then(() => {this.handleAcceptedFileTypesLoaded(value)});
+        }
+    }
+    get fileType() {
+        return this._fileType;
+    }
+    set documentKey(value) {
+        this._documentKey = value + ""; // force string
+    }
+    get documentKey() {
+        return this._documentKey;
+    }
+    set readonly(value) {
+        this._readonly = value;
+        if (this._popup && this._popup.instance) {
+            this._popup.instance.readonly = value;
+        }
+    }
+    get readonly() {
+        return this._readonly;
+    }
+    set maxUploadSizeParam(value) {
+        if (value) {
+            this._setInternalParamObj(value);
+        }
+    }
+    onDrop(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (!this.useCustomFileDropEvent) {
+            this.filesPicked(event.dataTransfer.files);
+        }
+        else {
+            this.customFileDropEvent.emit(event.dataTransfer.files);
+        }
+        this._clearDropzone();
+    }
+    onDragEnd(event) {
+        event.dataTransfer.clearData();
+        this._clearDropzone();
+    }
+    onDragOver(event) {
+        event.preventDefault();
+    }
+    onDragEnter(event) {
+        this._dragEnterTarget = event.target;
+        this._showDropzone();
+    }
+    onDragLeave(event) {
+        if (event.target === this._dragEnterTarget) {
+            this._clearDropzone();
+        }
+    }
+    ngOnDestroy() {
+        this._clearDropzone();
+    }
+    _showDropzone() {
+        if (!this._dropZone) {
+            const fact = this._factory.resolveComponentFactory(AppFileDropzoneComponent);
+            this._dropZone = this._container.createComponent(fact);
+            this._dropZone.instance.customDropActionMessage = this.dropMessage;
+        }
+    }
+    _clearDropzone() {
+        this._container.clear();
+        if (this._dropZone) {
+            this._dropZone.destroy();
+            this._dropZone = undefined;
+        }
+    }
+    // Remove file from upload array.
+    handleDelete(file) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let success = yield this.beforeDeleteOperation(file);
+            try {
+                if (success) {
+                    yield this._delete(file);
+                    success = true;
+                }
+            }
+            finally {
+                yield this.afterDeleteOperation(file);
+            }
+            return Promise.resolve(success);
+        });
+    }
+    _delete(file) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let 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);
+            }
+        });
+    }
+    handleSortingChange(docs) {
+        this.sortableListChanged.emit(docs);
+    }
+    handleFileChange(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (event && event.target && event.target.files && event.target.files.length > 0) {
+                // check file sizes and extension
+                //Todo: fix this
+                //const allowedExtensions = await this._baseDataDalRepository.getAllowedExtensions();
+                let allFilesAreSmallEnough = true;
+                let allFilesHaveAllowedExtensions = true;
+                const sizeToCompare = this._maxUploadFileSize ? this._maxUploadFileSize : undefined;
+                const len = event.target.files.length;
+                for (let i = 0; i < len; i++) {
+                    const uploadSizeAllowed = FileUtils.CheckMaxUploadSize(event.target.files[i], sizeToCompare);
+                    if (!uploadSizeAllowed) {
+                        allFilesAreSmallEnough = false;
+                        break;
+                    }
+                    const extensionAllowed = true; //FileUtils.CheckExtension(event.target.files[i], allowedExtensions);
+                    if (!extensionAllowed) {
+                        allFilesHaveAllowedExtensions = false;
+                        break;
+                    }
+                }
+                if (!allFilesAreSmallEnough) {
+                    //TODO make dialogService
+                    //this._promptService.showWarning(this._dictionaryService.get("FILE_TOO_LARGE_TO_UPLOAD", true, "" + [FileUtils.getMaxUploadSizeInMb(sizeToCompare)]));
+                }
+                else if (!allFilesHaveAllowedExtensions) {
+                    //const extensionsList = allowedExtensions.map(allowedExtension => allowedExtension.extension).sort().join(", ");
+                    //this._promptService.showWarning(this._dictionaryService.get("FILE_HAS_DISALLOWED_EXTENSION", false, extensionsList));
+                }
+                else {
+                    const filesToAdd = yield this.convertFilesIntoCoDocuments(event.target.files);
+                    if (filesToAdd.length > 1) {
+                        this.documentsAdded.emit(filesToAdd);
+                    }
+                    else {
+                        if (this.useWithoutSettingProps) {
+                            this.documentsAdded.next(filesToAdd);
+                        }
+                        else {
+                            this.documentUnderEdit = filesToAdd[0];
+                            this.openPopup();
+                        }
+                    }
+                }
+            }
+        });
+    }
+    handleEditDocumentClick(docToEdit) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.documentUnderEdit = docToEdit;
+            const showPopup = yield this.beforeEditOperation(docToEdit);
+            if (showPopup) {
+                this.openPopup();
+            }
+        });
+    }
+    openPopup() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this._createAndFillPopupInstance();
+            this._docChangeSub = this._popup.instance.documentChangeEvent.subscribe((doc) => {
+                this.documentChangeEvent.emit(doc);
+            });
+        });
+    }
+    openPopupToAddDocumentByUrl() {
+        this._createDocumentToAddByUrl();
+        this._createAndFillPopupInstance(true);
+        this._docChangeSub = this._popup.instance.documentChangeEvent.subscribe((doc) => {
+            doc.fileName = doc.filePath;
+            this.documentChangeEvent.emit(doc);
+        });
+    }
+    _createDocumentToAddByUrl() {
+        this.documentUnderEdit = new CoDocument();
+        this.documentUnderEdit.table = this.documentTable;
+        this.documentUnderEdit.key = this.documentKey;
+        this.documentUnderEdit.fileType = this.fileType;
+        this.documentUnderEdit.documentType = 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();
+    }
+    _createAndFillPopupInstance(addDocumentByUrl = false) {
+        this.popupOpenedStateChange.emit(true);
+        const 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(() => {
+            this._unlockDocument();
+            this.popupOpenedStateChange.emit(false);
+            this._popupCloseSub.unsubscribe();
+            this._docChangeSub.unsubscribe();
+            this._popup.destroy();
+            this._popup = undefined;
+        });
+    }
+    convertFilesIntoCoDocuments(files) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const amountOfFiles = files.length;
+            const filesToAdd = [];
+            for (let i = 0; i < amountOfFiles; i++) {
+                const fileAsDocument = yield this._getFileAsDocument(files[i]);
+                fileAsDocument.index = CoDocumentSharedFieldLogic.GenerateAvailableIndexNr(this.documents || []) + i;
+                filesToAdd.push(fileAsDocument);
+            }
+            return filesToAdd;
+        });
+    }
+    filesPicked(files) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (files && files.length) {
+                let allFilesAreValid = true;
+                const amountOfFiles = files.length;
+                for (let i = 0; i < amountOfFiles; i++) {
+                    if (!FileUtils.CheckMaxUploadSize(files[i], this._maxUploadFileSize)) {
+                        allFilesAreValid = false;
+                        break;
+                    }
+                }
+                if (!allFilesAreValid) {
+                    //TODO make dialogService
+                    //this._promptService.showWarning(this._dictionaryService.get("FILE_TOO_LARGE_TO_UPLOAD", true, "" + FileUtils.getMaxUploadSizeInMb(this._maxUploadFileSize).toString()));
+                }
+                else {
+                    const filesToAdd = yield this.convertFilesIntoCoDocuments(files);
+                    if (filesToAdd.length > 1 || this.useWithoutSettingProps) {
+                        this.documentsAdded.emit(filesToAdd);
+                    }
+                    else {
+                        this.documentUnderEdit = filesToAdd[0]; // Setting docUnderEdit opens the popup window
+                        this.openPopup();
+                    }
+                }
+            }
+        });
+    }
+    handleAcceptedFileTypesLoaded(value) {
+        //TODO fix loading
+        //this.acceptedUploadFormats = this._coDocumentDataLoader.getAllowedExtensionsForType(value);
+    }
+    _getFileAsDocument(file) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const fileAsCoDocument = yield FileUtils.ReadFileAsNewCoDocument(file, this.resizeImages);
+            // 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.IsImageFile(file) ? FileType$1.Image : FileType$1.Document;
+            if (fileAsCoDocument) {
+                return fileAsCoDocument;
+            }
+        });
+    }
+    _setInternalParamObj(value) {
+        return __awaiter(this, void 0, void 0, function* () {
+            //TODO fix params
+            //const param: InternalParameterObject = await this._generalDalRepository.getInternalParamObject(value);
+            //this._maxUploadFileSize = isNaN(parseInt(param.value, 0)) ? undefined : parseInt(param.value, 0);
+        });
+    }
+    _lockDocument() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.documentUnderEdit.documentId) {
+                return true; // New document does not have an ID and therefore does not have to be locked
+            }
+            const lockOk = yield this.lockOperation(CoDocument);
+            return lockOk;
+        });
+    }
+    _unlockDocument() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.documentUnderEdit.documentId) {
+                return true; // New document does not have an ID and therefore does not have to be locked
+            }
+            const unlockOk = yield this.unlockOperation(CoDocument);
+            return unlockOk;
+        });
+    }
+    _prepareFileRights() {
+        const len = this.documentUnderEdit.rights.length;
+        for (let i = 0; i < len; i++) {
+            const right = this.documentUnderEdit.rights[i];
+            if (right.rightLevel === ObjectRightType.ReadWrite) {
+                this._popup.instance.userGroupsForWrite.push(right.userGroupId);
+            }
+            if (right.rightLevel === ObjectRightType.ReadOnly) {
+                this._popup.instance.userGroupsForRead.push(right.userGroupId);
+            }
+        }
+    }
+}
+BaseFileUploadComponent.decorators = [
+    { type: Directive }
+];
+BaseFileUploadComponent.ctorParameters = () => [
+    { type: DictionaryService },
+    { type: ViewContainerRef },
+    { type: ComponentFactoryResolver }
+];
+BaseFileUploadComponent.propDecorators = {
+    fileType: [{ type: Input }],
+    documents: [{ type: Input }],
+    documentTable: [{ type: Input }],
+    documentKey: [{ type: Input }],
+    fullPageDrop: [{ type: Input }],
+    canAdd: [{ type: Input }],
+    dropMessage: [{ type: Input }],
+    addWithButton: [{ type: Input }],
+    canDelete: [{ type: Input }],
+    noDragDropOrdering: [{ type: Input }],
+    readonly: [{ type: Input }],
+    askBeforeDelete: [{ type: Input }],
+    resizeImages: [{ type: Input }],
+    lockOperation: [{ type: Input }],
+    unlockOperation: [{ type: Input }],
+    beforeDeleteOperation: [{ type: Input }],
+    afterDeleteOperation: [{ type: Input }],
+    beforeCreateOperation: [{ type: Input }],
+    afterCreateOperation: [{ type: Input }],
+    beforeEditOperation: [{ type: Input }],
+    dontAskBeforeDelete: [{ type: Input }],
+    noOwnDeleteOperation: [{ type: Input }],
+    maxUploadSizeParam: [{ type: Input }],
+    useWithoutSettingProps: [{ type: Input }],
+    filesUploadConfigObjects: [{ type: Input }],
+    medicalUserGroups: [{ type: Input }],
+    tagCategory: [{ type: Input }],
+    tagReferenceTable: [{ type: Input }],
+    displayReadWriteAccess: [{ type: Input }],
+    useCustomFileDropEvent: [{ type: Input }],
+    customFileDropEvent: [{ type: Output }],
+    documentsAdded: [{ type: Output }],
+    documentDeleted: [{ type: Output }],
+    sortableListChanged: [{ type: Output }],
+    documentChangeEvent: [{ type: Output }],
+    popupOpenedStateChange: [{ type: Output }],
+    hidden: [{ type: HostBinding, args: ["class.hidden",] }],
+    onDrop: [{ type: HostListener, args: ["drop", ["$event"],] }],
+    onDragEnd: [{ type: HostListener, args: ["dragend", ["$event"],] }],
+    onDragOver: [{ type: HostListener, args: ["dragover", ["$event"],] }],
+    onDragEnter: [{ type: HostListener, args: ["dragenter", ["$event"],] }],
+    onDragLeave: [{ type: 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.
+class FilesUploadComponent extends BaseFileUploadComponent {
+    constructor(
+    //promptService: PromptService,
+    dictionaryService, 
+    //userService: UserService,
+    _container, _factory) {
+        super(dictionaryService, _container, _factory);
+        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 EventEmitter();
+        this.tagsChangeEvent = new EventEmitter();
+        this.imageClick = new EventEmitter();
+        this.slideoutShown = false;
+        this.isDropzone = false;
+    }
+    set dropzone(value) {
+        this.isDropzone = value;
+    }
+    showClass() {
+        return true;
+    }
+    get editable() {
+        return this.canAdd;
+    }
+    get empty() {
+        return !this.documents || this.documents.length === 0;
+    }
+    ngOnDestroy() {
+        this.slideoutTemplate = undefined;
+        this.input = undefined;
+        super.ngOnDestroy();
+    }
+    openFileBrowser() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.input && this.input.nativeElement) {
+                this.input.nativeElement.click();
+            }
+        });
+    }
+    handleAddClick() {
+        this.openFileBrowser();
+    }
+}
+FilesUploadComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-files-upload",
+                template: `
+        <div class="files-upload-wrapper">
+            <drag-drop-container
+                                 [sortableList]="documents"
+                                 (sortingChange)="handleSortingChange($event)"
+                                 [handleSort]="true"
+                                 dragHandle="tile"
+                                 [enabled]="!noDragDropOrdering">
+                <co-file-upload *ngIf="canAdd && addWithButton" class="add-file"
+                             isAddingTile
+                             icon="plus_round_open"
+                             [link]="true"
+                             [label]="label | localize"
+                             (mouseover)="mouseOverAdd = true"
+                             (mouseout)="mouseOverAdd = false"
+                             (click)="handleAddClick()"></co-file-upload> <!-- (click)="handleAddClick()" -->
+                <co-file-upload *ngFor="let file of documents" class="tile"
+                             [readonly]="file.readonly || readonly"
+                             [class.hidden]="hideAvatars ? file.isAvatar : false"
+                             [file]="file"
+                             [label]="file.fileName"
+                             [showTrashCan]="canDelete"
+                             [fileSavesOnPopupOkClick]="fileSavesOnPopupOkClick"
+                             [isEditable]="isEditable"
+                             [customImageClick]="customImageClick"
+                             (imageClick)="imageClick.emit($event)"
+                             (deleteClick)="handleDelete(file)"
+                             (editClick)="handleEditDocumentClick($event)"></co-file-upload>
+            </drag-drop-container>
+            <span class="maxuploadsize" textContent="getMaxFileSizeNotition()" [class.show]="mouseOverAdd"></span>
+            <input #inputFile [accept]="acceptedUploadFormats" (change)="handleFileChange($event)" type="file" hidden multiple/>
+        </div>
+    `,
+                encapsulation: ViewEncapsulation.None,
+                providers: [
+                    {
+                        provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                        useExisting: forwardRef(() => FilesUploadComponent)
+                    }
+                ]
+            },] }
+];
+FilesUploadComponent.ctorParameters = () => [
+    { type: DictionaryService },
+    { type: ViewContainerRef },
+    { type: ComponentFactoryResolver }
+];
+FilesUploadComponent.propDecorators = {
+    dropzone: [{ type: Input }],
+    slideoutTemplate: [{ type: ContentChild, args: ["slideoutTemplate", { static: true },] }],
+    input: [{ type: ViewChild, args: ["inputFile", { static: true },] }],
+    label: [{ type: Input }],
+    cfgNames: [{ type: Input }],
+    customImageClick: [{ type: Input }],
+    isEditable: [{ type: Input }],
+    hideAvatars: [{ type: Input }],
+    fileSavesOnPopupOkClick: [{ type: Input }],
+    selected: [{ type: Input }],
+    editSlideoutSubmit: [{ type: Output }],
+    tagsChangeEvent: [{ type: Output }],
+    imageClick: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ['class.co-files-upload',] }],
+    editable: [{ type: HostBinding, args: ["class.editable",] }],
+    empty: [{ type: HostBinding, args: ["class.empty",] }],
+    isDropzone: [{ type: HostBinding, args: ['class.dropzone',] }]
+};
+__decorate([
+    InputBoolean()
+], FilesUploadComponent.prototype, "isEditable", void 0);
+__decorate([
+    InputBoolean()
+], FilesUploadComponent.prototype, "hideAvatars", void 0);
+
+class DragDropContainer {
+    constructor(element, direction) {
+        this.element = element;
+        this.direction = direction;
+    }
+}
+
+/**
+ * Handles drag and drop elements
+ */
+class DragDropService {
+    constructor() {
+        this.drag = new Subject();
+        this.drop = new 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 = (event) => {
+            this._currentMousePosition.x = event.screenX;
+            this._currentMousePosition.y = event.screenY;
+            if (event.buttons !== 1 || event.metaKey || event.ctrlKey) {
+                return;
+            }
+            const element = event.target ? event.target : event.srcElement;
+            const dragElement = this._getValidDragDropElement(element, true);
+            if (!dragElement) {
+                return;
+            }
+            if (this._disabledContainers.indexOf(dragElement.container) !== -1) {
+                return;
+            }
+            this._dragElement = dragElement;
+            this._dragInContainer = dragElement.container.element;
+            const 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 = (event) => {
+            this._mouseDown = false;
+            this._handleEventListener(document, "mousemove", this._handleMouseMove, false);
+            this._clickCounter--;
+            if (this._isdragging) {
+                this._endDrag();
+            }
+        };
+        this._handleMouseMove = (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;
+        };
+    }
+    set renderer(value) {
+        this._renderer = value;
+        this._setEvents();
+    }
+    set ghostLeft(value) {
+        this._ghostLeft = value;
+        this._positionGhostImage();
+    }
+    set ghostTop(value) {
+        this._ghostTop = value;
+        this._positionGhostImage();
+    }
+    ngOnDestroy() {
+        this._removeListeners();
+    }
+    addContainer(container) {
+        const direction = (getComputedStyle(container.element).flexDirection === "row" && getComputedStyle(container.element).display === "flex")
+            ? CoOrientation.Horizontal
+            : CoOrientation.Vertical;
+        container.direction = direction;
+        this._containers.push(container);
+    }
+    addDragHandle(handle) {
+        this._dragHandles.push(handle);
+    }
+    removeContainer(container) {
+        ArrayUtils.RemoveElement(container, this._containers);
+        ArrayUtils.RemoveElement(container, this._disabledContainers);
+        if (!this._containers || this._containers.length === 0) {
+            this._removeListeners();
+        }
+    }
+    removeDragHandle(handle) {
+        ArrayUtils.RemoveElement(handle, this._dragHandles);
+    }
+    enableContainer(container) {
+        ArrayUtils.RemoveElement(container, this._disabledContainers);
+    }
+    disableContainer(container) {
+        this._disabledContainers.push(container);
+    }
+    _removeListeners() {
+        this._handleEventListener(document, "mouseup", this._handleMouseUp, false);
+        this._handleEventListener(document, "mousemove", this._handleMouseMove, false);
+    }
+    _setEvents() {
+        this._handleEventListener(document, "mousedown", this._handleMouseDown); //TODO: mousedown only within given containers
+        this._handleEventListener(document, "mouseup", this._handleMouseUp);
+    }
+    _setElementClass(element, elementClass) {
+        if (!this._renderer) {
+            return;
+        }
+        this._renderer.addClass(element, elementClass);
+    }
+    _handleEventListener(element, event, handler, add = true) {
+        if (add) {
+            element.removeEventListener(event, handler);
+            element.addEventListener(event, handler);
+        }
+        else {
+            element.removeEventListener(event, handler);
+        }
+    }
+    // Returns the container that holds given element.
+    _getContainerOfElement(element) {
+        for (let i = 0, len1 = this._containers.length; i < len1; i++) {
+            const container = this._containers[i];
+            for (let 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
+     */
+    _getElementOfContainer(element) {
+        for (let i = 0, len1 = this._containers.length; i < len1; i++) {
+            const container = this._containers[i];
+            for (let 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
+     */
+    _getNextElementInContainer(element) {
+        const container = this._getContainerOfElement(element);
+        for (let 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;
+            }
+        }
+    }
+    _getDragHandleClicked(element) {
+        if (this._dragHandles && this._dragHandles.length > 0) { // check if handle clicked
+            while (element) {
+                for (let 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.
+    _getValidDragDropElement(element, checkHandle = false) {
+        if (checkHandle) {
+            const validHandleClicked = this._getDragHandleClicked(element);
+            if (!validHandleClicked) {
+                return undefined;
+            }
+        }
+        while (element) {
+            const elementOfContainer = this._getElementOfContainer(element);
+            if (elementOfContainer.elementIdx > -1) {
+                return elementOfContainer;
+            }
+            element = element.parentNode === document ? null : element.parentNode;
+        }
+        return undefined;
+    }
+    _getNextSibling(element) {
+        return this._getNextElementInContainer(element);
+    }
+    // Returns the current index of element within its container.
+    _indexOf(element) {
+        const elementOfContainer = this._getElementOfContainer(element.hasOwnProperty("element") ? element.element : element);
+        return elementOfContainer ? elementOfContainer.elementIdx : -1;
+    }
+    // Creates a ghost image/element of the element being dragged.
+    _createGhostImage() {
+        if (this._ghostDragImage) {
+            return;
+        }
+        // create ghost drag image
+        const 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);
+    }
+    _destroyGhostImage() {
+        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.
+    _positionGhostImage() {
+        if (!this._ghostDragImage) {
+            return;
+        }
+        this._ghostDragImage.style.left = this._ghostLeft + "px";
+        this._ghostDragImage.style.top = this._ghostTop + "px";
+    }
+    _getScroll(scrollProp, offsetProp) {
+        if (document.activeElement.clientHeight) {
+            return document.activeElement[scrollProp];
+        }
+        return document.body[scrollProp];
+    }
+    _getOffset() {
+        const rect = this._dragElement.element.getBoundingClientRect();
+        const scrollLeft = 0;
+        const scrollTop = 0;
+        return {
+            bottom: rect.bottom,
+            height: rect.height,
+            left: rect.left + scrollLeft,
+            right: rect.right,
+            top: rect.top + scrollTop,
+            width: rect.width
+        };
+    }
+    _determineDroptarget(element, x, y) {
+        const 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
+     */
+    _getHoveredElement(x, y) {
+        this._setElementClass(this._ghostDragImage, "ghost-image-hide");
+        const elm = document.elementFromPoint(x, y);
+        this._renderer.removeClass(this._ghostDragImage, "ghost-image-hide");
+        return elm;
+    }
+    _animateVisibility(element, transitionTime = 0.2, start = "0", end = "1") {
+        if (!element) {
+            return;
+        }
+        const transitionStyle = "opacity " + transitionTime + "s ease-in-out";
+        const transition = element.style.transition;
+        element.style.transition = transition + (transition ? "," : "") + transitionStyle;
+        element.style.opacity = start;
+        element.style.opacity = end;
+        return new Promise((resolve) => {
+            setTimeout(() => {
+                resolve();
+            }, transitionTime * 1000);
+        });
+    }
+    _animateMove(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);
+        }
+    }
+    _startDrag() {
+        this._createGhostImage();
+        this._setElementClass(this._dragElement.element, "is-dragged");
+    }
+    _drag(event) {
+        this.ghostLeft = this._ghostLeft + (event.screenX - this._currentMousePosition.x);
+        this.ghostTop = this._ghostTop + (event.screenY - this._currentMousePosition.y);
+        const x = event.clientX;
+        const y = event.clientY;
+        const hoveredElement = this._getHoveredElement(x, y);
+        this._determineDroptarget(hoveredElement, x, y);
+        if (this._dropTargetElement) {
+            const down = (this._dropTargetElement.container.direction === CoOrientation.Vertical && event.screenY > this._currentMousePosition.y) ||
+                (this._dropTargetElement.container.direction === 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
+    _endDrag() {
+        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();
+    }
+    _resetDrag() {
+        this._dragElement = null;
+        this._dragInContainer = null;
+        this._lastDropTarget = null;
+        this._isdragging = false;
+    }
+}
+DragDropService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DragDropService_Factory() { return new DragDropService(); }, token: DragDropService, providedIn: "root" });
+DragDropService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: "root"
+            },] }
+];
+DragDropService.ctorParameters = () => [];
+
+class DragDropContainerComponent {
+    constructor(_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 EventEmitter();
+        this.showClass = true;
+        this._enabled = true;
+        this._initialized = false;
+        this._dragDropService.renderer = this._renderer;
+        this._container = new DragDropContainer(_elementRef.nativeElement, CoOrientation.Vertical);
+    }
+    set enabled(value) {
+        this._enabled = value;
+        this.handleEnabledChange();
+    }
+    ngAfterViewInit() {
+        this._initialized = true;
+        this._createDragDrop();
+        if (this._initialized) {
+            this._updateEnableDisableContainer();
+        }
+    }
+    /**
+     * Cleanup...
+     */
+    ngOnDestroy() {
+        this._removeDragDrop();
+        this._elementRef = undefined;
+    }
+    handleEnabledChange() {
+        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;
+        }
+    }
+    _createDragDrop() {
+        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((event) => {
+                this._handleOrder(event.container, event.elementIndex, event.targetIndex);
+            });
+        }
+        this._initialized = true;
+    }
+    _removeDragDrop() {
+        this._dragDropService.removeContainer(this._container);
+        this._dragDropService.removeDragHandle(this.dragHandle);
+        if (this._handleOrderSub) {
+            this._handleOrderSub.unsubscribe();
+        }
+    }
+    _handleOrder(container, oldIndex, newIndex) {
+        if (container !== this._container) {
+            return;
+        }
+        if (newIndex === -1) {
+            newIndex = this.sortableList.length;
+        }
+        ArrayUtils$1.MoveElement(this.sortableList[oldIndex], newIndex, this.sortableList);
+        this.sortingChange.emit(this.sortableList);
+    }
+    _updateEnableDisableContainer() {
+        if (this._enabled) {
+            this._dragDropService.enableContainer(this._container);
+        }
+        else {
+            this._dragDropService.disableContainer(this._container);
+        }
+    }
+}
+DragDropContainerComponent.decorators = [
+    { type: Directive, args: [{
+                selector: "drag-drop-container"
+            },] }
+];
+DragDropContainerComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: Renderer2 },
+    { type: DragDropService }
+];
+DragDropContainerComponent.propDecorators = {
+    sortableList: [{ type: Input }],
+    handleSort: [{ type: Input }],
+    enabled: [{ type: Input }],
+    dragHandle: [{ type: Input }],
+    sortingChange: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-drag-drop-container",] }]
+};
+__decorate([
+    InputBoolean()
+], DragDropContainerComponent.prototype, "handleSort", void 0);
+
+class ImageDisplayComponent {
+    constructor() {
+        // The (localized) text to show when there is no image. Defaults to 'NO_IMAGE'.
+        this.label = "NO_IMAGE";
+    }
+    showClass() {
+        return true;
+    }
+}
+ImageDisplayComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-image-display",
+                template: `
+    <img class="image" *ngIf="!!model" [src]="model">
+    <div class="no-image" *ngIf="!model">
+      <div class="img"></div>
+      <div class="no-image-label" [textContent]="label | localize"></div>
+    </div>
+  `,
+                providers: [{
+                        provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                        useExisting: forwardRef(() => ImageDisplayComponent)
+                    }
+                ],
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+ImageDisplayComponent.propDecorators = {
+    model: [{ type: Input }],
+    label: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ['class.co-image-display',] }],
+    hidden: [{ type: HostBinding, args: ["class.co-transaction-hidden",] }]
+};
+
+class ImageDisplayModule {
+}
+ImageDisplayModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CoreComponentsTranslationModule,
+                    CommonModule,
+                    LocalizationModule
+                ],
+                declarations: [
+                    ImageDisplayComponent
+                ],
+                exports: [
+                    ImageDisplayComponent
+                ]
+            },] }
+];
+
+// The GUI part of the files-upload component. Not a standalone component.
+class FileUploadComponent {
+    constructor(_promptService, _fileTypeImgPipe, iconService) {
+        this._promptService = _promptService;
+        this._fileTypeImgPipe = _fileTypeImgPipe;
+        this.iconService = iconService;
+        this.icons = Icon;
+        // 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 EventEmitter();
+        this.editClick = new EventEmitter();
+        this.imageClick = new EventEmitter();
+        this.previewImage = "";
+        this._label = "";
+    }
+    // Input file to upload.
+    set file(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();
+    }
+    get file() {
+        return this._file;
+    }
+    set label(value) {
+        this._label = value;
+    }
+    get label() {
+        if (this._file && this._file.description) {
+            return this._file.description;
+        }
+        else {
+            return this._label;
+        }
+    }
+    showClass() {
+        return true;
+    }
+    get isLink() {
+        return this.link;
+    }
+    ngOnDestroy() {
+        if (this._docBodyChangeSub) {
+            this._docBodyChangeSub.unsubscribe();
+        }
+    }
+    onDeleteClick() {
+        this.deleteClick.emit();
+    }
+    onImageClick() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.isAddingTile) {
+                return;
+            }
+            if (this.customImageClick) {
+                this.imageClick.next(this._file);
+                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) {
+                }
+            }
+        });
+    }
+    onPencilClick() {
+        return __awaiter(this, void 0, void 0, function* () {
+            // refresh file content if files are saved individually
+            if (this._file.hasId() && this.fileSavesOnPopupOkClick) {
+                let idForLink;
+                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);
+        });
+    }
+    // updates this.previewImage when doc body changes
+    _listenForDocumentBodyChanges() {
+        if (this._file) {
+            if (this._docBodyChangeSub) {
+                this._docBodyChangeSub.unsubscribe();
+            }
+            // @ts-ignore
+            this._docBodyChangeSub = this._file.documentBodyChange.subscribe(() => {
+                this._updatePreviewImage();
+            });
+        }
+    }
+    _updatePreviewImage() {
+        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);
+            }
+        }
+    }
+}
+FileUploadComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-file-upload",
+                template: `
+        <co-tile-render [hideImageDisplayWhenNoImage]="true" [imageDataUri]="previewImage" [description]="label" (imageClick)="onImageClick()">
+            <ng-template #infoTemplate>
+                <co-button *ngIf="isEditable && !readonly" class="edit-file" [iconData]="iconService.getIcon(icons.Account)"
+                               (click)="onPencilClick()"></co-button>
+            </ng-template>
+            <co-icon *ngIf="showTrashCan && !readonly" [iconData]="iconService.getIcon(icons.Trashbin)" class="trash" (click)="onDeleteClick()"></co-icon>
+            <co-icon tile-render-image-content *ngIf="icon" class="dark add-button" [icon]="icon"></co-icon>
+        </co-tile-render>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+FileUploadComponent.ctorParameters = () => [
+    { type: PromptService },
+    { type: FileTypeImagePipe },
+    { type: IconCacheService }
+];
+FileUploadComponent.propDecorators = {
+    form: [{ type: ViewChild, args: [FormComponent,] }],
+    file: [{ type: Input }],
+    icon: [{ type: Input }],
+    link: [{ type: Input }],
+    readonly: [{ type: Input }],
+    isAddingTile: [{ type: Input }],
+    fileSavesOnPopupOkClick: [{ type: Input }],
+    isEditable: [{ type: Input }],
+    label: [{ type: Input }],
+    showTrashCan: [{ type: Input }],
+    showImage: [{ type: Input }],
+    customImageClick: [{ type: Input }],
+    deleteClick: [{ type: Output }],
+    editClick: [{ type: Output }],
+    imageClick: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ['class.co-file-upload',] }],
+    isLink: [{ type: 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).
+ */
+class TileRenderComponent {
+    constructor(iconCacheService) {
+        this.iconCacheService = iconCacheService;
+        this.icons = Icon;
+        // 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 EventEmitter();
+        // Emits when the info wrapper was clicked (bottom half of this component).
+        this.infoClick = new EventEmitter();
+        this.Icon = Icon;
+    }
+    get inSmallTileMode() {
+        return this.tileSize === TileSizeType.Small;
+    }
+    showClass() {
+        return true;
+    }
+    get inLargeTileMode() {
+        return this.tileSize === TileSizeType.Large;
+    }
+    ngOnDestroy() {
+        this.infoTemplate = undefined;
+    }
+}
+TileRenderComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-tile-render",
+                template: `
+        <div class="image" (click)="imageClick.emit()">
+            <label *ngIf="inLargeTileMode && tagDescription" [textContent]="tagDescription"></label>
+            <co-icon *ngIf="selected" class="selected small light circle" [iconData]="iconCacheService.getIcon(iconWhenSelected)" ></co-icon>
+            <co-image [source]="imageDataUri" [class.hidden]="(inSmallTileMode || hideImageDisplayWhenNoImage) && !imageDataUri"
+            ></co-image>
+
+
+
+            <ng-content select="[tile-render-image-content]"></ng-content>
+        </div>
+        <div class="info" (click)="infoClick.emit()">
+            <ng-container *ngIf="infoTemplate" [templateWrapper]="infoTemplate"></ng-container>
+            <span *ngIf="inLargeTileMode && label" class="label" [textContent]="label"></span>
+            <span *ngIf="inLargeTileMode && description" class="description" [textContent]="description"></span>
+        </div>
+        <ng-content></ng-content>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TileRenderComponent.ctorParameters = () => [
+    { type: IconCacheService }
+];
+TileRenderComponent.propDecorators = {
+    infoTemplate: [{ type: ContentChild, args: ["infoTemplate", { static: true },] }],
+    imageDataUri: [{ type: Input }],
+    tagDescription: [{ type: Input }],
+    label: [{ type: Input }],
+    description: [{ type: Input }],
+    tileSize: [{ type: Input }],
+    price: [{ type: Input }],
+    hidePrice: [{ type: Input }],
+    iconWhenSelected: [{ type: Input }],
+    hideImageDisplayWhenNoImage: [{ type: Input }],
+    selected: [{ type: Input }, { type: HostBinding, args: ["class.selected",] }],
+    imageClick: [{ type: Output }],
+    infoClick: [{ type: Output }],
+    inSmallTileMode: [{ type: HostBinding, args: ["class.small-size",] }],
+    showClass: [{ type: HostBinding, args: ["class.co-tile-render",] }]
+};
+
+class TileRenderModule {
+}
+TileRenderModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    ImageDisplayModule,
+                    CommonModule,
+                    IconModule,
+                    ImageModule,
+                    TemplateWrapperModule
+                ],
+                declarations: [
+                    TileRenderComponent
+                ],
+                exports: [
+                    TileRenderComponent
+                ],
+                providers: []
+            },] }
+];
+
+class FileUploadModule {
+}
+FileUploadModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    IconModule,
+                    TileRenderModule,
+                    CommonModule,
+                    ButtonModule
+                ],
+                declarations: [
+                    FileUploadComponent
+                ],
+                exports: [
+                    FileUploadComponent
+                ],
+                providers: []
+            },] }
+];
+
+// @dynamic
+class EnumUtils {
+    // Returns a new array with all string values (not keys) of given string enum class.
+    static StringEnumToArray(clazz) {
+        const asArray = [];
+        const keys = Object.keys(clazz);
+        for (let 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
+     */
+    static StringEnumToSingleString(clazz) {
+        return StringEnumToSingleString(clazz);
+    }
+    // Get the number values from an enum
+    static GetNumberEnumValues(numberEnumClass) {
+        return this.GetObjValues(numberEnumClass).filter(value => NumberUtils.IsNumber(value));
+    }
+    // Get the the property object value names in string format from the enum
+    static GetStringEnumValues(stringEnumClass) {
+        return this.GetObjValues(stringEnumClass).filter(value => StringUtils.IsString(value));
+    }
+    static GetObjValues(numberEnumClass) {
+        return Object.keys(numberEnumClass).map(key => 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}
+     */
+    static createObjectFromEnum(enumClass) {
+        // const objectifiedEnum: { refNumber: number; name: string }[] = [];
+        const objectifiedEnum = [];
+        for (const enumItem in enumClass) {
+            if (typeof enumClass[enumItem] === "number") {
+                objectifiedEnum.push({ key: enumClass[enumItem], value: enumItem });
+            }
+        }
+        return objectifiedEnum;
+    }
+    static getStringEnumKeysArray(enumType) {
+        const members = Object.keys(enumType);
+        if (!EnumUtils.isNumeral(enumType)) {
+            return members;
+        }
+        const keys = [];
+        members.forEach((x) => {
+            const parsedValue = parseInt(x, 10);
+            if (Number.isNaN(parsedValue)) {
+                keys.push(x);
+            }
+        });
+        return keys;
+    }
+    static buildPromiseDomainValueListFromEnumClass(enumClass, dictionary, keysAsDescription = false) {
+        return new Promise((resolve, reject) => {
+            try {
+                resolve(EnumUtils.buildDomainValueListFromEnumClass(enumClass, dictionary, keysAsDescription));
+            }
+            catch (e) {
+                reject();
+            }
+        });
+    }
+    static buildDomainValueListFromEnumClass(enumClass, dictionary, keysAsDescription = false) {
+        const collection = [];
+        if (keysAsDescription) {
+            const enumKeys = EnumUtils.getStringEnumKeysArray(enumClass);
+            enumKeys.forEach((key, index) => {
+                const domainObjectForLov = new CoDomainValue();
+                domainObjectForLov.code = enumClass[key];
+                domainObjectForLov.description = dictionary.get(key);
+                domainObjectForLov.sequence = index;
+                collection.push(domainObjectForLov);
+            });
+        }
+        else {
+            EnumUtils.StringEnumToArray(enumClass).forEach((strEnumVal, index) => {
+                const domainObjectForLov = new CoDomainValue();
+                domainObjectForLov.code = strEnumVal;
+                domainObjectForLov.description = dictionary.get(strEnumVal);
+                domainObjectForLov.sequence = index;
+                collection.push(domainObjectForLov);
+            });
+        }
+        return collection;
+    }
+    static getKeyByValue(enumType, enumValue) {
+        return Object.keys(enumType)[Object.values(enumType).indexOf(enumValue)];
+    }
+    static isNumeral(enumType) {
+        const members = Object.keys(enumType);
+        if (!members.some((x) => true)) {
+            throw new TypeError("Invalid enumeration type.");
+        }
+        let parsedCount = 0;
+        members.forEach((x) => {
+            const parsedValue = parseInt(x, 10);
+            if (!Number.isNaN(parsedValue)) {
+                parsedCount++;
+            }
+        });
+        return parsedCount === members.length / 2;
+    }
+}
+// Outside the class because it's used to generate component selectors, and aot can't call statics.
+function StringEnumToSingleString(clazz) {
+    let str = "";
+    const keys = Object.keys(clazz);
+    for (let 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.
+ */
+class MultiplePropertyTogglerComponent {
+    constructor() {
+        this.label = "";
+        this.readonly = false;
+        this.enableditemsChange = new EventEmitter();
+        // Outputs the sum of cgrefkeys of all newly enabled items
+        this.onPropertyItemChange = new EventEmitter();
+        this.Icons = Icon;
+        this.objectifiedEnum = [];
+        this.enabledItemNumberList = [];
+    }
+    showClass() {
+        return true;
+    }
+    ngAfterViewInit() {
+        if (this.propertyNamesToToggle) {
+            this.objectifiedEnum = EnumUtils.createObjectFromEnum(this.propertyNamesToToggle);
+        }
+        else {
+            // PropertytogglerItems is empty
+        }
+        this.makeNumberArrayFromCgRefCodeSum();
+    }
+    isValueActive(propertyToCheck) {
+        return this.enabledItemNumberList.includes(propertyToCheck.key);
+    }
+    clickToToggleProperty(target) {
+        let 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(enabledItem => {
+            newRefNumberSum += this.objectifiedEnum.find(x => x.key === enabledItem).key;
+        });
+        this.onPropertyItemChange.emit(newRefNumberSum);
+    }
+    makeNumberArrayFromCgRefCodeSum() {
+        if (this.enableditems) {
+            this.enabledItemNumberList = RefCodeUtils.GetMultiRefCodeChoices(this.enableditems);
+        }
+    }
+}
+MultiplePropertyTogglerComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-multiple-property-toggler",
+                template: `
+        <div class="input-text-content-wrapper">
+            <h3 [textContent]="label"></h3> <!-- | localize-->
+
+            <div class="property-toggling-container">
+
+                <div class="row" *ngFor="let propertyTogglerItem of objectifiedEnum | keyvalue">
+
+                    <co-input-checkbox [model]="isValueActive(propertyTogglerItem.value)"
+                                     (click)="clickToToggleProperty(propertyTogglerItem.value)"></co-input-checkbox>
+
+                    <label [textContent]="propertyTogglerItem.value.value"></label>
+                </div>
+            </div>
+        </div>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+MultiplePropertyTogglerComponent.propDecorators = {
+    label: [{ type: Input }],
+    propertyNamesToToggle: [{ type: Input }],
+    readonly: [{ type: Input }],
+    enableditems: [{ type: Input }],
+    enableditemsChange: [{ type: Output }],
+    onPropertyItemChange: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-multiple-property-toggler",] }]
+};
+
+class MultiplePropertyTogglerModule {
+}
+MultiplePropertyTogglerModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    InputCheckboxModule,
+                    CommonModule
+                ],
+                declarations: [
+                    MultiplePropertyTogglerComponent
+                ],
+                exports: [
+                    MultiplePropertyTogglerComponent
+                ]
+            },] }
+];
+
+class FileUploadPopupModule {
+}
+FileUploadPopupModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CoDialogModule,
+                    FormModule,
+                    LocalizationModule,
+                    InputTextModule,
+                    ButtonModule,
+                    CommonModule,
+                    ScreenConfigurationModule,
+                    MultiplePropertyTogglerModule
+                ],
+                declarations: [
+                    FileUploadPopupComponent
+                ],
+                exports: [
+                    FileUploadPopupComponent
+                ],
+                providers: []
+            },] }
+];
+
+class AppFileDropzoneModule {
+}
+AppFileDropzoneModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    IconModule,
+                ],
+                declarations: [
+                    AppFileDropzoneComponent
+                ],
+                exports: [
+                    AppFileDropzoneComponent
+                ],
+                providers: []
+            },] }
+];
+
+class FilesUploadModule {
+}
+FilesUploadModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CoDialogModule,
+                    FormModule,
+                    InputTextModule,
+                    ScreenConfigurationModule,
+                    ButtonModule,
+                    LocalizationModule,
+                    IconModule,
+                    ImageDisplayModule,
+                    CommonModule,
+                    // TagsModule,
+                    InputCheckboxModule,
+                    FileUploadModule,
+                    FileUploadPopupModule,
+                    AppFileDropzoneModule
+                ],
+                declarations: [
+                    FilesUploadComponent,
+                    DragDropContainerComponent
+                ],
+                exports: [
+                    FilesUploadComponent,
+                    DragDropContainerComponent
+                ],
+                providers: [
+                    Overlay,
+                    FileTypeImagePipe
+                ]
+            },] }
+];
+
+class ActivityListComponent {
+    constructor(iconCacheService, _dictionaryService) {
+        this.iconCacheService = iconCacheService;
+        this._dictionaryService = _dictionaryService;
+        this.Icon = Icon;
+        this.RelationKind = RelationKind;
+        this.ActivityType = ActivityType;
+        this.TimeUtils = TimeUtils;
+        this.activities = [];
+        this.remarkIcon = Icon.CommentRegular;
+        this.workIcon = Icon.PersonDiggingRegular;
+    }
+    showClass() {
+        return true;
+    }
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+        });
+    }
+    getRelationKind(author) {
+        if (author) {
+            return author.relationType;
+        }
+        else {
+            return null;
+        }
+    }
+    getDateString(date) {
+        return date.getDay().toString() + ' ' + (this._dictionaryService.get(ALL_MONTHS[date.getMonth()])) + ' ' + date.getFullYear();
+    }
+    getActivityIcon(activity) {
+        switch (activity.activityType) {
+            case ActivityType.Remark:
+                return this.remarkIcon;
+            case ActivityType.StateChange:
+            case ActivityType.WorkflowStatus:
+            case ActivityType.Work:
+            case ActivityType.Task:
+            case ActivityType.WorkflowTask:
+            case ActivityType.Form:
+                return this.workIcon;
+        }
+    }
+    showAttachments(activity) {
+        if (activity.documents && activity.documents.length > 0) {
+            return true;
+        }
+        return false;
+    }
+    showWorkedTime(activity) {
+        if ((activity.IsWork && activity.work && activity.work.workedTime) ||
+            (activity.IsTask && activity.task && activity.task.workedTime)) {
+            return true;
+        }
+        return false;
+    }
+    getWorkedTime(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;
+    }
+    openActivityPopup(activity) {
+        this.showActivityPopup = true;
+        this.currentActivityDocuments = activity.documents;
+    }
+}
+ActivityListComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-activity-list",
+                template: `
+    <div class="activity-list-wrapper">
+      <div class="activity-wrapper" [class.customer-reply-wrapper]="(getRelationKind(activity.author) === RelationKind.Customer)" *ngFor="let activity of activities" >
+        <div class="activity-display">
+          <div class="activity-display-title">
+            <span>{{activity.author ? ( activity.author.initials + ' ' + activity.author.familyName) : " "}}</span>
+            <span>{{getDateString(activity.lastActionDateTime)}}</span>
+            <co-icon [iconData]="iconCacheService.getIcon(getActivityIcon(activity))"></co-icon>
+          </div>
+          <div class="activity-display-content" [class.customer-reply-content]="(getRelationKind(activity.author) === RelationKind.Customer)">
+            <div class="activity-display-body">
+              <span>{{activity.subDescription}}</span>
+            </div>
+            <div class="activity-display-footer">
+              <!--TODO discuss with Rob is we can gather the info needed to see which workflow triggers have previously been activated for this trigger-->
+              <!--<div *ngIf="showState(activity)" class="activity-state">
+                <span *ngIf="showAttachments(activity)">{{activity.documents.length}}</span>
+              </div>-->
+              <co-icon *ngIf="showAttachments(activity)" [iconData]="iconCacheService.getIcon(Icon.PaperclipRegular)" (click)="openActivityPopup(activity)"></co-icon>
+              <span *ngIf="showAttachments(activity)">{{activity.documents.length}}</span>
+              <co-icon *ngIf="showWorkedTime(activity)"
+                       [iconData]="iconCacheService.getIcon(Icon.ClockRegular)"></co-icon>
+              <span *ngIf="showWorkedTime(activity)" >
+                     {{TimeUtils.ConvertToDuration(getWorkedTime(activity))}}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <co-dialog *ngIf="showActivityPopup" (closeClick)="showActivityPopup = false">
+      <co-files-upload [documents]="currentActivityDocuments">
+      </co-files-upload>
+    </co-dialog>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+ActivityListComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: DictionaryService }
+];
+ActivityListComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ["class.co-activity-list",] }],
+    activities: [{ type: Input }],
+    remarkIcon: [{ type: Input }],
+    workIcon: [{ type: Input }]
+};
+
+class ActivityListModule {
+}
+ActivityListModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    IconModule,
+                    CommonModule,
+                    CoDialogModule,
+                    FilesUploadModule
+                ],
+                declarations: [
+                    ActivityListComponent
+                ],
+                exports: [
+                    ActivityListComponent
+                ]
+            },] }
+];
+
 /*
  * Public API Surface of sharedcomponents
  */
@@ -7029,5 +10551,5 @@ SimpleTagsModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { AgendaEvent, AgendaEventPerDay, CalendarView, CoLinearGaugeComponent, CoLinearGaugeModule, DatePlanningComponent, DatePlanningModule, DocsignComponent, DocsignModule, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, SendMethodDialogComponent, SendMethodDialogModule, SharedService, SimpleTagsComponent, SimpleTagsModule, StatusbarComponent, StatusbarModule, StockComponent, StockModule, Translation, sendMethodsWithIcon, SignatureComponent as ɵa, SignaturesComponent as ɵb, LocalizationModule as ɵba, LocalizePipe as ɵbb, StockInformationComponent as ɵbc, StockInformationGridComponent as ɵbd, StockTransferComponent as ɵbe, StockChangeAmountComponent as ɵbf, StockTabComponent as ɵbg, OrderTabComponent as ɵbh, StockTabsComponent as ɵbi, StockHistoryTabsComponent as ɵbj, OrderStockTabComponent as ɵbk, StockLocationComponent as ɵbl, StockHistoryComponent as ɵbm, OrderSupplyStockHistoryComponent as ɵbn, OrderCommissionStockHistoryComponent as ɵbo, OrderStockHistoryComponent as ɵbp, AllocationStockHistoryComponent as ɵbq, StockPrognoseComponent as ɵbr, SendMethod as ɵbs, Icon as ɵbt, CalendarAllYearsComponent as ɵbu, CalendarAllMonthsComponent as ɵbv, CalendarHeaderComponent as ɵbw, CalendarComponent as ɵbx, CalendarViewComponent as ɵby, LanguageCode as ɵbz, StockService as ɵc, AgendaHeaderComponent as ɵca, AgendaViewComponent as ɵcb, AgendaMonthViewComponent as ɵcc, AgendaBaseViewComponent as ɵcd, AgendaDayViewComponent as ɵce, AgendaWeekViewComponent as ɵcf, AgendaWeekSelectViewComponent as ɵcg, AgendaHourViewComponent as ɵch, AgendaHourCellComponent as ɵci, AgendaHourViewLabelsComponent as ɵcj, AgendaHalfHourCellComponent as ɵck, AgendaEventsComponent as ɵcl, AgendaEventComponent as ɵcm, ViewSelectComponent as ɵcn, AgendaSelectEventComponent as ɵco, MASTER_PIPES as ɵcp, ArrayNumberPipe as ɵcq, UCfirstPipe as ɵcr, SharedConnectorService as ɵd, OptionsService as ɵe, DictionaryService as ɵf, LocalizeService as ɵg, IconCacheService as ɵh, SendMethodService as ɵi, SendMethodEmailModule as ɵj, LayoutSelectionModule as ɵk, LayoutSelectionComponent as ɵl, SignatureButtonModule as ɵm, SignatureButtonComponent as ɵn, SendMethodEmailComponent as ɵo, SendMethodPrinterModule as ɵp, PrinterSelectionModule as ɵq, PrinterSelectionComponent as ɵr, SendMethodPrinterComponent as ɵs, SendMethodPdfModule as ɵt, SendMethodPdfComponent as ɵu, TabBarModule as ɵv, TabBarComponent as ɵw, StatusbarPopupComponent as ɵx, StockStatusbarModule as ɵy, StockStatusbarComponent as ɵz };
+export { ActivityListComponent, ActivityListModule, AgendaEvent, AgendaEventPerDay, CalendarView, CoLinearGaugeComponent, CoLinearGaugeModule, DatePlanningComponent, DatePlanningModule, DocsignComponent, DocsignModule, FilesUploadComponent, FilesUploadModule, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, SendMethodDialogComponent, SendMethodDialogModule, SharedService, SimpleTagsComponent, SimpleTagsModule, StatusbarComponent, StatusbarModule, StockComponent, StockModule, Translation, sendMethodsWithIcon, SignatureComponent as ɵa, SignaturesComponent as ɵb, LocalizationModule as ɵba, LocalizePipe as ɵbb, StockInformationComponent as ɵbc, StockInformationGridComponent as ɵbd, StockTransferComponent as ɵbe, StockChangeAmountComponent as ɵbf, StockTabComponent as ɵbg, OrderTabComponent as ɵbh, StockTabsComponent as ɵbi, StockHistoryTabsComponent as ɵbj, OrderStockTabComponent as ɵbk, StockLocationComponent as ɵbl, StockHistoryComponent as ɵbm, OrderSupplyStockHistoryComponent as ɵbn, OrderCommissionStockHistoryComponent as ɵbo, OrderStockHistoryComponent as ɵbp, AllocationStockHistoryComponent as ɵbq, StockPrognoseComponent as ɵbr, SendMethod as ɵbs, Icon as ɵbt, CalendarAllYearsComponent as ɵbu, CalendarAllMonthsComponent as ɵbv, CalendarHeaderComponent as ɵbw, CalendarComponent as ɵbx, CalendarViewComponent as ɵby, LanguageCode as ɵbz, StockService as ɵc, AgendaHeaderComponent as ɵca, AgendaViewComponent as ɵcb, AgendaMonthViewComponent as ɵcc, AgendaBaseViewComponent as ɵcd, AgendaDayViewComponent as ɵce, AgendaWeekViewComponent as ɵcf, AgendaWeekSelectViewComponent as ɵcg, AgendaHourViewComponent as ɵch, AgendaHourCellComponent as ɵci, AgendaHourViewLabelsComponent as ɵcj, AgendaHalfHourCellComponent as ɵck, AgendaEventsComponent as ɵcl, AgendaEventComponent as ɵcm, ViewSelectComponent as ɵcn, AgendaSelectEventComponent as ɵco, MASTER_PIPES as ɵcp, ArrayNumberPipe as ɵcq, UCfirstPipe as ɵcr, FileTypeImagePipe as ɵcs, BaseFileUploadComponent as ɵct, InputBoolean as ɵcu, ImageDisplayModule as ɵcv, ImageDisplayComponent as ɵcw, FileUploadModule as ɵcx, TileRenderModule as ɵcy, TileRenderComponent as ɵcz, SharedConnectorService as ɵd, FileUploadComponent as ɵda, FileUploadPopupModule as ɵdb, MultiplePropertyTogglerModule as ɵdc, MultiplePropertyTogglerComponent as ɵdd, FileUploadPopupComponent as ɵde, AppFileDropzoneModule as ɵdf, AppFileDropzoneComponent as ɵdg, DragDropContainerComponent as ɵdh, DragDropService as ɵdi, OptionsService as ɵe, DictionaryService as ɵf, LocalizeService as ɵg, IconCacheService as ɵh, SendMethodService as ɵi, SendMethodEmailModule as ɵj, LayoutSelectionModule as ɵk, LayoutSelectionComponent as ɵl, SignatureButtonModule as ɵm, SignatureButtonComponent as ɵn, SendMethodEmailComponent as ɵo, SendMethodPrinterModule as ɵp, PrinterSelectionModule as ɵq, PrinterSelectionComponent as ɵr, SendMethodPrinterComponent as ɵs, SendMethodPdfModule as ɵt, SendMethodPdfComponent as ɵu, TabBarModule as ɵv, TabBarComponent as ɵw, StatusbarPopupComponent as ɵx, StockStatusbarModule as ɵy, StockStatusbarComponent as ɵz };
 //# sourceMappingURL=colijnit-sharedcomponents.js.map