@colijnit/sharedcomponents 1.0.30 → 1.0.32

package/fesm2015/colijnit-sharedcomponents.js

@@ -9,37 +9,31 @@ import { CommonModule, DatePipe } from '@angular/common';
 import SignaturePad from 'signature_pad';
 import { Articles } from '@colijnit/articleapi/build/articles';
 import { Sharedapi } from '@colijnit/sharedapi/build/sharedapi';
-import { Printer } from '@colijnit/sharedapi/build/model/report/printer.bo';
-import { notNill as notNill$1 } from '@colijnit/articleapi/build/utils/function/not-nill.function';
-import { ObjectUtils as ObjectUtils$1 } from '@colijnit/articleapi/build/utils/object-utils';
-import { GetYesNoDbBooleanValue } from '@colijnit/articleapi/build/enum/yes-no-db-type.enum';
-import { GetTrueFalseDbBooleanValue } from '@colijnit/articleapi/build/enum/true-false-db-type.enum';
-import { GetOneZeroDbBooleanValue } from '@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum';
-import { GetLogicalBooleanValue } from '@colijnit/articleapi/build/enum/db-boolean-value-type.enum';
-import { DateUtils as DateUtils$1 } from '@colijnit/articleapi/build/utils/date-utils';
-import { NumberUtils as NumberUtils$1 } from '@colijnit/articleapi/build/utils/number-utils';
-import { MapPropertyDecorator } from '@colijnit/articleapi/build/factory/decorators/map-property.decorator';
-import { BooleanTextDecorator as BooleanTextDecorator$1 } from '@colijnit/articleapi/build/factory/decorators/boolean.decorator';
-import { JsonFieldFieldDecorator } from '@colijnit/articleapi/build/factory/decorators/json.decorator';
-import { ComplexArrayDecorator as ComplexArrayDecorator$1 } from '@colijnit/articleapi/build/factory/decorators/complex-array.decorator';
-import { PrintStockStickers } from '@colijnit/sharedapi/build/model/print-stock-stickers';
 import { ArticleStock } from '@colijnit/articleapi/build/model/article-stock.bo';
 import { StockHistoryBo } from '@colijnit/articleapi/build/model/stock-history.bo';
-import { StockStickersPrintLayouts } from '@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo';
 import { ArticleDetailsBo } from '@colijnit/articleapi/build/model/article-details.bo';
 import { StockStatus } from '@colijnit/articleapi/build/model/stock-status.bo';
 import { StockManagementWarehouses } from '@colijnit/articleapi/build/model/stock-management-warehouses.bo';
 import { StockLocation } from '@colijnit/articleapi/build/model/stock-location.bo';
 import { ArticleTransaction } from '@colijnit/articleapi/build/model/article-transaction.bo';
-import { BehaviorSubject } from 'rxjs';
-import { PrintPriceStickers } from '@colijnit/sharedapi/build/model/print-price-stickers.bo';
+import { BehaviorSubject, Subject } from 'rxjs';
+import { MainApi } from '@colijnit/mainapi';
+import { Printer } from '@colijnit/mainapi/build/model/printer.bo';
+import { BusinessObjectFactory } from '@colijnit/ioneconnector/build/factory/business-object-factory';
+import { SendMethod as SendMethod$1 } from '@colijnit/mainapi/build/model/send-method.bo';
+import { PrintStockStickers } from '@colijnit/sharedapi/build/model/print-stock-stickers';
 import { GetStockHistoryRequest } from '@colijnit/articleapi/build/model/get-stock-history-request';
 import { ArticleStock as ArticleStock$1 } from '@colijnit/articleapi/build/model/article-stock';
-import { CoDialogPromptModule, InputCheckboxModule, InputComboBoxModule, IconModule, InputNumberPickerModule, CoDialogWizardModule, ButtonModule, CoDialogModule, CoGridModule, InputRadioButtonModule, DropDownModule, SimpleGridModule, ImageModule, InputTextModule, InputTextareaModule, InputDatePickerModule } from '@colijnit/corecomponents_v12';
+import { InputCheckboxModule, IconModule, CoDialogModule, ButtonModule, InputComboBoxModule, CoGridModule, InputRadioButtonModule, DropDownModule, SimpleGridModule, ImageModule, InputTextModule, InputNumberPickerModule, CoDialogWizardModule, InputTextareaModule, ClickoutsideModule, InputDatePickerModule } from '@colijnit/corecomponents_v12';
 import * as i1 from '@angular/platform-browser';
 import { DomSanitizer } from '@angular/platform-browser';
 import { ArticleStockManagement } from '@colijnit/articleapi/build/model/article-stock-management';
 import { ArticleTransaction as ArticleTransaction$1 } from '@colijnit/articleapi/build/model/article-transaction';
+import { PrintPriceStickers } from '@colijnit/sharedapi/build/model/print-price-stickers.bo';
+import { ReportingDocumentPrintBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-print-base-request';
+import { ReportingDocumentEmailBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-email-base-request';
+import { ReportingDocumentPdfBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-pdf-base-request';
+import { SendMethodType } from '@colijnit/mainapi/build/enum/send-method-type.enum';
 import { CircularGaugeModule } from '@syncfusion/ej2-angular-circulargauge';
 import * as moment from 'moment';
 
@@ -214,10 +208,10 @@ class DocsignComponent {
 }
 DocsignComponent.decorators = [
     { type: Component, args: [{
-                selector: "ione-docsign",
+                selector: "co-docsign",
                 template: `
     <iframe #iframe></iframe>
-    <ione-signatures *ngIf="showSignatures" @showHideSignature
+    <co-signatures *ngIf="showSignatures" @showHideSignature
                      [showFirstSignature]="showSigBuyer"
                      [firstSignatureTitle]="firstSignatureLabel"
                      [showSecondSignature]="showSigSeller"
@@ -226,7 +220,7 @@ DocsignComponent.decorators = [
                      [clearButtonLabel]="clearButtonLabel"
                      (saveFirstSignature)="saveFirstSignature($event)"
                      (saveSecondSignature)="saveSecondSignature($event)"
-    ></ione-signatures>
+    ></co-signatures>
     <input type="button" *ngIf="(showSigBuyer || showSigSeller) && !showSignatures" class="button button-sign-document"
            [value]="signDocumentButtonLabel"
            (click)="showSignatures = true"
@@ -259,7 +253,7 @@ DocsignComponent.propDecorators = {
     cancelButtonLabel: [{ type: Input }],
     pdfSaved: [{ type: Output }],
     cancelClick: [{ type: Output }],
-    showClass: [{ type: HostBinding, args: ['class.ione-docsign',] }]
+    showClass: [{ type: HostBinding, args: ['class.co-docsign',] }]
 };
 
 class SignatureComponent {
@@ -308,7 +302,7 @@ class SignatureComponent {
 }
 SignatureComponent.decorators = [
     { type: Component, args: [{
-                selector: "ione-signature",
+                selector: "co-signature",
                 template: `
     <div class="signature-wrapper">
       <div class="signature-header">
@@ -332,7 +326,7 @@ SignatureComponent.propDecorators = {
     saveButtonLabel: [{ type: Input }],
     clearButtonLabel: [{ type: Input }],
     save: [{ type: Output }],
-    showClass: [{ type: HostBinding, args: ["class.ione-signature",] }]
+    showClass: [{ type: HostBinding, args: ["class.co-signature",] }]
 };
 
 class SignaturesComponent {
@@ -345,1398 +339,56 @@ class SignaturesComponent {
         this.saveSecondSignature = new EventEmitter();
     }
     showClass() {
-        return true;
-    }
-}
-SignaturesComponent.decorators = [
-    { type: Component, args: [{
-                selector: "ione-signatures",
-                template: `
-    <ione-signature *ngIf="showFirstSignature"
-                    [title]="firstSignatureTitle"
-                    [saveButtonLabel]="saveButtonLabel"
-                    [clearButtonLabel]="clearButtonLabel"
-                    (save)="saveFirstSignature.emit($event)"></ione-signature>
-    <ione-signature *ngIf="showSecondSignature"
-                    [title]="secondSignatureTitle"
-                    [saveButtonLabel]="saveButtonLabel"
-                    [clearButtonLabel]="clearButtonLabel"
-                    (save)="saveSecondSignature.emit($event)"></ione-signature>
-  `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-SignaturesComponent.propDecorators = {
-    showFirstSignature: [{ type: Input }],
-    firstSignatureTitle: [{ type: Input }],
-    showSecondSignature: [{ type: Input }],
-    secondSignatureTitle: [{ type: Input }],
-    saveButtonLabel: [{ type: Input }],
-    clearButtonLabel: [{ type: Input }],
-    saveFirstSignature: [{ type: Output }],
-    saveSecondSignature: [{ type: Output }],
-    showClass: [{ type: HostBinding, args: ["class.ione-signatures",] }]
-};
-
-class DocsignModule {
-}
-DocsignModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule
-                ],
-                declarations: [
-                    DocsignComponent,
-                    SignatureComponent,
-                    SignaturesComponent
-                ],
-                exports: [
-                    DocsignComponent
-                ]
-            },] }
-];
-
-const 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$1.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.
-class 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.
-     */
-    static IsComplexField(target, propertyKey) {
-        if (!target || !propertyKey || typeof target !== "object") {
-            return false;
-        }
-        return (notNill$1(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.
-    static GetComplexFieldType(target, propertyKey) {
-        if (!target || !propertyKey || typeof target !== "object") {
-            return undefined;
-        }
-        return Reflect.getMetadata(PROP_META_KEY$3, target, propertyKey);
-    }
-}
-
-const 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$1.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.
-class 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.
-     */
-    static IsComplexArray(target, propertyKey) {
-        if (!target || !propertyKey || typeof target !== "object") {
-            return false;
-        }
-        return (notNill$1(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.
-     */
-    static GetComplexArrayType(target, propertyKey) {
-        if (!target || !propertyKey || typeof target !== "object") {
-            return undefined;
-        }
-        return Reflect.getMetadata(PROP_META_KEY$2, target, propertyKey);
-    }
-}
-
-const PROP_META_KEY_JN = "booleanTextJN";
-const PROP_META_KEY_TF = "booleanTextTF";
-const 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.
-class 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.
-     */
-    static IsBooleanTextField(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.
-     */
-    static GetLogicalBooleanValue(dbBoolChar) {
-        return 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.
-     */
-    static GetDbBooleanValue(target, propertyKey) {
-        if (!target || !propertyKey || typeof target !== "object") {
-            return undefined;
-        }
-        let dbBoolVal = undefined;
-        const curBoolVal = target[propertyKey];
-        if (BooleanTextDecorator._IsJaNeeProp(target, propertyKey)) {
-            dbBoolVal = GetYesNoDbBooleanValue(curBoolVal);
-        }
-        else if (BooleanTextDecorator._IsTrueFalseProp(target, propertyKey)) {
-            dbBoolVal = GetTrueFalseDbBooleanValue(curBoolVal);
-        }
-        else if (BooleanTextDecorator._IsZeroOneProp(target, propertyKey)) {
-            dbBoolVal = GetOneZeroDbBooleanValue(curBoolVal);
-        }
-        return dbBoolVal;
-    }
-    static _IsJaNeeProp(target, propertyKey) {
-        return BooleanTextDecorator._IsProp(PROP_META_KEY_JN, target, propertyKey);
-    }
-    static _IsTrueFalseProp(target, propertyKey) {
-        return BooleanTextDecorator._IsProp(PROP_META_KEY_TF, target, propertyKey);
-    }
-    static _IsZeroOneProp(target, propertyKey) {
-        return BooleanTextDecorator._IsProp(PROP_META_KEY_10, target, propertyKey);
-    }
-    static _IsProp(prop, target, propertyKey) {
-        return !!target && !!propertyKey && typeof target === "object" && Reflect.hasMetadata(prop, target, propertyKey);
-    }
-}
-
-const 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.
-class DateFieldFieldDecorator {
-    // Returns whether given property (as a string) on given object is decorated with @DateField().
-    static IsDateField(target, propertyKey) {
-        if (!target || !propertyKey || typeof target !== "object") {
-            return false;
-        }
-        return Reflect.hasMetadata(PROP_META_KEY$1, target, propertyKey);
-    }
-    static StringAsDate(str) {
-        return DateUtils$1.StringAsDate(str);
-    }
-}
-
-const 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.
-class StringNumberDecorator {
-    // Returns whether given property (as a string) on given object is decorated with @StringNumber().
-    static IsStringNumber(target, propertyKey) {
-        if (!target || !propertyKey || typeof target !== "object") {
-            return false;
-        }
-        return Reflect.hasMetadata(PROP_META_KEY, target, propertyKey);
-    }
-    static StringAsNumber(str) {
-        return NumberUtils$1.ParseFloatKeepPrecision(str);
-    }
-    static NumberAsString(nr) {
-        return "" + nr;
-    }
-}
-
-// @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.
-class ObjectUtils {
-    /**
-     * Returns whether all given values exist: for all values it holds that they are not null nor undefined. Short-circuit check.
-     * @param {any} values Rest parameters with all objects to check existence for.
-     * @returns {boolean} True if ALL given values are not null nor undefined, otherwise false (if at least one value was null or undefined)
-     */
-    static AllExist(...values) {
-        let allExist = true;
-        for (let i = 0, len = values.length; i < len; i++) {
-            if (isNill(values[i])) {
-                allExist = false;
-                break;
-            }
-        }
-        return allExist;
-    }
-    /**
-     * Copies all properties from object 'from' to object 'to'. Overwrites properties on object 'to' if property already exists.
-     * Does not copy functions, only properties.
-     * @param {Object} from The source object from which to copy all properties of to the 'to' object.
-     * @param {Object} to The object to which the properties of the 'from' object will be copied.
-     * @param {boolean} [allowUndefined = true] wether the 'to' object may be assigned null or undefined values to any of its properties.
-     */
-    static CopyPropertiesFrom(from, to, allowUndefined = true) {
-        if (!to) {
-            to = {};
-        }
-        if (!from) {
-            return to;
-        }
-        ObjectUtils.ForOwnProperty(from, (value, key) => {
-            if (allowUndefined || notNill(value)) {
-                to[key] = value;
-            }
-        });
-        return to;
-    }
-    static DeepEquals(actual, expected) {
-        if (actual === expected) {
-            return true;
-        }
-        else if (actual instanceof Date && expected instanceof Date) {
-            return actual.getTime() === expected.getTime();
-        }
-        else if (!actual || !expected || typeof actual !== "object" && typeof expected !== "object") {
-            return actual === expected;
-        }
-        else {
-            return this._objEquiv(actual, expected);
-        }
-    }
-    // Performs given callback function for each own property of given plain object. Also works on string enums.
-    static ForOwnProperty(plainObject, callback) {
-        if (ObjectUtils.IsPlainObject(plainObject)) {
-            for (const key in plainObject) {
-                if (plainObject.hasOwnProperty(key) && typeof plainObject[key] !== "function") {
-                    const response = callback(plainObject[key], key);
-                    if (response === false) {
-                        break;
-                    }
-                }
-            }
-        }
-    }
-    // Returns the class name of given argument. The argument can be an object or a class.
-    static GetClassName(objectOrClass) {
-        if (!objectOrClass) {
-            return undefined;
-            // arg was a class (or a function..)
-        }
-        else if (objectOrClass.constructor === Function) {
-            return objectOrClass.name; // .. which has its readable name stores like this
-            // else arg was an object
-        }
-        else {
-            const constructorString = objectOrClass.constructor.toString();
-            return constructorString.match(/\w+/g)[1];
-        }
-    }
-    // Returns a shallow clone of the given original object. The clone is a SIMPLE OBJECT with the same properties as the original.
-    static GetShallowClone(originalObject, objectClass) {
-        let clonedObject = undefined;
-        if (objectClass) {
-            clonedObject = new objectClass();
-        }
-        else {
-            clonedObject = {};
-        }
-        ObjectUtils.ForOwnProperty(originalObject, (value, key) => {
-            clonedObject[key] = value;
-        });
-        return clonedObject;
-    }
-    static GetDeepClone(originalObject, circular = true) {
-        // First create an empty object with
-        // same prototype of our original source
-        let propertyIndex;
-        let descriptor;
-        let keys;
-        let current;
-        let nextSource;
-        let indexOf;
-        const copies = [{
-                source: originalObject,
-                target: Object.create(Object.getPrototypeOf(originalObject))
-            }];
-        const cloneObject = copies[0].target;
-        const sourceReferences = [originalObject];
-        const targetReferences = [cloneObject];
-        // First in, first out
-        while (current = copies.shift()) { //NOSONAR
-            keys = Object.getOwnPropertyNames(current.source);
-            for (propertyIndex = 0; propertyIndex < keys.length; propertyIndex++) {
-                // Save the source's descriptor
-                descriptor = Object.getOwnPropertyDescriptor(current.source, keys[propertyIndex]);
-                if (!descriptor.value || typeof descriptor.value !== "object") {
-                    Object.defineProperty(current.target, keys[propertyIndex], descriptor);
-                    continue;
-                }
-                nextSource = descriptor.value;
-                descriptor.value = Array.isArray(nextSource) ?
-                    [] :
-                    Object.create(Object.getPrototypeOf(nextSource));
-                if (circular) {
-                    indexOf = sourceReferences.indexOf(nextSource);
-                    if (indexOf !== -1) {
-                        // The source is already referenced, just assign reference
-                        descriptor.value = targetReferences[indexOf];
-                        Object.defineProperty(current.target, keys[propertyIndex], descriptor);
-                        continue;
-                    }
-                    sourceReferences.push(nextSource);
-                    targetReferences.push(descriptor.value);
-                }
-                Object.defineProperty(current.target, keys[propertyIndex], descriptor);
-                copies.push({ source: nextSource, target: descriptor.value });
-            }
-        }
-        return cloneObject;
-    }
-    static IsEmpty(obj) {
-        return isNill(obj) || Object.getOwnPropertyNames(obj).length === 0;
-    }
-    // Returns whether given object is an existing, plain object. That is, it defined, its type if 'object' and it is NOT an array or func.
-    static IsPlainObject(object) {
-        return object !== null && !Array.isArray(object) && typeof object !== "function" && typeof object === "object";
-    }
-    /**
-     * Returns an instance of given class with data of given dataObject. Only works if that class has a default constructor without args.
-     * Does not actually create a new object if it alread is an instance of that class.
-     * @param {any} clazz A class that has a default constructor
-     * @param {any} [dataObject] The object with data to copy to the new instance of the class
-     * @returns {any} An object that is an instance of given class, with given data applied to it.
-     */
-    static MakeInstanceOf(clazz, dataObject) {
-        // dont make a clone if given dataObject already instance of clazz
-        if (dataObject instanceof clazz) {
-            return dataObject;
-        }
-        else {
-            const asClazz = new clazz();
-            ObjectUtils.CopyPropertiesFrom(dataObject, asClazz);
-            return asClazz;
-        }
-    }
-    // Returns the value of a random own property of given object.
-    static PickRandomPropertyValue(object) {
-        if (!object) {
-            return;
-        }
-        let result;
-        let count = 0;
-        for (const prop in object) {
-            if (object.hasOwnProperty(prop)) {
-                count++;
-                if (Math.random() < 1 / count) {
-                    result = object[prop];
-                }
-            }
-        }
-        return result;
-    }
-    // Returns a default if given value doesn't exist, otherwise just value.
-    static ValueOrDefault(value, defaultReturnVal = "") {
-        return notNill(value) ? value : defaultReturnVal;
-    }
-    static _isArguments(x) {
-        const supportsArgsClass = this._supportsArgumentsClass();
-        return supportsArgsClass ? this._isArgumentsWhenArgsClassSupported(x) : this._isArgumentsWhenArgsClassNotSupported(x);
-    }
-    static _isArgumentsWhenArgsClassNotSupported(object) {
-        return object &&
-            typeof object === "object" &&
-            typeof object.length === "number" &&
-            Object.prototype.hasOwnProperty.call(object, "callee") &&
-            !Object.prototype.propertyIsEnumerable.call(object, "callee") ||
-            false;
-    }
-    static _isArgumentsWhenArgsClassSupported(object) {
-        return Object.prototype.toString.call(object) === "[object Arguments]";
-    }
-    static _isBuffer(x) {
-        if (!x || typeof x !== "object" || typeof x.length !== "number") {
-            return false;
-        }
-        if (typeof x.copy !== "function" || typeof x.slice !== "function") {
-            return false;
-        }
-        return !(x.length > 0 && typeof x[0] !== "number");
-    }
-    static _isUndefinedOrNull(value) {
-        return value === null || value === undefined;
-    }
-    static _objEquiv(a, b) {
-        let i, key;
-        if (this._isUndefinedOrNull(a) || this._isUndefinedOrNull(b)) {
-            return false;
-        }
-        if (a.prototype !== b.prototype) {
-            return false;
-        }
-        if (this._isArguments(a)) {
-            if (!this._isArguments(b)) {
-                return false;
-            }
-            a = Array.prototype.slice.call(a);
-            b = Array.prototype.slice.call(b);
-            return this.DeepEquals(a, b);
-        }
-        if (this._isBuffer(a)) {
-            if (!this._isBuffer(b)) {
-                return false;
-            }
-            if (a.length !== b.length) {
-                return false;
-            }
-            for (i = 0; i < a.length; i++) {
-                if (a[i] !== b[i]) {
-                    return false;
-                }
-            }
-            return true;
-        }
-        let ka;
-        let kb;
-        try {
-            ka = Object.keys(a);
-            kb = Object.keys(b);
-        }
-        catch (e) {
-            return false;
-        }
-        if (ka.length !== kb.length) {
-            return false;
-        }
-        ka.sort();
-        kb.sort();
-        for (i = ka.length - 1; i >= 0; i--) {
-            if (ka[i] !== kb[i]) {
-                return false;
-            }
-        }
-        for (i = ka.length - 1; i >= 0; i--) {
-            key = ka[i];
-            if (!this.DeepEquals(a[key], b[key])) {
-                return false;
-            }
-        }
-        return typeof a === typeof b;
-    }
-    static _supportsArgumentsClass() {
-        return Object.prototype.toString.call(arguments) === "[object Arguments]";
-    }
-}
-
-// Static utility function holder related to numeric variable evaluations and operations.
-class NumberUtils {
-    // For user-typed number input; supports comma's as decimal delimiter.
-    static ParseIntNumberInput(arg) {
-        return NumberUtils.ParseInt(NumberUtils._NumberInputToNumberStr(arg));
-    }
-    // Parses given argument to an integer, using a native parseInt() function with a radix of 10. Returns NaN if parsing was not possible.
-    static ParseInt(arg) {
-        if (isNill(arg) || Array.isArray(arg)) {
-            return undefined;
-        }
-        return parseInt(arg, 10);
-    }
-    // For user-typed number input; supports comma's as decimal delimiter.
-    static ParseFloatNumberInput(arg, decimalPrecision = 2) {
-        return NumberUtils.ParseFloat(NumberUtils._NumberInputToNumberStr(arg), decimalPrecision);
-    }
-    static ParseFloatNumberInputKeepPrecision(arg) {
-        const correctedInputStr = NumberUtils._NumberInputToNumberStr(arg);
-        const decimalPrecision = this.GetDecimalPlaces(correctedInputStr);
-        return NumberUtils.ParseFloat(correctedInputStr, decimalPrecision);
-    }
-    /**
-     * Returns given arg as a float number with given decimal precision, if possible. Returns NaN if parse conversion failed.
-     *
-     * @param {any} arg The argument to parse to a float
-     * @param {number} decimalPrecision The number of decimals, or the precision, the parsed return float should have
-     * @returns {number} NaN if not possible, else the parsed float value
-     */
-    static ParseFloat(arg, decimalPrecision = 2) {
-        if (!ObjectUtils.AllExist(arg, decimalPrecision) || Array.isArray(arg)) {
-            return NaN;
-        }
-        if (!NumberUtils.IsInteger(decimalPrecision) || decimalPrecision < 0) {
-            decimalPrecision = 2;
-            // toFixed() can only handle up until 20
-        }
-        else if (decimalPrecision > 20) {
-            decimalPrecision = 20;
-        }
-        return parseFloat(parseFloat(arg).toFixed(decimalPrecision));
-    }
-    /**
-     * Returns given arg as a float number with given decimal precision, if possible. Returns NaN if parse conversion failed.
-     *
-     * @param arg The argument to parse to a float
-     * @returns {number} The argument as a float with its original decimal precision intact
-     */
-    static ParseFloatKeepPrecision(arg) {
-        const decimalPrecision = this.GetDecimalPlaces(arg);
-        return this.ParseFloat(arg, decimalPrecision);
-    }
-    /**
-     * Returns the given argument as a number. Returns given defaultValue if conversion of argument was impossible.
-     * @param arg
-     * @param {number} [defaultValue = 0]
-     * @returns {number}
-     */
-    static ParseNumberOrDefault(arg, defaultValue = 0) {
-        if (Array.isArray(arg)) {
-            return defaultValue;
-        }
-        if (!NumberUtils.IsNumber(arg)) {
-            arg = parseFloat(arg);
-            arg = isNaN(arg) ? defaultValue : arg;
-        }
-        return arg;
-    }
-    // Returns true iff given argument is an integer number. Returns false on non-numbers or numbers with significant decimals.
-    static IsInteger(arg) {
-        if (isNaN(arg) || Array.isArray(arg)) {
-            return false;
-        }
-        const argAsFloat = parseFloat(arg);
-        return ((argAsFloat | 0) === argAsFloat); // returns whether 'arg converted to an integer equals arg'
-    }
-    // Returns the number of decimal places of the given number. Returns 0 if no decimals whatsoever could be found on given arg.
-    static GetDecimalPlaces(arg, maxAnswer = 1000) {
-        const match = ("" + arg).match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);
-        if (!match) {
-            return 0;
-        }
-        let answer = Math.max(0, 
-        // number of digits right of decimal point.
-        (match[1] ? match[1].length : 0)
-            // adjust for scientific notation
-            - (match[2] ? +match[2] : 0));
-        if (answer > maxAnswer) {
-            answer = maxAnswer;
-        }
-        return answer;
-    }
-    // Parses given numberInput to a number, or returns given defaultValue if parse not possible. Allows ',' char as decimal delimiter.
-    static ParseNumberInputOrDefault(numberInput, defaultValue = 0) {
-        return NumberUtils.ParseNumberOrDefault(NumberUtils._NumberInputToNumberStr(numberInput), defaultValue);
-    }
-    // Returns whether the type of given argument is 'number'.
-    static IsNumber(arg) {
-        return typeof arg === "number" && !isNaN(arg);
-    }
-    /**
-     * Returns whether given arg is indeed not a number (it's NaN or it has another type than 'number')
-     * Our exact copy of AS Flex'es isNaN(arg) function. Always use this method for copying Flex isNaN(..) occurences into TypeScript.
-     * @param arg
-     * @returns {boolean}
-     * @constructor
-     */
-    static IsNaN(arg) {
-        return isNaN(arg) || !NumberUtils.IsNumber(arg);
-    }
-    // Our copy of CoMath.NaN. Returns number, or substitute if NumberUtils.IsNaN(number) holds true.
-    static NaN(number, substitute = 0) {
-        return NumberUtils.IsNaN(number) ? substitute : number;
-    }
-    // Returns whether the value is parasable as a number.
-    static IsParsableNumber(arg) {
-        if (Array.isArray(arg)) {
-            return false;
-        }
-        return !isNaN(parseFloat(arg));
-    }
-    static IsParsableNumberInput(numberInput) {
-        return NumberUtils.IsParsableNumber(NumberUtils._NumberInputToNumberStr(numberInput));
-    }
-    /**
-     * Returns whether given arg is parseable as a number, and whether the lengts of its number parse result is equal to its original length.
-     * I.e. this function returns FALSE with given number-parsable strings, but that have non-numeric appendices, eg '2233ff'. That arg
-     * IS number-parseable, but not a strict 'string number', the latter being what this method actually checks for.
-     */
-    static IsStringNumber(arg) {
-        if (!NumberUtils.IsParsableNumber(arg)) {
-            return false;
-        }
-        else {
-            return arg.toString().length === parseFloat(arg).toString().length;
-        }
-    }
-    static IsListOfNumbers(arg, separator = ",") {
-        const nrs = arg.split(separator);
-        if (nrs.length === 0) {
-            return false;
-        }
-        return nrs.filter(s => NumberUtils.IsStringNumber(s)).length === nrs.length;
-    }
-    // Returns given argument as a string representation of a number parse, e.g. "1" for a number parse result of arg to 1.
-    static ParseStringNumber(arg) {
-        if (!this.IsStringNumber(arg)) {
-            return NaN;
-        }
-        return NumberUtils.ParseFloatKeepPrecision(arg);
-    }
-    static ParseStringNumberDefault(arg, defaultValue = 0) {
-        return NumberUtils.NaN(NumberUtils.ParseStringNumber(arg), defaultValue);
-    }
-    /**
-     * Returns a random integer in range [lowerBound .. upperBound], an inclusive range. Returns NaN if not possible.
-     * Given bounds are truncated first, before serving as the true lower- and upper bounds for the random int.
-     */
-    static RandomInt(lowerBoundInt, upperBoundInt) {
-        if (!NumberUtils.IsNumber(lowerBoundInt) || !NumberUtils.IsNumber(upperBoundInt) || lowerBoundInt > upperBoundInt) {
-            return NaN;
-        }
-        lowerBoundInt = Math.trunc(lowerBoundInt);
-        upperBoundInt = Math.trunc(upperBoundInt);
-        if (lowerBoundInt === upperBoundInt) {
-            return lowerBoundInt;
-        }
-        const delta = upperBoundInt - lowerBoundInt;
-        return (Math.round(Math.random() * delta) + lowerBoundInt);
-    }
-    // Adds thousands comma's to given value, E.g. '1000' to '1,000'. Returns empty string if value was undefined.
-    static AddThousandsCommasTo(value) {
-        if (isNill(value)) {
-            return "";
-        }
-        return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-    }
-    /**
-     * Function used to check wether a given number is composed of another number, power-of-two wise.
-     * Example usage: NumberUtils.NumIsComposedOf(articleListObject.publication, ArticlePublication.Selector).
-     * This would return whether or not that articleListObject was publicated for selector or not, where articleListObject.publication
-     * was possibly a 'COMPOSITE that was made out of (including)' ArticlePublication.Selector.
-     */
-    static NumIsComposedOfOtherPowTwoNum(bigNrToCheck, powTwoNumItShouldBeComposedOf) {
-        if (!bigNrToCheck) {
-            return false;
-        }
-        else if (!powTwoNumItShouldBeComposedOf) {
-            return true;
-        }
-        else {
-            return ((bigNrToCheck & powTwoNumItShouldBeComposedOf) === powTwoNumItShouldBeComposedOf);
-        }
-    }
-    /**
-     * Returns given nr, or the given default number (default 0) if the nr number was undefined or otherwise not a number.
-     * Same as CoMath.NaN from AS code (used as its substitute in transaction logic)
-     * @param nr
-     * @param defaultNr
-     * @returns {number}
-     */
-    static NrOrDefault(nr, defaultNr = 0) {
-        if (notNill(nr) && NumberUtils.IsNumber(nr)) {
-            return nr;
-        }
-        else {
-            return defaultNr;
-        }
-    }
-    /**
-     * Returns whether given nrToCheck is within the given precision and scale limits. Precision and scale, here, are Oracle DB terms.
-     * This function can thus be used to check whether the given number is safe to send to the 'database' beforehand, if we know the
-     * precision and scale of the number in the db declaration.
-     *
-     * I.e. A number declared in the Oracle DB as number(5, 2) has a precision of 5 and a scale of 2.
-     *
-     * @param {number} nrToCheck
-     * @param {number} precision The number of significant digits, including possibly negative scale. E.g. 3 in '123' and 5 in '51.123'
-     * @param {number} [scale = 0] The number of significant digits AFTER the decimal point. E.g. 1 in 5432.1 and 3 in 54000.003
-     * @returns {CheckPrecisionAndScaleResult} Whether given nrToCheck is ok for given precision and scale, and if not, the
-     * nearest number that IS ok for those constraints.
-     */
-    static CheckPrecisionAndScale(nrToCheck, precision, scale = 0) {
-        // let's say any undefined number is checked OK, and all numbers are checked OK for an undefined precision
-        if (!ObjectUtils.AllExist(nrToCheck, precision, scale)) {
-            return { isOk: true, nearestOkNr: NaN };
-        }
-        // no number can have 0 or less than 0 significant digits, in our universe
-        if (precision < 1 || precision - scale < 1) {
-            return { isOk: false, nearestOkNr: NaN };
-        }
-        // begin check
-        const isNegative = (nrToCheck < 0);
-        const nrParts = nrToCheck.toString().split(".");
-        // remove minus sign if negative
-        if (isNegative) {
-            nrParts[0] = nrParts[0].slice(1);
-        }
-        const numCountBeforeDot = nrParts[0].length;
-        const allowedNumCountBeforeDot = precision - scale;
-        if (numCountBeforeDot <= allowedNumCountBeforeDot) {
-            return { isOk: true, nearestOkNr: nrToCheck };
-        }
-        else {
-            // cut a part from the "before decimal number" so that the number is not too big anymore
-            const numCountToRemove = numCountBeforeDot - allowedNumCountBeforeDot;
-            // remove the right-most numbers before the decimal dot
-            nrParts[0] = nrParts[0].slice(0, -1 * numCountToRemove);
-            // add minus sign again if it was negative
-            if (isNegative) {
-                nrParts[0] = "-" + nrParts[0];
-            }
-            // build and return composite number again
-            let nearestOkNr;
-            if (nrParts[1]) {
-                nearestOkNr = Number(nrParts[0] + "." + nrParts[1]);
-            }
-            else {
-                nearestOkNr = Number(nrParts[0]);
-            }
-            return { isOk: false, nearestOkNr: nearestOkNr };
-        }
-    }
-    /**
-     * Returns whether given x is OK within the given min, max and step boundaries, where it should hold that nrToCheck = min + N * step,
-     * with N integer or 0.
-     * @param {number} nrToCheck Number to check whether it's within the given bounds
-     * @param min Inclusive
-     * @param max Inclusive
-     * @param stepSize
-     * @returns {CheckWithinSteppedBounds} Returns remainder of undefined when nrToCheck was OUTSIDE [min, max], else full result object.
-     */
-    static CheckWithinSteppedBounds(nrToCheck, min, max, stepSize = 1) {
-        if (nrToCheck < min || nrToCheck > max) {
-            return { isOk: false, remainder: undefined };
-        }
-        // we're in [min, max], but still check if nrToCheck = min + N * step holds (for N integer or 0)
-        let remainder = (nrToCheck - min) % stepSize;
-        // correct float for largest precision amongst input numbers
-        remainder = NumberUtils.ParseFloat(remainder, NumberUtils._GetLargestDecimalPrecisionOf(nrToCheck, min, stepSize));
-        return { isOk: (remainder === 0), remainder: remainder };
-    }
-    /**
-     * Finds the number closest to the originalNumber, that adheres to the given bounds. That is, for which it holds that
-     * nr = min + N * step with N integer or 0.
-     * @param {number} originalNr Find closest answer to this number
-     * @param min Inclusive
-     * @param max Inclusive
-     * @param stepSize
-     * @returns {boolean} The closest OK number for bounds.
-     */
-    static GetNearestNumberWithinSteppedBounds(originalNr, min, max, stepSize = 1) {
-        if (originalNr < min) {
-            return min;
-        }
-        else if (originalNr > max) {
-            return NumberUtils.GetTrueSteppedBoundsMax(min, max, stepSize);
-        }
-        const boundsCheck = NumberUtils.CheckWithinSteppedBounds(originalNr, min, max, stepSize);
-        if (boundsCheck.isOk) {
-            return originalNr;
-        }
-        let answer;
-        const remainder = boundsCheck.remainder;
-        if (remainder) {
-            // round up or down?
-            if ((remainder / stepSize) < 0.5) {
-                //  round down, but not below min
-                answer = (originalNr - remainder >= min ? originalNr - remainder : min);
-            }
-            else {
-                // round up, but not above max
-                answer = (originalNr + stepSize - remainder <= max ? originalNr + stepSize - remainder :
-                    NumberUtils.GetTrueSteppedBoundsMax(min, max, stepSize));
-            }
-        }
-        else {
-            // is this real life, why wasn't our stepped bounds check OK?
-            answer = originalNr;
-        }
-        // 'correct' float errors
-        answer = NumberUtils.ParseFloat(answer, NumberUtils._GetLargestDecimalPrecisionOf(originalNr, min, max, stepSize));
-        return answer;
-    }
-    /**
-     * Returns the true maximum allowed value for the given "stepped bounds": min, stepSize and max, for which it holds that each allowed
-     * value Y = min + stepSize * N, for any INTEGER or 0 N where it also holds, of course, that Y <= max.
-     * @param min
-     * @param max
-     * @param stepSize
-     */
-    static GetTrueSteppedBoundsMax(min, max, stepSize = 1) {
-        // solve max integer X in formula min + X * step <= max, and return min + X * stepSize for that X
-        const maxSteps = Math.floor((max - min) / stepSize);
-        // 'correct' float errors
-        return NumberUtils.ParseFloat(min + maxSteps * stepSize, NumberUtils._GetLargestDecimalPrecisionOf(min, min, max));
-    }
-    // Returns the nearest number, relative to the given originalNr, that is within the given [min, max] inclusive bounds.
-    static GetNearestNumberWithinBounds(originalNr, min, max) {
-        let answer = originalNr;
-        if (originalNr < min) {
-            answer = min;
-        }
-        else if (originalNr > max) {
-            answer = max;
-        }
-        return answer;
-    }
-    // Returns the string representation of given number. If it's not a number, returns the empty string.
-    static ToString(nr) {
-        if (!NumberUtils.IsNaN(nr)) {
-            return "" + nr;
-        }
-        else {
-            return "";
-        }
-    }
-    static DecimalsToStepIncrement(numberOfDecimals) {
-        return Math.pow(10, -1 * numberOfDecimals);
-    }
-    static Round(value, decimals) {
-        const factor = Math.pow(10, decimals);
-        return Math.round(value * factor) / factor;
-    }
-    // @returns The inclusive max value
-    static PrecisionScaleToMaxValue(precision, scale) {
-        const oneStep = this.DecimalsToStepIncrement(scale);
-        const maxExclusive = Math.pow(10, precision - scale);
-        return maxExclusive - oneStep;
-    }
-    // @returns the difference between given 2 numbers
-    static DifferenceBetweenNumbers(numberA, numberB) {
-        return Math.abs(numberA - numberB);
-    }
-    static _GetLargestDecimalPrecisionOf(...args) {
-        const result = ArrayUtils.GetMaxCalculatedValue(args, (arg) => {
-            return NumberUtils.GetDecimalPlaces(arg);
-        });
-        return result;
-    }
-    // Returns given number input as a number that's useable by Javascript. Allows for incoming ',' decimal delimiter.
-    static _NumberInputToNumberStr(numberInput) {
-        return (numberInput + "").replace(",", ".");
-    }
-}
-
-class ArrayUtils {
-    /**
-     * Returns whether at least one element in given array could be found by given finder function.
-     *
-     * @param {T[]} array
-     * @param {(element: T) => boolean} finder A finder function that takes an element of the array and returns a boolean that represents
-     * the 'found status' for that element; whether it should have been found or not.
-     */
-    static ContainsAnElementFoundBy(array, finder) {
-        if (!array || !finder) {
-            return false;
-        }
-        return notNill(this.Find(array, finder));
-    }
-    /**
-     * Cross-browser Array.find() function. Returns the first item in given array for which the foundBy function returns true. Returns
-     * undefined when none was found.
-     *
-     * Example usage:
-     * const foundItem: BusinessObject = ArrayUtils.Find<BusinessObject>(modelArray, (modelItem: BusinessObject) => <br>
-     *     (return modelItem.getId() === '1')
-     *   * });
-     *
-     * @param array The array with items to search in.
-     * @param foundBy The finder function applied on each items of the array, when that returns true, the item is considered found.
-     */
-    static Find(array, foundBy) {
-        if (!array || !foundBy) {
-            return undefined;
-        }
-        for (let i = 0, len = array.length; i < len; i++) {
-            const itemCur = array[i];
-            if (foundBy(itemCur)) {
-                return itemCur;
-            }
-        }
-        return undefined;
-    }
-    // @returns empty array when nothing found, otherwise array with found items
-    static FindAll(array, foundBy) {
-        const answer = [];
-        if (!array || !foundBy) {
-            return answer;
-        }
-        for (let i = 0, len = array.length; i < len; i++) {
-            const itemCur = array[i];
-            if (foundBy(itemCur)) {
-                answer.push(itemCur);
-            }
-        }
-        return answer;
-    }
-    // returns a simple clone of given array, using array.slice(0)
-    static CloneArray(array) {
-        let answer = [];
-        if (array) {
-            answer = array.slice(0);
-        }
-        return answer;
-    }
-    /**
-     * Returns a 'semi deep clone' of given array. Its first-level members are object-shallow-cloned (optionally with a strongly typed constructor),
-     * or just as plain object (see param arrayItemsClass).
-     * @param array
-     * @param arrayItemsClass If provided, the cloned array's first-level items will be strongly typed to / constructed as this class. Otherwise
-     * it'll be a plain object.
-     * @param deepClone Set to true if array items contain FUNCTIONS that need to be cloned..
-     * @returns {Array} semi-deep clone of given array
-     */
-    static CloneArrayAndItsItems(array, arrayItemsClass, deepClone = false) {
-        const cloneArray = [];
-        if (array) {
-            for (let i = 0, len = array.length; i < len; i++) {
-                if (deepClone) {
-                    cloneArray.push(ObjectUtils.GetDeepClone(array[i]));
-                }
-                else {
-                    cloneArray.push(ObjectUtils.GetShallowClone(array[i], arrayItemsClass));
-                }
-            }
-        }
-        else {
-            return [];
-        }
-        return cloneArray;
-    }
-    /**
-     * Removes element at given index from given array. Doesn't just set it to null like JavaScripts standard 'delete' does, but really
-     * removes the element using splice().
-     *
-     * @param {number} index
-     * @param {any[]} array in-out
-     * @returns {boolean} True if and only if the element on given index is succesfully removed from given array.
-     */
-    static RemoveElementAtIndex(index, array) {
-        if (NumberUtils.IsNaN(index) || index < 0 || !Array.isArray(array) || array.length === 0) {
-            return false;
-        }
-        if (index in array) {
-            array.splice(index, 1);
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-    /**
-     * Removes given element from given array. Doesn't just set it to null like JavaScripts standard 'delete' does, but really removes the
-     * element using splice(). Also works on associative arrays.
-     *
-     * @param {T} element The element to remove.
-     * @param {T[]} array The array to remove the element from.
-     * @returns {boolean} True iff given element was truly successfully removed from given array.
-     */
-    static RemoveElement(element, array) {
-        if (!Array.isArray(array)) {
-            return false;
-        }
-        const index = array.indexOf(element);
-        return ArrayUtils.RemoveElementAtIndex(index, array);
-    }
-    // Checks if given array is defined, and is an array, and has length > 0, and, optionally checks that the first element is of type given clazz.
-    static IsArrayWithElements(arrayToCheck, classItemsMustBeInstanceOf) {
-        if (isNill(arrayToCheck)) {
-            return false;
-        }
-        if (Array.isArray(arrayToCheck) && arrayToCheck.length > 0) {
-            if (classItemsMustBeInstanceOf) {
-                return arrayToCheck[0] instanceof classItemsMustBeInstanceOf;
-            }
-            else {
-                return true;
-            }
-        }
-        else {
-            return false;
-        }
-    }
-    // Removes all elements from given array for which given filter function holds true. Returns true if at least one removed, else false.
-    static RemoveElementsByFilter(array, filterFunction) {
-        if (!ArrayUtils.IsArrayWithElements(array) || !filterFunction) {
-            return false;
-        }
-        let atLeastOneRemoved = false;
-        const len = array.length;
-        for (let i = len - 1; i >= 0; i--) {
-            const item = array[i];
-            if (filterFunction.call(this, item) === true) {
-                array.splice(i, 1);
-                atLeastOneRemoved = true;
-            }
-        }
-        return atLeastOneRemoved;
-    }
-    static MoveElement(element, toIndex, array) {
-        if (!Array.isArray(array) || isNill(toIndex)) {
-            return false;
-        }
-        const fromIndex = array.indexOf(element);
-        const toIndexCorrected = NumberUtils.GetNearestNumberWithinBounds(toIndex, 0, array.length - 1);
-        if (fromIndex === -1 || array[toIndexCorrected] === element) {
-            // element did not exist in given array, or already existed on given toIndex
-            return false;
-        }
-        array.splice(toIndexCorrected, 0, array.splice(fromIndex, 1)[0]);
-        return true;
-    }
-    // PRE: elements exists in given array. POST: given elementToPlace has a lower index than given afterThisElement. Array is in-out manipulated.
-    static PlaceElementAfterOther(array, elementToPlace, afterThisElement) {
-        if (array) {
-            const afterThisElIdx = array.indexOf(afterThisElement);
-            const elToPlaceIdx = array.indexOf(elementToPlace);
-            if (afterThisElIdx >= elToPlaceIdx) {
-                ArrayUtils.MoveElement(elementToPlace, afterThisElIdx + 1, array);
-            }
-        }
-    }
-    /**
-     * Returns max value from all resulting values from applying given itemValueFunction to all items of given array.
-     * @param array
-     * @param itemValueFunction The function applied to each array item that gives it a numerical value. The max num val found is returned.
-     */
-    static GetMaxCalculatedValue(array, itemValueFunction) {
-        if (!array || !itemValueFunction) {
-            return NaN;
-        }
-        let max = undefined;
-        const len = array.length;
-        for (let i = 0; i < len; i++) {
-            const valueCur = itemValueFunction.call(this);
-            if (valueCur > max) {
-                max = valueCur;
-            }
-        }
-        return max;
-    }
-}
-
-/**
- * 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.
- */
-class BusinessObject {
-    constructor() {
-    }
-    // Overridable. Returns the ID of the model. Concrete model classes often override this method to provide their specific ID getter.
-    getId() {
-        return this.id;
-    }
-    setOwnMappedPropsFromRawData(rawData = {}) {
-        if (!rawData) {
-            return;
-        }
-        Object.keys(this).forEach((key) => {
-            // check if property needs to be mapped
-            if (MapPropertyDecorator.IsMapProperty(this, key)) {
-                const mapKeys = MapPropertyDecorator.GetMapProperty(this, key).split(",");
-                const len = mapKeys.length;
-                for (let i = 0; i < len; i++) {
-                    // eslint-disable-next-line
-                    const mapKey = mapKeys[i].trim();
-                    const objProp = rawData[mapKey];
-                    let decorated = false;
-                    if (rawData.hasOwnProperty(mapKey)) {
-                        if (BooleanTextDecorator$1.IsBooleanTextField(this, key)) {
-                            this[key] = BooleanTextDecorator$1.GetLogicalBooleanValue(objProp);
-                            decorated = true;
-                        }
-                        if (JsonFieldFieldDecorator.IsJsonField(this, key)) {
-                            this[key] = JsonFieldFieldDecorator.StringAsJson(objProp);
-                            decorated = true;
-                        }
-                        if (ComplexArrayDecorator$1.IsComplexArray(this, key)) {
-                            const arrayClass = ComplexArrayDecorator$1.GetComplexArrayType(this, key);
-                            // eslint-disable-next-line
-                            const origArray = this[key];
-                            // eslint-disable-next-line
-                            const newArray = [];
-                            // eslint-disable-next-line @typescript-eslint/prefer-for-of
-                            for (let j = 0; j < origArray.length; j++) {
-                                // eslint-disable-next-line
-                                const item = new arrayClass(origArray[j]);
-                                newArray.push(item);
-                            }
-                            this[key] = newArray;
-                        }
-                        else {
-                            if (!decorated) {
-                                this[key] = objProp;
-                            }
-                        }
-                        break;
-                    }
-                }
-            }
-            else {
-                if (rawData.hasOwnProperty(key)) {
-                    const objProp = rawData[key];
-                    if (BooleanTextDecorator$1.IsBooleanTextField(this, key)) {
-                        this[key] = BooleanTextDecorator$1.GetLogicalBooleanValue(objProp);
-                    }
-                    else if (JsonFieldFieldDecorator.IsJsonField(this, key)) {
-                        this[key] = JsonFieldFieldDecorator.StringAsJson(objProp);
-                    }
-                    else {
-                        this[key] = objProp;
-                    }
-                }
-            }
-        });
-    }
-}
-
-// Factory service creates businessobjects, using their decorators in the process.
-class BusinessObjectFactory {
-    constructor() {
-    }
-    /**
-     * 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
-     */
-    makeWithRawBackendData(modelClass, rawData) {
-        if (!modelClass) {
-            return undefined;
-        }
-        if (typeof modelClass !== typeof BusinessObject) {
-            return undefined;
-        }
-        const model = new modelClass();
-        this._copyAllPropertiesDecoratorProcessedFrom(rawData, model);
-        return model;
-    }
-    // see makeWithRawBackendData, this is a loop-wrapper around that method
-    makeBOArrayFromRawBackendDataArray(modelClass, arrayOfRawDatas) {
-        if (!modelClass) {
-            return undefined;
-        }
-        const trueClientBos = [];
-        if (arrayOfRawDatas) {
-            for (let i = 0, len = arrayOfRawDatas.length; i < len; i++) {
-                trueClientBos.push(this.makeWithRawBackendData(modelClass, arrayOfRawDatas[i]));
-            }
-        }
-        return trueClientBos;
-    }
-    instantiateNewBo(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
-     */
-    _copyAllPropertiesDecoratorProcessedFrom(sourceData, destinationModel) {
-        if (!sourceData || !destinationModel) {
-            return;
-        }
-        // process all source data into destinationModel
-        for (const srcPropKey in sourceData) {
-            if (!sourceData.hasOwnProperty(srcPropKey)) {
-                continue;
-            }
-            const srcPropVal = sourceData[srcPropKey];
-            if (ComplexFieldDecorator.IsComplexField(destinationModel, srcPropKey)) {
-                const classOfField = ComplexFieldDecorator.GetComplexFieldType(destinationModel, srcPropKey);
-                destinationModel[srcPropKey] = this.makeWithRawBackendData(classOfField, srcPropVal);
-            }
-            else if (ComplexArrayDecorator.IsComplexArray(destinationModel, srcPropKey)) {
-                const sourceArray = srcPropVal;
-                if (!sourceArray) {
-                    continue;
-                }
-                const classOfArrayItems = ComplexArrayDecorator.GetComplexArrayType(destinationModel, srcPropKey);
-                const tempArray = [];
-                for (let 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 true;
     }
-}
+}
+SignaturesComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-signatures",
+                template: `
+    <co-signature *ngIf="showFirstSignature"
+                    [title]="firstSignatureTitle"
+                    [saveButtonLabel]="saveButtonLabel"
+                    [clearButtonLabel]="clearButtonLabel"
+                    (save)="saveFirstSignature.emit($event)"></co-signature>
+    <co-signature *ngIf="showSecondSignature"
+                    [title]="secondSignatureTitle"
+                    [saveButtonLabel]="saveButtonLabel"
+                    [clearButtonLabel]="clearButtonLabel"
+                    (save)="saveSecondSignature.emit($event)"></co-signature>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+SignaturesComponent.propDecorators = {
+    showFirstSignature: [{ type: Input }],
+    firstSignatureTitle: [{ type: Input }],
+    showSecondSignature: [{ type: Input }],
+    secondSignatureTitle: [{ type: Input }],
+    saveButtonLabel: [{ type: Input }],
+    clearButtonLabel: [{ type: Input }],
+    saveFirstSignature: [{ type: Output }],
+    saveSecondSignature: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-signatures",] }]
+};
+
+class DocsignModule {
+}
+DocsignModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule
+                ],
+                declarations: [
+                    DocsignComponent,
+                    SignatureComponent,
+                    SignaturesComponent
+                ],
+                exports: [
+                    DocsignComponent
+                ]
+            },] }
+];
 
 var LanguageCode;
 (function (LanguageCode) {
@@ -1965,12 +617,13 @@ class SharedConnectorService {
         return __awaiter(this, void 0, void 0, function* () {
             this.articleConnector = new Articles(this._optionsService.options);
             this.sharedConnector = new Sharedapi(this._optionsService.options);
+            this.mainConnector = new MainApi(this._optionsService.options);
         });
     }
-    getAllPrinters(showAll = true) {
+    getAllPrinters() {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
-                return this.sharedConnector.listAllPrinters(showAll).then((result) => {
+                return this.mainConnector.listAllPrinters().then((result) => {
                     if (result.validationResult && result.validationResult.success) {
                         if (result.resultObject) {
                             resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(Printer, result.resultObject));
@@ -1983,29 +636,13 @@ class SharedConnectorService {
             });
         });
     }
-    getPrintStockStickers(request) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.sharedConnector.getPrintStockStickers(request).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        if (result.resultObject) {
-                            resolve(this._boFactory.makeWithRawBackendData(PrintStockStickers, result.resultObject));
-                        }
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    getPrintPriceStickers(request) {
+    getSendMethods() {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
-                return this.sharedConnector.printPriceStickers(request).then((result) => {
+                return this.mainConnector.getSendMethods().then((result) => {
                     if (result.validationResult && result.validationResult.success) {
-                        if (result.resultObject) {
-                            resolve(this._boFactory.makeWithRawBackendData(PrintPriceStickers, result.resultObject));
+                        if (result.resultObject && result.resultObject.result) {
+                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(SendMethod$1, result.resultObject.result));
                         }
                     }
                     else {
@@ -2015,12 +652,25 @@ class SharedConnectorService {
             });
         });
     }
-    // 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);
+    //       }
+    //     })
+    //   })
+    // }
+    // 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);
@@ -2028,21 +678,6 @@ class SharedConnectorService {
     //     })
     //   })
     // }
-    getArticleFullObject(goodId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.articleConnector.getArticleFullObject(goodId).then((result) => {
-                    // if (result.validationResult && result.validationResult.success) {
-                    //   if (result.resultObject) {
-                    //     resolve(this._boFactory.makeWithRawBackendData(ArticleExtended, result.resultObject));
-                    //   }
-                    // } else {
-                    //   reject(result.validationMessagesAsString);
-                    // }
-                });
-            });
-        });
-    }
     getStockHistory(request) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
@@ -2107,54 +742,45 @@ class SharedConnectorService {
             });
         });
     }
-    getOrderConfirmationDefaultSendMethod(relationId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.sharedConnector.getOrderConfirmationDefaultSendMethod(relationId).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        if (result.resultObject) {
-                            resolve(result.resultObject);
-                        }
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    getDefaultEmailAddressListForOrderConfirmation(transactionUUID) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.sharedConnector.getDefaultEmailAddressListForOrderConfirmation(transactionUUID).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        if (result.resultObject) {
-                            resolve(result.resultObject);
-                        }
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    getPurchaseOrderEmailLayouts(transactionUUID) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.sharedConnector.getPurchaseOrderEmailLayouts(transactionUUID).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        if (result.resultObject) {
-                            resolve(result.resultObject);
-                        }
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
+    // 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);
+    //       }
+    //     });
+    //   });
+    // }
     getArticleDetails(data) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
@@ -2217,22 +843,19 @@ class SharedConnectorService {
             });
         });
     }
-    getStockStickerTemplates(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.sharedConnector.getStockStickerPrintLayouts(data).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        if (result.resultObject) {
-                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(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);
+    //       }
+    //     });
+    //   });
+    // }
     getArticleTransaction(data) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
@@ -2267,21 +890,12 @@ class StockService {
     constructor(_sharedService) {
         this._sharedService = _sharedService;
     }
-    getPrintStockStickers(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this._sharedService.getPrintStockStickers(data);
-        });
-    }
-    getPrintPriceStickers(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this._sharedService.getPrintPriceStickers(data);
-        });
-    }
-    getAllPrinters(showAll = true) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield this._sharedService.getAllPrinters(showAll);
-        });
-    }
+    // public async getPrintStockStickers(data: PrintStockStickers): Promise<void> {
+    //   await this._sharedService.getPrintStockStickers(data);
+    // }
+    // public async getPrintPriceStickers(data: PrintPriceStickers): Promise<void> {
+    //   await this._sharedService.getPrintPriceStickers(data);
+    // }
     getStockHistory(data) {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this._sharedService.getStockHistory(data);
@@ -2310,11 +924,9 @@ class StockService {
             return yield this._sharedService.getStockStatus();
         });
     }
-    getStockStickerTemplates(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield this._sharedService.getStockStickerTemplates(data);
-        });
-    }
+    // public async getStockStickerTemplates(data: StockStickersPrintLayouts): Promise<StockStickersPrintLayouts[]> {
+    //   return await this._sharedService.getStockStickerTemplates(data);
+    // }
     getStockManagementWarehouses() {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this._sharedService.getStockManagementWarehouses();
@@ -2325,21 +937,15 @@ class StockService {
             return yield this._sharedService.getStockManagementLocations(warehouseNo);
         });
     }
-    getOrderConfirmationDefaultSendMethod(relationId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield this._sharedService.getOrderConfirmationDefaultSendMethod(relationId);
-        });
-    }
-    getDefaultEmailAddressListForOrderConfirmation(transactionUUID) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield this._sharedService.getDefaultEmailAddressListForOrderConfirmation(transactionUUID);
-        });
-    }
-    getPurchaseOrderEmailLayouts(transactionUUID) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield this._sharedService.getPurchaseOrderEmailLayouts(transactionUUID);
-        });
-    }
+    // 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);
+    // }
     getArticleTransaction(data) {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this._sharedService.getArticleTransaction(data);
@@ -2563,20 +1169,25 @@ const IconSvg = {
     "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>"
 };
 
 class IconCacheService {
@@ -2633,14 +1244,19 @@ var Icon;
     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";
@@ -2737,10 +1353,10 @@ class StockInformationGridComponent {
             this._stockService.printLayoutParams.goodId = data.goodId;
             this._stockService.printLayoutParams.warehouse = data.warehouseNo;
         }
-        this.showSendMethodDialog = !this.showSendMethodDialog;
+        this.showSendMethodDialog = true;
     }
     printStockStickers() {
-        this._stockService.getPrintStockStickers(this._stockService.printLayoutParams);
+        // this._stockService.getPrintStockStickers(this._stockService.printLayoutParams);
     }
     onOkClick() {
         this.okButtonClicked.emit();
@@ -3042,11 +1658,10 @@ StockInformationGridComponent.decorators = [
         </div>
       </div>
     </div>
-    <ione-send-method-dialog
-      *ngIf="showSendMethodDialog"
-      [showDialog]="showSendMethodDialog"
-      (printButtonClicked)="printStockStickers()"
-    ></ione-send-method-dialog>
+    <co-send-method-dialog *ngIf="showSendMethodDialog"
+                           (closeClick)="showSendMethodDialog = false"
+                           (printButtonClicked)="printStockStickers()"
+    ></co-send-method-dialog>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -3256,135 +1871,216 @@ StockTransferComponent.propDecorators = {
     handleStickerClicked: [{ type: Output }]
 };
 
-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 = {}));
+class SharedService {
+    constructor(options, connector) {
+        this.options = options;
+        this.connector = connector;
+    }
+    init(options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.options.initialize(options);
+            this.connector.connect();
+        });
+    }
+    getAllPrinters() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getAllPrinters();
+        });
+    }
+    getSendMethods() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getSendMethods();
+        });
+    }
+}
+SharedService.ɵprov = i0.ɵɵdefineInjectable({ factory: function SharedService_Factory() { return new SharedService(i0.ɵɵinject(OptionsService), i0.ɵɵinject(SharedConnectorService)); }, token: SharedService, providedIn: "root" });
+SharedService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: "root"
+            },] }
+];
+SharedService.ctorParameters = () => [
+    { type: OptionsService },
+    { type: SharedConnectorService }
+];
+
+class SendMethodService {
+    constructor() {
+        this.reportingDocumentPrintBaseRequestChanged = new Subject();
+        this.reportingDocumentEmailBaseRequestChanged = new Subject();
+        this.reportingDocumentPdfBaseRequestChanged = new Subject();
+        this.selectedEmailAddresses = [];
+        this._reportingDocumentPrintBaseRequest = new ReportingDocumentPrintBaseRequest();
+        this._reportingDocumentEmailBaseRequest = new ReportingDocumentEmailBaseRequest();
+        this._reportingDocumentPdfBaseRequest = new ReportingDocumentPdfBaseRequest();
+    }
+    set reportingDocumentPrintBaseRequest(value) {
+        this._reportingDocumentPrintBaseRequest = value;
+        this.activePrinter = this._reportingDocumentPrintBaseRequest.printerName;
+        this.reportingDocumentPrintBaseRequestChanged.next(this._reportingDocumentPrintBaseRequest);
+    }
+    get reportingDocumentPrintBaseRequest() {
+        return this._reportingDocumentPrintBaseRequest;
+    }
+    set reportingDocumentEmailBaseRequest(value) {
+        this._reportingDocumentEmailBaseRequest = value;
+        this.selectedEmailAddresses = this._reportingDocumentEmailBaseRequest.toAddresses.split(';');
+        this.reportingDocumentEmailBaseRequestChanged.next(this._reportingDocumentEmailBaseRequest);
+    }
+    get reportingDocumentEmailBaseRequest() {
+        return this._reportingDocumentEmailBaseRequest;
+    }
+    set reportingDocumentPdfBaseRequest(value) {
+        this._reportingDocumentPdfBaseRequest = value;
+        this.reportingDocumentPdfBaseRequestChanged.next(this._reportingDocumentPdfBaseRequest);
+    }
+    get reportingDocumentPdfBaseRequest() {
+        return this._reportingDocumentPdfBaseRequest;
+    }
+    removeEmailAddress(address) {
+        if (this.selectedEmailAddresses.indexOf(address) > -1) {
+            this.selectedEmailAddresses.splice(this.selectedEmailAddresses.indexOf(address), 1);
+            this._updateEmailAddresses();
+        }
+    }
+    addEmailAddress(address) {
+        if (this.selectedEmailAddresses.indexOf(address) < 0) {
+            this.selectedEmailAddresses.push(address);
+            this._updateEmailAddresses();
+        }
+    }
+    _updateEmailAddresses() {
+        this._reportingDocumentEmailBaseRequest.toAddresses = this.selectedEmailAddresses.join(';');
+        this.reportingDocumentEmailBaseRequestChanged.next(this._reportingDocumentEmailBaseRequest);
+    }
+}
+SendMethodService.decorators = [
+    { type: Injectable }
+];
+
+class SendMethod {
+    constructor(code, description, icon) {
+        this.code = code;
+        this.description = description;
+        this.icon = icon;
+    }
+}
 
+const sendMethodsWithIcon = [
+    new SendMethod(SendMethodType.Fax, "Fax", Icon.PrintRegular),
+    new SendMethod(SendMethodType.Print, "Print", Icon.PrintSolid),
+    new SendMethod(SendMethodType.Email, "Email", Icon.AtSolid),
+    new SendMethod(SendMethodType.Edi, "Edi", Icon.FileExportSolid),
+    new SendMethod(SendMethodType.EmailTemplate, "Email template", Icon.EnvelopeRegular),
+    new SendMethod(SendMethodType.Sms, "Sms", Icon.MessageSmsSolid),
+    new SendMethod(SendMethodType.WebService, "Webservice", Icon.PrintRegular)
+];
 class SendMethodDialogComponent {
-    constructor(iconCacheService, stockService, _optionsService, _dictionary, _changeDetector) {
+    constructor(iconCacheService, _optionsService, _dictionary, _changeDetector, _sharedService, _sendMethodService) {
         this.iconCacheService = iconCacheService;
-        this.stockService = stockService;
         this._optionsService = _optionsService;
         this._dictionary = _dictionary;
         this._changeDetector = _changeDetector;
+        this._sharedService = _sharedService;
+        this._sendMethodService = _sendMethodService;
         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.emailLayouts = [];
         this.printLayouts = [];
+        this.emailAddresses = [];
+        this.visibleMethods = [];
         this.isDocSignEnabled = false;
         this.docSign = false;
+        this.reportingDocumentPrintRequestChange = new EventEmitter();
+        this.reportingDocumentEmailRequestChange = new EventEmitter();
+        this.reportingDocumentPdfRequestChange = new EventEmitter();
         this.startSignatureClicked = new EventEmitter();
-        this.sendEmailClicked = new EventEmitter();
-        this.printButtonClicked = new EventEmitter();
-        this.emailLayoutClicked = new EventEmitter();
-        this.printTemplatesClicked = new EventEmitter();
-        this.defaultSendMethodClicked = new EventEmitter();
-        this.printLayoutParams = new EventEmitter();
-        this.sendMethodParams = new class {
-        };
+        this.closeClick = new EventEmitter();
+        this.okClick = new 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(loaded => this._handleSettingsLoaded(loaded)));
+        this._subscriptions.push(this._optionsService.optionsLoaded.subscribe(loaded => this._handleSettingsLoaded(loaded)), this._sendMethodService.reportingDocumentPrintBaseRequestChanged.subscribe((value) => this.reportingDocumentPrintRequestChange.next(value)), this._sendMethodService.reportingDocumentEmailBaseRequestChanged.subscribe((value) => this.reportingDocumentEmailRequestChange.next(value)), this._sendMethodService.reportingDocumentPdfBaseRequestChanged.subscribe((value) => this.reportingDocumentPdfRequestChange.next(value)));
     }
-    set articleData(data) {
-        if (!(this.printLayoutParams instanceof PrintPriceStickers)) {
-            this.sendMethodParams.goodId = data.goodId;
-            this.sendMethodParams.warehouse = data.warehouseNo;
-        }
-    }
-    ;
     showClass() {
         return true;
     }
     ngOnInit() {
-        this.getDefaultSendMethod();
-        this.getDefaultEmailLayouts();
-    }
-    ngOnDestroy() {
-        this._subscriptions.forEach(subscription => subscription.unsubscribe());
-    }
-    getPrinters() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return this.stockService.getAllPrinters(true).then((list) => {
-                this.printerList = list;
-            });
-        });
+        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();
     }
-    closeDialogClick() {
-        this.showDialog = false;
+    ngOnDestroy() {
+        this._subscriptions.forEach(subscription => subscription.unsubscribe());
     }
     handleSignatureStart() {
         this.docSign = !this.docSign;
         this.startSignatureClicked.emit();
     }
-    sendEmail() {
-        this.sendEmailClicked.emit();
-        this.printLayoutParams.emit(this.sendMethodParams);
-    }
-    handlePrintClicked() {
-        if (this.sendMethodParams.printerName) {
-            this.printButtonClicked.emit();
+    handleSendMethodClick(sendMethod) {
+        this.activeSendMethod = sendMethod;
+        if (sendMethod.code === SendMethodType.Fax && this.showFax) {
+            this.navigationItems.nativeElement.scrollLeft = this.faxItems.nativeElement.offsetLeft - this.navigationItems.nativeElement.offsetLeft;
+        }
+        else if (sendMethod.code === SendMethodType.Print && this.showPrint) {
+            this.navigationItems.nativeElement.scrollLeft = this.printItems.nativeElement.offsetLeft - this.navigationItems.nativeElement.offsetLeft;
+        }
+        else if (sendMethod.code === SendMethodType.Email && this.showEmail) {
+            this.navigationItems.nativeElement.scrollLeft = this.emailItems.nativeElement.offsetLeft - this.navigationItems.nativeElement.offsetLeft;
+        }
+        else if (sendMethod.code === SendMethodType.Edi && this.showEdi) {
+            this.navigationItems.nativeElement.scrollLeft = this.ediItems.nativeElement.offsetLeft - this.navigationItems.nativeElement.offsetLeft;
+        }
+        else if (sendMethod.code === SendMethodType.EmailTemplate && this.showEmailTemplate) {
+            this.navigationItems.nativeElement.scrollLeft = this.emailTemplateItems.nativeElement.offsetLeft - this.navigationItems.nativeElement.offsetLeft;
+        }
+        else if (sendMethod.code === SendMethodType.Sms && this.showSms) {
+            this.navigationItems.nativeElement.scrollLeft = this.smsItems.nativeElement.offsetLeft - this.navigationItems.nativeElement.offsetLeft;
+        }
+        else if (sendMethod.code === SendMethodType.WebService && this.showWebservice) {
+            this.navigationItems.nativeElement.scrollLeft = this.webServiceItems.nativeElement.offsetLeft - this.navigationItems.nativeElement.offsetLeft;
         }
     }
-    togglePrinterSelection() {
-        this.getPrinters();
-        if (!this.showPrinterSelections) {
-            this.showPrinterSelections = true;
-            this.headerTitle = 'Printer selectie';
+    _selectDefaultSendMethod() {
+        if (this.defaultSendMethod) {
+            const sendMethod = this.sendMethods.find(sm => sm.code === this.defaultSendMethod);
+            if (sendMethod) {
+                setTimeout(() => {
+                    this.handleSendMethodClick(sendMethod);
+                    this.startUp = false;
+                });
+            }
         }
         else {
-            this.showPrinterSelections = false;
-            this.headerTitle = 'Verzendopties';
+            this.startUp = false;
         }
     }
-    onPrinterClicked(printer) {
-        this.defaultPrinter = printer.name;
-        this.sendMethodParams.printerName = printer.name;
-        this.showPrinterSelections = !this.showPrinterSelections;
-    }
-    getPrintTemplates() {
-        this.printTemplatesClicked.emit();
-    }
-    getDefaultSendMethod() {
-        this.defaultSendMethodClicked.emit();
-    }
-    getDefaultEmailLayouts() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.emailLayoutClicked.emit();
-        });
+    _prepareVisibleMethods() {
+        if (this.visibleMethods && this.visibleMethods.length > 0) {
+            this.sendMethods = this.sendMethods.filter(sm => this.visibleMethods.find(vm => vm === sm.code));
+        }
+        this.showFax = this.sendMethods.find(sm => sm.code === SendMethodType.Fax) !== undefined;
+        this.showPrint = this.sendMethods.find(sm => sm.code === SendMethodType.Print) !== undefined;
+        this.showEmail = this.sendMethods.find(sm => sm.code === SendMethodType.Email) !== undefined;
+        this.showEdi = this.sendMethods.find(sm => sm.code === SendMethodType.Edi) !== undefined;
+        this.showEmailTemplate = this.sendMethods.find(sm => sm.code === SendMethodType.EmailTemplate) !== undefined;
+        this.showSms = this.sendMethods.find(sm => sm.code === SendMethodType.Sms) !== undefined;
+        this.showWebservice = this.sendMethods.find(sm => sm.code === SendMethodType.WebService) !== undefined;
     }
     _handleSettingsLoaded(loaded) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -3398,7 +2094,7 @@ class SendMethodDialogComponent {
         return __awaiter(this, void 0, void 0, function* () {
             // 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', '');
             }
             yield this._dictionary.setDictionary(this._optionsService.options.languageCode);
             setTimeout(() => {
@@ -3409,141 +2105,57 @@ class SendMethodDialogComponent {
 }
 SendMethodDialogComponent.decorators = [
     { type: Component, args: [{
-                selector: "ione-send-method-dialog",
+                selector: 'co-send-method-dialog',
                 template: `
-    <div class="send-method-dialog-wrapper">
-      <co-dialog id="sendOptionsDialog" [headerTemplate]="headerTemplate" *ngIf="showDialog" [showCloseIcon]="showExitButton" (closeClick)="closeDialogClick()">
-        <ng-template #headerTemplate>
-          <h2 [textContent]="headerTitle"></h2>
-        </ng-template>
-        <div class="dialog-content-wrapper">
-          <div class="main-content-container" *ngIf="!showPrinterSelections">
-            <div class="send-options-wrapper">
-              <div class="custom-button-wrapper"
-                   *ngFor="let sendOption of sendOptions"
-                   [class.selected-option]="sendOption.option === activeSendOption"
-                   (click)="activeSendOption = sendOption.option">
-                <co-icon [iconData]="iconCacheService.getIcon(sendOption.iconName)"></co-icon>
-              </div>
-            </div>
-
-            <div class="email-option-content" *ngIf="activeSendOption === sendOption.Email || activeSendOption === sendOption.Pdf">
-              <div class="emails-container" *ngIf="activeSendOption === sendOption.Email">
-                <co-input-checkbox
-                  *ngFor="let email of emailAdresses"
-                  [(model)]="email.name"
-                  [label]="email"
-                  [cssClass]="'input-checkbox-wrapper'"
-                ></co-input-checkbox>
-              </div>
-
-              <div class="lov-wrapper" (click)="getDefaultEmailLayouts()">
-                <co-input-combo-box
-                  [(model)]="sendMethodParams.reportId"
-                  [collection]="emailLayouts"
-                  [fields]="emailLayoutField"
-                  placeholder="Layout"
-                ></co-input-combo-box>
-              </div>
-
-              <div *ngIf="isDocSignEnabled" class="signature-button-wrapper">
-                <div class="custom-button-wrapper signature-button" (click)="handleSignatureStart()">
-                  <co-icon [iconData]="iconCacheService.getIcon(icons.SignatureField)"></co-icon>
-                </div>
-                <div class="custom-button-wrapper send-button" (click)="sendEmail()">
-                  <co-icon [iconData]="iconCacheService.getIcon(icons.Email)"></co-icon>
-                </div>
-              </div>
-
-              <ione-docsign *ngIf="docSign"></ione-docsign>
-            </div>
-
-            <div class="email-option-content" *ngIf="activeSendOption === sendOption.Print" (click)="getPrintTemplates()">
-              <div *ngIf="showPrintPriceStickers">
-                <div class="lov-wrapper">
-                  <co-input-combo-box
-                    [(model)]="sendMethodParams.reportId"
-                    [collection]="printLayouts"
-                    [fields]="printTemplatesField"
-                    placeholder="Layout"
-                  ></co-input-combo-box>
-                </div>
-                <div class="lov-wrapper" *ngIf="priceListCodeData">
-                  <co-input-combo-box
-                    [(model)]="sendMethodParams.priceListCode"
-                    [collection]="priceListCodeData"
-                    [fields]="priceListDataField"
-                    placeholder="Layout"
-                  ></co-input-combo-box>
-                </div>
-              </div>
+    <co-dialog id="sendOptionsDialog" [headerTemplate]="headerTemplate" [footerTemplate]="footerTemplate"
+               (closeClick)="closeClick.emit($event)">
+      <ng-template #headerTemplate>
+        <div class="co-dialog-header-title" [textContent]="headerTitle"></div>
+      </ng-template>
+      <div class="dialog-content-wrapper">
+        <div class="send-methods-wrapper">
+          <div class="send-button-wrapper" *ngFor="let sendMethod of sendMethods; let index = index"
+               [class.selected]="activeSendMethod ? sendMethod.code === activeSendMethod.code : index === 0"
+               (click)="handleSendMethodClick(sendMethod)">
+            <co-icon class="custom-button-icon" [iconData]="iconCacheService.getIcon(sendMethod.icon)"></co-icon>
+            <div class="custom-button-title" [textContent]="sendMethod.description"></div>
+          </div>
+        </div>
+        <div #navigationItems class="send-method-navigation-wrapper" [class.smooth-scrolling]="!startUp">
+          <div #faxItems class="send-method-navigation-content co-small-scrollbar">
 
-              <div class="lov-wrapper clickable" (click)="togglePrinterSelection()">
-                <div class="selected-printer-wrapper">
-                  <div class="printer-option-list-item">
-                    <co-icon class="printer-icon" [iconData]="iconCacheService.getIcon(icons.PrintRegular)"></co-icon>
-                    <div class="printer-details" *ngIf="printerList">
-                      <span class="printer-name" [textContent]="defaultPrinter"></span>
-                      <span class="printer-status" [textContent]="defaultPrinter.acceptingJobs"></span>
-                    </div>
-                  </div>
-                  <co-icon class="select-printer-arrow" [iconData]="iconCacheService.getIcon(icons.ArrowPointRight)"></co-icon>
-                </div>
-              </div>
+          </div>
+          <div #printItems class="send-method-navigation-content co-small-scrollbar" *ngIf="showPrint">
+            <co-send-method-printer
+              [layouts]="printLayouts"
+            ></co-send-method-printer>
+          </div>
+          <div #emailItems class="send-method-navigation-content co-small-scrollbar" *ngIf="showEmail">
+            <co-send-method-email
+              [emailAddresses]="emailAddresses"
+              [layouts]="emailLayouts"
+            ></co-send-method-email>
+          </div>
+          <div #ediItems class="send-method-navigation-content co-small-scrollbar" *ngIf="showEdi">
 
-              <div class="standard-printer-wrapper">
-                <div class="standard-printer-link" (click)="showStandardPrinterOptions = !showStandardPrinterOptions">
-                  <co-icon class="arrow-icon" [iconData]="iconCacheService.getIcon(icons.ArrowFatRight)"></co-icon>
-                  <span class="standard-printer-message" [textContent]="'Standaard printer voor lay-out instellen'"></span>
-                </div>
+          </div>
+          <div #emailTemplateItems class="send-method-navigation-content co-small-scrollbar" *ngIf="showEmailTemplate">
 
-                <div class="standard-printer-selections" *ngIf="showStandardPrinterOptions">
-                  <co-input-checkbox
-                    [(model)]="models[0]"
-                    [label]="'Per gebruiker instellen'"
-                    [cssClass]="'input-checkbox-wrapper'"
-                  ></co-input-checkbox>
-                  <co-input-checkbox
-                    [(model)]="models[1]"
-                    [label]="'Voor alle gebruikers instellen'"
-                    [cssClass]="'input-checkbox-wrapper'"
-                  ></co-input-checkbox>
-                </div>
-              </div>
+          </div>
+          <div #smsItems class="send-method-navigation-content co-small-scrollbar" *ngIf="showSms">
 
-              <div class="print-footer-wrapper">
-                <div class="input-number-wrapper">
-                  <co-input-number-picker class="number-picker"
-                                          [step]="1" [(model)]="sendMethodParams.amount" [min]="1"
-                                          [ngModelOptions]="{debounce: 1}">
-                  </co-input-number-picker>
-                </div>
-                <div class="custom-button-wrapper print-button" (click)="handlePrintClicked()">
-                  <span [textContent]="'Print'"></span>
-                </div>
-                <div class="custom-button-wrapper signature-button" (click)="handleSignatureStart()">
-                  <co-icon [iconData]="iconCacheService.getIcon(icons.SignatureField)"></co-icon>
-                </div>
-              </div>
-            </div>
           </div>
+          <div #webServiceItems class="send-method-navigation-content co-small-scrollbar" *ngIf="showWebservice">
 
-          <div class="printer-content-container" @slideInOut *ngIf="showPrinterSelections">
-            <div class="selected-printer-wrapper selection clickable" *ngFor="let printers of printerList" (click)="onPrinterClicked(printers)">
-              <div class="printer-option-list-item">
-                <co-icon class="printer-icon" [iconData]="iconCacheService.getIcon(icons.PrintRegular)"></co-icon>
-                <div class="printer-details">
-                  <span class="printer-name" [textContent]="printers.name"></span>
-                  <span class="printer-status" [textContent]="printers.acceptingJobs"></span>
-                </div>
-              </div>
-              <co-icon class="select-printer-arrow" *ngIf="!showPrinterSelections"
-                       [iconData]="iconCacheService.getIcon(icons.ArrowPointRight)"></co-icon>
-            </div>
           </div>
         </div>
-      </co-dialog>
-    </div>
+      </div>
+      <ng-template #footerTemplate>
+        <div class="co-dialog-footer-button-wrapper">
+          <co-button [label]="'Ok'" (click)="okClick.emit(activeSendMethod ? activeSendMethod.code : '0')"></co-button>
+        </div>
+      </ng-template>
+    </co-dialog>
   `,
                 encapsulation: ViewEncapsulation.None,
                 animations: [
@@ -3557,41 +2169,348 @@ SendMethodDialogComponent.decorators = [
 ];
 SendMethodDialogComponent.ctorParameters = () => [
     { type: IconCacheService },
-    { type: StockService },
     { type: OptionsService },
     { type: DictionaryService },
-    { type: ChangeDetectorRef }
+    { type: ChangeDetectorRef },
+    { type: SharedService },
+    { type: SendMethodService }
 ];
 SendMethodDialogComponent.propDecorators = {
-    showEmailOption: [{ type: Input }],
-    showPrintOption: [{ type: Input }],
-    showPdfOption: [{ type: Input }],
-    showXmlOption: [{ type: Input }],
-    showPrintPriceStickers: [{ type: Input }],
-    priceListCodeData: [{ type: Input }],
-    transactionUUID: [{ type: Input }],
-    showDialog: [{ type: Input }],
-    headerTitle: [{ type: Input }],
-    printerList: [{ type: Input }],
-    relationId: [{ type: Input }],
-    emailAdresses: [{ type: Input }],
+    navigationItems: [{ type: ViewChild, args: ['navigationItems', { read: ElementRef },] }],
+    faxItems: [{ type: ViewChild, args: ['faxItems', { read: ElementRef },] }],
+    printItems: [{ type: ViewChild, args: ['printItems', { read: ElementRef },] }],
+    emailItems: [{ type: ViewChild, args: ['emailItems', { read: ElementRef },] }],
+    ediItems: [{ type: ViewChild, args: ['ediItems', { read: ElementRef },] }],
+    emailTemplateItems: [{ type: ViewChild, args: ['emailTemplateItems', { read: ElementRef },] }],
+    smsItems: [{ type: ViewChild, args: ['smsItems', { read: ElementRef },] }],
+    webServiceItems: [{ type: ViewChild, args: ['webServiceItems', { read: ElementRef },] }],
+    reportingDocumentPrintRequest: [{ type: Input }],
+    reportingDocumentEmailRequest: [{ type: Input }],
+    reportingDocumentPdfRequest: [{ type: Input }],
     emailLayouts: [{ type: Input }],
     printLayouts: [{ type: Input }],
+    headerTitle: [{ type: Input }],
+    emailAddresses: [{ type: Input }],
     defaultSendMethod: [{ type: Input }],
-    defaultEmailAdresses: [{ type: Input }],
+    visibleMethods: [{ type: Input }],
     isDocSignEnabled: [{ type: Input }],
     docSign: [{ type: Input }],
-    articleData: [{ type: Input }],
+    reportingDocumentPrintRequestChange: [{ type: Output }],
+    reportingDocumentEmailRequestChange: [{ type: Output }],
+    reportingDocumentPdfRequestChange: [{ type: Output }],
     startSignatureClicked: [{ type: Output }],
-    sendEmailClicked: [{ type: Output }],
-    printButtonClicked: [{ type: Output }],
-    emailLayoutClicked: [{ type: Output }],
-    showClass: [{ type: HostBinding, args: ["class.ione-send-method-dialog",] }],
-    printTemplatesClicked: [{ type: Output }],
-    defaultSendMethodClicked: [{ type: Output }],
-    printLayoutParams: [{ type: Output }]
+    closeClick: [{ type: Output }],
+    okClick: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ['class.co-send-method-dialog',] }]
+};
+
+class EmailAddressViewmodel {
+    constructor(checked, emailAddress) {
+        this.checked = checked;
+        this.emailAddress = emailAddress;
+    }
+}
+
+class SendMethodEmailComponent {
+    constructor(sendMethodService) {
+        this.sendMethodService = sendMethodService;
+        this.emailAddresses = [];
+        this.layouts = [];
+        this.emailAddressViewmodels = [];
+    }
+    showClass() {
+        return true;
+    }
+    ngOnInit() {
+        if (this.emailAddresses) {
+            this.emailAddresses.forEach((ea) => {
+                const emailAddressViewmodel = new EmailAddressViewmodel(this.sendMethodService.selectedEmailAddresses.indexOf(ea) > -1, ea);
+                this.emailAddressViewmodels.push(emailAddressViewmodel);
+            });
+        }
+    }
+    handleCheckedEmail(emailAddressViewmodel) {
+        const wantedValue = !emailAddressViewmodel.checked;
+        if (!wantedValue) {
+            this.sendMethodService.removeEmailAddress(emailAddressViewmodel.emailAddress);
+        }
+        else {
+            this.sendMethodService.addEmailAddress(emailAddressViewmodel.emailAddress);
+        }
+        emailAddressViewmodel.checked = wantedValue;
+    }
+}
+SendMethodEmailComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'co-send-method-email',
+                template: `
+    <div class="email-addresses-wrapper co-small-scrollbar">
+      <div class="email-address-wrapper" *ngFor="let emailAddressViewmodel of emailAddressViewmodels" (click)="handleCheckedEmail(emailAddressViewmodel)">
+        <co-input-checkbox [model]="emailAddressViewmodel.checked" (modelChange)="handleCheckedEmail(emailAddressViewmodel)"></co-input-checkbox>
+        <div class="email-address" [textContent]="emailAddressViewmodel.emailAddress"></div>
+      </div>
+    </div>
+    <co-layout-selection
+      [(request)]="sendMethodService.reportingDocumentEmailBaseRequest"
+      [layouts]="layouts"
+    ></co-layout-selection>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+SendMethodEmailComponent.ctorParameters = () => [
+    { type: SendMethodService }
+];
+SendMethodEmailComponent.propDecorators = {
+    emailAddresses: [{ type: Input }],
+    layouts: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ['class.co-send-method-email',] }]
+};
+
+class LayoutSelectionComponent {
+    constructor() {
+        this.layouts = [];
+        this.requestChange = new EventEmitter();
+        this.showLayoutList = false;
+    }
+    showClass() {
+        return true;
+    }
+    ngOnInit() {
+        if (this.layouts && this.layouts.length > 0) {
+            this.currentLayout = this.layouts.find(l => l.reportId === this.request.reportId);
+        }
+    }
+    handleSelectLayout(reportLayout) {
+        this.currentLayout = reportLayout;
+        this.request.reportId = this.currentLayout.reportId;
+        this.requestChange.emit(this.request);
+        this.showLayoutList = false;
+    }
+}
+LayoutSelectionComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'co-layout-selection',
+                template: `
+    <div class="layout-selection-wrapper" (click)="showLayoutList = !showLayoutList">
+      <div class="title" [textContent]="'Lay-out'"></div>
+      <div class="layout-description" [textContent]="currentLayout?.description || 'Layout kiezen'"></div>
+    </div>
+    <div class="layouts-wrapper co-small-scrollbar" *ngIf="showLayoutList" @showHideLayouts>
+      <div class="layout-selection-wrapper" *ngFor="let reportLayout of layouts"
+           [class.selected]="reportLayout.reportId === currentLayout?.reportId"
+           (click)="handleSelectLayout(reportLayout)">
+        <div class="layout-description" [textContent]="reportLayout.description"></div>
+      </div>
+    </div>
+  `,
+                animations: [
+                    trigger("showHideLayouts", [
+                        state("void", style({ height: 0 })),
+                        state("*", style({ height: "50%" })),
+                        transition("void => *", animate("200ms ease-in-out")),
+                        transition("* => void", animate("200ms ease-out"))
+                    ])
+                ],
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+LayoutSelectionComponent.propDecorators = {
+    request: [{ type: Input }],
+    layouts: [{ type: Input }],
+    requestChange: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ['class.co-layout-selection',] }]
+};
+
+class LayoutSelectionModule {
+}
+LayoutSelectionModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule
+                ],
+                declarations: [
+                    LayoutSelectionComponent
+                ],
+                exports: [
+                    LayoutSelectionComponent
+                ]
+            },] }
+];
+
+class SendMethodEmailModule {
+}
+SendMethodEmailModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    InputCheckboxModule,
+                    LayoutSelectionModule
+                ],
+                declarations: [
+                    SendMethodEmailComponent
+                ],
+                exports: [
+                    SendMethodEmailComponent
+                ]
+            },] }
+];
+
+class SendMethodPrinterComponent {
+    constructor(sendMethodService) {
+        this.sendMethodService = sendMethodService;
+        this.layouts = [];
+    }
+    showClass() {
+        return true;
+    }
+    handleDefaultPrinterUserChange(checked) {
+        this.sendMethodService.reportingDocumentPrintBaseRequest.saveDefaultPrinterForUser = checked;
+        this.sendMethodService.reportingDocumentPrintBaseRequestChanged.next(this.sendMethodService.reportingDocumentPrintBaseRequest);
+    }
+    handleDefaultPrinterAllUsersChange(checked) {
+        this.sendMethodService.reportingDocumentPrintBaseRequest.saveDefaultPrinterForAllUsers = checked;
+        this.sendMethodService.reportingDocumentPrintBaseRequestChanged.next(this.sendMethodService.reportingDocumentPrintBaseRequest);
+    }
+}
+SendMethodPrinterComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'co-send-method-printer',
+                template: `
+    <co-printer-selection></co-printer-selection>
+    <co-layout-selection
+      [(request)]="sendMethodService.reportingDocumentPrintBaseRequest"
+      [layouts]="layouts"
+    ></co-layout-selection>
+    <co-input-checkbox
+      [model]="sendMethodService.reportingDocumentPrintBaseRequest.saveDefaultPrinterForUser"
+      [label]="'Koppeling onthouden'"
+      (modelChange)="handleDefaultPrinterUserChange($event)"
+    ></co-input-checkbox>
+    <co-input-checkbox
+      [model]="sendMethodService.reportingDocumentPrintBaseRequest.saveDefaultPrinterForAllUsers"
+      [label]="'Alle gebruikers'"
+      (modelChange)="handleDefaultPrinterAllUsersChange($event)"
+    ></co-input-checkbox>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+SendMethodPrinterComponent.ctorParameters = () => [
+    { type: SendMethodService }
+];
+SendMethodPrinterComponent.propDecorators = {
+    layouts: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ['class.co-send-method-printer',] }]
+};
+
+class PrinterSelectionComponent {
+    constructor(sendMethodService, iconService, _service) {
+        this.sendMethodService = sendMethodService;
+        this.iconService = iconService;
+        this._service = _service;
+        this.icons = Icon;
+        this.printers = [];
+        this.showPrinterList = false;
+    }
+    showClass() {
+        return true;
+    }
+    ngOnInit() {
+        this._service.getAllPrinters().then((printers) => {
+            this.printers = printers;
+            if (!this.sendMethodService.reportingDocumentPrintBaseRequest.printerName) {
+                const defaultPrinter = this.printers.find(p => p.isDefault);
+                if (defaultPrinter) {
+                    this.sendMethodService.reportingDocumentPrintBaseRequest.printerName = defaultPrinter.name;
+                    this.sendMethodService.reportingDocumentPrintBaseRequestChanged.next(this.sendMethodService.reportingDocumentPrintBaseRequest);
+                }
+            }
+        });
+    }
+    handlePrinterClicked(printer) {
+        this.sendMethodService.reportingDocumentPrintBaseRequest.printerName = printer.name;
+        this.sendMethodService.reportingDocumentPrintBaseRequestChanged.next(this.sendMethodService.reportingDocumentPrintBaseRequest);
+        this.showPrinterList = false;
+    }
+}
+PrinterSelectionComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'co-printer-selection',
+                template: `
+    <div class="printer-selection-wrapper" (click)="showPrinterList = !showPrinterList">
+      <div class="title" [textContent]="'Printer'"></div>
+      <div class="printer-name" [textContent]="sendMethodService.reportingDocumentPrintBaseRequest.printerName || 'Printer kiezen'"></div>
+    </div>
+    <div class="layouts-wrapper co-small-scrollbar" *ngIf="showPrinterList" @showHideLayouts>
+      <div class="printer-list-item" *ngFor="let printer of printers"
+           [class.selected]="sendMethodService.reportingDocumentPrintBaseRequest.printerName === printer.name"
+           (click)="handlePrinterClicked(printer)">
+        <co-icon class="printer-icon" [iconData]="iconService.getIcon(icons.PrintRegular)"></co-icon>
+        <div class="printer-details">
+          <span class="printer-name" [textContent]="printer.name"></span>
+          <span class="printer-status" [textContent]="printer.acceptingJobs"></span>
+        </div>
+      </div>
+    </div>
+  `,
+                animations: [
+                    trigger('showHideLayouts', [
+                        state('void', style({ height: 0 })),
+                        state('*', style({ height: '50%' })),
+                        transition('void => *', animate('200ms ease-in-out')),
+                        transition('* => void', animate('200ms ease-out'))
+                    ])
+                ],
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+PrinterSelectionComponent.ctorParameters = () => [
+    { type: SendMethodService },
+    { type: IconCacheService },
+    { type: SharedService }
+];
+PrinterSelectionComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ['class.co-printer-selection',] }]
 };
 
+class PrinterSelectionModule {
+}
+PrinterSelectionModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    IconModule
+                ],
+                declarations: [
+                    PrinterSelectionComponent
+                ],
+                exports: [
+                    PrinterSelectionComponent
+                ]
+            },] }
+];
+
+class SendMethodPrinterModule {
+}
+SendMethodPrinterModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    IconModule,
+                    LayoutSelectionModule,
+                    PrinterSelectionModule,
+                    InputCheckboxModule
+                ],
+                declarations: [
+                    SendMethodPrinterComponent
+                ],
+                exports: [
+                    SendMethodPrinterComponent
+                ]
+            },] }
+];
+
 class SendMethodDialogModule {
 }
 SendMethodDialogModule.decorators = [
@@ -3601,20 +2520,17 @@ SendMethodDialogModule.decorators = [
                 ],
                 imports: [
                     CommonModule,
-                    CoDialogPromptModule,
-                    InputCheckboxModule,
-                    InputComboBoxModule,
+                    CoDialogModule,
                     IconModule,
-                    InputNumberPickerModule,
-                    CoDialogWizardModule,
-                    ButtonModule,
-                    DocsignModule,
-                    CoDialogModule
+                    SendMethodEmailModule,
+                    SendMethodPrinterModule,
+                    ButtonModule
                 ],
                 exports: [
                     SendMethodDialogComponent
                 ],
                 providers: [
+                    SendMethodService,
                     StockService
                 ]
             },] }
@@ -3986,7 +2902,7 @@ class LayoutSwitcherComponent {
 }
 LayoutSwitcherComponent.decorators = [
     { type: Component, args: [{
-                selector: "layout-switcher",
+                selector: "co-layout-switcher",
                 template: `
     <div class="mask-wrapper" [class.mask-wrapper-active]='showMaskSidebar' @showHideSidebar>
       <div class="icon-wrapper" (click)="toggleMaskSidebar()">
@@ -4025,7 +2941,7 @@ LayoutSwitcherComponent.ctorParameters = () => [
     { type: IconCacheService }
 ];
 LayoutSwitcherComponent.propDecorators = {
-    showClass: [{ type: HostBinding, args: ['class.layout-switcher',] }],
+    showClass: [{ type: HostBinding, args: ['class.co-layout-switcher',] }],
     layoutItems: [{ type: Input }],
     layoutSwitchEmit: [{ type: Output }]
 };
@@ -4047,15 +2963,19 @@ LayoutSwitcherModule.decorators = [
             },] }
 ];
 
-var GaugeColor$1;
+var GaugeColor;
 (function (GaugeColor) {
-    GaugeColor["Low"] = "#E0E0E0";
-    GaugeColor["Medium"] = "#F88952";
-    GaugeColor["High"] = "#5FDCB3";
-})(GaugeColor$1 || (GaugeColor$1 = {}));
+    GaugeColor["Lowest"] = "#E0E0E0";
+    GaugeColor["Low"] = "#fff7b8";
+    GaugeColor["MediumLow"] = "#ffe367";
+    GaugeColor["MediumHigh"] = "#ffc15b";
+    GaugeColor["High"] = "#F88952";
+    GaugeColor["Highest"] = "#5FDCB3";
+})(GaugeColor || (GaugeColor = {}));
+
 class CoCircularGaugeComponent {
     constructor() {
-        this._color = GaugeColor$1.Low;
+        this._color = GaugeColor.Low;
         this.majorTicks = {
             height: 0,
         };
@@ -4128,25 +3048,33 @@ class CoCircularGaugeComponent {
     }
     ;
     getAnnotations() {
-        if (this.value) {
+        if (this.value !== undefined) {
+            const label = this.value ? this.value + "%" : "0%";
             return [{
-                    content: '<div class="annotation">' +
-                        this.value + '%</div>',
-                    angle: 90,
-                    radius: '50%',
+                    content: '<div class="annotation" style="width:20px;height:20px;">' +
+                        '<div class="annotation-label">' + label + '</div></div>',
                     zIndex: '10',
                 }];
         }
     }
     _setColor() {
         if (this.value == 0) {
-            this._color = GaugeColor$1.Low;
+            this._color = GaugeColor.Lowest;
+        }
+        else if (this.value >= 1 && this.value < 25) {
+            this._color = GaugeColor.Low;
+        }
+        else if (this.value >= 25 && this.value < 50) {
+            this._color = GaugeColor.MediumLow;
+        }
+        else if (this.value >= 50 && this.value < 75) {
+            this._color = GaugeColor.MediumHigh;
         }
-        else if (this.value >= 0 && this.value < 100) {
-            this._color = GaugeColor$1.Medium;
+        else if (this.value >= 75 && this.value < 100) {
+            this._color = GaugeColor.High;
         }
         else if (this.value == 100) {
-            this._color = GaugeColor$1.High;
+            this._color = GaugeColor.Highest;
         }
     }
 }
@@ -4188,12 +3116,6 @@ CoCircularGaugeModule.decorators = [
             },] }
 ];
 
-var GaugeColor;
-(function (GaugeColor) {
-    GaugeColor["Low"] = "#E0E0E0";
-    GaugeColor["Medium"] = "#F88952";
-    GaugeColor["High"] = "#5FDCB3";
-})(GaugeColor || (GaugeColor = {}));
 class CoLinearGaugeComponent {
     constructor() {
         this.color = GaugeColor.Low;
@@ -4213,14 +3135,23 @@ class CoLinearGaugeComponent {
     }
     _setColor() {
         if (this.value == 0) {
+            this.color = GaugeColor.Lowest;
+        }
+        else if (this.value >= 1 && this.value < 25) {
             this.color = GaugeColor.Low;
         }
-        else if (this.value >= 0 && this.value < 100) {
-            this.color = GaugeColor.Medium;
+        else if (this.value >= 25 && this.value < 50) {
+            this.color = GaugeColor.MediumLow;
         }
-        else if (this.value == 100) {
+        else if (this.value >= 50 && this.value < 75) {
+            this.color = GaugeColor.MediumHigh;
+        }
+        else if (this.value >= 75 && this.value < 100) {
             this.color = GaugeColor.High;
         }
+        else if (this.value == 100) {
+            this.color = GaugeColor.Highest;
+        }
     }
 }
 CoLinearGaugeComponent.decorators = [
@@ -4266,6 +3197,7 @@ class StatusbarComponent {
     }
     set statusbarData(value) {
         this._statusbarData = value;
+        this.adjustTooHighPercentages();
     }
     get statusbarData() {
         return this._statusbarData;
@@ -4273,17 +3205,13 @@ class StatusbarComponent {
     showClass() {
         return true;
     }
-    onHover(event) {
-        this.showPopup = true;
-        this._mouseY = event.screenY;
-        this._windowHeight = window.innerHeight;
-        this.setPopupClass();
-    }
-    onLeave() {
-        this.showPopup = false;
-    }
-    onStatusbarClick() {
-        this.statusbarClick.emit();
+    onStatusbarClick(event) {
+        this.showPopup = !this.showPopup;
+        if (this.showPopup) {
+            this._mouseY = event.screenY;
+            this._windowHeight = window.innerHeight;
+            this.setPopupClass();
+        }
     }
     setPopupClass() {
         const popupHeight = this.statusbarData.length * 30;
@@ -4295,6 +3223,9 @@ class StatusbarComponent {
             this.popupClass = 'dropup';
         }
     }
+    adjustTooHighPercentages() {
+        this._statusbarData.forEach(data => data.percentage > 100 ? data.percentage = 100 : false);
+    }
 }
 StatusbarComponent.decorators = [
     { type: Component, args: [{
@@ -4302,16 +3233,14 @@ StatusbarComponent.decorators = [
                 template: `
     <div class="co-statusbar-wrapper"
          *ngIf="statusbarData"
-         (mouseover)="onHover($event)"
-         (mouseleave)="onLeave()"
-         (click)="onStatusbarClick()">
+         (click)="onStatusbarClick($event)">
       <div class="statuses">
         <div *ngFor="let data of statusbarData; let index = index" class="status">
           <co-linear-gauge [class.focused-status]="focusedStatusIndex !== undefined && focusedStatusIndex === index"
             [value]="data.percentage" [count]="data.count ? data.count : undefined"></co-linear-gauge>
         </div>
       </div>
-      <div class=status-description-popup *ngIf="showPopup" @showHidePopup [ngClass]="popupClass">
+      <div class=status-description-popup *ngIf="showPopup" @showHidePopup [ngClass]="popupClass" clickOutside (clickOutside)="showPopup=false">
         <div class="status-descriptions">
           <div *ngFor="let data of statusbarData; let index = index" class="status-description">
             <co-circular-gauge [value]="data.percentage"></co-circular-gauge>
@@ -4346,7 +3275,8 @@ StatusbarModule.decorators = [
                 imports: [
                     CommonModule,
                     CoCircularGaugeModule,
-                    CoLinearGaugeModule
+                    CoLinearGaugeModule,
+                    ClickoutsideModule
                 ],
                 declarations: [
                     StatusbarComponent
@@ -4370,6 +3300,7 @@ class DatePlanningComponent {
         this.rangeChange = new EventEmitter();
         this.viewChange = new EventEmitter();
         this.buttonClick = new EventEmitter();
+        this.showClass = true;
         this.days = [];
         this._selectedDate = new Date();
     }
@@ -4400,7 +3331,7 @@ class DatePlanningComponent {
 }
 DatePlanningComponent.decorators = [
     { type: Component, args: [{
-                selector: "sc-date-planning",
+                selector: "co-date-planning",
                 template: `
     <div class="sc-agenda">
       <div class="content-wrapper">
@@ -4446,6 +3377,7 @@ DatePlanningComponent.ctorParameters = () => [
     { type: Renderer2 }
 ];
 DatePlanningComponent.propDecorators = {
+    dayStart: [{ type: ViewChild, args: ["dayStart", { static: true },] }],
     calendarNavigation: [{ type: Input }],
     showButton: [{ type: Input }],
     selectedDate: [{ type: Input }],
@@ -4458,7 +3390,7 @@ DatePlanningComponent.propDecorators = {
     rangeChange: [{ type: Output }],
     viewChange: [{ type: Output }],
     buttonClick: [{ type: Output }],
-    dayStart: [{ type: ViewChild, args: ["dayStart", { static: true },] }]
+    showClass: [{ type: HostBinding, args: ["class.co-date-planning",] }]
 };
 
 class CalendarAllYearsComponent {
@@ -4729,6 +3661,11 @@ ArrayNumberPipe.decorators = [
             },] }
 ];
 
+// @returns true iff given value does not equals null and does not equal undefined
+function notNill(value) {
+    return value !== null && value !== undefined;
+}
+
 class DateRange {
     constructor() {
     }
@@ -6259,29 +5196,6 @@ DatePlanningModule.decorators = [
             },] }
 ];
 
-class SharedService {
-    constructor(options, connector) {
-        this.options = options;
-        this.connector = connector;
-    }
-    init(options) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this.options.initialize(options);
-            this.connector.connect();
-        });
-    }
-}
-SharedService.ɵprov = i0.ɵɵdefineInjectable({ factory: function SharedService_Factory() { return new SharedService(i0.ɵɵinject(OptionsService), i0.ɵɵinject(SharedConnectorService)); }, token: SharedService, providedIn: "root" });
-SharedService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: "root"
-            },] }
-];
-SharedService.ctorParameters = () => [
-    { type: OptionsService },
-    { type: SharedConnectorService }
-];
-
 /*
  * Public API Surface of sharedcomponents
  */
@@ -6290,5 +5204,5 @@ SharedService.ctorParameters = () => [
  * Generated bundle index. Do not edit.
  */
 
-export { CoCircularGaugeComponent, CoCircularGaugeModule, CoLinearGaugeComponent, CoLinearGaugeModule, DatePlanningComponent, DatePlanningModule, DocsignComponent, DocsignModule, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, SendMethodDialogComponent, SendMethodDialogModule, SharedService, StatusbarComponent, StatusbarModule, StockComponent, StockModule, SignatureComponent as ɵa, SignaturesComponent as ɵb, AgendaHourCellComponent as ɵba, AgendaHourViewLabelsComponent as ɵbb, AgendaHalfHourCellComponent as ɵbc, AgendaEventsComponent as ɵbd, AgendaEventComponent as ɵbe, ViewSelectComponent as ɵbf, AgendaSelectEventComponent as ɵbg, MASTER_PIPES as ɵbh, ArrayNumberPipe as ɵbi, UCfirstPipe as ɵbj, StockService as ɵc, SharedConnectorService as ɵd, OptionsService as ɵe, DictionaryService as ɵf, IconCacheService as ɵg, StockInformationComponent as ɵh, StockInformationGridComponent as ɵi, StockLocationComponent as ɵj, StockTransferComponent as ɵk, StockChangeAmountComponent as ɵl, CalendarAllYearsComponent as ɵm, CalendarAllMonthsComponent as ɵn, CalendarHeaderComponent as ɵo, CalendarComponent as ɵp, CalendarViewComponent as ɵq, LanguageCode as ɵr, AgendaHeaderComponent as ɵs, AgendaViewComponent as ɵt, AgendaMonthViewComponent as ɵu, AgendaBaseViewComponent as ɵv, AgendaDayViewComponent as ɵw, AgendaWeekViewComponent as ɵx, AgendaWeekSelectViewComponent as ɵy, AgendaHourViewComponent as ɵz };
+export { CoCircularGaugeComponent, CoCircularGaugeModule, CoLinearGaugeComponent, CoLinearGaugeModule, DatePlanningComponent, DatePlanningModule, DocsignComponent, DocsignModule, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, SendMethodDialogComponent, SendMethodDialogModule, SharedService, StatusbarComponent, StatusbarModule, StockComponent, StockModule, sendMethodsWithIcon, SignatureComponent as ɵa, SignaturesComponent as ɵb, CalendarComponent as ɵba, CalendarViewComponent as ɵbb, LanguageCode as ɵbc, AgendaHeaderComponent as ɵbd, AgendaViewComponent as ɵbe, AgendaMonthViewComponent as ɵbf, AgendaBaseViewComponent as ɵbg, AgendaDayViewComponent as ɵbh, AgendaWeekViewComponent as ɵbi, AgendaWeekSelectViewComponent as ɵbj, AgendaHourViewComponent as ɵbk, AgendaHourCellComponent as ɵbl, AgendaHourViewLabelsComponent as ɵbm, AgendaHalfHourCellComponent as ɵbn, AgendaEventsComponent as ɵbo, AgendaEventComponent as ɵbp, ViewSelectComponent as ɵbq, AgendaSelectEventComponent as ɵbr, MASTER_PIPES as ɵbs, ArrayNumberPipe as ɵbt, UCfirstPipe as ɵbu, StockService as ɵc, SharedConnectorService as ɵd, OptionsService as ɵe, DictionaryService as ɵf, IconCacheService as ɵg, SendMethodService as ɵh, SendMethodEmailModule as ɵi, LayoutSelectionModule as ɵj, LayoutSelectionComponent as ɵk, SendMethodEmailComponent as ɵl, SendMethodPrinterModule as ɵm, PrinterSelectionModule as ɵn, PrinterSelectionComponent as ɵo, SendMethodPrinterComponent as ɵp, StockInformationComponent as ɵq, StockInformationGridComponent as ɵr, StockLocationComponent as ɵs, StockTransferComponent as ɵt, StockChangeAmountComponent as ɵu, SendMethod as ɵv, Icon as ɵw, CalendarAllYearsComponent as ɵx, CalendarAllMonthsComponent as ɵy, CalendarHeaderComponent as ɵz };
 //# sourceMappingURL=colijnit-sharedcomponents.js.map