@colijnit/sharedcomponents 1.0.4 → 1.0.7

package/fesm2015/colijnit-sharedcomponents.js

@@ -1,1649 +0,0 @@
-import { __awaiter } from 'tslib';
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, ViewEncapsulation, ViewChild, ElementRef, Input, Output, HostBinding, NgModule, Injectable } from '@angular/core';
-import { trigger, state, style, transition, animate } from '@angular/animations';
-import { PDFDocument } from 'pdf-lib';
-import * as PDFJS from 'pdfjs-dist/legacy/build/pdf';
-import pdfjsWorker from 'pdfjs-dist/build/pdf.worker.entry';
-import { CommonModule } from '@angular/common';
-import SignaturePad from 'signature_pad';
-import { Articles } from '@colijnit/articleapi/build/articles';
-import { notNill } from '@colijnit/articleapi/build/utils/function/not-nill.function';
-import { ObjectUtils } 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 } from '@colijnit/articleapi/build/utils/date-utils';
-import { NumberUtils } from '@colijnit/articleapi/build/utils/number-utils';
-import { isNill as isNill$1 } from '@colijnit/articleapi/build/utils/function/is-nill.function';
-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 { InputComboBoxModule, CoGridModule, ButtonModule, InputRadioButtonModule, DropDownModule, SimpleGridModule, ImageModule, InputTextModule } from '@colijnit/corecomponents_v12';
-
-class DocsignComponent {
-    constructor() {
-        this.saveButtonLabel = 'SAVE';
-        this.clearButtonLabel = 'CLEAR';
-        this.signDocumentButtonLabel = 'SIGN_DOCUMENT';
-        this.cancelButtonLabel = 'CANCEL';
-        this.pdfSaved = new EventEmitter();
-        this.cancelClick = new EventEmitter();
-        this.showSignaturePopup = false;
-        this.showSigBuyer = false;
-        this.showSigSeller = false;
-        this.showSignatures = false;
-    }
-    /**
-     * Load an existing [[PDFDocument]]. The input data can be provided in
-     * multiple formats:
-     *
-     * | Type          | Contents                                               |
-     * | ------------- | ------------------------------------------------------ |
-     * | `string`      | A base64 encoded string (or data URI) containing a PDF |
-     * | `Uint8Array`  | The raw bytes of a PDF                                 |
-     * | `ArrayBuffer` | The raw bytes of a PDF                                 |
-     *
-     * For example:
-     * ```js
-     * import { PDFDocument } from 'pdf-lib'
-     *
-     * // pdf=string
-     * const base64 =
-     *  'JVBERi0xLjcKJYGBgYEKCjUgMCBvYmoKPDwKL0ZpbHRlciAvRmxhdGVEZWNvZGUKL0xlbm' +
-     *  'd0aCAxMDQKPj4Kc3RyZWFtCniccwrhMlAAwaJ0Ln2P1Jyy1JLM5ERdc0MjCwUjE4WQNC4Q' +
-     *  '6cNlCFZkqGCqYGSqEJLLZWNuYGZiZmbkYuZsZmlmZGRgZmluDCQNzc3NTM2NzdzMXMxMjQ' +
-     *  'ztFEKyuEK0uFxDuAAOERdVCmVuZHN0cmVhbQplbmRvYmoKCjYgMCBvYmoKPDwKL0ZpbHRl' +
-     *  'ciAvRmxhdGVEZWNvZGUKL1R5cGUgL09ialN0bQovTiA0Ci9GaXJzdCAyMAovTGVuZ3RoID' +
-     *  'IxNQo+PgpzdHJlYW0KeJxVj9GqwjAMhu/zFHkBzTo3nCCCiiKIHPEICuJF3cKoSCu2E8/b' +
-     *  '20wPIr1p8v9/8kVhgilmGfawX2CGaVrgcAi0/bsy0lrX7IGWpvJ4iJYEN3gEmrrGBlQwGs' +
-     *  'HHO9VBX1wNrxAqMX87RBD5xpJuddqwd82tjAHxzV1U5LPgy52DKXWnr1Lheg+j/c/pzGVr' +
-     *  'iqV0VlwZPXGPCJjElw/ybkwUmeoWgxesDXGhHJC/D/iikp1Av80ptKU0FdBEe25pPihAM1' +
-     *  'u6ytgaaWfs2Hrz35CJT1+EWmAKZW5kc3RyZWFtCmVuZG9iagoKNyAwIG9iago8PAovU2l6' +
-     *  'ZSA4Ci9Sb290IDIgMCBSCi9GaWx0ZXIgL0ZsYXRlRGVjb2RlCi9UeXBlIC9YUmVmCi9MZW' +
-     *  '5ndGggMzgKL1cgWyAxIDIgMiBdCi9JbmRleCBbIDAgOCBdCj4+CnN0cmVhbQp4nBXEwREA' +
-     *  'EBAEsCwz3vrvRmOOyyOoGhZdutHN2MT55fIAVocD+AplbmRzdHJlYW0KZW5kb2JqCgpzdG' +
-     *  'FydHhyZWYKNTEwCiUlRU9G'
-     *
-     * const dataUri = 'data:application/pdf;base64,' + base64
-     *
-     * const pdfDoc1 = await PDFDocument.load(base64)
-     * const pdfDoc2 = await PDFDocument.load(dataUri)
-     *
-     * // pdf=Uint8Array
-     * import fs from 'fs'
-     * const uint8Array = fs.readFileSync('with_update_sections.pdf')
-     * const pdfDoc3 = await PDFDocument.load(uint8Array)
-     *
-     * // pdf=ArrayBuffer
-     * const url = 'https://pdf-lib.js.org/assets/with_update_sections.pdf'
-     * const arrayBuffer = await fetch(url).then(res => res.arrayBuffer())
-     * const pdfDoc4 = await PDFDocument.load(arrayBuffer)
-     *
-     * ```
-     *
-     * @param pdf The input data containing a PDF document.
-     * @param options The options to be used when loading the document.
-     * @returns Resolves with a document loaded from the input.
-     */
-    set pdf(value) {
-        if (value) {
-            this._pdf = value;
-            this._openPDF();
-        }
-    }
-    get pdf() {
-        return this._pdf;
-    }
-    showClass() {
-        return true;
-    }
-    saveFirstSignature(sig) {
-        this._saveSignature(sig, this.sigBuyerPosition);
-        this.showSigBuyer = false;
-        this._savePdf();
-    }
-    saveSecondSignature(sig) {
-        this._saveSignature(sig, this.sigSellerPosition);
-        this.showSigSeller = false;
-        this._savePdf();
-    }
-    _openPDF() {
-        return __awaiter(this, void 0, void 0, function* () {
-            // first create reader to check signatures
-            this._checkSignatures();
-            this.pdfDoc = yield PDFDocument.load(this._pdf, {
-                updateMetadata: false
-            });
-            const pdfDataUri = yield this.pdfDoc.saveAsBase64({ dataUri: true });
-            this.iframe.nativeElement.src = pdfDataUri;
-        });
-    }
-    _savePdf() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.showSigBuyer && !this.showSigSeller) {
-                // ready, save the pdf and emit result
-                const result = yield this.pdfDoc.saveAsBase64();
-                this.pdfSaved.next(result);
-            }
-        });
-    }
-    _checkSignatures() {
-        return __awaiter(this, void 0, void 0, function* () {
-            let pdfWorkerSrc;
-            if (window.hasOwnProperty('pdfWorkerSrc') &&
-                typeof window.pdfWorkerSrc === 'string' &&
-                window.pdfWorkerSrc) {
-                pdfWorkerSrc = window.pdfWorkerSrc;
-            }
-            else {
-                pdfWorkerSrc = pdfjsWorker;
-            }
-            PDFJS.GlobalWorkerOptions.workerSrc = pdfWorkerSrc;
-            const pdfReader = yield PDFJS.getDocument(this._pdf).promise;
-            const numPages = pdfReader.numPages;
-            for (let i = 0; i < numPages; i++) {
-                const page = yield pdfReader.getPage(1);
-                const text = yield page.getTextContent();
-                page.cleanup();
-                if (this.firstSignatureField) {
-                    this.sigBuyerPosition = this._getPositionSignature(text, this.firstSignatureField);
-                    if (this.sigBuyerPosition.width > 0 && this.sigBuyerPosition.height > 0) {
-                        this.sigBuyerPosition.page = i;
-                        this.showSigBuyer = true;
-                    }
-                }
-                if (this.secondSignatureField) {
-                    this.sigSellerPosition = this._getPositionSignature(text, this.secondSignatureField);
-                    if (this.sigSellerPosition.width > 0 && this.sigSellerPosition.height > 0) {
-                        this.sigSellerPosition.page = i;
-                        this.showSigSeller = true;
-                    }
-                }
-            }
-        });
-    }
-    _getPositionSignature(textItem, signatureField) {
-        const sigItem = textItem.items.find((i) => i.str.toLowerCase() === signatureField.toLowerCase());
-        if (sigItem) {
-            textItem.items.slice(textItem.items.indexOf(sigItem), 1);
-            return {
-                x: sigItem.transform[4],
-                y: sigItem.transform[5],
-                width: sigItem.width,
-                height: sigItem.height,
-                page: 0
-            };
-        }
-        return { x: 0, y: 0, width: 0, height: 0, page: 0 };
-    }
-    _saveSignature(sig, dimensions) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const jpgImage = yield this.pdfDoc.embedPng(sig);
-            const page = yield this.pdfDoc.getPage(dimensions.page);
-            page.drawImage(jpgImage, {
-                x: ((dimensions.x + (dimensions.width / 2)) - (200 / 2)),
-                y: ((dimensions.y + (dimensions.height / 2)) - (100 / 2)),
-                width: 200,
-                height: 100
-            });
-        });
-    }
-}
-DocsignComponent.decorators = [
-    { type: Component, args: [{
-                selector: "ione-docsign",
-                template: `
-    <iframe #iframe></iframe>
-    <ione-signatures *ngIf="showSignatures" @showHideSignature
-                     [showFirstSignature]="showSigBuyer"
-                     [firstSignatureTitle]="firstSignatureLabel"
-                     [showSecondSignature]="showSigSeller"
-                     [secondSignatureTitle]="secondSignatureLabel"
-                     [saveButtonLabel]="saveButtonLabel"
-                     [clearButtonLabel]="clearButtonLabel"
-                     (saveFirstSignature)="saveFirstSignature($event)"
-                     (saveSecondSignature)="saveSecondSignature($event)"
-    ></ione-signatures>
-    <input type="button" *ngIf="(showSigBuyer || showSigSeller) && !showSignatures" class="button button-sign-document"
-           [value]="signDocumentButtonLabel"
-           (click)="showSignatures = true"
-    />
-    <input type="button" class="button button-cancel"
-           [value]="cancelButtonLabel"
-           (click)="cancelClick.emit($event)"
-    />
-  `,
-                animations: [
-                    trigger("showHideSignature", [
-                        state("void", style({ transform: "translate(-50%, -50%) scale(0)" })),
-                        state("*", style({ transform: "translate(-50%, -50%) scale(1)" })),
-                        transition("void <=> *", animate("200ms ease-in-out")),
-                    ])
-                ],
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-DocsignComponent.propDecorators = {
-    iframe: [{ type: ViewChild, args: ["iframe", { read: ElementRef },] }],
-    pdf: [{ type: Input }],
-    firstSignatureLabel: [{ type: Input }],
-    firstSignatureField: [{ type: Input }],
-    secondSignatureLabel: [{ type: Input }],
-    secondSignatureField: [{ type: Input }],
-    saveButtonLabel: [{ type: Input }],
-    clearButtonLabel: [{ type: Input }],
-    signDocumentButtonLabel: [{ type: Input }],
-    cancelButtonLabel: [{ type: Input }],
-    pdfSaved: [{ type: Output }],
-    cancelClick: [{ type: Output }],
-    showClass: [{ type: HostBinding, args: ['class.ione-docsign',] }]
-};
-
-class SignatureComponent {
-    constructor() {
-        this.saveButtonLabel = 'SAVE';
-        this.clearButtonLabel = 'CLEAR';
-        this.save = new EventEmitter();
-    }
-    set content(content) {
-        if (content) {
-            this.signatureCanvas = content;
-            this._initCanvas();
-        }
-    }
-    showClass() {
-        return true;
-    }
-    handleSave(event) {
-        // save canvas as svg
-        // const sig: string = this.signature.toDataURL("image/svg+xml");
-        const sig = this.signature.toDataURL("image/png");
-        // emit signature string
-        this.save.next(sig);
-    }
-    handleClear(event) {
-        if (this.signature) {
-            this.signature.clear();
-        }
-    }
-    _initCanvas() {
-        if (this.signatureCanvas && this.signatureCanvas.nativeElement) {
-            this.signature = new SignaturePad(this.signatureCanvas.nativeElement);
-            setTimeout(() => {
-                this._resizeSignatureCanvas(this.signature, this.signatureCanvas);
-            });
-        }
-    }
-    _resizeSignatureCanvas(signature, signatureCanvas) {
-        const imageBeforeResize = signature.toDataURL();
-        const ratio = Math.max(window.devicePixelRatio || 1, 1);
-        signatureCanvas.nativeElement.width = signatureCanvas.nativeElement.offsetWidth * ratio;
-        signatureCanvas.nativeElement.height = signatureCanvas.nativeElement.offsetHeight * ratio;
-        signatureCanvas.nativeElement.getContext("2d").scale(ratio, ratio);
-        signature.fromDataURL(imageBeforeResize);
-    }
-}
-SignatureComponent.decorators = [
-    { type: Component, args: [{
-                selector: "ione-signature",
-                template: `
-    <div class="signature-wrapper">
-      <div class="signature-header">
-        <span *ngIf="title" class="title" [textContent]="title"></span>
-        <div class="button-wrapper">
-          <input type="button" (click)="handleSave($event)" [value]="saveButtonLabel"/>
-          <input type="button" (click)="handleClear($event)" [value]="clearButtonLabel">
-        </div>
-      </div>
-      <div class="canvas">
-        <canvas #signature></canvas>
-      </div>
-    </div>
-  `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-SignatureComponent.propDecorators = {
-    content: [{ type: ViewChild, args: ["signature", { read: ElementRef },] }],
-    title: [{ type: Input }],
-    saveButtonLabel: [{ type: Input }],
-    clearButtonLabel: [{ type: Input }],
-    save: [{ type: Output }],
-    showClass: [{ type: HostBinding, args: ["class.ione-signature",] }]
-};
-
-class SignaturesComponent {
-    constructor() {
-        this.showFirstSignature = false;
-        this.showSecondSignature = false;
-        this.saveButtonLabel = 'SAVE';
-        this.clearButtonLabel = 'CLEAR';
-        this.saveFirstSignature = new EventEmitter();
-        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.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(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.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(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.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.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;
-}
-
-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$1(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$1(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);
-            }
-        }
-    }
-}
-
-/**
- * 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;
-                }
-            }
-        }
-    }
-}
-
-class IoneConnectorAdapterService {
-    constructor() {
-        this._boFactory = new BusinessObjectFactory();
-    }
-    connect(options) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.options === undefined) {
-                this.options = options;
-                this.connector = new Articles(options);
-                this.options.session = this.connector.session;
-            }
-        });
-    }
-    disconnect() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.options = undefined;
-        });
-    }
-    getArticleFullObject(goodId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.getArticleFullObject(goodId).then((result) => {
-                    // if (result.validationResult && result.validationResult.success) {
-                    //   if (result.resultObject) {
-                    //     resolve(this._boFactory.makeWithRawBackendData(ArticleExtended, result.resultObject));
-                    //   }
-                    // } else {
-                    //   reject(result.validationMessagesAsString);
-                    // }
-                });
-            });
-        });
-    }
-}
-IoneConnectorAdapterService.ɵprov = i0.ɵɵdefineInjectable({ factory: function IoneConnectorAdapterService_Factory() { return new IoneConnectorAdapterService(); }, token: IoneConnectorAdapterService, providedIn: "root" });
-IoneConnectorAdapterService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: "root"
-            },] }
-];
-IoneConnectorAdapterService.ctorParameters = () => [];
-
-class StockService {
-    constructor(_connector) {
-        this._connector = _connector;
-    }
-    connectConnector(options) {
-        this._connector.connect(options);
-    }
-    // public async getStock(goodId: number): Promise<ArticleFullObject> {
-    //   return await this._connector.getArticleFullObject(goodId);
-    // }
-    // public async getStockHistory(): Promise<GetStockHistoryRequest> {
-    //
-    // }
-    // public async getStockWarehouses(goodId: number): Promise<getWarehouses>
-    loadStockLocations(goodId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // await this._connector.getArticleFullObject(goodId);
-        });
-    }
-    _loadInOrders() {
-        return __awaiter(this, void 0, void 0, function* () {
-            //this.inOrderInformation = await ...
-        });
-    }
-    _loadStockOrders() {
-        return __awaiter(this, void 0, void 0, function* () {
-            // this.orderInformation =  await ...
-        });
-    }
-}
-StockService.decorators = [
-    { type: Injectable }
-];
-StockService.ctorParameters = () => [
-    { type: IoneConnectorAdapterService }
-];
-
-class StockComponent {
-    constructor(_stockService) {
-        this._stockService = _stockService;
-        this.handleStickerClicked = new EventEmitter();
-        this.showStockInformationGrid = true;
-        this.showStockLocation = false;
-        this.showStockTransfer = false;
-    }
-    set options(value) {
-        this._stockService.connectConnector(value);
-    }
-    showClass() {
-        return true;
-    }
-    backToStockLinesClicked() {
-        this.showStockLocation = false;
-        this.showStockInformationGrid = true;
-    }
-    handleStockTransferClick(event) {
-        this.showStockTransfer = !this.showStockTransfer;
-        this.showStockInformationGrid = !this.showStockInformationGrid;
-    }
-    handleStockLocationClick() {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this._stockService.loadStockLocations(10);
-        });
-    }
-    backToStock() {
-        this.showStockTransfer = !this.showStockTransfer;
-        this.showStockInformationGrid = !this.showStockInformationGrid;
-    }
-}
-StockComponent.decorators = [
-    { type: Component, args: [{
-                selector: "co-stock",
-                template: `
-      <div class="stock-info-container">
-        <co-stock-information></co-stock-information>
-        <hr>
-        <co-stock-information-grid *ngIf="showStockInformationGrid" (transferIconClicked)="handleStockTransferClick($event)"></co-stock-information-grid>
-        <co-stock-location *ngIf="showStockLocation" (backToStockLines)="backToStockLinesClicked()"></co-stock-location>
-        <co-stock-transfer *ngIf="showStockTransfer" (handleCancelClicked)="backToStock()" (handleStickerClicked)="handleStickerClicked.emit($event)"></co-stock-transfer>
-      </div>
-  `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-StockComponent.ctorParameters = () => [
-    { type: StockService }
-];
-StockComponent.propDecorators = {
-    stock: [{ type: ViewChild, args: [StockComponent,] }],
-    handleStickerClicked: [{ type: Output }],
-    options: [{ type: Input }],
-    goodId: [{ type: Input }],
-    showClass: [{ type: HostBinding, args: ["class.co-stock",] }]
-};
-
-class StockInformationComponent {
-    constructor() {
-        this.stockStatus = "medium";
-        this.show = false;
-        this.hideOrShowLocationTab = false;
-    }
-}
-StockInformationComponent.decorators = [
-    { type: Component, args: [{
-                selector: "co-stock-information",
-                template: `
-      <div class="stock-info">
-        <div class="stock-info-row">
-          <div class="stock-info-row-image">
-            <div class="stock-image">
-              <co-image></co-image>
-            </div>
-          </div>
-          <div class="stock-good-info">
-            <div>
-              <span [textContent]=""></span>
-            </div>
-            <div>
-              <span [textContent]=""></span>
-            </div>
-          </div>
-        </div>
-        <div class="stock-status">
-          <label [textContent]="'STATE'"></label>
-        </div>
-        <div class="stock-status">
-          <label [textContent]="'STOCK'"></label>
-          <span></span>
-        </div>
-        <div class="stock-status">
-          <label [textContent]="'AVAILABLE_STOCK'"></label>
-          <span>totalAmountAvailable</span>
-        </div>
-        <div class="stock-status">
-          <label [textContent]="'ECONOMICAL_STOCK'"></label>
-          <span></span>
-        </div>
-        <div class="stock-status">
-          <label [textContent]="'PHYSICAL_STOCK'"></label>
-          <span></span>
-        </div>
-      </div>
-  `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-StockInformationComponent.ctorParameters = () => [];
-
-class StockInformationGridComponent {
-    constructor(_stockService) {
-        this._stockService = _stockService;
-        this.locationLineClicked = new EventEmitter();
-        this.transferIconClicked = new EventEmitter();
-        this.MAX_GRID_ROWS = 10;
-        this.stockStatus = "medium";
-        this.show = false;
-        this.hideOrShowLocationTab = false;
-        this.showStockHistory = false;
-        this.data = [
-            { test: "test" }
-        ];
-        this.stockInformation = [
-            { warehouseNumber: "1", warehouseDescription: "Colijn IT Warehouse", amountInStock: "17", amountAvailable: "13", amountLaterAvailable: "4", location: "test" },
-            { warehouseNumber: "2", warehouseDescription: "Colijn IT Warehouse", amountInStock: "17", amountAvailable: "13", amountLaterAvailable: "4", location: "Test nummer 2" },
-            { warehouseNumber: "3", warehouseDescription: "Colijn IT Warehouse", amountInStock: "17", amountAvailable: "13", amountLaterAvailable: "4", location: "Amundsenweg" },
-        ];
-        this.stockLocationInformation = [
-            { location: "title 1", batch: "1", serialNo: "1", amountInStock: "1", allocated: "1", amountAvailable: "1" },
-            { location: "title 2", amountInStock: "2" },
-            { location: "title 3", amountInStock: "3" },
-            { location: "title 4", amountInStock: "4" },
-            { location: "title 5", amountInStock: "5" },
-        ];
-        this.inOrderInformation = [
-            { inOrder: "275432", customer: "Test customer", orderDate: "date", orderAmount: "2", warehouseNumber: "8", warehouseDescription: "A nice warehouse", amountInStock: "17", commission: "4014321" },
-            { inOrder: "275432", customer: "Test customer", orderDate: "date", orderAmount: "2", warehouseNumber: "8", warehouseDescription: "A nice warehouse", amountInStock: "17", commission: "4014321" },
-            { inOrder: "275432", customer: "Test customer", orderDate: "date", orderAmount: "2", warehouseNumber: "8", warehouseDescription: "A nice warehouse", amountInStock: "17", commission: "4014321" },
-            { inOrder: "275432", customer: "Test customer", orderDate: "date", orderAmount: "2", warehouseNumber: "8", warehouseDescription: "A nice warehouse", amountInStock: "17", commission: "4014321" },
-            { inOrder: "275432", customer: "Test customer", orderDate: "date", orderAmount: "2", warehouseNumber: "8", warehouseDescription: "A nice warehouse", amountInStock: "17", commission: "4014321" },
-        ];
-        this.stockHistoryInformation = [];
-        this.orderInformation = [];
-        this.stockColumns = [];
-        this.stockLocationColumns = [];
-        this.inOrderColumns = [];
-        this.orderColumns = [];
-        this.hideOrShowTabs = true;
-        this.dataWareHouseCode = 0;
-        this.dataWareHouseFields = { text: "warehouseDescription", value: "warehouseNumber" };
-        this.tabs = [
-            "STOCK",
-            "IN_ORDER2",
-            "ORDERS1"
-        ];
-        this.activeTab = this.tabs[0];
-    }
-    get activeTabText() {
-        switch (this.activeTab) {
-            case this.tabs[0]:
-                return "Voorraadregels";
-            case this.tabs[1]:
-                return "Gevonden in order(s)";
-            case this.tabs[2]:
-                return "Gevonden in bestellingen";
-            default:
-                return "Voorraadlocatie regels";
-        }
-    }
-    handleTabClick(tabData) {
-        this.activeTab = tabData;
-    }
-    onLocationClick(event) {
-        // this.locationLineClicked.emit(event[0].location);
-        this.hideOrShowTabs = false;
-        this.hideOrShowLocationTab = true;
-    }
-    onRowClick(args) {
-    }
-    onPopupClose() {
-        this.show = false;
-    }
-    handleHistoryClick() {
-        this.showStockHistory = true;
-    }
-    handleCloseClick() {
-        this.onPopupClose();
-    }
-    handleStockTransferClick(event) {
-        this.transferIconClicked.emit(event);
-    }
-    handleBackToStockClick() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.activeTab = this.tabs[0];
-            this.hideOrShowTabs = true;
-            this.hideOrShowLocationTab = false;
-        });
-    }
-    handleStickerClick() {
-    }
-    handleTransferClick() {
-    }
-    onOkClick() {
-    }
-    onCancelClick() {
-    }
-}
-StockInformationGridComponent.decorators = [
-    { type: Component, args: [{
-                selector: "co-stock-information-grid",
-                template: `
-    <div class="tab-link show"*ngIf="hideOrShowTabs">
-      <span class="tab-link-buttons"
-            *ngFor="let tab of tabs"
-            (click)="handleTabClick(tab)"
-            [textContent]="tab"
-            [class.active]="tab === activeTab"
-      ></span>
-    </div>
-
-    <div class="stock-line">
-      <div [textContent]="activeTabText"></div>
-
-    </div>
-
-    <div class="stock-grid">
-      <co-simple-grid *ngIf="activeTab === tabs[0] && hideOrShowTabs"
-                      [data]="stockInformation"
-      >
-          <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'warehouseNumber'"></co-simple-grid-column>
-          <co-simple-grid-column [headerText]="'DESCRIPTION'" [field]="'warehouseDescription'"></co-simple-grid-column>
-          <co-simple-grid-column [headerText]="'STOCK'" [field]="'amountInStock'"></co-simple-grid-column>
-          <co-simple-grid-column [headerText]="'AVAILABLE_STOCK'" [field]="'amountAvailable'"></co-simple-grid-column>
-          <co-simple-grid-column [headerText]="'ECONOMICAL_STOCK'" [field]="'amountLaterAvailable'"></co-simple-grid-column>
-          <co-simple-grid-column [headerText]="'LOCATION'" [field]="'location'">
-            <ng-template let-row="row">
-              <a [textContent]="'bekijken'" (click)="onLocationClick($event)"></a>
-            </ng-template>
-          </co-simple-grid-column>
-      </co-simple-grid>
-
-      <co-simple-grid *ngIf="activeTab === tabs[1]"
-                      [data]="inOrderInformation"
-      >
-        <co-simple-grid-column [headerText]="'IN_ORDER2'" [field]="'inOrder'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'CUSTOMER'" [field]="'customer'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'DATE'" [field]="'orderDate'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'AMOUNT'" [field]="'orderAmount'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'warehouseNumber'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'DESCRIPTION'" [field]="'warehouseDescription'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'STOCK'" [field]="'amountInStock'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'COMMISSION2'" [field]="'commission'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'TRANSFER'" [field]="'transfer'">
-          <ng-template let-row="row">
-
-          </ng-template>
-        </co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'STICKER'" [field]="'sticker'">
-          <ng-template let-row="row">
-
-          </ng-template>
-        </co-simple-grid-column>
-      </co-simple-grid>
-
-      <co-simple-grid *ngIf="activeTab === tabs[2]"
-                      [data]="orderInformation"
-      >
-        <co-simple-grid-column [headerText]="'PURCHASE_ORDER_NR'" [field]="'purchaseOrderNo'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'DATE'" [field]="'orderDate'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'AMOUNT'" [field]="'orderAmount'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'RESERVED'" [field]="'reserved'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'FREE_STOCK'" [field]="'freeStock'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'DELIVERY_DATE1'" [field]="'deliveryDate'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'RESERVE'" [field]="'reservation'"></co-simple-grid-column>
-      </co-simple-grid>
-    </div>
-
-    <div class="stock-grid" *ngIf="hideOrShowLocationTab">
-      <div class="stock-location-group">
-        <div class="stock-location-left-group">
-          <span class="stock-button-back" [textContent]="'BACK_TO_STOCK_LINES'" (click)="handleBackToStockClick()"></span>
-        </div>
-        <div class="stock-location-right-group">
-          <co-input-combo-box [(model)]="dataWareHouseCode"
-                              [source]=""
-                              [fields]="dataWareHouseFields"
-                              [placeholder]="'WAREHOUSE'"
-                              [required]="true"
-          ></co-input-combo-box>
-        </div>
-      </div>
-
-      <co-simple-grid [data]="stockLocationInformation"
-      >
-        <div class="stock-location-group">
-          <div class="stock-location-left-group">
-            <co-button class="stock-lines-button" [textContent]="'BACK_TO_STOCK_LINES'" (click)="handleBackToStockClick()"></co-button>
-          </div>
-        </div>
-        <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'location'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'BATCH'" [field]="'batch'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'SERIAL_NO'" [field]="'serialNo'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'STOCK'" [field]="'amountInStock'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'ALLOCATED'" [field]="'allocated'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'AVAILABLE_STOCK'" [field]="'amountAvailable'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'TRANSFER'" [field]="'transfer'">
-          <ng-template let-row="row">
-              <span [textContent]="'Transfer'" (click)="handleStockTransferClick($event)"></span>
-          </ng-template>
-        </co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'STICKER'" [field]="'sticker'">
-          <ng-template let-row="row">
-
-          </ng-template>
-        </co-simple-grid-column>
-      </co-simple-grid>
-    </div>
-
-    <div class="stock-grid" *ngIf="showStockHistory">
-      <co-simple-grid [data]="stockHistoryInformation"
-      >
-        <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'location'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'BATCH'" [field]="'batch'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'SERIAL_NO'" [field]="'serialNo'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'STOCK'" [field]="'amountInStock'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'ALLOCATED'" [field]="'allocated'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'AVAILABLE_STOCK'" [field]="'amountAvailable'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'STICKER'" [field]="'sticker'">
-          <ng-template let-row="row">
-
-          </ng-template>
-        </co-simple-grid-column>
-      </co-simple-grid>
-    </div>
-
-    <div class="stock-button-toolbar">
-      <div class="stock-button-left-group">
-        <co-button [label]="'HISTORY'" (click)="handleHistoryClick()"></co-button>
-      </div>
-      <div class="stock-button-middle-group">
-        <div class="button-left">
-          <co-button [textContent]="'Ok'" (click)="onOkClick()"></co-button>
-        </div>
-        <div class="button-right">
-          <co-button [textContent]="'Annuleren'" (click)="onCancelClick()"></co-button>
-        </div>
-      </div>
-    </div>
-  `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-StockInformationGridComponent.ctorParameters = () => [
-    { type: StockService }
-];
-StockInformationGridComponent.propDecorators = {
-    stock: [{ type: ViewChild, args: [StockInformationGridComponent,] }],
-    locationLineClicked: [{ type: Output }],
-    transferIconClicked: [{ type: Output }]
-};
-
-class StockLocationComponent {
-    constructor() {
-        this.backToStockLines = new EventEmitter();
-        this.MAX_GRID_ROWS = 10;
-        this.stockLocationColumns = [];
-        this.stockLocation = [
-            { location: "title 1", batch: "1", serieNo: "1", amountInStock: "1", allocated: "1", amountAvailable: "1" },
-            { location: "title 2", amountInStock: "2" },
-            { location: "title 3", amountInStock: "3" },
-            { location: "title 4", amountInStock: "4" },
-            { location: "title 5", amountInStock: "5" },
-        ];
-        this.stockLocationColumns.push({ field: "location", headerText: "WAREHOUSE", editType: "none" }, { field: "batch", headerText: "BATCH" }, { field: "serieNo", headerText: "SERIAL_NO" }, { field: "amountInStock", headerText: "STOCK", textAlign: "Right", editType: "numericEdit" }, { field: "allocated", headerText: "ALLOCATED", textAlign: "Right" }, { field: "amountAvailable", headerText: "AVAILABLE_STOCK", textAlign: "Right" }, { field: "PhysicalStock", headerText: "PHYSICAL_STOCK", textAlign: "Right" }, { field: "Valuta", headerText: "VALUTA", textAlign: "Right" }, { field: "PurchasePrice", headerText: "PURSCHASE_PRICE", textAlign: "Right" }, { field: "SupplierNo", headerText: "SUPPLIER_NO", textAlign: "Right" }, { field: "Transfer", headerText: "TRANSFER" }, { field: "sticker", headerText: "STICKER" });
-    }
-    backToStockInformation() {
-        this.backToStockLines.emit();
-    }
-    onStickerClick(event) {
-        console.log('test');
-    }
-    onOkClick() {
-    }
-    onCancelClick() {
-    }
-}
-StockLocationComponent.decorators = [
-    { type: Component, args: [{
-                selector: "co-stock-location",
-                template: `
-    <div class="stock-location-wrapper">
-      <div class="buttons-wrapper">
-        <div class="stock-button-left-group">
-          <span class="stock-button-back" [textContent]="'BACK_TO_STOCK_LINES'" (click)="backToStockInformation()"></span>
-        </div>
-        <div class="dropdown-wrapper">
-          <co-drop-down-list></co-drop-down-list>
-        </div>
-      </div>
-
-      <div class="stock-grid">
-
-      </div>
-      <div class="button-wrapper">
-        <div class="button-left">
-          <co-button (click)="onOkClick()"></co-button>
-        </div>
-        <div class="button-right">
-          <co-button (click)="onCancelClick()"></co-button>
-        </div>
-      </div>
-    </div>
-
-  `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-StockLocationComponent.ctorParameters = () => [];
-StockLocationComponent.propDecorators = {
-    backToStockLines: [{ type: Output }]
-};
-
-class StockTransferComponent {
-    constructor() {
-        this.handleCancelClicked = new EventEmitter();
-        this.handleStickerClicked = new EventEmitter();
-    }
-    handleOkClick() {
-    }
-    handleCancelClick() {
-        this.handleCancelClicked.emit();
-    }
-    handleStickerClick() {
-        this.handleStickerClicked.emit();
-    }
-}
-StockTransferComponent.decorators = [
-    { type: Component, args: [{
-                selector: "co-stock-transfer",
-                template: `
-      <div class="stock-transfer">
-        <div class="stock-transfer-columns">
-          <div class="stock-transfer-left-column">
-            <co-input-text disabled [placeholder]="'Standaard magazijn'">
-
-            </co-input-text>
-            <co-input-text disabled [placeholder]="'Standaard locatie'">
-
-            </co-input-text>
-            <co-input-text disabled [placeholder]="'Batch'">
-
-            </co-input-text>
-            <co-input-text disabled [placeholder]="'Serie'">
-
-            </co-input-text>
-            <co-input-text [placeholder]="'Aantal'">
-
-            </co-input-text>
-          </div>
-
-          <div class="stock-transfer-right-column">
-            <co-input-text [placeholder]="'Standaard magazijn'">
-
-            </co-input-text>
-            <co-input-text [placeholder]="'Standaard locatie'">
-
-            </co-input-text>
-            <co-input-text [placeholder]="'Voorraadstatus'">
-
-            </co-input-text>
-            <co-input-text [placeholder]="'Omschrijving'">
-
-            </co-input-text>
-          </div>
-        </div>
-
-        <div class="ok-cancel-buttons">
-          <co-button [textContent]="'Ok'" (click)="handleOkClick()"></co-button>
-          <co-button [textContent]="'Annuleren'" (click)="handleCancelClick()"></co-button>
-          <co-button [textContent]="'Sticker'" (click)="handleStickerClick()"></co-button>
-        </div>
-      </div>
-  `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-StockTransferComponent.ctorParameters = () => [];
-StockTransferComponent.propDecorators = {
-    handleCancelClicked: [{ type: Output }],
-    handleStickerClicked: [{ type: Output }]
-};
-
-class StockModule {
-}
-StockModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    InputComboBoxModule,
-                    CoGridModule,
-                    ButtonModule,
-                    CommonModule,
-                    InputRadioButtonModule,
-                    DropDownModule,
-                    SimpleGridModule,
-                    ImageModule,
-                    InputTextModule
-                ],
-                declarations: [
-                    StockComponent,
-                    StockInformationComponent,
-                    StockInformationGridComponent,
-                    StockLocationComponent,
-                    StockTransferComponent
-                ],
-                exports: [
-                    StockComponent
-                ],
-                providers: [
-                    StockService,
-                    IoneConnectorAdapterService
-                ]
-            },] }
-];
-
-/*
- * Public API Surface of sharedcomponents
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { DocsignComponent, DocsignModule, StockComponent, StockModule, SignatureComponent as ɵa, SignaturesComponent as ɵb, StockService as ɵc, IoneConnectorAdapterService as ɵd, StockInformationComponent as ɵe, StockInformationGridComponent as ɵf, StockLocationComponent as ɵg, StockTransferComponent as ɵh };
-//# sourceMappingURL=colijnit-sharedcomponents.js.map