@colijnit/sharedcomponents 1.0.29 → 1.0.31

package/bundles/colijnit-sharedcomponents.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('pdf-lib'), require('pdfjs-dist/legacy/build/pdf'), require('pdfjs-dist/build/pdf.worker.entry'), require('@angular/common'), require('signature_pad'), require('@colijnit/articleapi/build/articles'), require('@colijnit/sharedapi/build/sharedapi'), require('@colijnit/sharedapi/build/model/report/printer.bo'), require('@colijnit/articleapi/build/utils/function/not-nill.function'), require('@colijnit/articleapi/build/utils/object-utils'), require('@colijnit/articleapi/build/enum/yes-no-db-type.enum'), require('@colijnit/articleapi/build/enum/true-false-db-type.enum'), require('@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum'), require('@colijnit/articleapi/build/enum/db-boolean-value-type.enum'), require('@colijnit/articleapi/build/utils/date-utils'), require('@colijnit/articleapi/build/utils/number-utils'), require('@colijnit/articleapi/build/factory/decorators/map-property.decorator'), require('@colijnit/articleapi/build/factory/decorators/boolean.decorator'), require('@colijnit/articleapi/build/factory/decorators/json.decorator'), require('@colijnit/articleapi/build/factory/decorators/complex-array.decorator'), require('@colijnit/sharedapi/build/model/print-stock-stickers'), require('@colijnit/articleapi/build/model/article-stock.bo'), require('@colijnit/articleapi/build/model/stock-history.bo'), require('@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo'), require('@colijnit/articleapi/build/model/article-details.bo'), require('@colijnit/articleapi/build/model/stock-status.bo'), require('@colijnit/articleapi/build/model/stock-management-warehouses.bo'), require('@colijnit/articleapi/build/model/stock-location.bo'), require('@colijnit/articleapi/build/model/article-transaction.bo'), require('rxjs'), require('@colijnit/sharedapi/build/model/print-price-stickers.bo'), require('@colijnit/articleapi/build/model/get-stock-history-request'), require('@colijnit/articleapi/build/model/article-stock'), require('@colijnit/corecomponents_v12'), require('@angular/platform-browser'), require('@colijnit/articleapi/build/model/article-stock-management'), require('@colijnit/articleapi/build/model/article-transaction'), require('@syncfusion/ej2-angular-circulargauge'), require('moment')) :
-    typeof define === 'function' && define.amd ? define('@colijnit/sharedcomponents', ['exports', '@angular/core', '@angular/animations', 'pdf-lib', 'pdfjs-dist/legacy/build/pdf', 'pdfjs-dist/build/pdf.worker.entry', '@angular/common', 'signature_pad', '@colijnit/articleapi/build/articles', '@colijnit/sharedapi/build/sharedapi', '@colijnit/sharedapi/build/model/report/printer.bo', '@colijnit/articleapi/build/utils/function/not-nill.function', '@colijnit/articleapi/build/utils/object-utils', '@colijnit/articleapi/build/enum/yes-no-db-type.enum', '@colijnit/articleapi/build/enum/true-false-db-type.enum', '@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum', '@colijnit/articleapi/build/enum/db-boolean-value-type.enum', '@colijnit/articleapi/build/utils/date-utils', '@colijnit/articleapi/build/utils/number-utils', '@colijnit/articleapi/build/factory/decorators/map-property.decorator', '@colijnit/articleapi/build/factory/decorators/boolean.decorator', '@colijnit/articleapi/build/factory/decorators/json.decorator', '@colijnit/articleapi/build/factory/decorators/complex-array.decorator', '@colijnit/sharedapi/build/model/print-stock-stickers', '@colijnit/articleapi/build/model/article-stock.bo', '@colijnit/articleapi/build/model/stock-history.bo', '@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo', '@colijnit/articleapi/build/model/article-details.bo', '@colijnit/articleapi/build/model/stock-status.bo', '@colijnit/articleapi/build/model/stock-management-warehouses.bo', '@colijnit/articleapi/build/model/stock-location.bo', '@colijnit/articleapi/build/model/article-transaction.bo', 'rxjs', '@colijnit/sharedapi/build/model/print-price-stickers.bo', '@colijnit/articleapi/build/model/get-stock-history-request', '@colijnit/articleapi/build/model/article-stock', '@colijnit/corecomponents_v12', '@angular/platform-browser', '@colijnit/articleapi/build/model/article-stock-management', '@colijnit/articleapi/build/model/article-transaction', '@syncfusion/ej2-angular-circulargauge', 'moment'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.sharedcomponents = {}), global.ng.core, global.ng.animations, global.pdfLib, global.PDFJS, global.pdfjsWorker, global.ng.common, global.SignaturePad, global.articles, global.sharedapi, global.printer_bo, global.notNill_function, global.objectUtils, global.yesNoDbType_enum, global.trueFalseDbType_enum, global.oneZeroBoolDbType_enum, global.dbBooleanValueType_enum, global.dateUtils, global.numberUtils, global.mapProperty_decorator, global.boolean_decorator, global.json_decorator, global.complexArray_decorator, global.printStockStickers, global.articleStock_bo, global.stockHistory_bo, global.stockStickersPrintLayouts_bo, global.articleDetails_bo, global.stockStatus_bo, global.stockManagementWarehouses_bo, global.stockLocation_bo, global.articleTransaction_bo, global.rxjs, global.printPriceStickers_bo, global.getStockHistoryRequest, global.articleStock, global.corecomponents_v12, global.ng.platformBrowser, global.articleStockManagement, global.articleTransaction, global.ej2AngularCirculargauge, global.moment));
-})(this, (function (exports, i0, animations, pdfLib, PDFJS, pdfjsWorker, common, SignaturePad, articles, sharedapi, printer_bo, notNill_function, objectUtils, yesNoDbType_enum, trueFalseDbType_enum, oneZeroBoolDbType_enum, dbBooleanValueType_enum, dateUtils, numberUtils, mapProperty_decorator, boolean_decorator, json_decorator, complexArray_decorator, printStockStickers, articleStock_bo, stockHistory_bo, stockStickersPrintLayouts_bo, articleDetails_bo, stockStatus_bo, stockManagementWarehouses_bo, stockLocation_bo, articleTransaction_bo, rxjs, printPriceStickers_bo, getStockHistoryRequest, articleStock, corecomponents_v12, i1, articleStockManagement, articleTransaction, ej2AngularCirculargauge, moment) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('pdf-lib'), require('pdfjs-dist/legacy/build/pdf'), require('pdfjs-dist/build/pdf.worker.entry'), require('@angular/common'), require('signature_pad'), require('@colijnit/articleapi/build/articles'), require('@colijnit/sharedapi/build/sharedapi'), require('@colijnit/articleapi/build/model/article-stock.bo'), require('@colijnit/articleapi/build/model/stock-history.bo'), require('@colijnit/articleapi/build/model/article-details.bo'), require('@colijnit/articleapi/build/model/stock-status.bo'), require('@colijnit/articleapi/build/model/stock-management-warehouses.bo'), require('@colijnit/articleapi/build/model/stock-location.bo'), require('@colijnit/articleapi/build/model/article-transaction.bo'), require('rxjs'), require('@colijnit/mainapi'), require('@colijnit/mainapi/build/model/printer.bo'), require('@colijnit/ioneconnector/build/factory/business-object-factory'), require('@colijnit/mainapi/build/model/send-method.bo'), require('@colijnit/sharedapi/build/model/print-stock-stickers'), require('@colijnit/articleapi/build/model/get-stock-history-request'), require('@colijnit/articleapi/build/model/article-stock'), require('@colijnit/corecomponents_v12'), require('@angular/platform-browser'), require('@colijnit/articleapi/build/model/article-stock-management'), require('@colijnit/articleapi/build/model/article-transaction'), require('@colijnit/sharedapi/build/model/print-price-stickers.bo'), require('@colijnit/mainapi/build/model/reporting-document-print-base-request'), require('@colijnit/mainapi/build/model/reporting-document-email-base-request'), require('@colijnit/mainapi/build/model/reporting-document-pdf-base-request'), require('@colijnit/mainapi/build/enum/send-method-type.enum'), require('@syncfusion/ej2-angular-circulargauge'), require('moment')) :
+    typeof define === 'function' && define.amd ? define('@colijnit/sharedcomponents', ['exports', '@angular/core', '@angular/animations', 'pdf-lib', 'pdfjs-dist/legacy/build/pdf', 'pdfjs-dist/build/pdf.worker.entry', '@angular/common', 'signature_pad', '@colijnit/articleapi/build/articles', '@colijnit/sharedapi/build/sharedapi', '@colijnit/articleapi/build/model/article-stock.bo', '@colijnit/articleapi/build/model/stock-history.bo', '@colijnit/articleapi/build/model/article-details.bo', '@colijnit/articleapi/build/model/stock-status.bo', '@colijnit/articleapi/build/model/stock-management-warehouses.bo', '@colijnit/articleapi/build/model/stock-location.bo', '@colijnit/articleapi/build/model/article-transaction.bo', 'rxjs', '@colijnit/mainapi', '@colijnit/mainapi/build/model/printer.bo', '@colijnit/ioneconnector/build/factory/business-object-factory', '@colijnit/mainapi/build/model/send-method.bo', '@colijnit/sharedapi/build/model/print-stock-stickers', '@colijnit/articleapi/build/model/get-stock-history-request', '@colijnit/articleapi/build/model/article-stock', '@colijnit/corecomponents_v12', '@angular/platform-browser', '@colijnit/articleapi/build/model/article-stock-management', '@colijnit/articleapi/build/model/article-transaction', '@colijnit/sharedapi/build/model/print-price-stickers.bo', '@colijnit/mainapi/build/model/reporting-document-print-base-request', '@colijnit/mainapi/build/model/reporting-document-email-base-request', '@colijnit/mainapi/build/model/reporting-document-pdf-base-request', '@colijnit/mainapi/build/enum/send-method-type.enum', '@syncfusion/ej2-angular-circulargauge', 'moment'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.sharedcomponents = {}), global.ng.core, global.ng.animations, global.pdfLib, global.PDFJS, global.pdfjsWorker, global.ng.common, global.SignaturePad, global.articles, global.sharedapi, global.articleStock_bo, global.stockHistory_bo, global.articleDetails_bo, global.stockStatus_bo, global.stockManagementWarehouses_bo, global.stockLocation_bo, global.articleTransaction_bo, global.rxjs, global.mainapi, global.printer_bo, global.businessObjectFactory, global.sendMethod_bo, global.printStockStickers, global.getStockHistoryRequest, global.articleStock, global.corecomponents_v12, global.ng.platformBrowser, global.articleStockManagement, global.articleTransaction, global.printPriceStickers_bo, global.reportingDocumentPrintBaseRequest, global.reportingDocumentEmailBaseRequest, global.reportingDocumentPdfBaseRequest, global.sendMethodType_enum, global.ej2AngularCirculargauge, global.moment));
+})(this, (function (exports, i0, animations, pdfLib, PDFJS, pdfjsWorker, common, SignaturePad, articles, sharedapi, articleStock_bo, stockHistory_bo, articleDetails_bo, stockStatus_bo, stockManagementWarehouses_bo, stockLocation_bo, articleTransaction_bo, rxjs, mainapi, printer_bo, businessObjectFactory, sendMethod_bo, printStockStickers, getStockHistoryRequest, articleStock, corecomponents_v12, i1, articleStockManagement, articleTransaction, printPriceStickers_bo, reportingDocumentPrintBaseRequest, reportingDocumentEmailBaseRequest, reportingDocumentPdfBaseRequest, sendMethodType_enum, ej2AngularCirculargauge, moment) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -582,8 +582,8 @@
     }());
     DocsignComponent.decorators = [
         { type: i0.Component, args: [{
-                    selector: "ione-docsign",
-                    template: "\n    <iframe #iframe></iframe>\n    <ione-signatures *ngIf=\"showSignatures\" @showHideSignature\n                     [showFirstSignature]=\"showSigBuyer\"\n                     [firstSignatureTitle]=\"firstSignatureLabel\"\n                     [showSecondSignature]=\"showSigSeller\"\n                     [secondSignatureTitle]=\"secondSignatureLabel\"\n                     [saveButtonLabel]=\"saveButtonLabel\"\n                     [clearButtonLabel]=\"clearButtonLabel\"\n                     (saveFirstSignature)=\"saveFirstSignature($event)\"\n                     (saveSecondSignature)=\"saveSecondSignature($event)\"\n    ></ione-signatures>\n    <input type=\"button\" *ngIf=\"(showSigBuyer || showSigSeller) && !showSignatures\" class=\"button button-sign-document\"\n           [value]=\"signDocumentButtonLabel\"\n           (click)=\"showSignatures = true\"\n    />\n    <input type=\"button\" class=\"button button-cancel\"\n           [value]=\"cancelButtonLabel\"\n           (click)=\"cancelClick.emit($event)\"\n    />\n  ",
+                    selector: "co-docsign",
+                    template: "\n    <iframe #iframe></iframe>\n    <co-signatures *ngIf=\"showSignatures\" @showHideSignature\n                     [showFirstSignature]=\"showSigBuyer\"\n                     [firstSignatureTitle]=\"firstSignatureLabel\"\n                     [showSecondSignature]=\"showSigSeller\"\n                     [secondSignatureTitle]=\"secondSignatureLabel\"\n                     [saveButtonLabel]=\"saveButtonLabel\"\n                     [clearButtonLabel]=\"clearButtonLabel\"\n                     (saveFirstSignature)=\"saveFirstSignature($event)\"\n                     (saveSecondSignature)=\"saveSecondSignature($event)\"\n    ></co-signatures>\n    <input type=\"button\" *ngIf=\"(showSigBuyer || showSigSeller) && !showSignatures\" class=\"button button-sign-document\"\n           [value]=\"signDocumentButtonLabel\"\n           (click)=\"showSignatures = true\"\n    />\n    <input type=\"button\" class=\"button button-cancel\"\n           [value]=\"cancelButtonLabel\"\n           (click)=\"cancelClick.emit($event)\"\n    />\n  ",
                     animations: [
                         animations.trigger("showHideSignature", [
                             animations.state("void", animations.style({ transform: "translate(-50%, -50%) scale(0)" })),
@@ -607,7 +607,7 @@
         cancelButtonLabel: [{ type: i0.Input }],
         pdfSaved: [{ type: i0.Output }],
         cancelClick: [{ type: i0.Output }],
-        showClass: [{ type: i0.HostBinding, args: ['class.ione-docsign',] }]
+        showClass: [{ type: i0.HostBinding, args: ['class.co-docsign',] }]
     };
 
     var SignatureComponent = /** @class */ (function () {
@@ -662,7 +662,7 @@
     }());
     SignatureComponent.decorators = [
         { type: i0.Component, args: [{
-                    selector: "ione-signature",
+                    selector: "co-signature",
                     template: "\n    <div class=\"signature-wrapper\">\n      <div class=\"signature-header\">\n        <span *ngIf=\"title\" class=\"title\" [textContent]=\"title\"></span>\n        <div class=\"button-wrapper\">\n          <input type=\"button\" (click)=\"handleSave($event)\" [value]=\"saveButtonLabel\"/>\n          <input type=\"button\" (click)=\"handleClear($event)\" [value]=\"clearButtonLabel\">\n        </div>\n      </div>\n      <div class=\"canvas\">\n        <canvas #signature></canvas>\n      </div>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
@@ -673,7 +673,7 @@
         saveButtonLabel: [{ type: i0.Input }],
         clearButtonLabel: [{ type: i0.Input }],
         save: [{ type: i0.Output }],
-        showClass: [{ type: i0.HostBinding, args: ["class.ione-signature",] }]
+        showClass: [{ type: i0.HostBinding, args: ["class.co-signature",] }]
     };
 
     var SignaturesComponent = /** @class */ (function () {
@@ -692,8 +692,8 @@
     }());
     SignaturesComponent.decorators = [
         { type: i0.Component, args: [{
-                    selector: "ione-signatures",
-                    template: "\n    <ione-signature *ngIf=\"showFirstSignature\"\n                    [title]=\"firstSignatureTitle\"\n                    [saveButtonLabel]=\"saveButtonLabel\"\n                    [clearButtonLabel]=\"clearButtonLabel\"\n                    (save)=\"saveFirstSignature.emit($event)\"></ione-signature>\n    <ione-signature *ngIf=\"showSecondSignature\"\n                    [title]=\"secondSignatureTitle\"\n                    [saveButtonLabel]=\"saveButtonLabel\"\n                    [clearButtonLabel]=\"clearButtonLabel\"\n                    (save)=\"saveSecondSignature.emit($event)\"></ione-signature>\n  ",
+                    selector: "co-signatures",
+                    template: "\n    <co-signature *ngIf=\"showFirstSignature\"\n                    [title]=\"firstSignatureTitle\"\n                    [saveButtonLabel]=\"saveButtonLabel\"\n                    [clearButtonLabel]=\"clearButtonLabel\"\n                    (save)=\"saveFirstSignature.emit($event)\"></co-signature>\n    <co-signature *ngIf=\"showSecondSignature\"\n                    [title]=\"secondSignatureTitle\"\n                    [saveButtonLabel]=\"saveButtonLabel\"\n                    [clearButtonLabel]=\"clearButtonLabel\"\n                    (save)=\"saveSecondSignature.emit($event)\"></co-signature>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -706,7 +706,7 @@
         clearButtonLabel: [{ type: i0.Input }],
         saveFirstSignature: [{ type: i0.Output }],
         saveSecondSignature: [{ type: i0.Output }],
-        showClass: [{ type: i0.HostBinding, args: ["class.ione-signatures",] }]
+        showClass: [{ type: i0.HostBinding, args: ["class.co-signatures",] }]
     };
 
     var DocsignModule = /** @class */ (function () {
@@ -730,1408 +730,13 @@
                 },] }
     ];
 
-    var PROP_META_KEY$3 = "complexField";
-    /**
-     * !! just a TAG DECORATOR for now, there is no code that uses this meta data within the ione connector lib itself.
-     */
-    /**
-     * Property decorator for properties of businessobject classes that are other strongly typed businessobjects.
-     * Ensures that the BusinessObjectFactoryService makes properly typed objects from incoming raw persistence data. Otherwise we couldn't add methods
-     * to our own businessobjects and use them, since all fields would be flat data without methods after BusinessObjectFactoryService creation.
-     *
-     * Usage:
-     *
-     * @ComplexField(Transaction)
-     * public transaction: Transaction
-     *
-     * Also keeps track of a "complexFieldProps" metadata on the class-level, as a reflect-metadata workaround to be able to
-     * retrieve all properties that have the @ComplexField(..) decorator (impossible with current Reflect API).
-     */
-    function ComplexField(type) {
-        return function (target, propertyKey) {
-            if (!target || !propertyKey) {
-                return;
-            }
-            // warn the programmer if given type was undefined; it's probably an import order glitch that caused this, because decorators seem
-            // to be immediately processed when a class is first imported
-            if (!type) {
-                // eslint-disable-next-line no-console
-                console.warn("@ComplexField(type): type was UNDEFINED. Called on prop (" + objectUtils.ObjectUtils.GetClassName(target) + ", " + propertyKey + "). " +
-                    "Class will not properly serialize and deserialize now. We've always been able to fix this by CHANGING IMPORT ORDERS " +
-                    "where both classes and their dependencies are used, e.g. factory, repository or models..");
-                return;
-            }
-            Reflect.defineMetadata(PROP_META_KEY$3, type, target, propertyKey);
-        };
-    }
-    // Utility function holder of the ComplexFieldDecorator decorator.
-    var ComplexFieldDecorator = /** @class */ (function () {
-        function ComplexFieldDecorator() {
-        }
-        /**
-         * Returns whether given property (as a string) on given object is a complex field. A complex field is a field that is decorated
-         * with the @ComplexField decorator.
-         */
-        ComplexFieldDecorator.IsComplexField = function (target, propertyKey) {
-            if (!target || !propertyKey || typeof target !== "object") {
-                return false;
-            }
-            return (notNill_function.notNill(Reflect.getMetadata(PROP_META_KEY$3, target, propertyKey)));
-        };
-        // Returns the VALUE of the @ComplexField(VALUE) property decorator on the given propertyKey on the given modelObject.
-        ComplexFieldDecorator.GetComplexFieldType = function (target, propertyKey) {
-            if (!target || !propertyKey || typeof target !== "object") {
-                return undefined;
-            }
-            return Reflect.getMetadata(PROP_META_KEY$3, target, propertyKey);
-        };
-        return ComplexFieldDecorator;
-    }());
-
-    var PROP_META_KEY$2 = "complexArray";
-    /**
-     * !! just a TAG DECORATOR for now, there is no code that uses this meta data within the ione connector lib itself.
-     */
-    /**
-     * Property decorator for properties of businessobject classes that are an array of other strongly typed businessobjects.
-     * Ensures that the BusinessObjectFactoryService makes properly typed objects from incoming raw persistence data. Otherwise we couldn't add methods
-     * to our own businessobjects and use them, since all fields would be flat data without methods after BusinessObjectFactoryService creation.
-     *
-     * Usage:
-     *
-     * @ComplexArray(TransactionLine)
-     * public transactionLines: TransactionLine[]
-     */
-    function ComplexArray(type) {
-        return function (target, propertyKey) {
-            if (!target || !propertyKey || typeof target !== "object") {
-                return;
-            }
-            // warn the programmer if given type was undefined; it's probably an import order glitch that caused this, because decorators seem
-            // to be immediately processed when a class is first imported
-            if (!type) {
-                console.warn("@ComplexArray(type): type was UNDEFINED. Called on prop (" + objectUtils.ObjectUtils.GetClassName(target) + ", " + propertyKey + "). " +
-                    "Class will not properly serialize and deserialize now. We've always been able to fix this by CHANGING IMPORT ORDERS " +
-                    "where both classes and their dependencies are used, e.g. factory, repository or models..");
-                return;
-            }
-            Reflect.defineMetadata(PROP_META_KEY$2, type, target, propertyKey);
-        };
-    }
-    // Utility function holder of the ComplexArrayDecorator decorator.
-    var ComplexArrayDecorator = /** @class */ (function () {
-        function ComplexArrayDecorator() {
-        }
-        /**
-         * Returns whether given property (as a string) on given object is a complex array. A complex array is an array field that is decorated
-         * with the @ComplexArray decorator.
-         */
-        ComplexArrayDecorator.IsComplexArray = function (target, propertyKey) {
-            if (!target || !propertyKey || typeof target !== "object") {
-                return false;
-            }
-            return (notNill_function.notNill(Reflect.getMetadata(PROP_META_KEY$2, target, propertyKey)));
-        };
-        /**
-         * Returns the VALUE of the @ComplexArray(VALUE) property decorator on the given propertyKey on the given modelobject.
-         */
-        ComplexArrayDecorator.GetComplexArrayType = function (target, propertyKey) {
-            if (!target || !propertyKey || typeof target !== "object") {
-                return undefined;
-            }
-            return Reflect.getMetadata(PROP_META_KEY$2, target, propertyKey);
-        };
-        return ComplexArrayDecorator;
-    }());
-
-    var PROP_META_KEY_JN = "booleanTextJN";
-    var PROP_META_KEY_TF = "booleanTextTF";
-    var PROP_META_KEY_10 = "booleanText10";
-    /**
-     * There are 'J', 'T', 'N', 'F', 0 and 1 'boolean values' in the database. These should be translated to true and false boolean values in
-     * our client application.
-     *
-     * The values 'J' and 'N' seem to be most commonly used. This is the default setting when using this decorator.
-     * You can pass 'T' or 1 for the other variants as follows:
-     *
-     * Usage:
-     *
-     * @BooleanText() or @BooleanText("J") (the default, uses YesNoDbType char values)
-     * public foo: boolean // 'J' and 'N' become true and false after BusinessObjectFactoryService and -SerializerService processing
-     *
-     * @BooleanText('T') (uses TrueFalseDbType char values)
-     * public bar: boolean // 'T' and 'F' become true and false after BusinessObjectFactoryService and -SerializerService processing
-     *
-     * @BooleanText(1)
-     * public baz: boolean // 1 and 0 become true and false after BusinessObjectFactoryService and -SerializerService processing
-     */
-    function BooleanText(type) {
-        return function (target, propertyKey) {
-            if (!target || !propertyKey) {
-                return;
-            }
-            // by default, it's a J N boolean text
-            if (!type || type === "J") {
-                Reflect.defineMetadata(PROP_META_KEY_JN, true, target, propertyKey);
-            }
-            else if (type === "T") {
-                Reflect.defineMetadata(PROP_META_KEY_TF, true, target, propertyKey);
-            }
-            else if (type === 1) {
-                Reflect.defineMetadata(PROP_META_KEY_10, true, target, propertyKey);
-            }
-        };
-    }
-    // Utility function holder of the BooleanTextDecorator decorator.
-    var BooleanTextDecorator = /** @class */ (function () {
-        function BooleanTextDecorator() {
-        }
-        /**
-         * Returns whether given property (as a string) on given object is a boolean text field. That is, it's a field that is decorated
-         * with the @BooleanText decorator.
-         */
-        BooleanTextDecorator.IsBooleanTextField = function (target, propertyKey) {
-            if (!target || !propertyKey || typeof target !== "object") {
-                return false;
-            }
-            return (Reflect.getMetadata(PROP_META_KEY_JN, target, propertyKey) === true
-                ||
-                    Reflect.getMetadata(PROP_META_KEY_TF, target, propertyKey) === true
-                ||
-                    Reflect.getMetadata(PROP_META_KEY_10, target, propertyKey) === true);
-        };
-        /**
-         * Returns the logical true or false value of given character ('J', 'N', 'T' or 'F') or number (0 or 1).
-         * Returns UNDEFINED if given boolChar was not recognised as a boolean text.
-         */
-        BooleanTextDecorator.GetLogicalBooleanValue = function (dbBoolChar) {
-            return dbBooleanValueType_enum.GetLogicalBooleanValue(dbBoolChar);
-        };
-        /**
-         * Returns the boolean character / number of given logical bool property on target object. Uses its @BooleanText() annotation to decide
-         * what character / number to return.
-         * Used in BusinessObjectSerializerServiceService to convert logical bools to their original boolean character.
-         * @returns {string|number} The original, reverse-engineered boolean character (or number) of given object property, or undefined.
-         */
-        BooleanTextDecorator.GetDbBooleanValue = function (target, propertyKey) {
-            if (!target || !propertyKey || typeof target !== "object") {
-                return undefined;
-            }
-            var dbBoolVal = undefined;
-            var curBoolVal = target[propertyKey];
-            if (BooleanTextDecorator._IsJaNeeProp(target, propertyKey)) {
-                dbBoolVal = yesNoDbType_enum.GetYesNoDbBooleanValue(curBoolVal);
-            }
-            else if (BooleanTextDecorator._IsTrueFalseProp(target, propertyKey)) {
-                dbBoolVal = trueFalseDbType_enum.GetTrueFalseDbBooleanValue(curBoolVal);
-            }
-            else if (BooleanTextDecorator._IsZeroOneProp(target, propertyKey)) {
-                dbBoolVal = oneZeroBoolDbType_enum.GetOneZeroDbBooleanValue(curBoolVal);
-            }
-            return dbBoolVal;
-        };
-        BooleanTextDecorator._IsJaNeeProp = function (target, propertyKey) {
-            return BooleanTextDecorator._IsProp(PROP_META_KEY_JN, target, propertyKey);
-        };
-        BooleanTextDecorator._IsTrueFalseProp = function (target, propertyKey) {
-            return BooleanTextDecorator._IsProp(PROP_META_KEY_TF, target, propertyKey);
-        };
-        BooleanTextDecorator._IsZeroOneProp = function (target, propertyKey) {
-            return BooleanTextDecorator._IsProp(PROP_META_KEY_10, target, propertyKey);
-        };
-        BooleanTextDecorator._IsProp = function (prop, target, propertyKey) {
-            return !!target && !!propertyKey && typeof target === "object" && Reflect.hasMetadata(prop, target, propertyKey);
-        };
-        return BooleanTextDecorator;
-    }());
-
-    var PROP_META_KEY$1 = "dateField";
-    /**
-     * !! just a TAG DECORATOR for now, there is no code that uses this meta data within the ione connector lib itself.
-     */
-    /**
-     * Property decorator for properties of businessobject classes that are of type Date, but are sent to us as strings.
-     * Ensures that the BusinessObjectFactory makes proper JavaScript Date objects from incoming strings for @DateField() decorated properties.
-     *
-     * Usage:
-     *
-     * @DateField()
-     * public expectedDeliveryDate: Date
-     */
-    function DateField() {
-        return function (target, propertyKey) {
-            if (!target || !propertyKey) {
-                return;
-            }
-            Reflect.defineMetadata(PROP_META_KEY$1, undefined, target, propertyKey);
-        };
-    }
-    // Utility function holder of the @DateField() decorator.
-    var DateFieldFieldDecorator = /** @class */ (function () {
-        function DateFieldFieldDecorator() {
-        }
-        // Returns whether given property (as a string) on given object is decorated with @DateField().
-        DateFieldFieldDecorator.IsDateField = function (target, propertyKey) {
-            if (!target || !propertyKey || typeof target !== "object") {
-                return false;
-            }
-            return Reflect.hasMetadata(PROP_META_KEY$1, target, propertyKey);
-        };
-        DateFieldFieldDecorator.StringAsDate = function (str) {
-            return dateUtils.DateUtils.StringAsDate(str);
-        };
-        return DateFieldFieldDecorator;
-    }());
-
-    var PROP_META_KEY = "stringNumber";
-    /**
-     * !! just a TAG DECORATOR for now, there is no code that uses this meta data within the ione connector lib itself.
-     */
-    /**
-     * Decorator for properties of businessobjects that are sent to us as strings from the database, but which we want to use as a number in the client.
-     *
-     * Can be handy for incongruent backend api cases, where id data types are communicated wrongly via strings instead of numbers
-     * (e.g. on EmployeeFullObject.district, points to a District which has a number id, but in employee it's a string representation of that number...)
-     *
-     * Used by business object factory and -serializer.
-     *
-     * Usage:
-     *
-     * @StringNumber()
-     * public rights: UserRightType
-     */
-    function StringNumber() {
-        return function (target, propertyKey) {
-            if (!target || !propertyKey) {
-                return;
-            }
-            Reflect.defineMetadata(PROP_META_KEY, undefined, target, propertyKey);
-        };
-    }
-    // Utility function holder of the @StringNumber() decorator.
-    var StringNumberDecorator = /** @class */ (function () {
-        function StringNumberDecorator() {
-        }
-        // Returns whether given property (as a string) on given object is decorated with @StringNumber().
-        StringNumberDecorator.IsStringNumber = function (target, propertyKey) {
-            if (!target || !propertyKey || typeof target !== "object") {
-                return false;
-            }
-            return Reflect.hasMetadata(PROP_META_KEY, target, propertyKey);
-        };
-        StringNumberDecorator.StringAsNumber = function (str) {
-            return numberUtils.NumberUtils.ParseFloatKeepPrecision(str);
-        };
-        StringNumberDecorator.NumberAsString = function (nr) {
-            return "" + nr;
-        };
-        return StringNumberDecorator;
-    }());
-
-    // @returns true iff given value equals null or equals undefined
-    function isNill(value) {
-        return value === null || value === undefined;
-    }
-
-    // @returns true iff given value does not equals null and does not equal undefined
-    function notNill(value) {
-        return value !== null && value !== undefined;
-    }
-
-    // Static utility function holder related to objects.
-    var ObjectUtils = /** @class */ (function () {
-        function ObjectUtils() {
-        }
-        /**
-         * Returns whether all given values exist: for all values it holds that they are not null nor undefined. Short-circuit check.
-         * @param {any} values Rest parameters with all objects to check existence for.
-         * @returns {boolean} True if ALL given values are not null nor undefined, otherwise false (if at least one value was null or undefined)
-         */
-        ObjectUtils.AllExist = function () {
-            var values = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                values[_i] = arguments[_i];
-            }
-            var allExist = true;
-            for (var i = 0, len = values.length; i < len; i++) {
-                if (isNill(values[i])) {
-                    allExist = false;
-                    break;
-                }
-            }
-            return allExist;
-        };
-        /**
-         * Copies all properties from object 'from' to object 'to'. Overwrites properties on object 'to' if property already exists.
-         * Does not copy functions, only properties.
-         * @param {Object} from The source object from which to copy all properties of to the 'to' object.
-         * @param {Object} to The object to which the properties of the 'from' object will be copied.
-         * @param {boolean} [allowUndefined = true] wether the 'to' object may be assigned null or undefined values to any of its properties.
-         */
-        ObjectUtils.CopyPropertiesFrom = function (from, to, allowUndefined) {
-            if (allowUndefined === void 0) { allowUndefined = true; }
-            if (!to) {
-                to = {};
-            }
-            if (!from) {
-                return to;
-            }
-            ObjectUtils.ForOwnProperty(from, function (value, key) {
-                if (allowUndefined || notNill(value)) {
-                    to[key] = value;
-                }
-            });
-            return to;
-        };
-        ObjectUtils.DeepEquals = function (actual, expected) {
-            if (actual === expected) {
-                return true;
-            }
-            else if (actual instanceof Date && expected instanceof Date) {
-                return actual.getTime() === expected.getTime();
-            }
-            else if (!actual || !expected || typeof actual !== "object" && typeof expected !== "object") {
-                return actual === expected;
-            }
-            else {
-                return this._objEquiv(actual, expected);
-            }
-        };
-        // Performs given callback function for each own property of given plain object. Also works on string enums.
-        ObjectUtils.ForOwnProperty = function (plainObject, callback) {
-            if (ObjectUtils.IsPlainObject(plainObject)) {
-                for (var key in plainObject) {
-                    if (plainObject.hasOwnProperty(key) && typeof plainObject[key] !== "function") {
-                        var response = callback(plainObject[key], key);
-                        if (response === false) {
-                            break;
-                        }
-                    }
-                }
-            }
-        };
-        // Returns the class name of given argument. The argument can be an object or a class.
-        ObjectUtils.GetClassName = function (objectOrClass) {
-            if (!objectOrClass) {
-                return undefined;
-                // arg was a class (or a function..)
-            }
-            else if (objectOrClass.constructor === Function) {
-                return objectOrClass.name; // .. which has its readable name stores like this
-                // else arg was an object
-            }
-            else {
-                var constructorString = objectOrClass.constructor.toString();
-                return constructorString.match(/\w+/g)[1];
-            }
-        };
-        // Returns a shallow clone of the given original object. The clone is a SIMPLE OBJECT with the same properties as the original.
-        ObjectUtils.GetShallowClone = function (originalObject, objectClass) {
-            var clonedObject = undefined;
-            if (objectClass) {
-                clonedObject = new objectClass();
-            }
-            else {
-                clonedObject = {};
-            }
-            ObjectUtils.ForOwnProperty(originalObject, function (value, key) {
-                clonedObject[key] = value;
-            });
-            return clonedObject;
-        };
-        ObjectUtils.GetDeepClone = function (originalObject, circular) {
-            if (circular === void 0) { circular = true; }
-            // First create an empty object with
-            // same prototype of our original source
-            var propertyIndex;
-            var descriptor;
-            var keys;
-            var current;
-            var nextSource;
-            var indexOf;
-            var copies = [{
-                    source: originalObject,
-                    target: Object.create(Object.getPrototypeOf(originalObject))
-                }];
-            var cloneObject = copies[0].target;
-            var sourceReferences = [originalObject];
-            var targetReferences = [cloneObject];
-            // First in, first out
-            while (current = copies.shift()) { //NOSONAR
-                keys = Object.getOwnPropertyNames(current.source);
-                for (propertyIndex = 0; propertyIndex < keys.length; propertyIndex++) {
-                    // Save the source's descriptor
-                    descriptor = Object.getOwnPropertyDescriptor(current.source, keys[propertyIndex]);
-                    if (!descriptor.value || typeof descriptor.value !== "object") {
-                        Object.defineProperty(current.target, keys[propertyIndex], descriptor);
-                        continue;
-                    }
-                    nextSource = descriptor.value;
-                    descriptor.value = Array.isArray(nextSource) ?
-                        [] :
-                        Object.create(Object.getPrototypeOf(nextSource));
-                    if (circular) {
-                        indexOf = sourceReferences.indexOf(nextSource);
-                        if (indexOf !== -1) {
-                            // The source is already referenced, just assign reference
-                            descriptor.value = targetReferences[indexOf];
-                            Object.defineProperty(current.target, keys[propertyIndex], descriptor);
-                            continue;
-                        }
-                        sourceReferences.push(nextSource);
-                        targetReferences.push(descriptor.value);
-                    }
-                    Object.defineProperty(current.target, keys[propertyIndex], descriptor);
-                    copies.push({ source: nextSource, target: descriptor.value });
-                }
-            }
-            return cloneObject;
-        };
-        ObjectUtils.IsEmpty = function (obj) {
-            return isNill(obj) || Object.getOwnPropertyNames(obj).length === 0;
-        };
-        // Returns whether given object is an existing, plain object. That is, it defined, its type if 'object' and it is NOT an array or func.
-        ObjectUtils.IsPlainObject = function (object) {
-            return object !== null && !Array.isArray(object) && typeof object !== "function" && typeof object === "object";
-        };
-        /**
-         * Returns an instance of given class with data of given dataObject. Only works if that class has a default constructor without args.
-         * Does not actually create a new object if it alread is an instance of that class.
-         * @param {any} clazz A class that has a default constructor
-         * @param {any} [dataObject] The object with data to copy to the new instance of the class
-         * @returns {any} An object that is an instance of given class, with given data applied to it.
-         */
-        ObjectUtils.MakeInstanceOf = function (clazz, dataObject) {
-            // dont make a clone if given dataObject already instance of clazz
-            if (dataObject instanceof clazz) {
-                return dataObject;
-            }
-            else {
-                var asClazz = new clazz();
-                ObjectUtils.CopyPropertiesFrom(dataObject, asClazz);
-                return asClazz;
-            }
-        };
-        // Returns the value of a random own property of given object.
-        ObjectUtils.PickRandomPropertyValue = function (object) {
-            if (!object) {
-                return;
-            }
-            var result;
-            var count = 0;
-            for (var prop in object) {
-                if (object.hasOwnProperty(prop)) {
-                    count++;
-                    if (Math.random() < 1 / count) {
-                        result = object[prop];
-                    }
-                }
-            }
-            return result;
-        };
-        // Returns a default if given value doesn't exist, otherwise just value.
-        ObjectUtils.ValueOrDefault = function (value, defaultReturnVal) {
-            if (defaultReturnVal === void 0) { defaultReturnVal = ""; }
-            return notNill(value) ? value : defaultReturnVal;
-        };
-        ObjectUtils._isArguments = function (x) {
-            var supportsArgsClass = this._supportsArgumentsClass();
-            return supportsArgsClass ? this._isArgumentsWhenArgsClassSupported(x) : this._isArgumentsWhenArgsClassNotSupported(x);
-        };
-        ObjectUtils._isArgumentsWhenArgsClassNotSupported = function (object) {
-            return object &&
-                typeof object === "object" &&
-                typeof object.length === "number" &&
-                Object.prototype.hasOwnProperty.call(object, "callee") &&
-                !Object.prototype.propertyIsEnumerable.call(object, "callee") ||
-                false;
-        };
-        ObjectUtils._isArgumentsWhenArgsClassSupported = function (object) {
-            return Object.prototype.toString.call(object) === "[object Arguments]";
-        };
-        ObjectUtils._isBuffer = function (x) {
-            if (!x || typeof x !== "object" || typeof x.length !== "number") {
-                return false;
-            }
-            if (typeof x.copy !== "function" || typeof x.slice !== "function") {
-                return false;
-            }
-            return !(x.length > 0 && typeof x[0] !== "number");
-        };
-        ObjectUtils._isUndefinedOrNull = function (value) {
-            return value === null || value === undefined;
-        };
-        ObjectUtils._objEquiv = function (a, b) {
-            var i, key;
-            if (this._isUndefinedOrNull(a) || this._isUndefinedOrNull(b)) {
-                return false;
-            }
-            if (a.prototype !== b.prototype) {
-                return false;
-            }
-            if (this._isArguments(a)) {
-                if (!this._isArguments(b)) {
-                    return false;
-                }
-                a = Array.prototype.slice.call(a);
-                b = Array.prototype.slice.call(b);
-                return this.DeepEquals(a, b);
-            }
-            if (this._isBuffer(a)) {
-                if (!this._isBuffer(b)) {
-                    return false;
-                }
-                if (a.length !== b.length) {
-                    return false;
-                }
-                for (i = 0; i < a.length; i++) {
-                    if (a[i] !== b[i]) {
-                        return false;
-                    }
-                }
-                return true;
-            }
-            var ka;
-            var kb;
-            try {
-                ka = Object.keys(a);
-                kb = Object.keys(b);
-            }
-            catch (e) {
-                return false;
-            }
-            if (ka.length !== kb.length) {
-                return false;
-            }
-            ka.sort();
-            kb.sort();
-            for (i = ka.length - 1; i >= 0; i--) {
-                if (ka[i] !== kb[i]) {
-                    return false;
-                }
-            }
-            for (i = ka.length - 1; i >= 0; i--) {
-                key = ka[i];
-                if (!this.DeepEquals(a[key], b[key])) {
-                    return false;
-                }
-            }
-            return typeof a === typeof b;
-        };
-        ObjectUtils._supportsArgumentsClass = function () {
-            return Object.prototype.toString.call(arguments) === "[object Arguments]";
-        };
-        return ObjectUtils;
-    }());
-
-    // Static utility function holder related to numeric variable evaluations and operations.
-    var NumberUtils = /** @class */ (function () {
-        function NumberUtils() {
-        }
-        // For user-typed number input; supports comma's as decimal delimiter.
-        NumberUtils.ParseIntNumberInput = function (arg) {
-            return NumberUtils.ParseInt(NumberUtils._NumberInputToNumberStr(arg));
-        };
-        // Parses given argument to an integer, using a native parseInt() function with a radix of 10. Returns NaN if parsing was not possible.
-        NumberUtils.ParseInt = function (arg) {
-            if (isNill(arg) || Array.isArray(arg)) {
-                return undefined;
-            }
-            return parseInt(arg, 10);
-        };
-        // For user-typed number input; supports comma's as decimal delimiter.
-        NumberUtils.ParseFloatNumberInput = function (arg, decimalPrecision) {
-            if (decimalPrecision === void 0) { decimalPrecision = 2; }
-            return NumberUtils.ParseFloat(NumberUtils._NumberInputToNumberStr(arg), decimalPrecision);
-        };
-        NumberUtils.ParseFloatNumberInputKeepPrecision = function (arg) {
-            var correctedInputStr = NumberUtils._NumberInputToNumberStr(arg);
-            var decimalPrecision = this.GetDecimalPlaces(correctedInputStr);
-            return NumberUtils.ParseFloat(correctedInputStr, decimalPrecision);
-        };
-        /**
-         * Returns given arg as a float number with given decimal precision, if possible. Returns NaN if parse conversion failed.
-         *
-         * @param {any} arg The argument to parse to a float
-         * @param {number} decimalPrecision The number of decimals, or the precision, the parsed return float should have
-         * @returns {number} NaN if not possible, else the parsed float value
-         */
-        NumberUtils.ParseFloat = function (arg, decimalPrecision) {
-            if (decimalPrecision === void 0) { decimalPrecision = 2; }
-            if (!ObjectUtils.AllExist(arg, decimalPrecision) || Array.isArray(arg)) {
-                return NaN;
-            }
-            if (!NumberUtils.IsInteger(decimalPrecision) || decimalPrecision < 0) {
-                decimalPrecision = 2;
-                // toFixed() can only handle up until 20
-            }
-            else if (decimalPrecision > 20) {
-                decimalPrecision = 20;
-            }
-            return parseFloat(parseFloat(arg).toFixed(decimalPrecision));
-        };
-        /**
-         * Returns given arg as a float number with given decimal precision, if possible. Returns NaN if parse conversion failed.
-         *
-         * @param arg The argument to parse to a float
-         * @returns {number} The argument as a float with its original decimal precision intact
-         */
-        NumberUtils.ParseFloatKeepPrecision = function (arg) {
-            var decimalPrecision = this.GetDecimalPlaces(arg);
-            return this.ParseFloat(arg, decimalPrecision);
-        };
-        /**
-         * Returns the given argument as a number. Returns given defaultValue if conversion of argument was impossible.
-         * @param arg
-         * @param {number} [defaultValue = 0]
-         * @returns {number}
-         */
-        NumberUtils.ParseNumberOrDefault = function (arg, defaultValue) {
-            if (defaultValue === void 0) { defaultValue = 0; }
-            if (Array.isArray(arg)) {
-                return defaultValue;
-            }
-            if (!NumberUtils.IsNumber(arg)) {
-                arg = parseFloat(arg);
-                arg = isNaN(arg) ? defaultValue : arg;
-            }
-            return arg;
-        };
-        // Returns true iff given argument is an integer number. Returns false on non-numbers or numbers with significant decimals.
-        NumberUtils.IsInteger = function (arg) {
-            if (isNaN(arg) || Array.isArray(arg)) {
-                return false;
-            }
-            var argAsFloat = parseFloat(arg);
-            return ((argAsFloat | 0) === argAsFloat); // returns whether 'arg converted to an integer equals arg'
-        };
-        // Returns the number of decimal places of the given number. Returns 0 if no decimals whatsoever could be found on given arg.
-        NumberUtils.GetDecimalPlaces = function (arg, maxAnswer) {
-            if (maxAnswer === void 0) { maxAnswer = 1000; }
-            var match = ("" + arg).match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);
-            if (!match) {
-                return 0;
-            }
-            var answer = Math.max(0, 
-            // number of digits right of decimal point.
-            (match[1] ? match[1].length : 0)
-                // adjust for scientific notation
-                - (match[2] ? +match[2] : 0));
-            if (answer > maxAnswer) {
-                answer = maxAnswer;
-            }
-            return answer;
-        };
-        // Parses given numberInput to a number, or returns given defaultValue if parse not possible. Allows ',' char as decimal delimiter.
-        NumberUtils.ParseNumberInputOrDefault = function (numberInput, defaultValue) {
-            if (defaultValue === void 0) { defaultValue = 0; }
-            return NumberUtils.ParseNumberOrDefault(NumberUtils._NumberInputToNumberStr(numberInput), defaultValue);
-        };
-        // Returns whether the type of given argument is 'number'.
-        NumberUtils.IsNumber = function (arg) {
-            return typeof arg === "number" && !isNaN(arg);
-        };
-        /**
-         * Returns whether given arg is indeed not a number (it's NaN or it has another type than 'number')
-         * Our exact copy of AS Flex'es isNaN(arg) function. Always use this method for copying Flex isNaN(..) occurences into TypeScript.
-         * @param arg
-         * @returns {boolean}
-         * @constructor
-         */
-        NumberUtils.IsNaN = function (arg) {
-            return isNaN(arg) || !NumberUtils.IsNumber(arg);
-        };
-        // Our copy of CoMath.NaN. Returns number, or substitute if NumberUtils.IsNaN(number) holds true.
-        NumberUtils.NaN = function (number, substitute) {
-            if (substitute === void 0) { substitute = 0; }
-            return NumberUtils.IsNaN(number) ? substitute : number;
-        };
-        // Returns whether the value is parasable as a number.
-        NumberUtils.IsParsableNumber = function (arg) {
-            if (Array.isArray(arg)) {
-                return false;
-            }
-            return !isNaN(parseFloat(arg));
-        };
-        NumberUtils.IsParsableNumberInput = function (numberInput) {
-            return NumberUtils.IsParsableNumber(NumberUtils._NumberInputToNumberStr(numberInput));
-        };
-        /**
-         * Returns whether given arg is parseable as a number, and whether the lengts of its number parse result is equal to its original length.
-         * I.e. this function returns FALSE with given number-parsable strings, but that have non-numeric appendices, eg '2233ff'. That arg
-         * IS number-parseable, but not a strict 'string number', the latter being what this method actually checks for.
-         */
-        NumberUtils.IsStringNumber = function (arg) {
-            if (!NumberUtils.IsParsableNumber(arg)) {
-                return false;
-            }
-            else {
-                return arg.toString().length === parseFloat(arg).toString().length;
-            }
-        };
-        NumberUtils.IsListOfNumbers = function (arg, separator) {
-            if (separator === void 0) { separator = ","; }
-            var nrs = arg.split(separator);
-            if (nrs.length === 0) {
-                return false;
-            }
-            return nrs.filter(function (s) { return NumberUtils.IsStringNumber(s); }).length === nrs.length;
-        };
-        // Returns given argument as a string representation of a number parse, e.g. "1" for a number parse result of arg to 1.
-        NumberUtils.ParseStringNumber = function (arg) {
-            if (!this.IsStringNumber(arg)) {
-                return NaN;
-            }
-            return NumberUtils.ParseFloatKeepPrecision(arg);
-        };
-        NumberUtils.ParseStringNumberDefault = function (arg, defaultValue) {
-            if (defaultValue === void 0) { defaultValue = 0; }
-            return NumberUtils.NaN(NumberUtils.ParseStringNumber(arg), defaultValue);
-        };
-        /**
-         * Returns a random integer in range [lowerBound .. upperBound], an inclusive range. Returns NaN if not possible.
-         * Given bounds are truncated first, before serving as the true lower- and upper bounds for the random int.
-         */
-        NumberUtils.RandomInt = function (lowerBoundInt, upperBoundInt) {
-            if (!NumberUtils.IsNumber(lowerBoundInt) || !NumberUtils.IsNumber(upperBoundInt) || lowerBoundInt > upperBoundInt) {
-                return NaN;
-            }
-            lowerBoundInt = Math.trunc(lowerBoundInt);
-            upperBoundInt = Math.trunc(upperBoundInt);
-            if (lowerBoundInt === upperBoundInt) {
-                return lowerBoundInt;
-            }
-            var delta = upperBoundInt - lowerBoundInt;
-            return (Math.round(Math.random() * delta) + lowerBoundInt);
-        };
-        // Adds thousands comma's to given value, E.g. '1000' to '1,000'. Returns empty string if value was undefined.
-        NumberUtils.AddThousandsCommasTo = function (value) {
-            if (isNill(value)) {
-                return "";
-            }
-            return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-        };
-        /**
-         * Function used to check wether a given number is composed of another number, power-of-two wise.
-         * Example usage: NumberUtils.NumIsComposedOf(articleListObject.publication, ArticlePublication.Selector).
-         * This would return whether or not that articleListObject was publicated for selector or not, where articleListObject.publication
-         * was possibly a 'COMPOSITE that was made out of (including)' ArticlePublication.Selector.
-         */
-        NumberUtils.NumIsComposedOfOtherPowTwoNum = function (bigNrToCheck, powTwoNumItShouldBeComposedOf) {
-            if (!bigNrToCheck) {
-                return false;
-            }
-            else if (!powTwoNumItShouldBeComposedOf) {
-                return true;
-            }
-            else {
-                return ((bigNrToCheck & powTwoNumItShouldBeComposedOf) === powTwoNumItShouldBeComposedOf);
-            }
-        };
-        /**
-         * Returns given nr, or the given default number (default 0) if the nr number was undefined or otherwise not a number.
-         * Same as CoMath.NaN from AS code (used as its substitute in transaction logic)
-         * @param nr
-         * @param defaultNr
-         * @returns {number}
-         */
-        NumberUtils.NrOrDefault = function (nr, defaultNr) {
-            if (defaultNr === void 0) { defaultNr = 0; }
-            if (notNill(nr) && NumberUtils.IsNumber(nr)) {
-                return nr;
-            }
-            else {
-                return defaultNr;
-            }
-        };
-        /**
-         * Returns whether given nrToCheck is within the given precision and scale limits. Precision and scale, here, are Oracle DB terms.
-         * This function can thus be used to check whether the given number is safe to send to the 'database' beforehand, if we know the
-         * precision and scale of the number in the db declaration.
-         *
-         * I.e. A number declared in the Oracle DB as number(5, 2) has a precision of 5 and a scale of 2.
-         *
-         * @param {number} nrToCheck
-         * @param {number} precision The number of significant digits, including possibly negative scale. E.g. 3 in '123' and 5 in '51.123'
-         * @param {number} [scale = 0] The number of significant digits AFTER the decimal point. E.g. 1 in 5432.1 and 3 in 54000.003
-         * @returns {CheckPrecisionAndScaleResult} Whether given nrToCheck is ok for given precision and scale, and if not, the
-         * nearest number that IS ok for those constraints.
-         */
-        NumberUtils.CheckPrecisionAndScale = function (nrToCheck, precision, scale) {
-            if (scale === void 0) { scale = 0; }
-            // let's say any undefined number is checked OK, and all numbers are checked OK for an undefined precision
-            if (!ObjectUtils.AllExist(nrToCheck, precision, scale)) {
-                return { isOk: true, nearestOkNr: NaN };
-            }
-            // no number can have 0 or less than 0 significant digits, in our universe
-            if (precision < 1 || precision - scale < 1) {
-                return { isOk: false, nearestOkNr: NaN };
-            }
-            // begin check
-            var isNegative = (nrToCheck < 0);
-            var nrParts = nrToCheck.toString().split(".");
-            // remove minus sign if negative
-            if (isNegative) {
-                nrParts[0] = nrParts[0].slice(1);
-            }
-            var numCountBeforeDot = nrParts[0].length;
-            var allowedNumCountBeforeDot = precision - scale;
-            if (numCountBeforeDot <= allowedNumCountBeforeDot) {
-                return { isOk: true, nearestOkNr: nrToCheck };
-            }
-            else {
-                // cut a part from the "before decimal number" so that the number is not too big anymore
-                var numCountToRemove = numCountBeforeDot - allowedNumCountBeforeDot;
-                // remove the right-most numbers before the decimal dot
-                nrParts[0] = nrParts[0].slice(0, -1 * numCountToRemove);
-                // add minus sign again if it was negative
-                if (isNegative) {
-                    nrParts[0] = "-" + nrParts[0];
-                }
-                // build and return composite number again
-                var nearestOkNr = void 0;
-                if (nrParts[1]) {
-                    nearestOkNr = Number(nrParts[0] + "." + nrParts[1]);
-                }
-                else {
-                    nearestOkNr = Number(nrParts[0]);
-                }
-                return { isOk: false, nearestOkNr: nearestOkNr };
-            }
-        };
-        /**
-         * Returns whether given x is OK within the given min, max and step boundaries, where it should hold that nrToCheck = min + N * step,
-         * with N integer or 0.
-         * @param {number} nrToCheck Number to check whether it's within the given bounds
-         * @param min Inclusive
-         * @param max Inclusive
-         * @param stepSize
-         * @returns {CheckWithinSteppedBounds} Returns remainder of undefined when nrToCheck was OUTSIDE [min, max], else full result object.
-         */
-        NumberUtils.CheckWithinSteppedBounds = function (nrToCheck, min, max, stepSize) {
-            if (stepSize === void 0) { stepSize = 1; }
-            if (nrToCheck < min || nrToCheck > max) {
-                return { isOk: false, remainder: undefined };
-            }
-            // we're in [min, max], but still check if nrToCheck = min + N * step holds (for N integer or 0)
-            var remainder = (nrToCheck - min) % stepSize;
-            // correct float for largest precision amongst input numbers
-            remainder = NumberUtils.ParseFloat(remainder, NumberUtils._GetLargestDecimalPrecisionOf(nrToCheck, min, stepSize));
-            return { isOk: (remainder === 0), remainder: remainder };
-        };
-        /**
-         * Finds the number closest to the originalNumber, that adheres to the given bounds. That is, for which it holds that
-         * nr = min + N * step with N integer or 0.
-         * @param {number} originalNr Find closest answer to this number
-         * @param min Inclusive
-         * @param max Inclusive
-         * @param stepSize
-         * @returns {boolean} The closest OK number for bounds.
-         */
-        NumberUtils.GetNearestNumberWithinSteppedBounds = function (originalNr, min, max, stepSize) {
-            if (stepSize === void 0) { stepSize = 1; }
-            if (originalNr < min) {
-                return min;
-            }
-            else if (originalNr > max) {
-                return NumberUtils.GetTrueSteppedBoundsMax(min, max, stepSize);
-            }
-            var boundsCheck = NumberUtils.CheckWithinSteppedBounds(originalNr, min, max, stepSize);
-            if (boundsCheck.isOk) {
-                return originalNr;
-            }
-            var answer;
-            var remainder = boundsCheck.remainder;
-            if (remainder) {
-                // round up or down?
-                if ((remainder / stepSize) < 0.5) {
-                    //  round down, but not below min
-                    answer = (originalNr - remainder >= min ? originalNr - remainder : min);
-                }
-                else {
-                    // round up, but not above max
-                    answer = (originalNr + stepSize - remainder <= max ? originalNr + stepSize - remainder :
-                        NumberUtils.GetTrueSteppedBoundsMax(min, max, stepSize));
-                }
-            }
-            else {
-                // is this real life, why wasn't our stepped bounds check OK?
-                answer = originalNr;
-            }
-            // 'correct' float errors
-            answer = NumberUtils.ParseFloat(answer, NumberUtils._GetLargestDecimalPrecisionOf(originalNr, min, max, stepSize));
-            return answer;
-        };
-        /**
-         * Returns the true maximum allowed value for the given "stepped bounds": min, stepSize and max, for which it holds that each allowed
-         * value Y = min + stepSize * N, for any INTEGER or 0 N where it also holds, of course, that Y <= max.
-         * @param min
-         * @param max
-         * @param stepSize
-         */
-        NumberUtils.GetTrueSteppedBoundsMax = function (min, max, stepSize) {
-            if (stepSize === void 0) { stepSize = 1; }
-            // solve max integer X in formula min + X * step <= max, and return min + X * stepSize for that X
-            var maxSteps = Math.floor((max - min) / stepSize);
-            // 'correct' float errors
-            return NumberUtils.ParseFloat(min + maxSteps * stepSize, NumberUtils._GetLargestDecimalPrecisionOf(min, min, max));
-        };
-        // Returns the nearest number, relative to the given originalNr, that is within the given [min, max] inclusive bounds.
-        NumberUtils.GetNearestNumberWithinBounds = function (originalNr, min, max) {
-            var answer = originalNr;
-            if (originalNr < min) {
-                answer = min;
-            }
-            else if (originalNr > max) {
-                answer = max;
-            }
-            return answer;
-        };
-        // Returns the string representation of given number. If it's not a number, returns the empty string.
-        NumberUtils.ToString = function (nr) {
-            if (!NumberUtils.IsNaN(nr)) {
-                return "" + nr;
-            }
-            else {
-                return "";
-            }
-        };
-        NumberUtils.DecimalsToStepIncrement = function (numberOfDecimals) {
-            return Math.pow(10, -1 * numberOfDecimals);
-        };
-        NumberUtils.Round = function (value, decimals) {
-            var factor = Math.pow(10, decimals);
-            return Math.round(value * factor) / factor;
-        };
-        // @returns The inclusive max value
-        NumberUtils.PrecisionScaleToMaxValue = function (precision, scale) {
-            var oneStep = this.DecimalsToStepIncrement(scale);
-            var maxExclusive = Math.pow(10, precision - scale);
-            return maxExclusive - oneStep;
-        };
-        // @returns the difference between given 2 numbers
-        NumberUtils.DifferenceBetweenNumbers = function (numberA, numberB) {
-            return Math.abs(numberA - numberB);
-        };
-        NumberUtils._GetLargestDecimalPrecisionOf = function () {
-            var args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                args[_i] = arguments[_i];
-            }
-            var result = ArrayUtils.GetMaxCalculatedValue(args, function (arg) {
-                return NumberUtils.GetDecimalPlaces(arg);
-            });
-            return result;
-        };
-        // Returns given number input as a number that's useable by Javascript. Allows for incoming ',' decimal delimiter.
-        NumberUtils._NumberInputToNumberStr = function (numberInput) {
-            return (numberInput + "").replace(",", ".");
-        };
-        return NumberUtils;
-    }());
-
-    var ArrayUtils = /** @class */ (function () {
-        function ArrayUtils() {
-        }
-        /**
-         * Returns whether at least one element in given array could be found by given finder function.
-         *
-         * @param {T[]} array
-         * @param {(element: T) => boolean} finder A finder function that takes an element of the array and returns a boolean that represents
-         * the 'found status' for that element; whether it should have been found or not.
-         */
-        ArrayUtils.ContainsAnElementFoundBy = function (array, finder) {
-            if (!array || !finder) {
-                return false;
-            }
-            return notNill(this.Find(array, finder));
-        };
-        /**
-         * Cross-browser Array.find() function. Returns the first item in given array for which the foundBy function returns true. Returns
-         * undefined when none was found.
-         *
-         * Example usage:
-         * const foundItem: BusinessObject = ArrayUtils.Find<BusinessObject>(modelArray, (modelItem: BusinessObject) => <br>
-         *     (return modelItem.getId() === '1')
-         *   * });
-         *
-         * @param array The array with items to search in.
-         * @param foundBy The finder function applied on each items of the array, when that returns true, the item is considered found.
-         */
-        ArrayUtils.Find = function (array, foundBy) {
-            if (!array || !foundBy) {
-                return undefined;
-            }
-            for (var i = 0, len = array.length; i < len; i++) {
-                var itemCur = array[i];
-                if (foundBy(itemCur)) {
-                    return itemCur;
-                }
-            }
-            return undefined;
-        };
-        // @returns empty array when nothing found, otherwise array with found items
-        ArrayUtils.FindAll = function (array, foundBy) {
-            var answer = [];
-            if (!array || !foundBy) {
-                return answer;
-            }
-            for (var i = 0, len = array.length; i < len; i++) {
-                var itemCur = array[i];
-                if (foundBy(itemCur)) {
-                    answer.push(itemCur);
-                }
-            }
-            return answer;
-        };
-        // returns a simple clone of given array, using array.slice(0)
-        ArrayUtils.CloneArray = function (array) {
-            var answer = [];
-            if (array) {
-                answer = array.slice(0);
-            }
-            return answer;
-        };
-        /**
-         * Returns a 'semi deep clone' of given array. Its first-level members are object-shallow-cloned (optionally with a strongly typed constructor),
-         * or just as plain object (see param arrayItemsClass).
-         * @param array
-         * @param arrayItemsClass If provided, the cloned array's first-level items will be strongly typed to / constructed as this class. Otherwise
-         * it'll be a plain object.
-         * @param deepClone Set to true if array items contain FUNCTIONS that need to be cloned..
-         * @returns {Array} semi-deep clone of given array
-         */
-        ArrayUtils.CloneArrayAndItsItems = function (array, arrayItemsClass, deepClone) {
-            if (deepClone === void 0) { deepClone = false; }
-            var cloneArray = [];
-            if (array) {
-                for (var i = 0, len = array.length; i < len; i++) {
-                    if (deepClone) {
-                        cloneArray.push(ObjectUtils.GetDeepClone(array[i]));
-                    }
-                    else {
-                        cloneArray.push(ObjectUtils.GetShallowClone(array[i], arrayItemsClass));
-                    }
-                }
-            }
-            else {
-                return [];
-            }
-            return cloneArray;
-        };
-        /**
-         * Removes element at given index from given array. Doesn't just set it to null like JavaScripts standard 'delete' does, but really
-         * removes the element using splice().
-         *
-         * @param {number} index
-         * @param {any[]} array in-out
-         * @returns {boolean} True if and only if the element on given index is succesfully removed from given array.
-         */
-        ArrayUtils.RemoveElementAtIndex = function (index, array) {
-            if (NumberUtils.IsNaN(index) || index < 0 || !Array.isArray(array) || array.length === 0) {
-                return false;
-            }
-            if (index in array) {
-                array.splice(index, 1);
-                return true;
-            }
-            else {
-                return false;
-            }
-        };
-        /**
-         * Removes given element from given array. Doesn't just set it to null like JavaScripts standard 'delete' does, but really removes the
-         * element using splice(). Also works on associative arrays.
-         *
-         * @param {T} element The element to remove.
-         * @param {T[]} array The array to remove the element from.
-         * @returns {boolean} True iff given element was truly successfully removed from given array.
-         */
-        ArrayUtils.RemoveElement = function (element, array) {
-            if (!Array.isArray(array)) {
-                return false;
-            }
-            var index = array.indexOf(element);
-            return ArrayUtils.RemoveElementAtIndex(index, array);
-        };
-        // Checks if given array is defined, and is an array, and has length > 0, and, optionally checks that the first element is of type given clazz.
-        ArrayUtils.IsArrayWithElements = function (arrayToCheck, classItemsMustBeInstanceOf) {
-            if (isNill(arrayToCheck)) {
-                return false;
-            }
-            if (Array.isArray(arrayToCheck) && arrayToCheck.length > 0) {
-                if (classItemsMustBeInstanceOf) {
-                    return arrayToCheck[0] instanceof classItemsMustBeInstanceOf;
-                }
-                else {
-                    return true;
-                }
-            }
-            else {
-                return false;
-            }
-        };
-        // Removes all elements from given array for which given filter function holds true. Returns true if at least one removed, else false.
-        ArrayUtils.RemoveElementsByFilter = function (array, filterFunction) {
-            if (!ArrayUtils.IsArrayWithElements(array) || !filterFunction) {
-                return false;
-            }
-            var atLeastOneRemoved = false;
-            var len = array.length;
-            for (var i = len - 1; i >= 0; i--) {
-                var item = array[i];
-                if (filterFunction.call(this, item) === true) {
-                    array.splice(i, 1);
-                    atLeastOneRemoved = true;
-                }
-            }
-            return atLeastOneRemoved;
-        };
-        ArrayUtils.MoveElement = function (element, toIndex, array) {
-            if (!Array.isArray(array) || isNill(toIndex)) {
-                return false;
-            }
-            var fromIndex = array.indexOf(element);
-            var toIndexCorrected = NumberUtils.GetNearestNumberWithinBounds(toIndex, 0, array.length - 1);
-            if (fromIndex === -1 || array[toIndexCorrected] === element) {
-                // element did not exist in given array, or already existed on given toIndex
-                return false;
-            }
-            array.splice(toIndexCorrected, 0, array.splice(fromIndex, 1)[0]);
-            return true;
-        };
-        // PRE: elements exists in given array. POST: given elementToPlace has a lower index than given afterThisElement. Array is in-out manipulated.
-        ArrayUtils.PlaceElementAfterOther = function (array, elementToPlace, afterThisElement) {
-            if (array) {
-                var afterThisElIdx = array.indexOf(afterThisElement);
-                var elToPlaceIdx = array.indexOf(elementToPlace);
-                if (afterThisElIdx >= elToPlaceIdx) {
-                    ArrayUtils.MoveElement(elementToPlace, afterThisElIdx + 1, array);
-                }
-            }
-        };
-        /**
-         * Returns max value from all resulting values from applying given itemValueFunction to all items of given array.
-         * @param array
-         * @param itemValueFunction The function applied to each array item that gives it a numerical value. The max num val found is returned.
-         */
-        ArrayUtils.GetMaxCalculatedValue = function (array, itemValueFunction) {
-            if (!array || !itemValueFunction) {
-                return NaN;
-            }
-            var max = undefined;
-            var len = array.length;
-            for (var i = 0; i < len; i++) {
-                var valueCur = itemValueFunction.call(this);
-                if (valueCur > max) {
-                    max = valueCur;
-                }
-            }
-            return max;
-        };
-        return ArrayUtils;
-    }());
-
-    /**
-     * This type represents the concept of a business object ID type. ID's of business objects can be a primary number, a simple string or a
-     * object for a composite key.
-     *
-     * Simply to prevent type declarations of 'number | string | Object' for BO ID data all over the application.
-     */
-    var BusinessObject = /** @class */ (function () {
-        function BusinessObject() {
-        }
-        // Overridable. Returns the ID of the model. Concrete model classes often override this method to provide their specific ID getter.
-        BusinessObject.prototype.getId = function () {
-            return this.id;
-        };
-        BusinessObject.prototype.setOwnMappedPropsFromRawData = function (rawData) {
-            var _this = this;
-            if (rawData === void 0) { rawData = {}; }
-            if (!rawData) {
-                return;
-            }
-            Object.keys(this).forEach(function (key) {
-                // check if property needs to be mapped
-                if (mapProperty_decorator.MapPropertyDecorator.IsMapProperty(_this, key)) {
-                    var mapKeys = mapProperty_decorator.MapPropertyDecorator.GetMapProperty(_this, key).split(",");
-                    var len = mapKeys.length;
-                    for (var i = 0; i < len; i++) {
-                        // eslint-disable-next-line
-                        var mapKey = mapKeys[i].trim();
-                        var objProp = rawData[mapKey];
-                        var decorated = false;
-                        if (rawData.hasOwnProperty(mapKey)) {
-                            if (boolean_decorator.BooleanTextDecorator.IsBooleanTextField(_this, key)) {
-                                _this[key] = boolean_decorator.BooleanTextDecorator.GetLogicalBooleanValue(objProp);
-                                decorated = true;
-                            }
-                            if (json_decorator.JsonFieldFieldDecorator.IsJsonField(_this, key)) {
-                                _this[key] = json_decorator.JsonFieldFieldDecorator.StringAsJson(objProp);
-                                decorated = true;
-                            }
-                            if (complexArray_decorator.ComplexArrayDecorator.IsComplexArray(_this, key)) {
-                                var arrayClass = complexArray_decorator.ComplexArrayDecorator.GetComplexArrayType(_this, key);
-                                // eslint-disable-next-line
-                                var origArray = _this[key];
-                                // eslint-disable-next-line
-                                var newArray = [];
-                                // eslint-disable-next-line @typescript-eslint/prefer-for-of
-                                for (var j = 0; j < origArray.length; j++) {
-                                    // eslint-disable-next-line
-                                    var item = new arrayClass(origArray[j]);
-                                    newArray.push(item);
-                                }
-                                _this[key] = newArray;
-                            }
-                            else {
-                                if (!decorated) {
-                                    _this[key] = objProp;
-                                }
-                            }
-                            break;
-                        }
-                    }
-                }
-                else {
-                    if (rawData.hasOwnProperty(key)) {
-                        var objProp = rawData[key];
-                        if (boolean_decorator.BooleanTextDecorator.IsBooleanTextField(_this, key)) {
-                            _this[key] = boolean_decorator.BooleanTextDecorator.GetLogicalBooleanValue(objProp);
-                        }
-                        else if (json_decorator.JsonFieldFieldDecorator.IsJsonField(_this, key)) {
-                            _this[key] = json_decorator.JsonFieldFieldDecorator.StringAsJson(objProp);
-                        }
-                        else {
-                            _this[key] = objProp;
-                        }
-                    }
-                }
-            });
-        };
-        return BusinessObject;
-    }());
-
-    // Factory service creates businessobjects, using their decorators in the process.
-    var BusinessObjectFactory = /** @class */ (function () {
-        function BusinessObjectFactory() {
-        }
-        /**
-         * Creates and returns a new business data object instance of given class, with all given data properties applied to it in a
-         * complex-aware style. That is, all properties on given class that are decorated with @ComplexField(..) or @ComplexArray(..) decorators
-         * become strongly typed business objects, with methods that are usable and such.
-         *
-         * @param modelClass
-         * @param {Object} rawData The object with all (possibly raw/flat/not alive) data to be applied to the created model object
-         */
-        BusinessObjectFactory.prototype.makeWithRawBackendData = function (modelClass, rawData) {
-            if (!modelClass) {
-                return undefined;
-            }
-            if (typeof modelClass !== typeof BusinessObject) {
-                return undefined;
-            }
-            var model = new modelClass();
-            this._copyAllPropertiesDecoratorProcessedFrom(rawData, model);
-            return model;
-        };
-        // see makeWithRawBackendData, this is a loop-wrapper around that method
-        BusinessObjectFactory.prototype.makeBOArrayFromRawBackendDataArray = function (modelClass, arrayOfRawDatas) {
-            if (!modelClass) {
-                return undefined;
-            }
-            var trueClientBos = [];
-            if (arrayOfRawDatas) {
-                for (var i = 0, len = arrayOfRawDatas.length; i < len; i++) {
-                    trueClientBos.push(this.makeWithRawBackendData(modelClass, arrayOfRawDatas[i]));
-                }
-            }
-            return trueClientBos;
-        };
-        BusinessObjectFactory.prototype.instantiateNewBo = function (modelClass) {
-            return this.makeWithRawBackendData(modelClass, {});
-        };
-        /**
-         * Applies all properties of given 'source' object to the given 'destination' businessobject, if destination has that property.
-         * Works with the @ComplexField(), @ComplexArray, @BooleanText, @CoInject and @DateField annotations of given destination model.
-         *
-         * @param sourceData Raw data to copy to destination model
-         * @param {BusinessObject} destinationModel InOut: The annotated businessobject to apply source properties to
-         */
-        BusinessObjectFactory.prototype._copyAllPropertiesDecoratorProcessedFrom = function (sourceData, destinationModel) {
-            if (!sourceData || !destinationModel) {
-                return;
-            }
-            // process all source data into destinationModel
-            for (var srcPropKey in sourceData) {
-                if (!sourceData.hasOwnProperty(srcPropKey)) {
-                    continue;
-                }
-                var srcPropVal = sourceData[srcPropKey];
-                if (ComplexFieldDecorator.IsComplexField(destinationModel, srcPropKey)) {
-                    var classOfField = ComplexFieldDecorator.GetComplexFieldType(destinationModel, srcPropKey);
-                    destinationModel[srcPropKey] = this.makeWithRawBackendData(classOfField, srcPropVal);
-                }
-                else if (ComplexArrayDecorator.IsComplexArray(destinationModel, srcPropKey)) {
-                    var sourceArray = srcPropVal;
-                    if (!sourceArray) {
-                        continue;
-                    }
-                    var classOfArrayItems = ComplexArrayDecorator.GetComplexArrayType(destinationModel, srcPropKey);
-                    var tempArray = [];
-                    for (var i = 0, len = sourceArray.length; i < len; i++) {
-                        tempArray.push(this.makeWithRawBackendData(classOfArrayItems, sourceArray[i]));
-                    }
-                    destinationModel[srcPropKey] = tempArray;
-                }
-                else if (BooleanTextDecorator.IsBooleanTextField(destinationModel, srcPropKey)) {
-                    // logical 'true' and 'false' also allowed as incoming values for @BooleanText() properties: then just copy their value
-                    if (typeof srcPropVal === "boolean") {
-                        destinationModel[srcPropKey] = srcPropVal;
-                        // here, it should be a 'J' or 'N' (or 'T' or 'F'): assign the associated boolean value
-                    }
-                    else {
-                        destinationModel[srcPropKey] = BooleanTextDecorator.GetLogicalBooleanValue(srcPropVal);
-                    }
-                }
-                else if (DateFieldFieldDecorator.IsDateField(destinationModel, srcPropKey)) {
-                    destinationModel[srcPropKey] = DateFieldFieldDecorator.StringAsDate(srcPropVal);
-                }
-                else if (StringNumberDecorator.IsStringNumber(destinationModel, srcPropKey)) {
-                    destinationModel[srcPropKey] = StringNumberDecorator.StringAsNumber(srcPropVal);
-                }
-                // non-decorated prop
-                else {
-                    if (isNill(srcPropVal)) {
-                        destinationModel[srcPropKey] = undefined;
-                    }
-                    else if (Array.isArray(srcPropVal)) {
-                        destinationModel[srcPropKey] = ArrayUtils.CloneArray(srcPropVal);
-                    }
-                    else if (typeof srcPropVal === "object") {
-                        if (srcPropVal instanceof Map) { //just copy the value in case of maps
-                            destinationModel[srcPropKey] = srcPropVal;
-                        }
-                        else {
-                            destinationModel[srcPropKey] = Object.assign({}, srcPropVal);
-                        }
-                    }
-                    else {
-                        destinationModel[srcPropKey] = srcPropVal;
-                    }
-                }
-            }
-        };
-        return BusinessObjectFactory;
-    }());
-
-    exports["ɵr"] = void 0;
+    exports["ɵbc"] = void 0;
     (function (LanguageCode) {
         LanguageCode["Dutch"] = "nl-NL";
         LanguageCode["English"] = "en-GB";
         LanguageCode["German"] = "de-DE";
         LanguageCode["French"] = "fr-FR";
-    })(exports["ɵr"] || (exports["ɵr"] = {}));
+    })(exports["ɵbc"] || (exports["ɵbc"] = {}));
 
     // Static utility functions holder related to strings.
     var StringUtils = /** @class */ (function () {
@@ -2245,7 +850,7 @@
         DictionaryService.prototype.setDictionary = function (language) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
-                    this._language = language || exports["ɵr"].Dutch;
+                    this._language = language || exports["ɵbc"].Dutch;
                     this._loadDictionary();
                     return [2 /*return*/];
                 });
@@ -2278,7 +883,7 @@
                 return key || "";
             }
             if (this.language === undefined) {
-                this._language = exports["ɵr"].Dutch;
+                this._language = exports["ɵbc"].Dutch;
                 this._loadDictionary();
             }
             var text = this._dictionaries.get(this.language)[key];
@@ -2390,24 +995,24 @@
     var SharedConnectorService = /** @class */ (function () {
         function SharedConnectorService(_optionsService) {
             this._optionsService = _optionsService;
-            this._boFactory = new BusinessObjectFactory();
+            this._boFactory = new businessObjectFactory.BusinessObjectFactory();
         }
         SharedConnectorService.prototype.connect = function () {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
                     this.articleConnector = new articles.Articles(this._optionsService.options);
                     this.sharedConnector = new sharedapi.Sharedapi(this._optionsService.options);
+                    this.mainConnector = new mainapi.MainApi(this._optionsService.options);
                     return [2 /*return*/];
                 });
             });
         };
-        SharedConnectorService.prototype.getAllPrinters = function (showAll) {
-            if (showAll === void 0) { showAll = true; }
+        SharedConnectorService.prototype.getAllPrinters = function () {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
                     return [2 /*return*/, new Promise(function (resolve, reject) {
-                            return _this.sharedConnector.listAllPrinters(showAll).then(function (result) {
+                            return _this.mainConnector.listAllPrinters().then(function (result) {
                                 if (result.validationResult && result.validationResult.success) {
                                     if (result.resultObject) {
                                         resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(printer_bo.Printer, result.resultObject));
@@ -2421,34 +1026,15 @@
                 });
             });
         };
-        SharedConnectorService.prototype.getPrintStockStickers = function (request) {
-            return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    return [2 /*return*/, new Promise(function (resolve, reject) {
-                            return _this.sharedConnector.getPrintStockStickers(request).then(function (result) {
-                                if (result.validationResult && result.validationResult.success) {
-                                    if (result.resultObject) {
-                                        resolve(_this._boFactory.makeWithRawBackendData(printStockStickers.PrintStockStickers, result.resultObject));
-                                    }
-                                }
-                                else {
-                                    reject(result.validationMessagesAsString);
-                                }
-                            });
-                        })];
-                });
-            });
-        };
-        SharedConnectorService.prototype.getPrintPriceStickers = function (request) {
+        SharedConnectorService.prototype.getSendMethods = function () {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
                     return [2 /*return*/, new Promise(function (resolve, reject) {
-                            return _this.sharedConnector.printPriceStickers(request).then(function (result) {
+                            return _this.mainConnector.getSendMethods().then(function (result) {
                                 if (result.validationResult && result.validationResult.success) {
-                                    if (result.resultObject) {
-                                        resolve(_this._boFactory.makeWithRawBackendData(printPriceStickers_bo.PrintPriceStickers, result.resultObject));
+                                    if (result.resultObject && result.resultObject.result) {
+                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(sendMethod_bo.SendMethod, result.resultObject.result));
                                     }
                                 }
                                 else {
@@ -2459,103 +1045,41 @@
                 });
             });
         };
-        // public async getStockStickerPrintLayouts(stockStickersPrintLayouts: StockStickersPrintLayouts): Promise<StockStickersPrintLayouts[]> {
+        // public async getPrintStockStickers(request: PrintStockStickers): Promise<PrintStockStickers> {
         //   return new Promise((resolve: Function, reject: Function) => {
-        //     return this.sharedConnector.getStockStickerPrintLayouts(stockStickersPrintLayouts).then((result: DataServiceResponse) => {
+        //     return this.sharedConnector.getPrintStockStickers(request).then((result: DataServiceResponseData) => {
         //       if (result.validationResult && result.validationResult.success) {
         //         if (result.resultObject) {
-        //           resolve(this._boFactory.makeWithRawBackendData(stockStickersPrintLayouts, result.resultObject));
+        //           resolve(this._boFactory.makeWithRawBackendData(PrintStockStickers, result.resultObject));
         //         }
         //       } else {
-        //         reject(result.validationMessagesAsString);
-        //       }
-        //     })
-        //   })
-        // }
-        SharedConnectorService.prototype.getArticleFullObject = function (goodId) {
-            return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    return [2 /*return*/, new Promise(function (resolve, reject) {
-                            return _this.articleConnector.getArticleFullObject(goodId).then(function (result) {
-                                // if (result.validationResult && result.validationResult.success) {
-                                //   if (result.resultObject) {
-                                //     resolve(this._boFactory.makeWithRawBackendData(ArticleExtended, result.resultObject));
-                                //   }
-                                // } else {
-                                //   reject(result.validationMessagesAsString);
-                                // }
-                            });
-                        })];
-                });
-            });
-        };
-        SharedConnectorService.prototype.getStockHistory = function (request) {
-            return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    return [2 /*return*/, new Promise(function (resolve, reject) {
-                            return _this.articleConnector.getStockHistory(request).then(function (result) {
-                                if (result.validationResult && result.validationResult.success) {
-                                    if (result.resultObject && result.resultObject.hasOwnProperty("stockHistory")) {
-                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(stockHistory_bo.StockHistoryBo, result.resultObject.stockHistory));
-                                    }
-                                }
-                                else {
-                                    reject(result.validationMessagesAsString);
-                                }
-                            });
-                        })];
-                });
-            });
-        };
-        SharedConnectorService.prototype.getStockInformation = function (data) {
-            return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    return [2 /*return*/, new Promise(function (resolve, reject) {
-                            return _this.articleConnector.getStockInformation(data).then(function (result) {
-                                if (result.validationResult && result.validationResult.success) {
-                                    if (result.resultObjects) {
-                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(articleStock_bo.ArticleStock, result.resultObjects));
-                                    }
-                                }
-                                else {
-                                    reject(result.validationMessagesAsString);
-                                }
-                            });
-                        })];
-                });
-            });
-        };
-        SharedConnectorService.prototype.getStockManagementWarehouses = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    return [2 /*return*/, new Promise(function (resolve, reject) {
-                            return _this.articleConnector.getStockManagementWarehouses().then(function (result) {
-                                if (result.validationResult && result.validationResult.success) {
-                                    if (result.resultObjects) {
-                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(stockManagementWarehouses_bo.StockManagementWarehouses, result.resultObjects));
-                                    }
-                                }
-                                else {
-                                    reject(result.validationMessagesAsString);
-                                }
-                            });
-                        })];
-                });
-            });
-        };
-        SharedConnectorService.prototype.getStockManagementLocations = function (warehouseNo) {
+        //         reject(result.validationMessagesAsString);
+        //       }
+        //     })
+        //   })
+        // }
+        // public async getPrintPriceStickers(request: PrintPriceStickers): Promise<PrintPriceStickers> {
+        //   return new Promise((resolve: Function, reject: Function) => {
+        //     return this.sharedConnector.printPriceStickers(request).then((result: DataServiceResponseData) => {
+        //       if (result.validationResult && result.validationResult.success) {
+        //         if (result.resultObject) {
+        //           resolve(this._boFactory.makeWithRawBackendData(PrintPriceStickers, result.resultObject));
+        //         }
+        //       } else {
+        //         reject(result.validationMessagesAsString);
+        //       }
+        //     })
+        //   })
+        // }
+        SharedConnectorService.prototype.getStockHistory = function (request) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
                     return [2 /*return*/, new Promise(function (resolve, reject) {
-                            return _this.articleConnector.getStockManagementLocations(warehouseNo).then(function (result) {
+                            return _this.articleConnector.getStockHistory(request).then(function (result) {
                                 if (result.validationResult && result.validationResult.success) {
-                                    if (result.resultObjects) {
-                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(stockLocation_bo.StockLocation, result.resultObjects));
+                                    if (result.resultObject && result.resultObject.hasOwnProperty("stockHistory")) {
+                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(stockHistory_bo.StockHistoryBo, result.resultObject.stockHistory));
                                     }
                                 }
                                 else {
@@ -2566,15 +1090,15 @@
                 });
             });
         };
-        SharedConnectorService.prototype.getOrderConfirmationDefaultSendMethod = function (relationId) {
+        SharedConnectorService.prototype.getStockInformation = function (data) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
                     return [2 /*return*/, new Promise(function (resolve, reject) {
-                            return _this.sharedConnector.getOrderConfirmationDefaultSendMethod(relationId).then(function (result) {
+                            return _this.articleConnector.getStockInformation(data).then(function (result) {
                                 if (result.validationResult && result.validationResult.success) {
-                                    if (result.resultObject) {
-                                        resolve(result.resultObject);
+                                    if (result.resultObjects) {
+                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(articleStock_bo.ArticleStock, result.resultObjects));
                                     }
                                 }
                                 else {
@@ -2585,15 +1109,15 @@
                 });
             });
         };
-        SharedConnectorService.prototype.getDefaultEmailAddressListForOrderConfirmation = function (transactionUUID) {
+        SharedConnectorService.prototype.getStockManagementWarehouses = function () {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
                     return [2 /*return*/, new Promise(function (resolve, reject) {
-                            return _this.sharedConnector.getDefaultEmailAddressListForOrderConfirmation(transactionUUID).then(function (result) {
+                            return _this.articleConnector.getStockManagementWarehouses().then(function (result) {
                                 if (result.validationResult && result.validationResult.success) {
-                                    if (result.resultObject) {
-                                        resolve(result.resultObject);
+                                    if (result.resultObjects) {
+                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(stockManagementWarehouses_bo.StockManagementWarehouses, result.resultObjects));
                                     }
                                 }
                                 else {
@@ -2604,15 +1128,15 @@
                 });
             });
         };
-        SharedConnectorService.prototype.getPurchaseOrderEmailLayouts = function (transactionUUID) {
+        SharedConnectorService.prototype.getStockManagementLocations = function (warehouseNo) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
                     return [2 /*return*/, new Promise(function (resolve, reject) {
-                            return _this.sharedConnector.getPurchaseOrderEmailLayouts(transactionUUID).then(function (result) {
+                            return _this.articleConnector.getStockManagementLocations(warehouseNo).then(function (result) {
                                 if (result.validationResult && result.validationResult.success) {
-                                    if (result.resultObject) {
-                                        resolve(result.resultObject);
+                                    if (result.resultObjects) {
+                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(stockLocation_bo.StockLocation, result.resultObjects));
                                     }
                                 }
                                 else {
@@ -2623,6 +1147,45 @@
                 });
             });
         };
+        // public async getOrderConfirmationDefaultSendMethod(relationId: number): Promise<number> {
+        //   return new Promise((resolve: Function, reject: Function) => {
+        //     return this.sharedConnector.getOrderConfirmationDefaultSendMethod(relationId).then((result: DataServiceResponseData) => {
+        //       if (result.validationResult && result.validationResult.success) {
+        //         if (result.resultObject) {
+        //           resolve (result.resultObject);
+        //         }
+        //       } else {
+        //         reject(result.validationMessagesAsString);
+        //       }
+        //     });
+        //   });
+        // }
+        // public async getDefaultEmailAddressListForOrderConfirmation(transactionUUID: string): Promise<string[]> {
+        //   return new Promise((resolve: Function, reject: Function) => {
+        //     return this.sharedConnector.getDefaultEmailAddressListForOrderConfirmation(transactionUUID).then((result: DataServiceResponseData) => {
+        //       if (result.validationResult && result.validationResult.success) {
+        //         if (result.resultObject) {
+        //           resolve (result.resultObject);
+        //         }
+        //       } else {
+        //         reject(result.validationMessagesAsString);
+        //       }
+        //     });
+        //   });
+        // }
+        // public async getPurchaseOrderEmailLayouts(transactionUUID: string): Promise<StockStickersEmailLayouts[]> {
+        //   return new Promise((resolve: Function, reject: Function) => {
+        //     return this.sharedConnector.getPurchaseOrderEmailLayouts(transactionUUID).then((result: DataServiceResponseData) => {
+        //       if (result.validationResult && result.validationResult.success) {
+        //         if (result.resultObject) {
+        //           resolve (result.resultObject);
+        //         }
+        //       } else {
+        //         reject(result.validationMessagesAsString);
+        //       }
+        //     });
+        //   });
+        // }
         SharedConnectorService.prototype.getArticleDetails = function (data) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
@@ -2713,25 +1276,19 @@
                 });
             });
         };
-        SharedConnectorService.prototype.getStockStickerTemplates = function (data) {
-            return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    return [2 /*return*/, new Promise(function (resolve, reject) {
-                            return _this.sharedConnector.getStockStickerPrintLayouts(data).then(function (result) {
-                                if (result.validationResult && result.validationResult.success) {
-                                    if (result.resultObject) {
-                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(stockStickersPrintLayouts_bo.StockStickersPrintLayouts, result.resultObject));
-                                    }
-                                }
-                                else {
-                                    reject(result.validationMessagesAsString);
-                                }
-                            });
-                        })];
-                });
-            });
-        };
+        // public async getStockStickerTemplates(data: StockStickersPrintLayouts): Promise<StockStickersPrintLayouts[]> {
+        //   return new Promise((resolve: Function, reject: Function) => {
+        //     return this.mainConnector.getStockStickerPrintLayouts(data).then((result: DataServiceResponseData) => {
+        //       if (result.validationResult && result.validationResult.success) {
+        //         if (result.resultObject) {
+        //           resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(StockStickersPrintLayouts, result.resultObject));
+        //         }
+        //       } else {
+        //         reject(result.validationMessagesAsString);
+        //       }
+        //     });
+        //   });
+        // }
         SharedConnectorService.prototype.getArticleTransaction = function (data) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
@@ -2770,41 +1327,12 @@
         function StockService(_sharedService) {
             this._sharedService = _sharedService;
         }
-        StockService.prototype.getPrintStockStickers = function (data) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._sharedService.getPrintStockStickers(data)];
-                        case 1:
-                            _a.sent();
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        StockService.prototype.getPrintPriceStickers = function (data) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._sharedService.getPrintPriceStickers(data)];
-                        case 1:
-                            _a.sent();
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        StockService.prototype.getAllPrinters = function (showAll) {
-            if (showAll === void 0) { showAll = true; }
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._sharedService.getAllPrinters(showAll)];
-                        case 1: return [2 /*return*/, _a.sent()];
-                    }
-                });
-            });
-        };
+        // public async getPrintStockStickers(data: PrintStockStickers): Promise<void> {
+        //   await this._sharedService.getPrintStockStickers(data);
+        // }
+        // public async getPrintPriceStickers(data: PrintPriceStickers): Promise<void> {
+        //   await this._sharedService.getPrintPriceStickers(data);
+        // }
         StockService.prototype.getStockHistory = function (data) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
@@ -2858,16 +1386,9 @@
                 });
             });
         };
-        StockService.prototype.getStockStickerTemplates = function (data) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._sharedService.getStockStickerTemplates(data)];
-                        case 1: return [2 /*return*/, _a.sent()];
-                    }
-                });
-            });
-        };
+        // public async getStockStickerTemplates(data: StockStickersPrintLayouts): Promise<StockStickersPrintLayouts[]> {
+        //   return await this._sharedService.getStockStickerTemplates(data);
+        // }
         StockService.prototype.getStockManagementWarehouses = function () {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
@@ -2888,36 +1409,15 @@
                 });
             });
         };
-        StockService.prototype.getOrderConfirmationDefaultSendMethod = function (relationId) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._sharedService.getOrderConfirmationDefaultSendMethod(relationId)];
-                        case 1: return [2 /*return*/, _a.sent()];
-                    }
-                });
-            });
-        };
-        StockService.prototype.getDefaultEmailAddressListForOrderConfirmation = function (transactionUUID) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._sharedService.getDefaultEmailAddressListForOrderConfirmation(transactionUUID)];
-                        case 1: return [2 /*return*/, _a.sent()];
-                    }
-                });
-            });
-        };
-        StockService.prototype.getPurchaseOrderEmailLayouts = function (transactionUUID) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._sharedService.getPurchaseOrderEmailLayouts(transactionUUID)];
-                        case 1: return [2 /*return*/, _a.sent()];
-                    }
-                });
-            });
-        };
+        // public async getOrderConfirmationDefaultSendMethod(relationId: number): Promise<number> {
+        //   return await this._sharedService.getOrderConfirmationDefaultSendMethod(relationId);
+        // }
+        // public async getDefaultEmailAddressListForOrderConfirmation(transactionUUID: string): Promise<string[]> {
+        //   return await this._sharedService.getDefaultEmailAddressListForOrderConfirmation(transactionUUID);
+        // }
+        // public async getPurchaseOrderEmailLayouts(transactionUUID: string): Promise<StockStickersEmailLayouts[]> {
+        //   return await this._sharedService.getPurchaseOrderEmailLayouts(transactionUUID);
+        // }
         StockService.prototype.getArticleTransaction = function (data) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
@@ -2961,6 +1461,8 @@
             this._dictionary = _dictionary;
             this._changeDetector = _changeDetector;
             this.handleStickerClicked = new i0.EventEmitter();
+            this.okButtonClicked = new i0.EventEmitter();
+            this.cancelButtonClicked = new i0.EventEmitter();
             this.showStockInformationGrid = true;
             this.showStockLocation = false;
             this.showStockTransfer = false;
@@ -3078,7 +1580,7 @@
     StockComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-stock",
-                    template: "\n      <div class=\"stock-info-container\">\n        <co-stock-information [article]=\"articleExtended\"\n                              [articleStock]=\"\"\n                              [allAvailableStockInformation]=\"allAvailableStock\"\n                              [allTechnicalStockInformation]=\"allTechnicalStock\"\n        >\n        </co-stock-information>\n        <hr>\n        <co-stock-information-grid *ngIf=\"showStockInformationGrid\"\n                                   [stockLocationData]=\"stockLocationInformation\"\n                                   [articleStockInformation]=\"stockInformation\"\n                                   (transferIconClicked)=\"handleStockTransferClick($event)\"\n                                   (historyClicked)=\"getStockHistory()\"\n                                   [stockHistoryInformation]=\"stockHistory\"\n        >\n        </co-stock-information-grid>\n        <co-stock-location *ngIf=\"showStockLocation\"\n                           (backToStockLines)=\"backToStockLinesClicked()\">\n\n        </co-stock-location>\n        <co-stock-transfer *ngIf=\"showStockTransfer\"\n                           (handleCancelClicked)=\"backToStock()\"\n                            [article]=\"stockTransferArticle\"\n                           [articleToTransfer]=\"stockTransferArticleDetails\"\n                           [stockSticker]=\"stockService.stockStickers\"\n                           (handleStickerClicked)=\"handleStickerClicked.emit($event)\"\n                           [articleWarehouse]=\"articleWarehouse\"\n                           [allWarehouses]=\"allWarehouses\"\n        >\n        </co-stock-transfer>\n      </div>\n  ",
+                    template: "\n      <div class=\"stock-info-container\">\n        <co-stock-information [article]=\"articleExtended\"\n                              [articleStock]=\"\"\n                              [allAvailableStockInformation]=\"allAvailableStock\"\n                              [allTechnicalStockInformation]=\"allTechnicalStock\"\n        >\n        </co-stock-information>\n        <hr>\n        <co-stock-information-grid *ngIf=\"showStockInformationGrid\"\n                                   [article]=\"articleExtended\"\n                                   [stockLocationData]=\"stockLocationInformation\"\n                                   [articleStockInformation]=\"stockInformation\"\n                                   (transferIconClicked)=\"handleStockTransferClick($event)\"\n                                   (historyClicked)=\"getStockHistory()\"\n                                   [stockHistoryInformation]=\"stockHistory\"\n                                   (okButtonClicked)=\"okButtonClicked.emit()\"\n                                   (cancelButtonClicked)=\"cancelButtonClicked.emit()\"\n        >\n        </co-stock-information-grid>\n        <co-stock-location *ngIf=\"showStockLocation\"\n                           (backToStockLines)=\"backToStockLinesClicked()\">\n\n        </co-stock-location>\n        <co-stock-transfer *ngIf=\"showStockTransfer\"\n                           (handleCancelClicked)=\"backToStock()\"\n                            [article]=\"stockTransferArticle\"\n                           [articleToTransfer]=\"stockTransferArticleDetails\"\n                           [stockSticker]=\"stockService.stockStickers\"\n                           (handleStickerClicked)=\"handleStickerClicked.emit($event)\"\n                           [articleWarehouse]=\"articleWarehouse\"\n                           [allWarehouses]=\"allWarehouses\"\n        >\n        </co-stock-transfer>\n      </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -3094,6 +1596,8 @@
         article: [{ type: i0.Input }],
         articleWarehouse: [{ type: i0.Input }],
         allWarehouses: [{ type: i0.Input }],
+        okButtonClicked: [{ type: i0.Output }],
+        cancelButtonClicked: [{ type: i0.Output }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-stock",] }]
     };
 
@@ -3124,20 +1628,25 @@
         "arrow_fat_right": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"37.5 25 25.2 12.7 25.2 20.35 12.5 20.35 12.5 29.66 25.2 29.66 25.2 37.3 37.5 25\" fill=\"#484f60\"/></svg>",
         "arrow_point_left": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\" ><path fill=\"#484F5F\" d=\"M31.9,36.7l-14.7-9.6C17.1,27,17,26.9,17,26.7v-2.4c0-0.2,0.1-0.3,0.2-0.4l14.7-9.6c0.2-0.2,0.5-0.1,0.7,0.1l1.4,2.1c0.2,0.2,0.1,0.5-0.1,0.7l-12,7.8c-0.3,0.2-0.3,0.6,0,0.8l12,7.8c0.2,0.2,0.3,0.5,0.1,0.7l-1.4,2.1C32.4,36.8,32.1,36.8,31.9,36.7z\"/></svg>",
         "arrow_point_right": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\"><path fill=\"#484F5F\" d=\"M19.1,14.3l14.7,9.6c0.1,0.1,0.2,0.2,0.2,0.4v2.4c0,0.2-0.1,0.3-0.2,0.4l-14.7,9.6c-0.2,0.2-0.5,0.1-0.7-0.1l-1.4-2.1c-0.2-0.2-0.1-0.5,0.1-0.7l12-7.8c0.3-0.2,0.3-0.6,0-0.8l-12-7.8c-0.2-0.2-0.3-0.5-0.1-0.7l1.4-2.1C18.6,14.2,18.9,14.2,19.1,14.3z\"/></svg>",
+        "at_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M207.8 20.73c-93.45 18.32-168.7 93.66-187 187.1c-27.64 140.9 68.65 266.2 199.1 285.1c19.01 2.888 36.17-12.26 36.17-31.49l.0001-.6631c0-15.74-11.44-28.88-26.84-31.24c-84.35-12.98-149.2-86.13-149.2-174.2c0-102.9 88.61-185.5 193.4-175.4c91.54 8.869 158.6 91.25 158.6 183.2l0 16.16c0 22.09-17.94 40.05-40 40.05s-40.01-17.96-40.01-40.05v-120.1c0-8.847-7.161-16.02-16.01-16.02l-31.98 .0036c-7.299 0-13.2 4.992-15.12 11.68c-24.85-12.15-54.24-16.38-86.06-5.106c-38.75 13.73-68.12 48.91-73.72 89.64c-9.483 69.01 43.81 128 110.9 128c26.44 0 50.43-9.544 69.59-24.88c24 31.3 65.23 48.69 109.4 37.49C465.2 369.3 496 324.1 495.1 277.2V256.3C495.1 107.1 361.2-9.332 207.8 20.73zM239.1 304.3c-26.47 0-48-21.56-48-48.05s21.53-48.05 48-48.05s48 21.56 48 48.05S266.5 304.3 239.1 304.3z\"/></svg>",
         "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_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>",
         "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>",
         "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>",
+        "file_export_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M568.1 303l-80-80c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94L494.1 296H216C202.8 296 192 306.8 192 320s10.75 24 24 24h278.1l-39.03 39.03C450.3 387.7 448 393.8 448 400s2.344 12.28 7.031 16.97c9.375 9.375 24.56 9.375 33.94 0l80-80C578.3 327.6 578.3 312.4 568.1 303zM360 384c-13.25 0-24 10.74-24 24V448c0 8.836-7.164 16-16 16H64.02c-8.836 0-16-7.164-16-16L48 64.13c0-8.836 7.164-16 16-16h160L224 128c0 17.67 14.33 32 32 32h79.1v72c0 13.25 10.74 24 23.1 24S384 245.3 384 232V138.6c0-16.98-6.742-33.26-18.75-45.26l-74.63-74.64C278.6 6.742 262.3 0 245.4 0H63.1C28.65 0-.002 28.66 0 64l.0065 384c.002 35.34 28.65 64 64 64H320c35.2 0 64-28.8 64-64v-40C384 394.7 373.3 384 360 384z\"/></svg>",
+        "file_export_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M32 64C32 28.7 60.7 0 96 0H256V128c0 17.7 14.3 32 32 32H416V288H248c-13.3 0-24 10.7-24 24s10.7 24 24 24H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V64zM416 336V288H526.1l-39-39c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l80 80c9.4 9.4 9.4 24.6 0 33.9l-80 80c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l39-39H416zm0-208H288V0L416 128z\"/></svg>",
         "file_pdf_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M320 464C328.8 464 336 456.8 336 448V416H384V448C384 483.3 355.3 512 320 512H64C28.65 512 0 483.3 0 448V416H48V448C48 456.8 55.16 464 64 464H320zM256 160C238.3 160 224 145.7 224 128V48H64C55.16 48 48 55.16 48 64V192H0V64C0 28.65 28.65 0 64 0H229.5C246.5 0 262.7 6.743 274.7 18.75L365.3 109.3C377.3 121.3 384 137.5 384 154.5V192H336V160H256zM88 224C118.9 224 144 249.1 144 280C144 310.9 118.9 336 88 336H80V368C80 376.8 72.84 384 64 384C55.16 384 48 376.8 48 368V240C48 231.2 55.16 224 64 224H88zM112 280C112 266.7 101.3 256 88 256H80V304H88C101.3 304 112 293.3 112 280zM160 240C160 231.2 167.2 224 176 224H200C226.5 224 248 245.5 248 272V336C248 362.5 226.5 384 200 384H176C167.2 384 160 376.8 160 368V240zM192 352H200C208.8 352 216 344.8 216 336V272C216 263.2 208.8 256 200 256H192V352zM336 224C344.8 224 352 231.2 352 240C352 248.8 344.8 256 336 256H304V288H336C344.8 288 352 295.2 352 304C352 312.8 344.8 320 336 320H304V368C304 376.8 296.8 384 288 384C279.2 384 272 376.8 272 368V240C272 231.2 279.2 224 288 224H336z\"/></svg>",
         "file_pdf_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM64 224H88c30.9 0 56 25.1 56 56s-25.1 56-56 56H80v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V320 240c0-8.8 7.2-16 16-16zm24 80c13.3 0 24-10.7 24-24s-10.7-24-24-24H80v48h8zm72-64c0-8.8 7.2-16 16-16h24c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H176c-8.8 0-16-7.2-16-16V240zm32 112h8c8.8 0 16-7.2 16-16V272c0-8.8-7.2-16-16-16h-8v96zm96-128h48c8.8 0 16 7.2 16 16s-7.2 16-16 16H304v32h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H304v48c0 8.8-7.2 16-16 16s-16-7.2-16-16V304 240c0-8.8 7.2-16 16-16z\"/></svg>",
+        "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>",
         "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>",
         "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>",
-        "xml": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.87c-2.15,0-2.71-.56-2.71-2.72V12.88c0-2.15.56-2.71,2.71-2.71H25.48l8.66,8.88v3.43H32.8V19.6l-7.88-8.09H13.87c-1.37,0-1.37,0-1.37,1.37V37.45c0,1.37,0,1.37,1.37,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=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm5.36,7.41-1.3-2-1.3,2H20.48l2-3.06-1.81-2.8h1.38l1.18,1.88,1.15-1.88h1.37l-1.83,2.85,2,3Zm7.67,0h-1.1V27.07l-1.16,4.61H28.77l-1.16-4.61v4.61H26.52V25.82h1.76l1.07,4,1-4h1.77Zm5.33,0H33.38V25.87h1.18v4.82H37.5Z\" fill=\"#484f60\"/></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>"
     };
 
     var IconCacheService = /** @class */ (function () {
@@ -3192,43 +1701,52 @@
     ]; };
 
     /** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
-    var Icon;
+    exports["ɵw"] = void 0;
     (function (Icon) {
         Icon["AngleLeftSolid"] = "angle_left_solid";
         Icon["AngleRightSolid"] = "angle_right_solid";
         Icon["ArrowFatRight"] = "arrow_fat_right";
         Icon["ArrowPointLeft"] = "arrow_point_left";
         Icon["ArrowPointRight"] = "arrow_point_right";
+        Icon["AtSolid"] = "at_solid";
         Icon["BringForwardRegular"] = "bring_forward_regular";
         Icon["CheckRound"] = "check_round";
         Icon["DeleteLeftRegular"] = "delete_left_regular";
         Icon["DeliveryTruck"] = "delivery_truck";
         Icon["Email"] = "email";
         Icon["EnvelopeRegular"] = "envelope_regular";
+        Icon["FileExportRegular"] = "file_export_regular";
+        Icon["FileExportSolid"] = "file_export_solid";
         Icon["FilePdfRegular"] = "file_pdf_regular";
         Icon["FilePdfSolid"] = "file_pdf_solid";
+        Icon["MessageSmsRegular"] = "message_sms_regular";
+        Icon["MessageSmsSolid"] = "message_sms_solid";
         Icon["Pdf"] = "pdf";
         Icon["Print"] = "print";
         Icon["PrintRegular"] = "print_regular";
         Icon["PrintSolid"] = "print_solid";
         Icon["SignatureField"] = "signature_field";
         Icon["Xml"] = "xml";
-    })(Icon || (Icon = {}));
+    })(exports["ɵw"] || (exports["ɵw"] = {}));
 
     var StockInformationGridComponent = /** @class */ (function () {
         function StockInformationGridComponent(iconCacheService, _stockService) {
             this.iconCacheService = iconCacheService;
             this._stockService = _stockService;
-            this.icons = Icon;
+            this.icons = exports["ɵw"];
             this.transferIconClicked = new i0.EventEmitter();
             this.historyClicked = new i0.EventEmitter();
+            this.cancelButtonClicked = new i0.EventEmitter();
+            this.okButtonClicked = new i0.EventEmitter();
             this.show = false;
             this.hideOrShowLocationTab = false;
             this.showStockHistory = false;
             this.showSendMethodDialog = false;
             this.hideOrShowTabs = true;
             this.dataWareHouseFields = { text: "warehouseDescription", value: "warehouseNo" };
+            this.dataLocationFields = { text: "locationNo", value: "locationNo" };
             this.articleStockSearchInfo = new articleStock.ArticleStock();
+            this.selectedArticleDetailsData = new articleDetails_bo.ArticleDetailsBo();
             this.showChangeStockDetails = false;
             this.articleDetailsInformation = new articleStockManagement.ArticleStockManagement();
             this.tabs = [
@@ -3306,14 +1824,16 @@
                 this._stockService.printLayoutParams.goodId = data.goodId;
                 this._stockService.printLayoutParams.warehouse = data.warehouseNo;
             }
-            this.showSendMethodDialog = !this.showSendMethodDialog;
+            this.showSendMethodDialog = true;
         };
         StockInformationGridComponent.prototype.printStockStickers = function () {
-            this._stockService.getPrintStockStickers(this._stockService.printLayoutParams);
+            // this._stockService.getPrintStockStickers(this._stockService.printLayoutParams);
         };
         StockInformationGridComponent.prototype.onOkClick = function () {
+            this.okButtonClicked.emit();
         };
         StockInformationGridComponent.prototype.onCancelClick = function () {
+            this.cancelButtonClicked.emit();
         };
         StockInformationGridComponent.prototype.openDialogClick = function (data) {
             this.selectedArticleDetailsData = data;
@@ -3381,14 +1901,32 @@
                 });
             });
         };
-        StockInformationGridComponent.prototype.addNewRow = function () {
+        StockInformationGridComponent.prototype.onSelectLocation = function () {
+            var _this = this;
+            this._stockService.getStockManagementLocations(this.selectedWarehouse).then(function (locations) {
+                _this.stockLocations = locations;
+            });
+        };
+        StockInformationGridComponent.prototype.onOkClickSendLocations = function () {
+            console.log(this.article);
+            this.selectedArticleDetailsData.selected = true;
+            this.selectedArticleDetailsData.goodId = this.article.goodId;
+            this.selectedArticleDetailsData.entryDate = new Date();
+            this.selectedArticleDetailsData.warehouseNo = this.selectedWarehouse;
+            this._stockService.updateArticleDetails(this.selectedArticleDetailsData);
+        };
+        StockInformationGridComponent.prototype.onCancelClickSendLocations = function () {
+        };
+        StockInformationGridComponent.prototype.amountInStockChanged = function (data, row) {
+            console.log(data);
+            console.log(row);
         };
         return StockInformationGridComponent;
     }());
     StockInformationGridComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-stock-information-grid",
-                    template: "\n    <div class=\"tab-link show\" *ngIf=\"hideOrShowTabs\">\n      <span class=\"tab-link-buttons\"\n            *ngFor=\"let tab of tabs\"\n            (click)=\"handleTabClick(tab)\"\n            [textContent]=\"tab\"\n            [class.active]=\"tab === activeTab\"\n      ></span>\n    </div>\n\n    <div class=\"stock-line\">\n      <div [textContent]=\"activeTabText\"></div>\n\n    </div>\n\n    <div class=\"stock-grid\">\n      <co-simple-grid *ngIf=\"activeTab === tabs[0] && hideOrShowTabs\"\n                      [data]=\"articleStockInformation\"\n                      class=\"simple-grid\"\n                      [showAdd]=\"true\"\n                      [showToolbar]=\"true\"\n                      (addRow)=\"addNewRow()\"\n                      [inlineEdit]=\"true\"\n                      [rowsPerPage]=\"20\"\n      >\n          <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'warehouseNo'\" [order]=\"10\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'warehouseName'\" [order]=\"11\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'technicalStock'\" [order]=\"12\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'availableStock'\" [order]=\"13\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'ECONOMICAL_STOCK'\" [field]=\"'economicalStock'\" [order]=\"14\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNo'\" [order]=\"15\">\n            <ng-template #template let-row=\"row\">\n              <span [textContent]=\"'Bekijken'\" (click)=\"onLocationClick(row)\"></span>\n            </ng-template>\n          </co-simple-grid-column>\n      </co-simple-grid>\n\n      <co-simple-grid *ngIf=\"activeTab === tabs[1]\"\n                      [data]=\"inOrderInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <co-simple-grid-column [headerText]=\"'IN_ORDER2'\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'CUSTOMER'\" [field]=\"'user'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DATE'\" [field]=\"'transactionDate'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amountInOrder'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'locationNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSFER'\" [field]=\"'transfer'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\" (click)=\"handleStockTransferClick($event)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n\n      <co-simple-grid *ngIf=\"activeTab === tabs[2]\"\n                      [data]=\"orderInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER_NR'\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DATE'\" [field]=\"'transactionDate'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amountInOrder'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RESERVED'\" [field]=\"'reserved'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'FREE_STOCK'\" [field]=\"'freeStock'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DELIVERY_DATE1'\" [field]=\"'deliveryDate'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RESERVE'\" [field]=\"'reservation'\"></co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <div class=\"stock-grid\" *ngIf=\"hideOrShowLocationTab\">\n      <div class=\"stock-location-group\">\n        <div class=\"stock-location-left-group\">\n          <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"handleBackToStockClick()\"></span>\n        </div>\n        <div class=\"stock-location-right-group\">\n          <co-drop-down-list  [(model)]=\"selectedWarehouse\"\n                              [collection]=\"dataWareHouseCode\"\n                              [fields]=\"dataWareHouseFields\"\n                              [placeholder]=\"'WAREHOUSE'\"\n                              (modelChange)=\"onSelectWarehouse($event)\"\n                              [required]=\"true\"\n          ></co-drop-down-list>\n        </div>\n      </div>\n\n<!--      TODO move to own component stock-location-->\n      <co-simple-grid [data]=\"articleDetails\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <div class=\"stock-location-group\">\n          <div class=\"stock-location-left-group\">\n            <co-button class=\"stock-lines-button\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"handleBackToStockClick()\"></co-button>\n          </div>\n        </div>\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'warehouseDescription'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'BATCH'\" [field]=\"'batchNo'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'SERIAL_NO'\" [field]=\"'serialNo'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\">\n          <ng-template #template let-row=\"row\">\n            <co-input-number-picker (keyup.enter)=\"openDialogClick(row)\" [(model)]=\"row['amountInStock']\">\n\n            </co-input-number-picker>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'ALLOCATED'\" [field]=\"'amountInStockFree'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'perceptibleStorage'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'PHYSICAL_STOCK'\" [field]=\"'amountInStockOriginal'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'VALUTA'\" [field]=\"'currency'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'PURCHASE_PRICE'\" [field]=\"'purchasePrice'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'SUPPLIER_NUMBER'\" [field]=\"'supplierNo'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSFER'\" [field]=\"'transfer'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\" (click)=\"handleStockTransferClick(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <co-stock-change-amount *ngIf=\"showChangeStockDetails\"\n                            (closeStockChangeAmount)=\"showChangeStockDetails = false\"\n                            [selectedArticleDetailsData]=\"selectedArticleDetailsData\"\n    >\n    </co-stock-change-amount>\n\n    <div class=\"stock-grid\" *ngIf=\"showStockHistory\">\n      <div class=\"stock-button-left-group\">\n        <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"backToStockInformation()\"></span>\n      </div>\n      <co-simple-grid [data]=\"stockHistoryInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <co-simple-grid-column [headerText]=\"'MUTATION_DATE'\" [field]=\"'mutationDate'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'MUTATION_TIME'\" [field]=\"'mutationTime'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amount'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSACTION_TYPE'\" [field]=\"'transType'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DOCUMENT_NUMBER'\" [field]=\"'docNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'LINE'\" [field]=\"'posLineNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK_STATE'\" [field]=\"'stockStateId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK_REMARK'\" [field]=\"'stockStateRemarkId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'VALUTA'\" [field]=\"'currencyCode'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RELATION_ID'\" [field]=\"'relationId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'USER'\" [field]=\"'user'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'MUTATION_TYPE'\" [field]=\"'mutationType'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <div class=\"stock-button-toolbar\">\n      <div class=\"stock-button-left-group\">\n        <co-button *ngIf=\"activeTab === tabs[0]\" [label]=\"'HISTORY'\" (click)=\"handleHistoryClick()\"></co-button>\n      </div>\n      <div class=\"stock-button-middle-group\">\n        <div class=\"button-left\">\n          <co-button [textContent]=\"'Ok'\" (click)=\"onOkClick()\"></co-button>\n        </div>\n        <div class=\"button-right\">\n          <co-button [textContent]=\"'Annuleren'\" (click)=\"onCancelClick()\"></co-button>\n        </div>\n      </div>\n    </div>\n    <ione-send-method-dialog\n      *ngIf=\"showSendMethodDialog\"\n      [showDialog]=\"showSendMethodDialog\"\n      (printButtonClicked)=\"printStockStickers()\"\n    ></ione-send-method-dialog>\n  ",
+                    template: "\n    <div class=\"tab-link show\" *ngIf=\"hideOrShowTabs\">\n      <span class=\"tab-link-buttons\"\n            *ngFor=\"let tab of tabs\"\n            (click)=\"handleTabClick(tab)\"\n            [textContent]=\"tab\"\n            [class.active]=\"tab === activeTab\"\n      ></span>\n    </div>\n\n    <div class=\"stock-line\">\n      <div [textContent]=\"activeTabText\"></div>\n\n    </div>\n\n    <div class=\"stock-grid\">\n      <co-simple-grid *ngIf=\"activeTab === tabs[0] && hideOrShowTabs\"\n                      [data]=\"articleStockInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n          <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'warehouseNo'\" [order]=\"10\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'warehouseName'\" [order]=\"11\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'technicalStock'\" [order]=\"12\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'availableStock'\" [order]=\"13\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'ECONOMICAL_STOCK'\" [field]=\"'economicalStock'\" [order]=\"14\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNo'\" [order]=\"15\">\n            <ng-template #template let-row=\"row\">\n              <span [textContent]=\"'Bekijken'\" (click)=\"onLocationClick(row)\"></span>\n            </ng-template>\n          </co-simple-grid-column>\n      </co-simple-grid>\n\n      <co-simple-grid *ngIf=\"activeTab === tabs[1]\"\n                      [data]=\"inOrderInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <co-simple-grid-column [headerText]=\"'IN_ORDER2'\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'CUSTOMER'\" [field]=\"'user'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DATE'\">\n          <ng-template #template let-row=\"row\">\n            <span [textContent]=\"row.transactionDate | date:'dd-MM-yyyy'\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amountInOrder'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'locationNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSFER'\" [field]=\"'transfer'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\" (click)=\"handleStockTransferClick($event)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n\n      <co-simple-grid *ngIf=\"activeTab === tabs[2]\"\n                      [data]=\"orderInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER_NR'\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DATE'\">\n          <ng-template #template let-row=\"row\">\n            <span [textContent]=\"row.transactionDate | date:'dd-MM-yyyy'\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amountInOrder'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RESERVED'\" [field]=\"'reserved'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'FREE_STOCK'\" [field]=\"'freeStock'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DELIVERY_DATE1'\">\n          <ng-template #template let-row=\"row\">\n            <span [textContent]=\"row.deliveryDate | date:'dd-MM-yyyy'\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RESERVE'\" [field]=\"'reservation'\"></co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <div class=\"stock-grid\" *ngIf=\"hideOrShowLocationTab\">\n      <div class=\"stock-location-group\">\n        <div class=\"stock-location-left-group\">\n          <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"handleBackToStockClick()\"></span>\n        </div>\n        <div class=\"stock-location-right-group\">\n          <co-drop-down-list  [(model)]=\"selectedWarehouse\"\n                              [collection]=\"dataWareHouseCode\"\n                              [fields]=\"dataWareHouseFields\"\n                              [placeholder]=\"'WAREHOUSE'\"\n                              (modelChange)=\"onSelectWarehouse($event)\"\n                              [required]=\"true\"\n          ></co-drop-down-list>\n        </div>\n      </div>\n\n<!--      TODO move to own component stock-location-->\n      <co-simple-grid [data]=\"articleDetails\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n                      [showAdd]=\"true\"\n                      [showToolbar]=\"true\"\n                      [showDelete]=\"true\"\n                      [inlineEdit]=\"true\"\n      >\n        <div class=\"stock-location-group\">\n          <div class=\"stock-location-left-group\">\n            <co-button class=\"stock-lines-button\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"handleBackToStockClick()\"></co-button>\n          </div>\n        </div>\n        <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-drop-down-list [(model)]=\"row.locationNo\"\n                               [collection]=\"stockLocations\"\n                               [fields]=\"dataLocationFields\"\n                               [placeholder]=\"'LOCATION'\"\n                               (click)=\"onSelectLocation()\"\n                               [required]=\"true\"\n            ></co-drop-down-list>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'BATCH'\" [field]=\"'batchNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-input-text [(model)]=\"row.batchNo\"\n                           [placeholder]=\"'BATCH'\"\n            ></co-input-text>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'SERIAL_NO'\" [field]=\"'serialNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-input-text [(model)]=\"row.serialNo\"\n                           [placeholder]=\"'SERIAL_NO'\"\n            ></co-input-text>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-input-text  [(model)]=\"row.amountInStock\"\n                            [label]=\"'STOCK'\"\n                            (modelChange)=\"amountInStockChanged($event, row)\"\n            ></co-input-text>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'ALLOCATED'\" [field]=\"'stockAssigned'\" ></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'perceptibleStorage'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'PHYSICAL_STOCK'\" [field]=\"'amountInStockOriginal'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'VALUTA'\" [field]=\"'currency'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'PURCHASE_PRICE'\" [field]=\"'purchasePrice'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'SUPPLIER_NUMBER'\" [field]=\"'supplierNo'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSFER'\" [field]=\"'transfer'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\" (click)=\"handleStockTransferClick(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <co-stock-change-amount *ngIf=\"showChangeStockDetails\"\n                            (closeStockChangeAmount)=\"showChangeStockDetails = false\"\n                            [selectedArticleDetailsData]=\"selectedArticleDetailsData\"\n    >\n    </co-stock-change-amount>\n\n    <div class=\"stock-grid\" *ngIf=\"showStockHistory\">\n      <div class=\"stock-button-left-group\">\n        <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"backToStockInformation()\"></span>\n      </div>\n      <co-simple-grid [data]=\"stockHistoryInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <co-simple-grid-column [headerText]=\"'MUTATION_DATE'\">\n          <ng-template #template let-row=\"row\">\n            <span [textContent]=\"row.mutationDate | date:'dd-MM-yyyy'\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'MUTATION_TIME'\" [field]=\"'mutationTime'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amount'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSACTION_TYPE'\" [field]=\"'transType'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DOCUMENT_NUMBER'\" [field]=\"'docNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'LINE'\" [field]=\"'posLineNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK_STATE'\" [field]=\"'stockStateId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK_REMARK'\" [field]=\"'stockStateRemarkId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'VALUTA'\" [field]=\"'currencyCode'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RELATION_ID'\" [field]=\"'relationId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'USER'\" [field]=\"'user'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'MUTATION_TYPE'\" [field]=\"'mutationType'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <div class=\"stock-button-toolbar\">\n      <div class=\"stock-button-left-group\">\n        <co-button *ngIf=\"activeTab === tabs[0]\" [label]=\"'HISTORY'\" (click)=\"handleHistoryClick()\"></co-button>\n      </div>\n      <div class=\"stock-button-middle-group\" *ngIf=\"activeTab !== tabs[0]\">\n        <div class=\"button-left\">\n          <co-button [textContent]=\"'Ok'\" (click)=\"onOkClick()\"></co-button>\n        </div>\n        <div class=\"button-right\">\n          <co-button [textContent]=\"'Annuleren'\" (click)=\"onCancelClick()\"></co-button>\n        </div>\n      </div>\n\n      <div class=\"stock-button-middle-group\" *ngIf=\"hideOrShowLocationTab\">\n        <div class=\"button-left\">\n          <co-button [textContent]=\"'Ok'\" (click)=\"onOkClickSendLocations()\"></co-button>\n        </div>\n        <div class=\"button-right\">\n          <co-button [textContent]=\"'Annuleren'\" (click)=\"onCancelClickSendLocations()\"></co-button>\n        </div>\n      </div>\n    </div>\n    <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n                           (closeClick)=\"showSendMethodDialog = false\"\n                           (printButtonClicked)=\"printStockStickers()\"\n    ></co-send-method-dialog>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -3401,8 +1939,11 @@
         articleStockInformation: [{ type: i0.Input }],
         stockLocationData: [{ type: i0.Input }],
         stockHistoryInformation: [{ type: i0.Input }],
+        article: [{ type: i0.Input }],
         transferIconClicked: [{ type: i0.Output }],
-        historyClicked: [{ type: i0.Output }]
+        historyClicked: [{ type: i0.Output }],
+        cancelButtonClicked: [{ type: i0.Output }],
+        okButtonClicked: [{ type: i0.Output }]
     };
 
     var StockLocationComponent = /** @class */ (function () {
@@ -3496,177 +2037,279 @@
                 _this.locations = locations;
             });
         };
-        StockTransferComponent.prototype.getStockState = function () {
-            var _this = this;
-            this._stockService.getStockState().then(function (state) {
-                _this.stockState = state;
-            });
+        StockTransferComponent.prototype.getStockState = function () {
+            var _this = this;
+            this._stockService.getStockState().then(function (state) {
+                _this.stockState = state;
+            });
+        };
+        return StockTransferComponent;
+    }());
+    StockTransferComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-stock-transfer",
+                    template: "\n      <div class=\"stock-transfer\">\n        <div class=\"stock-transfer-columns\">\n          <div *ngIf=\"articleToTransfer\" class=\"stock-transfer-left-column\">\n            <co-input-text disabled\n                           [label]=\"'Standaard magazijn'\"\n                           [(model)]=\"articleToTransfer.warehouseDescription\"\n                           [textContent]=\"articleToTransfer.warehouseDescription\"\n                           [placeholder]=\"'Standaard magazijn'\"\n            >\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"articleToTransfer.locationNo\"\n                           [textContent]=\"articleToTransfer.locationNo\"\n                           [placeholder]=\"'Standaard locatie'\">\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"stockSticker.batch\"\n                           [placeholder]=\"'Batch'\">\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"stockSticker.serial\"\n                           [placeholder]=\"'Serie'\">\n            </co-input-text>\n            <co-input-text\n              [(model)]=\"articleToTransfer.amountTransfer\"\n              [placeholder]=\"'Aantal'\">\n            </co-input-text>\n          </div>\n\n          <div class=\"stock-transfer-right-column\">\n            <co-drop-down-list [collection]=\"warehouses\"\n                               [fields]=\"allWarehousesDropdownFields\"\n                               (modelChange)=\"handleSelectedWarehouse($event)\"\n                               [(model)]=\"articleToTransfer.targetWarehouse\">\n            </co-drop-down-list>\n            <co-drop-down-list [collection]=\"locations\"\n                               [fields]=\"allLocationDropdownFields\"\n                               [(model)]=\"articleToTransfer.targetLocation\"\n            >\n            </co-drop-down-list>\n            <co-drop-down-list [collection]=\"stockState\"\n                               [fields]=\"stockStateDropdownField\"\n                               [placeholder]=\"'Voorraadstatus'\"\n                               [(model)]=\"articleToTransfer.stockStateId\">\n            </co-drop-down-list>\n            <co-input-text [placeholder]=\"'Omschrijving'\"\n                           [(model)]=\"articleToTransfer.stockStateRemark\">\n            </co-input-text>\n          </div>\n        </div>\n\n        <div class=\"ok-cancel-buttons\">\n          <co-button [textContent]=\"'Ok'\" (click)=\"handleOkClick(articleToTransfer)\"></co-button>\n          <co-button [textContent]=\"'Annuleren'\" (click)=\"handleCancelClick()\"></co-button>\n          <co-button [textContent]=\"'Sticker'\" (click)=\"handleStickerClick()\"></co-button>\n        </div>\n      </div>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    StockTransferComponent.ctorParameters = function () { return [
+        { type: StockService }
+    ]; };
+    StockTransferComponent.propDecorators = {
+        stockSticker: [{ type: i0.Input }],
+        article: [{ type: i0.Input }],
+        articleToTransfer: [{ type: i0.Input }],
+        articleWarehouse: [{ type: i0.Input }],
+        allWarehouses: [{ type: i0.Input }],
+        handleCancelClicked: [{ type: i0.Output }],
+        handleStickerClicked: [{ type: i0.Output }]
+    };
+
+    var SharedService = /** @class */ (function () {
+        function SharedService(options, connector) {
+            this.options = options;
+            this.connector = connector;
+        }
+        SharedService.prototype.init = function (options) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.options.initialize(options)];
+                        case 1:
+                            _a.sent();
+                            this.connector.connect();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        SharedService.prototype.getAllPrinters = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.connector.getAllPrinters()];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        SharedService.prototype.getSendMethods = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.connector.getSendMethods()];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        return SharedService;
+    }());
+    SharedService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function SharedService_Factory() { return new SharedService(i0__namespace.ɵɵinject(OptionsService), i0__namespace.ɵɵinject(SharedConnectorService)); }, token: SharedService, providedIn: "root" });
+    SharedService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: "root"
+                },] }
+    ];
+    SharedService.ctorParameters = function () { return [
+        { type: OptionsService },
+        { type: SharedConnectorService }
+    ]; };
+
+    var SendMethodService = /** @class */ (function () {
+        function SendMethodService() {
+            this.reportingDocumentPrintBaseRequestChanged = new rxjs.Subject();
+            this.reportingDocumentEmailBaseRequestChanged = new rxjs.Subject();
+            this.reportingDocumentPdfBaseRequestChanged = new rxjs.Subject();
+            this.selectedEmailAddresses = [];
+            this._reportingDocumentPrintBaseRequest = new reportingDocumentPrintBaseRequest.ReportingDocumentPrintBaseRequest();
+            this._reportingDocumentEmailBaseRequest = new reportingDocumentEmailBaseRequest.ReportingDocumentEmailBaseRequest();
+            this._reportingDocumentPdfBaseRequest = new reportingDocumentPdfBaseRequest.ReportingDocumentPdfBaseRequest();
+        }
+        Object.defineProperty(SendMethodService.prototype, "reportingDocumentPrintBaseRequest", {
+            get: function () {
+                return this._reportingDocumentPrintBaseRequest;
+            },
+            set: function (value) {
+                this._reportingDocumentPrintBaseRequest = value;
+                this.activePrinter = this._reportingDocumentPrintBaseRequest.printerName;
+                this.reportingDocumentPrintBaseRequestChanged.next(this._reportingDocumentPrintBaseRequest);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(SendMethodService.prototype, "reportingDocumentEmailBaseRequest", {
+            get: function () {
+                return this._reportingDocumentEmailBaseRequest;
+            },
+            set: function (value) {
+                this._reportingDocumentEmailBaseRequest = value;
+                this.selectedEmailAddresses = this._reportingDocumentEmailBaseRequest.toAddresses.split(';');
+                this.reportingDocumentEmailBaseRequestChanged.next(this._reportingDocumentEmailBaseRequest);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(SendMethodService.prototype, "reportingDocumentPdfBaseRequest", {
+            get: function () {
+                return this._reportingDocumentPdfBaseRequest;
+            },
+            set: function (value) {
+                this._reportingDocumentPdfBaseRequest = value;
+                this.reportingDocumentPdfBaseRequestChanged.next(this._reportingDocumentPdfBaseRequest);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        SendMethodService.prototype.removeEmailAddress = function (address) {
+            if (this.selectedEmailAddresses.indexOf(address) > -1) {
+                this.selectedEmailAddresses.splice(this.selectedEmailAddresses.indexOf(address), 1);
+                this._updateEmailAddresses();
+            }
+        };
+        SendMethodService.prototype.addEmailAddress = function (address) {
+            if (this.selectedEmailAddresses.indexOf(address) < 0) {
+                this.selectedEmailAddresses.push(address);
+                this._updateEmailAddresses();
+            }
+        };
+        SendMethodService.prototype._updateEmailAddresses = function () {
+            this._reportingDocumentEmailBaseRequest.toAddresses = this.selectedEmailAddresses.join(';');
+            this.reportingDocumentEmailBaseRequestChanged.next(this._reportingDocumentEmailBaseRequest);
         };
-        return StockTransferComponent;
+        return SendMethodService;
     }());
-    StockTransferComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: "co-stock-transfer",
-                    template: "\n      <div class=\"stock-transfer\">\n        <div class=\"stock-transfer-columns\">\n          <div *ngIf=\"articleToTransfer\" class=\"stock-transfer-left-column\">\n            <co-input-text disabled\n                           [(model)]=\"articleToTransfer.warehouseDescription\"\n                           [textContent]=\"articleToTransfer.warehouseDescription\"\n                           [placeholder]=\"'Standaard magazijn'\">\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"articleToTransfer.locationNo\"\n                           [textContent]=\"articleToTransfer.locationNo\"\n                           [placeholder]=\"'Standaard locatie'\">\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"stockSticker.batch\"\n                           [placeholder]=\"'Batch'\">\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"stockSticker.serial\"\n                           [placeholder]=\"'Serie'\">\n            </co-input-text>\n            <co-input-text\n              [(model)]=\"articleToTransfer.amountTransfer\"\n              [placeholder]=\"'Aantal'\">\n            </co-input-text>\n          </div>\n\n          <div class=\"stock-transfer-right-column\">\n            <co-drop-down-list [collection]=\"warehouses\"\n                               [fields]=\"allWarehousesDropdownFields\"\n                               (modelChange)=\"handleSelectedWarehouse($event)\"\n                               [(model)]=\"articleToTransfer.targetWarehouse\">\n            </co-drop-down-list>\n            <co-drop-down-list [collection]=\"locations\"\n                               [fields]=\"allLocationDropdownFields\"\n                               [(model)]=\"articleToTransfer.targetLocation\"\n            >\n            </co-drop-down-list>\n            <co-drop-down-list [collection]=\"stockState\"\n                               [fields]=\"stockStateDropdownField\"\n                               [placeholder]=\"'Voorraadstatus'\"\n                               [(model)]=\"articleToTransfer.stockStateId\">\n            </co-drop-down-list>\n            <co-input-text [placeholder]=\"'Omschrijving'\"\n                           [(model)]=\"articleToTransfer.stockStateRemark\">\n            </co-input-text>\n          </div>\n        </div>\n\n        <div class=\"ok-cancel-buttons\">\n          <co-button [textContent]=\"'Ok'\" (click)=\"handleOkClick(articleToTransfer)\"></co-button>\n          <co-button [textContent]=\"'Annuleren'\" (click)=\"handleCancelClick()\"></co-button>\n          <co-button [textContent]=\"'Sticker'\" (click)=\"handleStickerClick()\"></co-button>\n        </div>\n      </div>\n  ",
-                    encapsulation: i0.ViewEncapsulation.None
-                },] }
-    ];
-    StockTransferComponent.ctorParameters = function () { return [
-        { type: StockService }
-    ]; };
-    StockTransferComponent.propDecorators = {
-        stockSticker: [{ type: i0.Input }],
-        article: [{ type: i0.Input }],
-        articleToTransfer: [{ type: i0.Input }],
-        articleWarehouse: [{ type: i0.Input }],
-        allWarehouses: [{ type: i0.Input }],
-        handleCancelClicked: [{ type: i0.Output }],
-        handleStickerClicked: [{ type: i0.Output }]
-    };
+    SendMethodService.decorators = [
+        { type: i0.Injectable }
+    ];
 
-    var SendOption;
-    (function (SendOption) {
-        SendOption[SendOption["Email"] = 0] = "Email";
-        SendOption[SendOption["Print"] = 1] = "Print";
-        SendOption[SendOption["Pdf"] = 2] = "Pdf";
-        SendOption[SendOption["Xml"] = 3] = "Xml";
-    })(SendOption || (SendOption = {}));
+    var SendMethod = /** @class */ (function () {
+        function SendMethod(code, description, icon) {
+            this.code = code;
+            this.description = description;
+            this.icon = icon;
+        }
+        return SendMethod;
+    }());
 
+    var sendMethodsWithIcon = [
+        new SendMethod(sendMethodType_enum.SendMethodType.Fax, "Fax", exports["ɵw"].PrintRegular),
+        new SendMethod(sendMethodType_enum.SendMethodType.Print, "Print", exports["ɵw"].PrintSolid),
+        new SendMethod(sendMethodType_enum.SendMethodType.Email, "Email", exports["ɵw"].AtSolid),
+        new SendMethod(sendMethodType_enum.SendMethodType.Edi, "Edi", exports["ɵw"].FileExportSolid),
+        new SendMethod(sendMethodType_enum.SendMethodType.EmailTemplate, "Email template", exports["ɵw"].EnvelopeRegular),
+        new SendMethod(sendMethodType_enum.SendMethodType.Sms, "Sms", exports["ɵw"].MessageSmsSolid),
+        new SendMethod(sendMethodType_enum.SendMethodType.WebService, "Webservice", exports["ɵw"].PrintRegular)
+    ];
     var SendMethodDialogComponent = /** @class */ (function () {
-        function SendMethodDialogComponent(iconCacheService, stockService, _optionsService, _dictionary, _changeDetector) {
+        function SendMethodDialogComponent(iconCacheService, _optionsService, _dictionary, _changeDetector, _sharedService, _sendMethodService) {
             var _this = this;
             this.iconCacheService = iconCacheService;
-            this.stockService = stockService;
             this._optionsService = _optionsService;
             this._dictionary = _dictionary;
             this._changeDetector = _changeDetector;
-            this.icons = Icon;
-            this.sendOption = SendOption;
-            this.showEmailOption = true;
-            this.showPrintOption = true;
-            this.showPdfOption = true;
-            this.showXmlOption = true;
-            this.showPrintPriceStickers = true;
-            this.sendOptions = [
-                { option: SendOption.Email,
-                    iconName: this.icons.EnvelopeRegular,
-                },
-                { option: SendOption.Print,
-                    iconName: this.icons.PrintRegular,
-                },
-                { option: SendOption.Pdf,
-                    iconName: this.icons.FilePdfRegular,
-                },
-                { option: SendOption.Xml,
-                    iconName: this.icons.FilePdfRegular,
-                }
-            ];
-            this.activeSendOption = SendOption.Email;
-            this.showStandardPrinterOptions = false;
-            this.showPrinterSelections = false;
-            this.showExitButton = true;
-            this.printTemplates = [];
-            this.printTemplatesField = { text: "name", value: "reportId" };
-            this.emailLayoutField = { text: "name", value: "reportId" };
-            this.priceListDataField = { text: "name", value: "priceListCode" };
-            this.upAndLoaded = false;
-            this.models = [false, false, true];
-            this.showDialog = false;
-            this.emailAdresses = [];
+            this._sharedService = _sharedService;
+            this._sendMethodService = _sendMethodService;
+            this.icons = exports["ɵw"];
+            this.emailLayouts = [];
             this.printLayouts = [];
+            this.emailAddresses = [];
+            this.visibleMethods = [];
             this.isDocSignEnabled = false;
             this.docSign = false;
+            this.reportingDocumentPrintRequestChange = new i0.EventEmitter();
+            this.reportingDocumentEmailRequestChange = new i0.EventEmitter();
+            this.reportingDocumentPdfRequestChange = new i0.EventEmitter();
             this.startSignatureClicked = new i0.EventEmitter();
-            this.sendEmailClicked = new i0.EventEmitter();
-            this.printButtonClicked = new i0.EventEmitter();
-            this.emailLayoutClicked = new i0.EventEmitter();
-            this.printTemplatesClicked = new i0.EventEmitter();
-            this.defaultSendMethodClicked = new i0.EventEmitter();
-            this.printLayoutParams = new i0.EventEmitter();
-            this.sendMethodParams = new /** @class */ (function () {
-                function class_1() {
-                }
-                return class_1;
-            }());
+            this.closeClick = new i0.EventEmitter();
+            this.okClick = new i0.EventEmitter();
+            this.sendMethods = sendMethodsWithIcon;
+            this.upAndLoaded = false;
+            this.startUp = true;
+            this.showFax = true;
+            this.showPrint = true;
+            this.showEmail = true;
+            this.showEdi = true;
+            this.showSms = true;
+            this.showEmailTemplate = true;
+            this.showWebservice = true;
             this._subscriptions = [];
-            this._subscriptions.push(this._optionsService.optionsLoaded.subscribe(function (loaded) { return _this._handleSettingsLoaded(loaded); }));
+            this._subscriptions.push(this._optionsService.optionsLoaded.subscribe(function (loaded) { return _this._handleSettingsLoaded(loaded); }), this._sendMethodService.reportingDocumentPrintBaseRequestChanged.subscribe(function (value) { return _this.reportingDocumentPrintRequestChange.next(value); }), this._sendMethodService.reportingDocumentEmailBaseRequestChanged.subscribe(function (value) { return _this.reportingDocumentEmailRequestChange.next(value); }), this._sendMethodService.reportingDocumentPdfBaseRequestChanged.subscribe(function (value) { return _this.reportingDocumentPdfRequestChange.next(value); }));
         }
-        Object.defineProperty(SendMethodDialogComponent.prototype, "articleData", {
-            set: function (data) {
-                if (!(this.printLayoutParams instanceof printPriceStickers_bo.PrintPriceStickers)) {
-                    this.sendMethodParams.goodId = data.goodId;
-                    this.sendMethodParams.warehouse = data.warehouseNo;
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ;
         SendMethodDialogComponent.prototype.showClass = function () {
             return true;
         };
         SendMethodDialogComponent.prototype.ngOnInit = function () {
-            this.getDefaultSendMethod();
-            this.getDefaultEmailLayouts();
+            if (this.reportingDocumentEmailRequest) {
+                this._sendMethodService.reportingDocumentEmailBaseRequest = this.reportingDocumentEmailRequest;
+            }
+            if (this.reportingDocumentPrintRequest) {
+                this._sendMethodService.reportingDocumentPrintBaseRequest = this.reportingDocumentPrintRequest;
+            }
+            if (this.reportingDocumentPdfRequest) {
+                this._sendMethodService.reportingDocumentPdfBaseRequest = this.reportingDocumentPdfRequest;
+            }
+            this._selectDefaultSendMethod();
+            this._prepareVisibleMethods();
         };
         SendMethodDialogComponent.prototype.ngOnDestroy = function () {
             this._subscriptions.forEach(function (subscription) { return subscription.unsubscribe(); });
         };
-        SendMethodDialogComponent.prototype.getPrinters = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    return [2 /*return*/, this.stockService.getAllPrinters(true).then(function (list) {
-                            _this.printerList = list;
-                        })];
-                });
-            });
-        };
-        SendMethodDialogComponent.prototype.closeDialogClick = function () {
-            this.showDialog = false;
-        };
         SendMethodDialogComponent.prototype.handleSignatureStart = function () {
             this.docSign = !this.docSign;
             this.startSignatureClicked.emit();
         };
-        SendMethodDialogComponent.prototype.sendEmail = function () {
-            this.sendEmailClicked.emit();
-            this.printLayoutParams.emit(this.sendMethodParams);
-        };
-        SendMethodDialogComponent.prototype.handlePrintClicked = function () {
-            if (this.sendMethodParams.printerName) {
-                this.printButtonClicked.emit();
+        SendMethodDialogComponent.prototype.handleSendMethodClick = function (sendMethod) {
+            this.activeSendMethod = sendMethod;
+            if (sendMethod.code === sendMethodType_enum.SendMethodType.Fax && this.showFax) {
+                this.navigationItems.nativeElement.scrollLeft = this.faxItems.nativeElement.offsetLeft - this.navigationItems.nativeElement.offsetLeft;
+            }
+            else if (sendMethod.code === sendMethodType_enum.SendMethodType.Print && this.showPrint) {
+                this.navigationItems.nativeElement.scrollLeft = this.printItems.nativeElement.offsetLeft - this.navigationItems.nativeElement.offsetLeft;
+            }
+            else if (sendMethod.code === sendMethodType_enum.SendMethodType.Email && this.showEmail) {
+                this.navigationItems.nativeElement.scrollLeft = this.emailItems.nativeElement.offsetLeft - this.navigationItems.nativeElement.offsetLeft;
+            }
+            else if (sendMethod.code === sendMethodType_enum.SendMethodType.Edi && this.showEdi) {
+                this.navigationItems.nativeElement.scrollLeft = this.ediItems.nativeElement.offsetLeft - this.navigationItems.nativeElement.offsetLeft;
+            }
+            else if (sendMethod.code === sendMethodType_enum.SendMethodType.EmailTemplate && this.showEmailTemplate) {
+                this.navigationItems.nativeElement.scrollLeft = this.emailTemplateItems.nativeElement.offsetLeft - this.navigationItems.nativeElement.offsetLeft;
+            }
+            else if (sendMethod.code === sendMethodType_enum.SendMethodType.Sms && this.showSms) {
+                this.navigationItems.nativeElement.scrollLeft = this.smsItems.nativeElement.offsetLeft - this.navigationItems.nativeElement.offsetLeft;
+            }
+            else if (sendMethod.code === sendMethodType_enum.SendMethodType.WebService && this.showWebservice) {
+                this.navigationItems.nativeElement.scrollLeft = this.webServiceItems.nativeElement.offsetLeft - this.navigationItems.nativeElement.offsetLeft;
             }
         };
-        SendMethodDialogComponent.prototype.togglePrinterSelection = function () {
-            this.getPrinters();
-            if (!this.showPrinterSelections) {
-                this.showPrinterSelections = true;
-                this.headerTitle = 'Printer selectie';
+        SendMethodDialogComponent.prototype._selectDefaultSendMethod = function () {
+            var _this = this;
+            if (this.defaultSendMethod) {
+                var sendMethod_1 = this.sendMethods.find(function (sm) { return sm.code === _this.defaultSendMethod; });
+                if (sendMethod_1) {
+                    setTimeout(function () {
+                        _this.handleSendMethodClick(sendMethod_1);
+                        _this.startUp = false;
+                    });
+                }
             }
             else {
-                this.showPrinterSelections = false;
-                this.headerTitle = 'Verzendopties';
+                this.startUp = false;
             }
         };
-        SendMethodDialogComponent.prototype.onPrinterClicked = function (printer) {
-            this.defaultPrinter = printer.name;
-            this.sendMethodParams.printerName = printer.name;
-            this.showPrinterSelections = !this.showPrinterSelections;
-        };
-        SendMethodDialogComponent.prototype.getPrintTemplates = function () {
-            this.printTemplatesClicked.emit();
-        };
-        SendMethodDialogComponent.prototype.getDefaultSendMethod = function () {
-            this.defaultSendMethodClicked.emit();
-        };
-        SendMethodDialogComponent.prototype.getDefaultEmailLayouts = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    this.emailLayoutClicked.emit();
-                    return [2 /*return*/];
-                });
-            });
+        SendMethodDialogComponent.prototype._prepareVisibleMethods = function () {
+            var _this = this;
+            if (this.visibleMethods && this.visibleMethods.length > 0) {
+                this.sendMethods = this.sendMethods.filter(function (sm) { return _this.visibleMethods.find(function (vm) { return vm === sm.code; }); });
+            }
+            this.showFax = this.sendMethods.find(function (sm) { return sm.code === sendMethodType_enum.SendMethodType.Fax; }) !== undefined;
+            this.showPrint = this.sendMethods.find(function (sm) { return sm.code === sendMethodType_enum.SendMethodType.Print; }) !== undefined;
+            this.showEmail = this.sendMethods.find(function (sm) { return sm.code === sendMethodType_enum.SendMethodType.Email; }) !== undefined;
+            this.showEdi = this.sendMethods.find(function (sm) { return sm.code === sendMethodType_enum.SendMethodType.Edi; }) !== undefined;
+            this.showEmailTemplate = this.sendMethods.find(function (sm) { return sm.code === sendMethodType_enum.SendMethodType.EmailTemplate; }) !== undefined;
+            this.showSms = this.sendMethods.find(function (sm) { return sm.code === sendMethodType_enum.SendMethodType.Sms; }) !== undefined;
+            this.showWebservice = this.sendMethods.find(function (sm) { return sm.code === sendMethodType_enum.SendMethodType.WebService; }) !== undefined;
         };
         SendMethodDialogComponent.prototype._handleSettingsLoaded = function (loaded) {
             return __awaiter(this, void 0, void 0, function () {
@@ -3692,7 +2335,7 @@
                         case 0:
                             // await this._connector.connect(this._optionsService.options);
                             if (this._optionsService.options.url) {
-                                this._dictionary.rootUrl = this._optionsService.options.url.replace("/ajaxservice", "");
+                                this._dictionary.rootUrl = this._optionsService.options.url.replace('/ajaxservice', '');
                             }
                             return [4 /*yield*/, this._dictionary.setDictionary(this._optionsService.options.languageCode)];
                         case 1:
@@ -3709,8 +2352,8 @@
     }());
     SendMethodDialogComponent.decorators = [
         { type: i0.Component, args: [{
-                    selector: "ione-send-method-dialog",
-                    template: "\n    <div class=\"send-method-dialog-wrapper\">\n      <co-dialog id=\"sendOptionsDialog\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showDialog\" [showCloseIcon]=\"showExitButton\" (closeClick)=\"closeDialogClick()\">\n        <ng-template #headerTemplate>\n          <h2 [textContent]=\"headerTitle\"></h2>\n        </ng-template>\n        <div class=\"dialog-content-wrapper\">\n          <div class=\"main-content-container\" *ngIf=\"!showPrinterSelections\">\n            <div class=\"send-options-wrapper\">\n              <div class=\"custom-button-wrapper\"\n                   *ngFor=\"let sendOption of sendOptions\"\n                   [class.selected-option]=\"sendOption.option === activeSendOption\"\n                   (click)=\"activeSendOption = sendOption.option\">\n                <co-icon [iconData]=\"iconCacheService.getIcon(sendOption.iconName)\"></co-icon>\n              </div>\n            </div>\n\n            <div class=\"email-option-content\" *ngIf=\"activeSendOption === sendOption.Email || activeSendOption === sendOption.Pdf\">\n              <div class=\"emails-container\" *ngIf=\"activeSendOption === sendOption.Email\">\n                <co-input-checkbox\n                  *ngFor=\"let email of emailAdresses\"\n                  [(model)]=\"email.name\"\n                  [label]=\"email\"\n                  [cssClass]=\"'input-checkbox-wrapper'\"\n                ></co-input-checkbox>\n              </div>\n\n              <div class=\"lov-wrapper\" (click)=\"getDefaultEmailLayouts()\">\n                <co-input-combo-box\n                  [(model)]=\"sendMethodParams.reportId\"\n                  [collection]=\"emailLayouts\"\n                  [fields]=\"emailLayoutField\"\n                  placeholder=\"Layout\"\n                ></co-input-combo-box>\n              </div>\n\n              <div *ngIf=\"isDocSignEnabled\" class=\"signature-button-wrapper\">\n                <div class=\"custom-button-wrapper signature-button\" (click)=\"handleSignatureStart()\">\n                  <co-icon [iconData]=\"iconCacheService.getIcon(icons.SignatureField)\"></co-icon>\n                </div>\n                <div class=\"custom-button-wrapper send-button\" (click)=\"sendEmail()\">\n                  <co-icon [iconData]=\"iconCacheService.getIcon(icons.Email)\"></co-icon>\n                </div>\n              </div>\n\n              <ione-docsign *ngIf=\"docSign\"></ione-docsign>\n            </div>\n\n            <div class=\"email-option-content\" *ngIf=\"activeSendOption === sendOption.Print\" (click)=\"getPrintTemplates()\">\n              <div *ngIf=\"showPrintPriceStickers\">\n                <div class=\"lov-wrapper\">\n                  <co-input-combo-box\n                    [(model)]=\"sendMethodParams.reportId\"\n                    [collection]=\"printLayouts\"\n                    [fields]=\"printTemplatesField\"\n                    placeholder=\"Layout\"\n                  ></co-input-combo-box>\n                </div>\n                <div class=\"lov-wrapper\" *ngIf=\"priceListCodeData\">\n                  <co-input-combo-box\n                    [(model)]=\"sendMethodParams.priceListCode\"\n                    [collection]=\"priceListCodeData\"\n                    [fields]=\"priceListDataField\"\n                    placeholder=\"Layout\"\n                  ></co-input-combo-box>\n                </div>\n              </div>\n\n              <div class=\"lov-wrapper clickable\" (click)=\"togglePrinterSelection()\">\n                <div class=\"selected-printer-wrapper\">\n                  <div class=\"printer-option-list-item\">\n                    <co-icon class=\"printer-icon\" [iconData]=\"iconCacheService.getIcon(icons.PrintRegular)\"></co-icon>\n                    <div class=\"printer-details\" *ngIf=\"printerList\">\n                      <span class=\"printer-name\" [textContent]=\"defaultPrinter\"></span>\n                      <span class=\"printer-status\" [textContent]=\"defaultPrinter.acceptingJobs\"></span>\n                    </div>\n                  </div>\n                  <co-icon class=\"select-printer-arrow\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\"></co-icon>\n                </div>\n              </div>\n\n              <div class=\"standard-printer-wrapper\">\n                <div class=\"standard-printer-link\" (click)=\"showStandardPrinterOptions = !showStandardPrinterOptions\">\n                  <co-icon class=\"arrow-icon\" [iconData]=\"iconCacheService.getIcon(icons.ArrowFatRight)\"></co-icon>\n                  <span class=\"standard-printer-message\" [textContent]=\"'Standaard printer voor lay-out instellen'\"></span>\n                </div>\n\n                <div class=\"standard-printer-selections\" *ngIf=\"showStandardPrinterOptions\">\n                  <co-input-checkbox\n                    [(model)]=\"models[0]\"\n                    [label]=\"'Per gebruiker instellen'\"\n                    [cssClass]=\"'input-checkbox-wrapper'\"\n                  ></co-input-checkbox>\n                  <co-input-checkbox\n                    [(model)]=\"models[1]\"\n                    [label]=\"'Voor alle gebruikers instellen'\"\n                    [cssClass]=\"'input-checkbox-wrapper'\"\n                  ></co-input-checkbox>\n                </div>\n              </div>\n\n              <div class=\"print-footer-wrapper\">\n                <div class=\"input-number-wrapper\">\n                  <co-input-number-picker class=\"number-picker\"\n                                          [step]=\"1\" [(model)]=\"sendMethodParams.amount\" [min]=\"1\"\n                                          [ngModelOptions]=\"{debounce: 1}\">\n                  </co-input-number-picker>\n                </div>\n                <div class=\"custom-button-wrapper print-button\" (click)=\"handlePrintClicked()\">\n                  <span [textContent]=\"'Print'\"></span>\n                </div>\n                <div class=\"custom-button-wrapper signature-button\" (click)=\"handleSignatureStart()\">\n                  <co-icon [iconData]=\"iconCacheService.getIcon(icons.SignatureField)\"></co-icon>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"printer-content-container\" @slideInOut *ngIf=\"showPrinterSelections\">\n            <div class=\"selected-printer-wrapper selection clickable\" *ngFor=\"let printers of printerList\" (click)=\"onPrinterClicked(printers)\">\n              <div class=\"printer-option-list-item\">\n                <co-icon class=\"printer-icon\" [iconData]=\"iconCacheService.getIcon(icons.PrintRegular)\"></co-icon>\n                <div class=\"printer-details\">\n                  <span class=\"printer-name\" [textContent]=\"printers.name\"></span>\n                  <span class=\"printer-status\" [textContent]=\"printers.acceptingJobs\"></span>\n                </div>\n              </div>\n              <co-icon class=\"select-printer-arrow\" *ngIf=\"!showPrinterSelections\"\n                       [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\"></co-icon>\n            </div>\n          </div>\n        </div>\n      </co-dialog>\n    </div>\n  ",
+                    selector: 'co-send-method-dialog',
+                    template: "\n    <co-dialog id=\"sendOptionsDialog\" [headerTemplate]=\"headerTemplate\" [footerTemplate]=\"footerTemplate\"\n               (closeClick)=\"closeClick.emit($event)\">\n      <ng-template #headerTemplate>\n        <div class=\"co-dialog-header-title\" [textContent]=\"headerTitle\"></div>\n      </ng-template>\n      <div class=\"dialog-content-wrapper\">\n        <div class=\"send-methods-wrapper\">\n          <div class=\"send-button-wrapper\" *ngFor=\"let sendMethod of sendMethods; let index = index\"\n               [class.selected]=\"activeSendMethod ? sendMethod.code === activeSendMethod.code : index === 0\"\n               (click)=\"handleSendMethodClick(sendMethod)\">\n            <co-icon class=\"custom-button-icon\" [iconData]=\"iconCacheService.getIcon(sendMethod.icon)\"></co-icon>\n            <div class=\"custom-button-title\" [textContent]=\"sendMethod.description\"></div>\n          </div>\n        </div>\n        <div #navigationItems class=\"send-method-navigation-wrapper\" [class.smooth-scrolling]=\"!startUp\">\n          <div #faxItems class=\"send-method-navigation-content co-small-scrollbar\">\n\n          </div>\n          <div #printItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showPrint\">\n            <co-send-method-printer\n              [layouts]=\"printLayouts\"\n            ></co-send-method-printer>\n          </div>\n          <div #emailItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showEmail\">\n            <co-send-method-email\n              [emailAddresses]=\"emailAddresses\"\n              [layouts]=\"emailLayouts\"\n            ></co-send-method-email>\n          </div>\n          <div #ediItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showEdi\">\n\n          </div>\n          <div #emailTemplateItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showEmailTemplate\">\n\n          </div>\n          <div #smsItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showSms\">\n\n          </div>\n          <div #webServiceItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showWebservice\">\n\n          </div>\n        </div>\n      </div>\n      <ng-template #footerTemplate>\n        <div class=\"co-dialog-footer-button-wrapper\">\n          <co-button [label]=\"'Ok'\" (click)=\"okClick.emit(activeSendMethod ? activeSendMethod.code : '0')\"></co-button>\n        </div>\n      </ng-template>\n    </co-dialog>\n  ",
                     encapsulation: i0.ViewEncapsulation.None,
                     animations: [
                         animations.trigger('slideInOut', [
@@ -3723,41 +2366,313 @@
     ];
     SendMethodDialogComponent.ctorParameters = function () { return [
         { type: IconCacheService },
-        { type: StockService },
         { type: OptionsService },
         { type: DictionaryService },
-        { type: i0.ChangeDetectorRef }
+        { type: i0.ChangeDetectorRef },
+        { type: SharedService },
+        { type: SendMethodService }
     ]; };
     SendMethodDialogComponent.propDecorators = {
-        showEmailOption: [{ type: i0.Input }],
-        showPrintOption: [{ type: i0.Input }],
-        showPdfOption: [{ type: i0.Input }],
-        showXmlOption: [{ type: i0.Input }],
-        showPrintPriceStickers: [{ type: i0.Input }],
-        priceListCodeData: [{ type: i0.Input }],
-        transactionUUID: [{ type: i0.Input }],
-        showDialog: [{ type: i0.Input }],
-        headerTitle: [{ type: i0.Input }],
-        printerList: [{ type: i0.Input }],
-        relationId: [{ type: i0.Input }],
-        emailAdresses: [{ type: i0.Input }],
+        navigationItems: [{ type: i0.ViewChild, args: ['navigationItems', { read: i0.ElementRef },] }],
+        faxItems: [{ type: i0.ViewChild, args: ['faxItems', { read: i0.ElementRef },] }],
+        printItems: [{ type: i0.ViewChild, args: ['printItems', { read: i0.ElementRef },] }],
+        emailItems: [{ type: i0.ViewChild, args: ['emailItems', { read: i0.ElementRef },] }],
+        ediItems: [{ type: i0.ViewChild, args: ['ediItems', { read: i0.ElementRef },] }],
+        emailTemplateItems: [{ type: i0.ViewChild, args: ['emailTemplateItems', { read: i0.ElementRef },] }],
+        smsItems: [{ type: i0.ViewChild, args: ['smsItems', { read: i0.ElementRef },] }],
+        webServiceItems: [{ type: i0.ViewChild, args: ['webServiceItems', { read: i0.ElementRef },] }],
+        reportingDocumentPrintRequest: [{ type: i0.Input }],
+        reportingDocumentEmailRequest: [{ type: i0.Input }],
+        reportingDocumentPdfRequest: [{ type: i0.Input }],
         emailLayouts: [{ type: i0.Input }],
         printLayouts: [{ type: i0.Input }],
+        headerTitle: [{ type: i0.Input }],
+        emailAddresses: [{ type: i0.Input }],
         defaultSendMethod: [{ type: i0.Input }],
-        defaultEmailAdresses: [{ type: i0.Input }],
+        visibleMethods: [{ type: i0.Input }],
         isDocSignEnabled: [{ type: i0.Input }],
         docSign: [{ type: i0.Input }],
-        articleData: [{ type: i0.Input }],
+        reportingDocumentPrintRequestChange: [{ type: i0.Output }],
+        reportingDocumentEmailRequestChange: [{ type: i0.Output }],
+        reportingDocumentPdfRequestChange: [{ type: i0.Output }],
         startSignatureClicked: [{ type: i0.Output }],
-        sendEmailClicked: [{ type: i0.Output }],
-        printButtonClicked: [{ type: i0.Output }],
-        emailLayoutClicked: [{ type: i0.Output }],
-        showClass: [{ type: i0.HostBinding, args: ["class.ione-send-method-dialog",] }],
-        printTemplatesClicked: [{ type: i0.Output }],
-        defaultSendMethodClicked: [{ type: i0.Output }],
-        printLayoutParams: [{ type: i0.Output }]
+        closeClick: [{ type: i0.Output }],
+        okClick: [{ type: i0.Output }],
+        showClass: [{ type: i0.HostBinding, args: ['class.co-send-method-dialog',] }]
+    };
+
+    var EmailAddressViewmodel = /** @class */ (function () {
+        function EmailAddressViewmodel(checked, emailAddress) {
+            this.checked = checked;
+            this.emailAddress = emailAddress;
+        }
+        return EmailAddressViewmodel;
+    }());
+
+    var SendMethodEmailComponent = /** @class */ (function () {
+        function SendMethodEmailComponent(sendMethodService) {
+            this.sendMethodService = sendMethodService;
+            this.emailAddresses = [];
+            this.layouts = [];
+            this.emailAddressViewmodels = [];
+        }
+        SendMethodEmailComponent.prototype.showClass = function () {
+            return true;
+        };
+        SendMethodEmailComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            if (this.emailAddresses) {
+                this.emailAddresses.forEach(function (ea) {
+                    var emailAddressViewmodel = new EmailAddressViewmodel(_this.sendMethodService.selectedEmailAddresses.indexOf(ea) > -1, ea);
+                    _this.emailAddressViewmodels.push(emailAddressViewmodel);
+                });
+            }
+        };
+        SendMethodEmailComponent.prototype.handleCheckedEmail = function (emailAddressViewmodel) {
+            var wantedValue = !emailAddressViewmodel.checked;
+            if (!wantedValue) {
+                this.sendMethodService.removeEmailAddress(emailAddressViewmodel.emailAddress);
+            }
+            else {
+                this.sendMethodService.addEmailAddress(emailAddressViewmodel.emailAddress);
+            }
+            emailAddressViewmodel.checked = wantedValue;
+        };
+        return SendMethodEmailComponent;
+    }());
+    SendMethodEmailComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'co-send-method-email',
+                    template: "\n    <div class=\"email-addresses-wrapper co-small-scrollbar\">\n      <div class=\"email-address-wrapper\" *ngFor=\"let emailAddressViewmodel of emailAddressViewmodels\" (click)=\"handleCheckedEmail(emailAddressViewmodel)\">\n        <co-input-checkbox [model]=\"emailAddressViewmodel.checked\" (modelChange)=\"handleCheckedEmail(emailAddressViewmodel)\"></co-input-checkbox>\n        <div class=\"email-address\" [textContent]=\"emailAddressViewmodel.emailAddress\"></div>\n      </div>\n    </div>\n    <co-layout-selection\n      [(request)]=\"sendMethodService.reportingDocumentEmailBaseRequest\"\n      [layouts]=\"layouts\"\n    ></co-layout-selection>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    SendMethodEmailComponent.ctorParameters = function () { return [
+        { type: SendMethodService }
+    ]; };
+    SendMethodEmailComponent.propDecorators = {
+        emailAddresses: [{ type: i0.Input }],
+        layouts: [{ type: i0.Input }],
+        showClass: [{ type: i0.HostBinding, args: ['class.co-send-method-email',] }]
+    };
+
+    var LayoutSelectionComponent = /** @class */ (function () {
+        function LayoutSelectionComponent() {
+            this.layouts = [];
+            this.requestChange = new i0.EventEmitter();
+            this.showLayoutList = false;
+        }
+        LayoutSelectionComponent.prototype.showClass = function () {
+            return true;
+        };
+        LayoutSelectionComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            if (this.layouts && this.layouts.length > 0) {
+                this.currentLayout = this.layouts.find(function (l) { return l.reportId === _this.request.reportId; });
+            }
+        };
+        LayoutSelectionComponent.prototype.handleSelectLayout = function (reportLayout) {
+            this.currentLayout = reportLayout;
+            this.request.reportId = this.currentLayout.reportId;
+            this.requestChange.emit(this.request);
+            this.showLayoutList = false;
+        };
+        return LayoutSelectionComponent;
+    }());
+    LayoutSelectionComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'co-layout-selection',
+                    template: "\n    <div class=\"layout-selection-wrapper\" (click)=\"showLayoutList = !showLayoutList\">\n      <div class=\"title\" [textContent]=\"'Lay-out'\"></div>\n      <div class=\"layout-description\" [textContent]=\"currentLayout?.description || 'Layout kiezen'\"></div>\n    </div>\n    <div class=\"layouts-wrapper co-small-scrollbar\" *ngIf=\"showLayoutList\" @showHideLayouts>\n      <div class=\"layout-selection-wrapper\" *ngFor=\"let reportLayout of layouts\"\n           [class.selected]=\"reportLayout.reportId === currentLayout?.reportId\"\n           (click)=\"handleSelectLayout(reportLayout)\">\n        <div class=\"layout-description\" [textContent]=\"reportLayout.description\"></div>\n      </div>\n    </div>\n  ",
+                    animations: [
+                        animations.trigger("showHideLayouts", [
+                            animations.state("void", animations.style({ height: 0 })),
+                            animations.state("*", animations.style({ height: "50%" })),
+                            animations.transition("void => *", animations.animate("200ms ease-in-out")),
+                            animations.transition("* => void", animations.animate("200ms ease-out"))
+                        ])
+                    ],
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    LayoutSelectionComponent.propDecorators = {
+        request: [{ type: i0.Input }],
+        layouts: [{ type: i0.Input }],
+        requestChange: [{ type: i0.Output }],
+        showClass: [{ type: i0.HostBinding, args: ['class.co-layout-selection',] }]
+    };
+
+    var LayoutSelectionModule = /** @class */ (function () {
+        function LayoutSelectionModule() {
+        }
+        return LayoutSelectionModule;
+    }());
+    LayoutSelectionModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule
+                    ],
+                    declarations: [
+                        LayoutSelectionComponent
+                    ],
+                    exports: [
+                        LayoutSelectionComponent
+                    ]
+                },] }
+    ];
+
+    var SendMethodEmailModule = /** @class */ (function () {
+        function SendMethodEmailModule() {
+        }
+        return SendMethodEmailModule;
+    }());
+    SendMethodEmailModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.InputCheckboxModule,
+                        LayoutSelectionModule
+                    ],
+                    declarations: [
+                        SendMethodEmailComponent
+                    ],
+                    exports: [
+                        SendMethodEmailComponent
+                    ]
+                },] }
+    ];
+
+    var SendMethodPrinterComponent = /** @class */ (function () {
+        function SendMethodPrinterComponent(sendMethodService) {
+            this.sendMethodService = sendMethodService;
+            this.layouts = [];
+        }
+        SendMethodPrinterComponent.prototype.showClass = function () {
+            return true;
+        };
+        SendMethodPrinterComponent.prototype.handleDefaultPrinterUserChange = function (checked) {
+            this.sendMethodService.reportingDocumentPrintBaseRequest.saveDefaultPrinterForUser = checked;
+            this.sendMethodService.reportingDocumentPrintBaseRequestChanged.next(this.sendMethodService.reportingDocumentPrintBaseRequest);
+        };
+        SendMethodPrinterComponent.prototype.handleDefaultPrinterAllUsersChange = function (checked) {
+            this.sendMethodService.reportingDocumentPrintBaseRequest.saveDefaultPrinterForAllUsers = checked;
+            this.sendMethodService.reportingDocumentPrintBaseRequestChanged.next(this.sendMethodService.reportingDocumentPrintBaseRequest);
+        };
+        return SendMethodPrinterComponent;
+    }());
+    SendMethodPrinterComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'co-send-method-printer',
+                    template: "\n    <co-printer-selection></co-printer-selection>\n    <co-layout-selection\n      [(request)]=\"sendMethodService.reportingDocumentPrintBaseRequest\"\n      [layouts]=\"layouts\"\n    ></co-layout-selection>\n    <co-input-checkbox\n      [model]=\"sendMethodService.reportingDocumentPrintBaseRequest.saveDefaultPrinterForUser\"\n      [label]=\"'Koppeling onthouden'\"\n      (modelChange)=\"handleDefaultPrinterUserChange($event)\"\n    ></co-input-checkbox>\n    <co-input-checkbox\n      [model]=\"sendMethodService.reportingDocumentPrintBaseRequest.saveDefaultPrinterForAllUsers\"\n      [label]=\"'Alle gebruikers'\"\n      (modelChange)=\"handleDefaultPrinterAllUsersChange($event)\"\n    ></co-input-checkbox>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    SendMethodPrinterComponent.ctorParameters = function () { return [
+        { type: SendMethodService }
+    ]; };
+    SendMethodPrinterComponent.propDecorators = {
+        layouts: [{ type: i0.Input }],
+        showClass: [{ type: i0.HostBinding, args: ['class.co-send-method-printer',] }]
+    };
+
+    var PrinterSelectionComponent = /** @class */ (function () {
+        function PrinterSelectionComponent(sendMethodService, iconService, _service) {
+            this.sendMethodService = sendMethodService;
+            this.iconService = iconService;
+            this._service = _service;
+            this.icons = exports["ɵw"];
+            this.printers = [];
+            this.showPrinterList = false;
+        }
+        PrinterSelectionComponent.prototype.showClass = function () {
+            return true;
+        };
+        PrinterSelectionComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this._service.getAllPrinters().then(function (printers) {
+                _this.printers = printers;
+                if (!_this.sendMethodService.reportingDocumentPrintBaseRequest.printerName) {
+                    var defaultPrinter = _this.printers.find(function (p) { return p.isDefault; });
+                    if (defaultPrinter) {
+                        _this.sendMethodService.reportingDocumentPrintBaseRequest.printerName = defaultPrinter.name;
+                        _this.sendMethodService.reportingDocumentPrintBaseRequestChanged.next(_this.sendMethodService.reportingDocumentPrintBaseRequest);
+                    }
+                }
+            });
+        };
+        PrinterSelectionComponent.prototype.handlePrinterClicked = function (printer) {
+            this.sendMethodService.reportingDocumentPrintBaseRequest.printerName = printer.name;
+            this.sendMethodService.reportingDocumentPrintBaseRequestChanged.next(this.sendMethodService.reportingDocumentPrintBaseRequest);
+            this.showPrinterList = false;
+        };
+        return PrinterSelectionComponent;
+    }());
+    PrinterSelectionComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'co-printer-selection',
+                    template: "\n    <div class=\"printer-selection-wrapper\" (click)=\"showPrinterList = !showPrinterList\">\n      <div class=\"title\" [textContent]=\"'Printer'\"></div>\n      <div class=\"printer-name\" [textContent]=\"sendMethodService.reportingDocumentPrintBaseRequest.printerName || 'Printer kiezen'\"></div>\n    </div>\n    <div class=\"layouts-wrapper co-small-scrollbar\" *ngIf=\"showPrinterList\" @showHideLayouts>\n      <div class=\"printer-list-item\" *ngFor=\"let printer of printers\"\n           [class.selected]=\"sendMethodService.reportingDocumentPrintBaseRequest.printerName === printer.name\"\n           (click)=\"handlePrinterClicked(printer)\">\n        <co-icon class=\"printer-icon\" [iconData]=\"iconService.getIcon(icons.PrintRegular)\"></co-icon>\n        <div class=\"printer-details\">\n          <span class=\"printer-name\" [textContent]=\"printer.name\"></span>\n          <span class=\"printer-status\" [textContent]=\"printer.acceptingJobs\"></span>\n        </div>\n      </div>\n    </div>\n  ",
+                    animations: [
+                        animations.trigger('showHideLayouts', [
+                            animations.state('void', animations.style({ height: 0 })),
+                            animations.state('*', animations.style({ height: '50%' })),
+                            animations.transition('void => *', animations.animate('200ms ease-in-out')),
+                            animations.transition('* => void', animations.animate('200ms ease-out'))
+                        ])
+                    ],
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    PrinterSelectionComponent.ctorParameters = function () { return [
+        { type: SendMethodService },
+        { type: IconCacheService },
+        { type: SharedService }
+    ]; };
+    PrinterSelectionComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ['class.co-printer-selection',] }]
     };
 
+    var PrinterSelectionModule = /** @class */ (function () {
+        function PrinterSelectionModule() {
+        }
+        return PrinterSelectionModule;
+    }());
+    PrinterSelectionModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.IconModule
+                    ],
+                    declarations: [
+                        PrinterSelectionComponent
+                    ],
+                    exports: [
+                        PrinterSelectionComponent
+                    ]
+                },] }
+    ];
+
+    var SendMethodPrinterModule = /** @class */ (function () {
+        function SendMethodPrinterModule() {
+        }
+        return SendMethodPrinterModule;
+    }());
+    SendMethodPrinterModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.IconModule,
+                        LayoutSelectionModule,
+                        PrinterSelectionModule,
+                        corecomponents_v12.InputCheckboxModule
+                    ],
+                    declarations: [
+                        SendMethodPrinterComponent
+                    ],
+                    exports: [
+                        SendMethodPrinterComponent
+                    ]
+                },] }
+    ];
+
     var SendMethodDialogModule = /** @class */ (function () {
         function SendMethodDialogModule() {
         }
@@ -3770,20 +2685,17 @@
                     ],
                     imports: [
                         common.CommonModule,
-                        corecomponents_v12.CoDialogPromptModule,
-                        corecomponents_v12.InputCheckboxModule,
-                        corecomponents_v12.InputComboBoxModule,
+                        corecomponents_v12.CoDialogModule,
                         corecomponents_v12.IconModule,
-                        corecomponents_v12.InputNumberPickerModule,
-                        corecomponents_v12.CoDialogWizardModule,
-                        corecomponents_v12.ButtonModule,
-                        DocsignModule,
-                        corecomponents_v12.CoDialogModule
+                        SendMethodEmailModule,
+                        SendMethodPrinterModule,
+                        corecomponents_v12.ButtonModule
                     ],
                     exports: [
                         SendMethodDialogComponent
                     ],
                     providers: [
+                        SendMethodService,
                         StockService
                     ]
                 },] }
@@ -3806,7 +2718,10 @@
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._stockService.updateArticleDetails(data)];
+                        case 0:
+                            data.selected = true;
+                            data.entryDate = new Date();
+                            return [4 /*yield*/, this._stockService.updateArticleDetails(data)];
                         case 1:
                             _a.sent();
                             return [2 /*return*/];
@@ -3915,7 +2830,7 @@
     var KeyPadComponent = /** @class */ (function () {
         function KeyPadComponent(iconCacheService) {
             this.iconCacheService = iconCacheService;
-            this.icons = Icon;
+            this.icons = exports["ɵw"];
             this.showValue = true;
             this.emitModelChangeOnEnter = true;
             this.modelChange = new i0.EventEmitter();
@@ -4106,7 +3021,7 @@
     var LayoutSwitcherComponent = /** @class */ (function () {
         function LayoutSwitcherComponent(iconCacheService) {
             this.iconCacheService = iconCacheService;
-            this.icon = Icon;
+            this.icon = exports["ɵw"];
             this.layoutItems = [];
             this.layoutSwitchEmit = new i0.EventEmitter();
             this.showMaskSidebar = false;
@@ -4134,7 +3049,7 @@
     }());
     LayoutSwitcherComponent.decorators = [
         { type: i0.Component, args: [{
-                    selector: "layout-switcher",
+                    selector: "co-layout-switcher",
                     template: "\n    <div class=\"mask-wrapper\" [class.mask-wrapper-active]='showMaskSidebar' @showHideSidebar>\n      <div class=\"icon-wrapper\" (click)=\"toggleMaskSidebar()\">\n        <co-icon class=\"icon-mask\" [iconData]=\"iconCacheService.getIcon(icon.BringForwardRegular)\" [@positionIcon]=\"showMaskSidebar\"></co-icon>\n\n        <co-icon class='icon-mask-sidebar-handle' [@positionHandle]='showMaskSidebar' [iconData]=\"showMaskSidebar ? iconCacheService.getIcon(this.icon.AngleLeftSolid) : iconCacheService.getIcon(this.icon.AngleRightSolid)\"></co-icon>\n      </div>\n\n      <div class=\"mask-content\" *ngIf=\"showMaskSidebar\" @showHideSidebar>\n        <span *ngFor='let item of this.layoutItems' [class.active]=\"this.activeIndex === this.layoutItems.indexOf(item)\" [textContent]=\"item\" (click)='activeIndex = this.layoutItems.indexOf(item)' ></span>\n      </div>\n    </div>\n\n  ",
                     animations: [
                         animations.trigger("showHideSidebar", [
@@ -4160,7 +3075,7 @@
         { type: IconCacheService }
     ]; };
     LayoutSwitcherComponent.propDecorators = {
-        showClass: [{ type: i0.HostBinding, args: ['class.layout-switcher',] }],
+        showClass: [{ type: i0.HostBinding, args: ['class.co-layout-switcher',] }],
         layoutItems: [{ type: i0.Input }],
         layoutSwitchEmit: [{ type: i0.Output }]
     };
@@ -4501,6 +3416,7 @@
             this.rangeChange = new i0.EventEmitter();
             this.viewChange = new i0.EventEmitter();
             this.buttonClick = new i0.EventEmitter();
+            this.showClass = true;
             this.days = [];
             this._selectedDate = new Date();
         }
@@ -4533,7 +3449,7 @@
     }());
     DatePlanningComponent.decorators = [
         { type: i0.Component, args: [{
-                    selector: "sc-date-planning",
+                    selector: "co-date-planning",
                     template: "\n    <div class=\"sc-agenda\">\n      <div class=\"content-wrapper\">\n        <calendar *ngIf=\"calendarNavigation\"\n                  [view]=\"view\"\n                  [(days)]=\"days\"\n                  [selectedDate]=\"selectedDate\" (selectedDateChange)=\"doChangeSelectedDate($event)\"></calendar>\n        <div class=\"agenda-content-wrapper mini-scrollbar\">\n          <div class=\"agenda-content\">\n            <agenda-header [view]=\"view\" (viewChange)=\"doChangeView($event)\"\n                           [firstAvailableDate]=\"firstAvailableDate\"\n                           [eventsPerDay]=\"eventsPerDay\"\n                           [selectedDate]=\"selectedDate\"\n                           (selectedDateChange)=\"doChangeSelectedDate($event)\"\n                           (rangeChange)=\"doChangeSelectedDate($event, true)\"></agenda-header>\n            <agenda-view [view]=\"view\"\n                         [selectedDate]=\"selectedDate\"\n                         [eventsPerDay]=\"eventsPerDay\"\n                         (eventChecked)=\"eventChecked.emit($event)\"></agenda-view>\n          </div>\n        </div>\n      </div>\n    </div>\n    <co-button *ngIf=\"showButton && eventsPerDay.length > 0\" class=\"text-only select-agenda-button\"\n               [label]=\"buttonLabel\"\n               (click)=\"buttonClick.emit($event)\">\n    </co-button>\n    ",
                     animations: [
                         animations.trigger("showHideWindow", [
@@ -4552,6 +3468,7 @@
         { type: i0.Renderer2 }
     ]; };
     DatePlanningComponent.propDecorators = {
+        dayStart: [{ type: i0.ViewChild, args: ["dayStart", { static: true },] }],
         calendarNavigation: [{ type: i0.Input }],
         showButton: [{ type: i0.Input }],
         selectedDate: [{ type: i0.Input }],
@@ -4564,7 +3481,7 @@
         rangeChange: [{ type: i0.Output }],
         viewChange: [{ type: i0.Output }],
         buttonClick: [{ type: i0.Output }],
-        dayStart: [{ type: i0.ViewChild, args: ["dayStart", { static: true },] }]
+        showClass: [{ type: i0.HostBinding, args: ["class.co-date-planning",] }]
     };
 
     var CalendarAllYearsComponent = /** @class */ (function () {
@@ -4672,7 +3589,7 @@
             this.iconCacheService = iconCacheService;
             this.selectedDate = new Date();
             this.selectedDateChange = new i0.EventEmitter();
-            this.icons = Icon;
+            this.icons = exports["ɵw"];
             this.showMonthYearSelect = false;
             this.expanded = false;
         }
@@ -4798,6 +3715,11 @@
                 },] }
     ];
 
+    // @returns true iff given value does not equals null and does not equal undefined
+    function notNill(value) {
+        return value !== null && value !== undefined;
+    }
+
     var DateRange = /** @class */ (function () {
         function DateRange() {
         }
@@ -5228,7 +4150,7 @@
                 },] }
     ];
     CalendarViewComponent.ctorParameters = function () { return [
-        { type: exports["ɵr"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] }
+        { type: exports["ɵbc"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] }
     ]; };
     CalendarViewComponent.propDecorators = {
         view: [{ type: i0.Input }],
@@ -5316,7 +4238,7 @@
     CalendarUtils.Locale = undefined;
     CalendarUtils.Now = new Date();
     CalendarUtils.ctorParameters = function () { return [
-        { type: exports["ɵr"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] }
+        { type: exports["ɵbc"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] }
     ]; };
 
     var AgendaEvent = /** @class */ (function () {
@@ -5373,7 +4295,7 @@
             this._renderer = _renderer;
             this._ngZone = _ngZone;
             this.iconCacheService = iconCacheService;
-            this.icons = Icon;
+            this.icons = exports["ɵw"];
             this.viewTypes = CalendarView;
             this.scrollbarWidth = 15;
             this.view = CalendarView.WeekSelectView;
@@ -5549,7 +4471,7 @@
                 },] }
     ];
     AgendaHeaderComponent.ctorParameters = function () { return [
-        { type: exports["ɵr"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] },
+        { type: exports["ɵbc"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] },
         { type: i0.ElementRef },
         { type: i0.Renderer2 },
         { type: i0.NgZone },
@@ -5649,7 +4571,7 @@
         { type: i0.Directive }
     ];
     AgendaBaseViewComponent.ctorParameters = function () { return [
-        { type: exports["ɵr"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] },
+        { type: exports["ɵbc"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] },
         { type: IconCacheService }
     ]; };
     AgendaBaseViewComponent.propDecorators = {
@@ -5765,7 +4687,7 @@
             var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
             _this.view = CalendarView.WeekSelectView;
             _this.week = NULL_WEEK;
-            _this.icons = Icon;
+            _this.icons = exports["ɵw"];
             return _this;
         }
         AgendaWeekSelectViewComponent.prototype.prepareViewData = function () {
@@ -6010,7 +4932,7 @@
             this._elementRef = _elementRef;
             this._renderer = _renderer;
             this.iconCacheService = iconCacheService;
-            this.icons = Icon;
+            this.icons = exports["ɵw"];
             this.event = NULL_AGENDA_EVENT;
             this.eventChecked = new i0.EventEmitter();
         }
@@ -6179,7 +5101,7 @@
     var AgendaSelectEventComponent = /** @class */ (function () {
         function AgendaSelectEventComponent(iconCacheService) {
             this.iconCacheService = iconCacheService;
-            this.icons = Icon;
+            this.icons = exports["ɵw"];
             this.event = NULL_AGENDA_EVENT;
             this.eventChecked = new i0.EventEmitter();
         }
@@ -6245,37 +5167,6 @@
                 },] }
     ];
 
-    var SharedService = /** @class */ (function () {
-        function SharedService(options, connector) {
-            this.options = options;
-            this.connector = connector;
-        }
-        SharedService.prototype.init = function (options) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.options.initialize(options)];
-                        case 1:
-                            _a.sent();
-                            this.connector.connect();
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        return SharedService;
-    }());
-    SharedService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function SharedService_Factory() { return new SharedService(i0__namespace.ɵɵinject(OptionsService), i0__namespace.ɵɵinject(SharedConnectorService)); }, token: SharedService, providedIn: "root" });
-    SharedService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: "root"
-                },] }
-    ];
-    SharedService.ctorParameters = function () { return [
-        { type: OptionsService },
-        { type: SharedConnectorService }
-    ]; };
-
     /*
      * Public API Surface of sharedcomponents
      */
@@ -6303,41 +5194,52 @@
     exports.StatusbarModule = StatusbarModule;
     exports.StockComponent = StockComponent;
     exports.StockModule = StockModule;
+    exports.sendMethodsWithIcon = sendMethodsWithIcon;
     exports["ɵa"] = SignatureComponent;
     exports["ɵb"] = SignaturesComponent;
-    exports["ɵba"] = AgendaHourCellComponent;
-    exports["ɵbb"] = AgendaHourViewLabelsComponent;
-    exports["ɵbc"] = AgendaHalfHourCellComponent;
-    exports["ɵbd"] = AgendaEventsComponent;
-    exports["ɵbe"] = AgendaEventComponent;
-    exports["ɵbf"] = ViewSelectComponent;
-    exports["ɵbg"] = AgendaSelectEventComponent;
-    exports["ɵbh"] = MASTER_PIPES;
-    exports["ɵbi"] = ArrayNumberPipe;
-    exports["ɵbj"] = UCfirstPipe;
+    exports["ɵba"] = CalendarComponent;
+    exports["ɵbb"] = CalendarViewComponent;
+    exports["ɵbd"] = AgendaHeaderComponent;
+    exports["ɵbe"] = AgendaViewComponent;
+    exports["ɵbf"] = AgendaMonthViewComponent;
+    exports["ɵbg"] = AgendaBaseViewComponent;
+    exports["ɵbh"] = AgendaDayViewComponent;
+    exports["ɵbi"] = AgendaWeekViewComponent;
+    exports["ɵbj"] = AgendaWeekSelectViewComponent;
+    exports["ɵbk"] = AgendaHourViewComponent;
+    exports["ɵbl"] = AgendaHourCellComponent;
+    exports["ɵbm"] = AgendaHourViewLabelsComponent;
+    exports["ɵbn"] = AgendaHalfHourCellComponent;
+    exports["ɵbo"] = AgendaEventsComponent;
+    exports["ɵbp"] = AgendaEventComponent;
+    exports["ɵbq"] = ViewSelectComponent;
+    exports["ɵbr"] = AgendaSelectEventComponent;
+    exports["ɵbs"] = MASTER_PIPES;
+    exports["ɵbt"] = ArrayNumberPipe;
+    exports["ɵbu"] = UCfirstPipe;
     exports["ɵc"] = StockService;
     exports["ɵd"] = SharedConnectorService;
     exports["ɵe"] = OptionsService;
     exports["ɵf"] = DictionaryService;
     exports["ɵg"] = IconCacheService;
-    exports["ɵh"] = StockInformationComponent;
-    exports["ɵi"] = StockInformationGridComponent;
-    exports["ɵj"] = StockLocationComponent;
-    exports["ɵk"] = StockTransferComponent;
-    exports["ɵl"] = StockChangeAmountComponent;
-    exports["ɵm"] = CalendarAllYearsComponent;
-    exports["ɵn"] = CalendarAllMonthsComponent;
-    exports["ɵo"] = CalendarHeaderComponent;
-    exports["ɵp"] = CalendarComponent;
-    exports["ɵq"] = CalendarViewComponent;
-    exports["ɵs"] = AgendaHeaderComponent;
-    exports["ɵt"] = AgendaViewComponent;
-    exports["ɵu"] = AgendaMonthViewComponent;
-    exports["ɵv"] = AgendaBaseViewComponent;
-    exports["ɵw"] = AgendaDayViewComponent;
-    exports["ɵx"] = AgendaWeekViewComponent;
-    exports["ɵy"] = AgendaWeekSelectViewComponent;
-    exports["ɵz"] = AgendaHourViewComponent;
+    exports["ɵh"] = SendMethodService;
+    exports["ɵi"] = SendMethodEmailModule;
+    exports["ɵj"] = LayoutSelectionModule;
+    exports["ɵk"] = LayoutSelectionComponent;
+    exports["ɵl"] = SendMethodEmailComponent;
+    exports["ɵm"] = SendMethodPrinterModule;
+    exports["ɵn"] = PrinterSelectionModule;
+    exports["ɵo"] = PrinterSelectionComponent;
+    exports["ɵp"] = SendMethodPrinterComponent;
+    exports["ɵq"] = StockInformationComponent;
+    exports["ɵr"] = StockInformationGridComponent;
+    exports["ɵs"] = StockLocationComponent;
+    exports["ɵt"] = StockTransferComponent;
+    exports["ɵu"] = StockChangeAmountComponent;
+    exports["ɵv"] = SendMethod;
+    exports["ɵx"] = CalendarAllYearsComponent;
+    exports["ɵy"] = CalendarAllMonthsComponent;
+    exports["ɵz"] = CalendarHeaderComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });