@colijnit/sharedcomponents 1.0.1 → 1.0.4

package/bundles/colijnit-sharedcomponents.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('pdf-lib'), require('pdfjs-dist/legacy/build/pdf'), require('pdfjs-dist/build/pdf.worker.entry'), require('@angular/common'), require('signature_pad')) :
-    typeof define === 'function' && define.amd ? define('@colijnit/sharedcomponents', ['exports', '@angular/core', '@angular/animations', 'pdf-lib', 'pdfjs-dist/legacy/build/pdf', 'pdfjs-dist/build/pdf.worker.entry', '@angular/common', 'signature_pad'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.sharedcomponents = {}), global.ng.core, global.ng.animations, global.pdfLib, global.PDFJS, global.pdfjsWorker, global.ng.common, global.SignaturePad));
-})(this, (function (exports, core, animations, pdfLib, PDFJS, pdfjsWorker, common, SignaturePad) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('pdf-lib'), require('pdfjs-dist/legacy/build/pdf'), require('pdfjs-dist/build/pdf.worker.entry'), require('@angular/common'), require('signature_pad'), require('@colijnit/articleapi/build/articles'), require('@colijnit/articleapi/build/utils/function/not-nill.function'), require('@colijnit/articleapi/build/utils/object-utils'), require('@colijnit/articleapi/build/enum/yes-no-db-type.enum'), require('@colijnit/articleapi/build/enum/true-false-db-type.enum'), require('@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum'), require('@colijnit/articleapi/build/enum/db-boolean-value-type.enum'), require('@colijnit/articleapi/build/utils/date-utils'), require('@colijnit/articleapi/build/utils/number-utils'), require('@colijnit/articleapi/build/utils/function/is-nill.function'), require('@colijnit/articleapi/build/factory/decorators/map-property.decorator'), require('@colijnit/articleapi/build/factory/decorators/boolean.decorator'), require('@colijnit/articleapi/build/factory/decorators/json.decorator'), require('@colijnit/articleapi/build/factory/decorators/complex-array.decorator'), require('@colijnit/corecomponents_v12')) :
+    typeof define === 'function' && define.amd ? define('@colijnit/sharedcomponents', ['exports', '@angular/core', '@angular/animations', 'pdf-lib', 'pdfjs-dist/legacy/build/pdf', 'pdfjs-dist/build/pdf.worker.entry', '@angular/common', 'signature_pad', '@colijnit/articleapi/build/articles', '@colijnit/articleapi/build/utils/function/not-nill.function', '@colijnit/articleapi/build/utils/object-utils', '@colijnit/articleapi/build/enum/yes-no-db-type.enum', '@colijnit/articleapi/build/enum/true-false-db-type.enum', '@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum', '@colijnit/articleapi/build/enum/db-boolean-value-type.enum', '@colijnit/articleapi/build/utils/date-utils', '@colijnit/articleapi/build/utils/number-utils', '@colijnit/articleapi/build/utils/function/is-nill.function', '@colijnit/articleapi/build/factory/decorators/map-property.decorator', '@colijnit/articleapi/build/factory/decorators/boolean.decorator', '@colijnit/articleapi/build/factory/decorators/json.decorator', '@colijnit/articleapi/build/factory/decorators/complex-array.decorator', '@colijnit/corecomponents_v12'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.sharedcomponents = {}), global.ng.core, global.ng.animations, global.pdfLib, global.PDFJS, global.pdfjsWorker, global.ng.common, global.SignaturePad, global.articles, global.notNill_function, global.objectUtils, global.yesNoDbType_enum, global.trueFalseDbType_enum, global.oneZeroBoolDbType_enum, global.dbBooleanValueType_enum, global.dateUtils, global.numberUtils, global.isNill_function, global.mapProperty_decorator, global.boolean_decorator, global.json_decorator, global.complexArray_decorator, global.corecomponents_v12));
+})(this, (function (exports, i0, animations, pdfLib, PDFJS, pdfjsWorker, common, SignaturePad, articles, notNill_function, objectUtils, yesNoDbType_enum, trueFalseDbType_enum, oneZeroBoolDbType_enum, dbBooleanValueType_enum, dateUtils, numberUtils, isNill_function, mapProperty_decorator, boolean_decorator, json_decorator, complexArray_decorator, corecomponents_v12) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -24,6 +24,7 @@
         return Object.freeze(n);
     }
 
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var PDFJS__namespace = /*#__PURE__*/_interopNamespace(PDFJS);
     var pdfjsWorker__default = /*#__PURE__*/_interopDefaultLegacy(pdfjsWorker);
     var SignaturePad__default = /*#__PURE__*/_interopDefaultLegacy(SignaturePad);
@@ -352,8 +353,8 @@
             this.clearButtonLabel = 'CLEAR';
             this.signDocumentButtonLabel = 'SIGN_DOCUMENT';
             this.cancelButtonLabel = 'CANCEL';
-            this.pdfSaved = new core.EventEmitter();
-            this.cancelClick = new core.EventEmitter();
+            this.pdfSaved = new i0.EventEmitter();
+            this.cancelClick = new i0.EventEmitter();
             this.showSignaturePopup = false;
             this.showSigBuyer = false;
             this.showSigSeller = false;
@@ -569,7 +570,7 @@
         return DocsignComponent;
     }());
     DocsignComponent.decorators = [
-        { type: core.Component, args: [{
+        { type: i0.Component, args: [{
                     selector: "ione-docsign",
                     template: "\n    <iframe #iframe></iframe>\n    <ione-signatures *ngIf=\"showSignatures\" @showHideSignature\n                     [showFirstSignature]=\"showSigBuyer\"\n                     [firstSignatureTitle]=\"firstSignatureLabel\"\n                     [showSecondSignature]=\"showSigSeller\"\n                     [secondSignatureTitle]=\"secondSignatureLabel\"\n                     [saveButtonLabel]=\"saveButtonLabel\"\n                     [clearButtonLabel]=\"clearButtonLabel\"\n                     (saveFirstSignature)=\"saveFirstSignature($event)\"\n                     (saveSecondSignature)=\"saveSecondSignature($event)\"\n    ></ione-signatures>\n    <input type=\"button\" *ngIf=\"(showSigBuyer || showSigSeller) && !showSignatures\" class=\"button button-sign-document\"\n           [value]=\"signDocumentButtonLabel\"\n           (click)=\"showSignatures = true\"\n    />\n    <input type=\"button\" class=\"button button-cancel\"\n           [value]=\"cancelButtonLabel\"\n           (click)=\"cancelClick.emit($event)\"\n    />\n  ",
                     animations: [
@@ -579,30 +580,30 @@
                             animations.transition("void <=> *", animations.animate("200ms ease-in-out")),
                         ])
                     ],
-                    encapsulation: core.ViewEncapsulation.None
+                    encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
     DocsignComponent.propDecorators = {
-        iframe: [{ type: core.ViewChild, args: ["iframe", { read: core.ElementRef },] }],
-        pdf: [{ type: core.Input }],
-        firstSignatureLabel: [{ type: core.Input }],
-        firstSignatureField: [{ type: core.Input }],
-        secondSignatureLabel: [{ type: core.Input }],
-        secondSignatureField: [{ type: core.Input }],
-        saveButtonLabel: [{ type: core.Input }],
-        clearButtonLabel: [{ type: core.Input }],
-        signDocumentButtonLabel: [{ type: core.Input }],
-        cancelButtonLabel: [{ type: core.Input }],
-        pdfSaved: [{ type: core.Output }],
-        cancelClick: [{ type: core.Output }],
-        showClass: [{ type: core.HostBinding, args: ['class.ione-docsign',] }]
+        iframe: [{ type: i0.ViewChild, args: ["iframe", { read: i0.ElementRef },] }],
+        pdf: [{ type: i0.Input }],
+        firstSignatureLabel: [{ type: i0.Input }],
+        firstSignatureField: [{ type: i0.Input }],
+        secondSignatureLabel: [{ type: i0.Input }],
+        secondSignatureField: [{ type: i0.Input }],
+        saveButtonLabel: [{ type: i0.Input }],
+        clearButtonLabel: [{ type: i0.Input }],
+        signDocumentButtonLabel: [{ type: i0.Input }],
+        cancelButtonLabel: [{ type: i0.Input }],
+        pdfSaved: [{ type: i0.Output }],
+        cancelClick: [{ type: i0.Output }],
+        showClass: [{ type: i0.HostBinding, args: ['class.ione-docsign',] }]
     };
 
     var SignatureComponent = /** @class */ (function () {
         function SignatureComponent() {
             this.saveButtonLabel = 'SAVE';
             this.clearButtonLabel = 'CLEAR';
-            this.save = new core.EventEmitter();
+            this.save = new i0.EventEmitter();
         }
         Object.defineProperty(SignatureComponent.prototype, "content", {
             set: function (content) {
@@ -649,19 +650,19 @@
         return SignatureComponent;
     }());
     SignatureComponent.decorators = [
-        { type: core.Component, args: [{
+        { type: i0.Component, args: [{
                     selector: "ione-signature",
                     template: "\n    <div class=\"signature-wrapper\">\n      <div class=\"signature-header\">\n        <span *ngIf=\"title\" class=\"title\" [textContent]=\"title\"></span>\n        <div class=\"button-wrapper\">\n          <input type=\"button\" (click)=\"handleSave($event)\" [value]=\"saveButtonLabel\"/>\n          <input type=\"button\" (click)=\"handleClear($event)\" [value]=\"clearButtonLabel\">\n        </div>\n      </div>\n      <div class=\"canvas\">\n        <canvas #signature></canvas>\n      </div>\n    </div>\n  ",
-                    encapsulation: core.ViewEncapsulation.None
+                    encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
     SignatureComponent.propDecorators = {
-        content: [{ type: core.ViewChild, args: ["signature", { read: core.ElementRef },] }],
-        title: [{ type: core.Input }],
-        saveButtonLabel: [{ type: core.Input }],
-        clearButtonLabel: [{ type: core.Input }],
-        save: [{ type: core.Output }],
-        showClass: [{ type: core.HostBinding, args: ["class.ione-signature",] }]
+        content: [{ type: i0.ViewChild, args: ["signature", { read: i0.ElementRef },] }],
+        title: [{ type: i0.Input }],
+        saveButtonLabel: [{ type: i0.Input }],
+        clearButtonLabel: [{ type: i0.Input }],
+        save: [{ type: i0.Output }],
+        showClass: [{ type: i0.HostBinding, args: ["class.ione-signature",] }]
     };
 
     var SignaturesComponent = /** @class */ (function () {
@@ -670,8 +671,8 @@
             this.showSecondSignature = false;
             this.saveButtonLabel = 'SAVE';
             this.clearButtonLabel = 'CLEAR';
-            this.saveFirstSignature = new core.EventEmitter();
-            this.saveSecondSignature = new core.EventEmitter();
+            this.saveFirstSignature = new i0.EventEmitter();
+            this.saveSecondSignature = new i0.EventEmitter();
         }
         SignaturesComponent.prototype.showClass = function () {
             return true;
@@ -679,22 +680,22 @@
         return SignaturesComponent;
     }());
     SignaturesComponent.decorators = [
-        { type: core.Component, args: [{
+        { type: i0.Component, args: [{
                     selector: "ione-signatures",
                     template: "\n    <ione-signature *ngIf=\"showFirstSignature\"\n                    [title]=\"firstSignatureTitle\"\n                    [saveButtonLabel]=\"saveButtonLabel\"\n                    [clearButtonLabel]=\"clearButtonLabel\"\n                    (save)=\"saveFirstSignature.emit($event)\"></ione-signature>\n    <ione-signature *ngIf=\"showSecondSignature\"\n                    [title]=\"secondSignatureTitle\"\n                    [saveButtonLabel]=\"saveButtonLabel\"\n                    [clearButtonLabel]=\"clearButtonLabel\"\n                    (save)=\"saveSecondSignature.emit($event)\"></ione-signature>\n  ",
-                    encapsulation: core.ViewEncapsulation.None
+                    encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
     SignaturesComponent.propDecorators = {
-        showFirstSignature: [{ type: core.Input }],
-        firstSignatureTitle: [{ type: core.Input }],
-        showSecondSignature: [{ type: core.Input }],
-        secondSignatureTitle: [{ type: core.Input }],
-        saveButtonLabel: [{ type: core.Input }],
-        clearButtonLabel: [{ type: core.Input }],
-        saveFirstSignature: [{ type: core.Output }],
-        saveSecondSignature: [{ type: core.Output }],
-        showClass: [{ type: core.HostBinding, args: ["class.ione-signatures",] }]
+        showFirstSignature: [{ type: i0.Input }],
+        firstSignatureTitle: [{ type: i0.Input }],
+        showSecondSignature: [{ type: i0.Input }],
+        secondSignatureTitle: [{ type: i0.Input }],
+        saveButtonLabel: [{ type: i0.Input }],
+        clearButtonLabel: [{ type: i0.Input }],
+        saveFirstSignature: [{ type: i0.Output }],
+        saveSecondSignature: [{ type: i0.Output }],
+        showClass: [{ type: i0.HostBinding, args: ["class.ione-signatures",] }]
     };
 
     var DocsignModule = /** @class */ (function () {
@@ -703,7 +704,7 @@
         return DocsignModule;
     }());
     DocsignModule.decorators = [
-        { type: core.NgModule, args: [{
+        { type: i0.NgModule, args: [{
                     imports: [
                         common.CommonModule
                     ],
@@ -718,6 +719,1083 @@
                 },] }
     ];
 
+    var PROP_META_KEY$3 = "complexField";
+    /**
+     * !! just a TAG DECORATOR for now, there is no code that uses this meta data within the ione connector lib itself.
+     */
+    /**
+     * Property decorator for properties of businessobject classes that are other strongly typed businessobjects.
+     * Ensures that the BusinessObjectFactoryService makes properly typed objects from incoming raw persistence data. Otherwise we couldn't add methods
+     * to our own businessobjects and use them, since all fields would be flat data without methods after BusinessObjectFactoryService creation.
+     *
+     * Usage:
+     *
+     * @ComplexField(Transaction)
+     * public transaction: Transaction
+     *
+     * Also keeps track of a "complexFieldProps" metadata on the class-level, as a reflect-metadata workaround to be able to
+     * retrieve all properties that have the @ComplexField(..) decorator (impossible with current Reflect API).
+     */
+    function ComplexField(type) {
+        return function (target, propertyKey) {
+            if (!target || !propertyKey) {
+                return;
+            }
+            // warn the programmer if given type was undefined; it's probably an import order glitch that caused this, because decorators seem
+            // to be immediately processed when a class is first imported
+            if (!type) {
+                // eslint-disable-next-line no-console
+                console.warn("@ComplexField(type): type was UNDEFINED. Called on prop (" + objectUtils.ObjectUtils.GetClassName(target) + ", " + propertyKey + "). " +
+                    "Class will not properly serialize and deserialize now. We've always been able to fix this by CHANGING IMPORT ORDERS " +
+                    "where both classes and their dependencies are used, e.g. factory, repository or models..");
+                return;
+            }
+            Reflect.defineMetadata(PROP_META_KEY$3, type, target, propertyKey);
+        };
+    }
+    // Utility function holder of the ComplexFieldDecorator decorator.
+    var ComplexFieldDecorator = /** @class */ (function () {
+        function ComplexFieldDecorator() {
+        }
+        /**
+         * Returns whether given property (as a string) on given object is a complex field. A complex field is a field that is decorated
+         * with the @ComplexField decorator.
+         */
+        ComplexFieldDecorator.IsComplexField = function (target, propertyKey) {
+            if (!target || !propertyKey || typeof target !== "object") {
+                return false;
+            }
+            return (notNill_function.notNill(Reflect.getMetadata(PROP_META_KEY$3, target, propertyKey)));
+        };
+        // Returns the VALUE of the @ComplexField(VALUE) property decorator on the given propertyKey on the given modelObject.
+        ComplexFieldDecorator.GetComplexFieldType = function (target, propertyKey) {
+            if (!target || !propertyKey || typeof target !== "object") {
+                return undefined;
+            }
+            return Reflect.getMetadata(PROP_META_KEY$3, target, propertyKey);
+        };
+        return ComplexFieldDecorator;
+    }());
+
+    var PROP_META_KEY$2 = "complexArray";
+    /**
+     * !! just a TAG DECORATOR for now, there is no code that uses this meta data within the ione connector lib itself.
+     */
+    /**
+     * Property decorator for properties of businessobject classes that are an array of other strongly typed businessobjects.
+     * Ensures that the BusinessObjectFactoryService makes properly typed objects from incoming raw persistence data. Otherwise we couldn't add methods
+     * to our own businessobjects and use them, since all fields would be flat data without methods after BusinessObjectFactoryService creation.
+     *
+     * Usage:
+     *
+     * @ComplexArray(TransactionLine)
+     * public transactionLines: TransactionLine[]
+     */
+    function ComplexArray(type) {
+        return function (target, propertyKey) {
+            if (!target || !propertyKey || typeof target !== "object") {
+                return;
+            }
+            // warn the programmer if given type was undefined; it's probably an import order glitch that caused this, because decorators seem
+            // to be immediately processed when a class is first imported
+            if (!type) {
+                console.warn("@ComplexArray(type): type was UNDEFINED. Called on prop (" + objectUtils.ObjectUtils.GetClassName(target) + ", " + propertyKey + "). " +
+                    "Class will not properly serialize and deserialize now. We've always been able to fix this by CHANGING IMPORT ORDERS " +
+                    "where both classes and their dependencies are used, e.g. factory, repository or models..");
+                return;
+            }
+            Reflect.defineMetadata(PROP_META_KEY$2, type, target, propertyKey);
+        };
+    }
+    // Utility function holder of the ComplexArrayDecorator decorator.
+    var ComplexArrayDecorator = /** @class */ (function () {
+        function ComplexArrayDecorator() {
+        }
+        /**
+         * Returns whether given property (as a string) on given object is a complex array. A complex array is an array field that is decorated
+         * with the @ComplexArray decorator.
+         */
+        ComplexArrayDecorator.IsComplexArray = function (target, propertyKey) {
+            if (!target || !propertyKey || typeof target !== "object") {
+                return false;
+            }
+            return (notNill_function.notNill(Reflect.getMetadata(PROP_META_KEY$2, target, propertyKey)));
+        };
+        /**
+         * Returns the VALUE of the @ComplexArray(VALUE) property decorator on the given propertyKey on the given modelobject.
+         */
+        ComplexArrayDecorator.GetComplexArrayType = function (target, propertyKey) {
+            if (!target || !propertyKey || typeof target !== "object") {
+                return undefined;
+            }
+            return Reflect.getMetadata(PROP_META_KEY$2, target, propertyKey);
+        };
+        return ComplexArrayDecorator;
+    }());
+
+    var PROP_META_KEY_JN = "booleanTextJN";
+    var PROP_META_KEY_TF = "booleanTextTF";
+    var PROP_META_KEY_10 = "booleanText10";
+    /**
+     * There are 'J', 'T', 'N', 'F', 0 and 1 'boolean values' in the database. These should be translated to true and false boolean values in
+     * our client application.
+     *
+     * The values 'J' and 'N' seem to be most commonly used. This is the default setting when using this decorator.
+     * You can pass 'T' or 1 for the other variants as follows:
+     *
+     * Usage:
+     *
+     * @BooleanText() or @BooleanText("J") (the default, uses YesNoDbType char values)
+     * public foo: boolean // 'J' and 'N' become true and false after BusinessObjectFactoryService and -SerializerService processing
+     *
+     * @BooleanText('T') (uses TrueFalseDbType char values)
+     * public bar: boolean // 'T' and 'F' become true and false after BusinessObjectFactoryService and -SerializerService processing
+     *
+     * @BooleanText(1)
+     * public baz: boolean // 1 and 0 become true and false after BusinessObjectFactoryService and -SerializerService processing
+     */
+    function BooleanText(type) {
+        return function (target, propertyKey) {
+            if (!target || !propertyKey) {
+                return;
+            }
+            // by default, it's a J N boolean text
+            if (!type || type === "J") {
+                Reflect.defineMetadata(PROP_META_KEY_JN, true, target, propertyKey);
+            }
+            else if (type === "T") {
+                Reflect.defineMetadata(PROP_META_KEY_TF, true, target, propertyKey);
+            }
+            else if (type === 1) {
+                Reflect.defineMetadata(PROP_META_KEY_10, true, target, propertyKey);
+            }
+        };
+    }
+    // Utility function holder of the BooleanTextDecorator decorator.
+    var BooleanTextDecorator = /** @class */ (function () {
+        function BooleanTextDecorator() {
+        }
+        /**
+         * Returns whether given property (as a string) on given object is a boolean text field. That is, it's a field that is decorated
+         * with the @BooleanText decorator.
+         */
+        BooleanTextDecorator.IsBooleanTextField = function (target, propertyKey) {
+            if (!target || !propertyKey || typeof target !== "object") {
+                return false;
+            }
+            return (Reflect.getMetadata(PROP_META_KEY_JN, target, propertyKey) === true
+                ||
+                    Reflect.getMetadata(PROP_META_KEY_TF, target, propertyKey) === true
+                ||
+                    Reflect.getMetadata(PROP_META_KEY_10, target, propertyKey) === true);
+        };
+        /**
+         * Returns the logical true or false value of given character ('J', 'N', 'T' or 'F') or number (0 or 1).
+         * Returns UNDEFINED if given boolChar was not recognised as a boolean text.
+         */
+        BooleanTextDecorator.GetLogicalBooleanValue = function (dbBoolChar) {
+            return dbBooleanValueType_enum.GetLogicalBooleanValue(dbBoolChar);
+        };
+        /**
+         * Returns the boolean character / number of given logical bool property on target object. Uses its @BooleanText() annotation to decide
+         * what character / number to return.
+         * Used in BusinessObjectSerializerServiceService to convert logical bools to their original boolean character.
+         * @returns {string|number} The original, reverse-engineered boolean character (or number) of given object property, or undefined.
+         */
+        BooleanTextDecorator.GetDbBooleanValue = function (target, propertyKey) {
+            if (!target || !propertyKey || typeof target !== "object") {
+                return undefined;
+            }
+            var dbBoolVal = undefined;
+            var curBoolVal = target[propertyKey];
+            if (BooleanTextDecorator._IsJaNeeProp(target, propertyKey)) {
+                dbBoolVal = yesNoDbType_enum.GetYesNoDbBooleanValue(curBoolVal);
+            }
+            else if (BooleanTextDecorator._IsTrueFalseProp(target, propertyKey)) {
+                dbBoolVal = trueFalseDbType_enum.GetTrueFalseDbBooleanValue(curBoolVal);
+            }
+            else if (BooleanTextDecorator._IsZeroOneProp(target, propertyKey)) {
+                dbBoolVal = oneZeroBoolDbType_enum.GetOneZeroDbBooleanValue(curBoolVal);
+            }
+            return dbBoolVal;
+        };
+        BooleanTextDecorator._IsJaNeeProp = function (target, propertyKey) {
+            return BooleanTextDecorator._IsProp(PROP_META_KEY_JN, target, propertyKey);
+        };
+        BooleanTextDecorator._IsTrueFalseProp = function (target, propertyKey) {
+            return BooleanTextDecorator._IsProp(PROP_META_KEY_TF, target, propertyKey);
+        };
+        BooleanTextDecorator._IsZeroOneProp = function (target, propertyKey) {
+            return BooleanTextDecorator._IsProp(PROP_META_KEY_10, target, propertyKey);
+        };
+        BooleanTextDecorator._IsProp = function (prop, target, propertyKey) {
+            return !!target && !!propertyKey && typeof target === "object" && Reflect.hasMetadata(prop, target, propertyKey);
+        };
+        return BooleanTextDecorator;
+    }());
+
+    var PROP_META_KEY$1 = "dateField";
+    /**
+     * !! just a TAG DECORATOR for now, there is no code that uses this meta data within the ione connector lib itself.
+     */
+    /**
+     * Property decorator for properties of businessobject classes that are of type Date, but are sent to us as strings.
+     * Ensures that the BusinessObjectFactory makes proper JavaScript Date objects from incoming strings for @DateField() decorated properties.
+     *
+     * Usage:
+     *
+     * @DateField()
+     * public expectedDeliveryDate: Date
+     */
+    function DateField() {
+        return function (target, propertyKey) {
+            if (!target || !propertyKey) {
+                return;
+            }
+            Reflect.defineMetadata(PROP_META_KEY$1, undefined, target, propertyKey);
+        };
+    }
+    // Utility function holder of the @DateField() decorator.
+    var DateFieldFieldDecorator = /** @class */ (function () {
+        function DateFieldFieldDecorator() {
+        }
+        // Returns whether given property (as a string) on given object is decorated with @DateField().
+        DateFieldFieldDecorator.IsDateField = function (target, propertyKey) {
+            if (!target || !propertyKey || typeof target !== "object") {
+                return false;
+            }
+            return Reflect.hasMetadata(PROP_META_KEY$1, target, propertyKey);
+        };
+        DateFieldFieldDecorator.StringAsDate = function (str) {
+            return dateUtils.DateUtils.StringAsDate(str);
+        };
+        return DateFieldFieldDecorator;
+    }());
+
+    var PROP_META_KEY = "stringNumber";
+    /**
+     * !! just a TAG DECORATOR for now, there is no code that uses this meta data within the ione connector lib itself.
+     */
+    /**
+     * Decorator for properties of businessobjects that are sent to us as strings from the database, but which we want to use as a number in the client.
+     *
+     * Can be handy for incongruent backend api cases, where id data types are communicated wrongly via strings instead of numbers
+     * (e.g. on EmployeeFullObject.district, points to a District which has a number id, but in employee it's a string representation of that number...)
+     *
+     * Used by business object factory and -serializer.
+     *
+     * Usage:
+     *
+     * @StringNumber()
+     * public rights: UserRightType
+     */
+    function StringNumber() {
+        return function (target, propertyKey) {
+            if (!target || !propertyKey) {
+                return;
+            }
+            Reflect.defineMetadata(PROP_META_KEY, undefined, target, propertyKey);
+        };
+    }
+    // Utility function holder of the @StringNumber() decorator.
+    var StringNumberDecorator = /** @class */ (function () {
+        function StringNumberDecorator() {
+        }
+        // Returns whether given property (as a string) on given object is decorated with @StringNumber().
+        StringNumberDecorator.IsStringNumber = function (target, propertyKey) {
+            if (!target || !propertyKey || typeof target !== "object") {
+                return false;
+            }
+            return Reflect.hasMetadata(PROP_META_KEY, target, propertyKey);
+        };
+        StringNumberDecorator.StringAsNumber = function (str) {
+            return numberUtils.NumberUtils.ParseFloatKeepPrecision(str);
+        };
+        StringNumberDecorator.NumberAsString = function (nr) {
+            return "" + nr;
+        };
+        return StringNumberDecorator;
+    }());
+
+    // @returns true iff given value equals null or equals undefined
+    function isNill(value) {
+        return value === null || value === undefined;
+    }
+
+    var ArrayUtils = /** @class */ (function () {
+        function ArrayUtils() {
+        }
+        /**
+         * Returns whether at least one element in given array could be found by given finder function.
+         *
+         * @param {T[]} array
+         * @param {(element: T) => boolean} finder A finder function that takes an element of the array and returns a boolean that represents
+         * the 'found status' for that element; whether it should have been found or not.
+         */
+        ArrayUtils.ContainsAnElementFoundBy = function (array, finder) {
+            if (!array || !finder) {
+                return false;
+            }
+            return notNill_function.notNill(this.Find(array, finder));
+        };
+        /**
+         * Cross-browser Array.find() function. Returns the first item in given array for which the foundBy function returns true. Returns
+         * undefined when none was found.
+         *
+         * Example usage:
+         * const foundItem: BusinessObject = ArrayUtils.Find<BusinessObject>(modelArray, (modelItem: BusinessObject) => <br>
+         *     (return modelItem.getId() === '1')
+         *   * });
+         *
+         * @param array The array with items to search in.
+         * @param foundBy The finder function applied on each items of the array, when that returns true, the item is considered found.
+         */
+        ArrayUtils.Find = function (array, foundBy) {
+            if (!array || !foundBy) {
+                return undefined;
+            }
+            for (var i = 0, len = array.length; i < len; i++) {
+                var itemCur = array[i];
+                if (foundBy(itemCur)) {
+                    return itemCur;
+                }
+            }
+            return undefined;
+        };
+        // @returns empty array when nothing found, otherwise array with found items
+        ArrayUtils.FindAll = function (array, foundBy) {
+            var answer = [];
+            if (!array || !foundBy) {
+                return answer;
+            }
+            for (var i = 0, len = array.length; i < len; i++) {
+                var itemCur = array[i];
+                if (foundBy(itemCur)) {
+                    answer.push(itemCur);
+                }
+            }
+            return answer;
+        };
+        // returns a simple clone of given array, using array.slice(0)
+        ArrayUtils.CloneArray = function (array) {
+            var answer = [];
+            if (array) {
+                answer = array.slice(0);
+            }
+            return answer;
+        };
+        /**
+         * Returns a 'semi deep clone' of given array. Its first-level members are object-shallow-cloned (optionally with a strongly typed constructor),
+         * or just as plain object (see param arrayItemsClass).
+         * @param array
+         * @param arrayItemsClass If provided, the cloned array's first-level items will be strongly typed to / constructed as this class. Otherwise
+         * it'll be a plain object.
+         * @param deepClone Set to true if array items contain FUNCTIONS that need to be cloned..
+         * @returns {Array} semi-deep clone of given array
+         */
+        ArrayUtils.CloneArrayAndItsItems = function (array, arrayItemsClass, deepClone) {
+            if (deepClone === void 0) { deepClone = false; }
+            var cloneArray = [];
+            if (array) {
+                for (var i = 0, len = array.length; i < len; i++) {
+                    if (deepClone) {
+                        cloneArray.push(objectUtils.ObjectUtils.GetDeepClone(array[i]));
+                    }
+                    else {
+                        cloneArray.push(objectUtils.ObjectUtils.GetShallowClone(array[i], arrayItemsClass));
+                    }
+                }
+            }
+            else {
+                return [];
+            }
+            return cloneArray;
+        };
+        /**
+         * Removes element at given index from given array. Doesn't just set it to null like JavaScripts standard 'delete' does, but really
+         * removes the element using splice().
+         *
+         * @param {number} index
+         * @param {any[]} array in-out
+         * @returns {boolean} True if and only if the element on given index is succesfully removed from given array.
+         */
+        ArrayUtils.RemoveElementAtIndex = function (index, array) {
+            if (numberUtils.NumberUtils.IsNaN(index) || index < 0 || !Array.isArray(array) || array.length === 0) {
+                return false;
+            }
+            if (index in array) {
+                array.splice(index, 1);
+                return true;
+            }
+            else {
+                return false;
+            }
+        };
+        /**
+         * Removes given element from given array. Doesn't just set it to null like JavaScripts standard 'delete' does, but really removes the
+         * element using splice(). Also works on associative arrays.
+         *
+         * @param {T} element The element to remove.
+         * @param {T[]} array The array to remove the element from.
+         * @returns {boolean} True iff given element was truly successfully removed from given array.
+         */
+        ArrayUtils.RemoveElement = function (element, array) {
+            if (!Array.isArray(array)) {
+                return false;
+            }
+            var index = array.indexOf(element);
+            return ArrayUtils.RemoveElementAtIndex(index, array);
+        };
+        // Checks if given array is defined, and is an array, and has length > 0, and, optionally checks that the first element is of type given clazz.
+        ArrayUtils.IsArrayWithElements = function (arrayToCheck, classItemsMustBeInstanceOf) {
+            if (isNill_function.isNill(arrayToCheck)) {
+                return false;
+            }
+            if (Array.isArray(arrayToCheck) && arrayToCheck.length > 0) {
+                if (classItemsMustBeInstanceOf) {
+                    return arrayToCheck[0] instanceof classItemsMustBeInstanceOf;
+                }
+                else {
+                    return true;
+                }
+            }
+            else {
+                return false;
+            }
+        };
+        // Removes all elements from given array for which given filter function holds true. Returns true if at least one removed, else false.
+        ArrayUtils.RemoveElementsByFilter = function (array, filterFunction) {
+            if (!ArrayUtils.IsArrayWithElements(array) || !filterFunction) {
+                return false;
+            }
+            var atLeastOneRemoved = false;
+            var len = array.length;
+            for (var i = len - 1; i >= 0; i--) {
+                var item = array[i];
+                if (filterFunction.call(this, item) === true) {
+                    array.splice(i, 1);
+                    atLeastOneRemoved = true;
+                }
+            }
+            return atLeastOneRemoved;
+        };
+        ArrayUtils.MoveElement = function (element, toIndex, array) {
+            if (!Array.isArray(array) || isNill_function.isNill(toIndex)) {
+                return false;
+            }
+            var fromIndex = array.indexOf(element);
+            var toIndexCorrected = numberUtils.NumberUtils.GetNearestNumberWithinBounds(toIndex, 0, array.length - 1);
+            if (fromIndex === -1 || array[toIndexCorrected] === element) {
+                // element did not exist in given array, or already existed on given toIndex
+                return false;
+            }
+            array.splice(toIndexCorrected, 0, array.splice(fromIndex, 1)[0]);
+            return true;
+        };
+        // PRE: elements exists in given array. POST: given elementToPlace has a lower index than given afterThisElement. Array is in-out manipulated.
+        ArrayUtils.PlaceElementAfterOther = function (array, elementToPlace, afterThisElement) {
+            if (array) {
+                var afterThisElIdx = array.indexOf(afterThisElement);
+                var elToPlaceIdx = array.indexOf(elementToPlace);
+                if (afterThisElIdx >= elToPlaceIdx) {
+                    ArrayUtils.MoveElement(elementToPlace, afterThisElIdx + 1, array);
+                }
+            }
+        };
+        return ArrayUtils;
+    }());
+
+    /**
+     * This type represents the concept of a business object ID type. ID's of business objects can be a primary number, a simple string or a
+     * object for a composite key.
+     *
+     * Simply to prevent type declarations of 'number | string | Object' for BO ID data all over the application.
+     */
+    var BusinessObject = /** @class */ (function () {
+        function BusinessObject() {
+        }
+        // Overridable. Returns the ID of the model. Concrete model classes often override this method to provide their specific ID getter.
+        BusinessObject.prototype.getId = function () {
+            return this.id;
+        };
+        BusinessObject.prototype.setOwnMappedPropsFromRawData = function (rawData) {
+            var _this = this;
+            if (rawData === void 0) { rawData = {}; }
+            if (!rawData) {
+                return;
+            }
+            Object.keys(this).forEach(function (key) {
+                // check if property needs to be mapped
+                if (mapProperty_decorator.MapPropertyDecorator.IsMapProperty(_this, key)) {
+                    var mapKeys = mapProperty_decorator.MapPropertyDecorator.GetMapProperty(_this, key).split(",");
+                    var len = mapKeys.length;
+                    for (var i = 0; i < len; i++) {
+                        // eslint-disable-next-line
+                        var mapKey = mapKeys[i].trim();
+                        var objProp = rawData[mapKey];
+                        var decorated = false;
+                        if (rawData.hasOwnProperty(mapKey)) {
+                            if (boolean_decorator.BooleanTextDecorator.IsBooleanTextField(_this, key)) {
+                                _this[key] = boolean_decorator.BooleanTextDecorator.GetLogicalBooleanValue(objProp);
+                                decorated = true;
+                            }
+                            if (json_decorator.JsonFieldFieldDecorator.IsJsonField(_this, key)) {
+                                _this[key] = json_decorator.JsonFieldFieldDecorator.StringAsJson(objProp);
+                                decorated = true;
+                            }
+                            if (complexArray_decorator.ComplexArrayDecorator.IsComplexArray(_this, key)) {
+                                var arrayClass = complexArray_decorator.ComplexArrayDecorator.GetComplexArrayType(_this, key);
+                                // eslint-disable-next-line
+                                var origArray = _this[key];
+                                // eslint-disable-next-line
+                                var newArray = [];
+                                // eslint-disable-next-line @typescript-eslint/prefer-for-of
+                                for (var j = 0; j < origArray.length; j++) {
+                                    // eslint-disable-next-line
+                                    var item = new arrayClass(origArray[j]);
+                                    newArray.push(item);
+                                }
+                                _this[key] = newArray;
+                            }
+                            else {
+                                if (!decorated) {
+                                    _this[key] = objProp;
+                                }
+                            }
+                            break;
+                        }
+                    }
+                }
+                else {
+                    if (rawData.hasOwnProperty(key)) {
+                        var objProp = rawData[key];
+                        if (boolean_decorator.BooleanTextDecorator.IsBooleanTextField(_this, key)) {
+                            _this[key] = boolean_decorator.BooleanTextDecorator.GetLogicalBooleanValue(objProp);
+                        }
+                        else if (json_decorator.JsonFieldFieldDecorator.IsJsonField(_this, key)) {
+                            _this[key] = json_decorator.JsonFieldFieldDecorator.StringAsJson(objProp);
+                        }
+                        else {
+                            _this[key] = objProp;
+                        }
+                    }
+                }
+            });
+        };
+        return BusinessObject;
+    }());
+
+    // Factory service creates businessobjects, using their decorators in the process.
+    var BusinessObjectFactory = /** @class */ (function () {
+        function BusinessObjectFactory() {
+        }
+        /**
+         * Creates and returns a new business data object instance of given class, with all given data properties applied to it in a
+         * complex-aware style. That is, all properties on given class that are decorated with @ComplexField(..) or @ComplexArray(..) decorators
+         * become strongly typed business objects, with methods that are usable and such.
+         *
+         * @param modelClass
+         * @param {Object} rawData The object with all (possibly raw/flat/not alive) data to be applied to the created model object
+         */
+        BusinessObjectFactory.prototype.makeWithRawBackendData = function (modelClass, rawData) {
+            if (!modelClass) {
+                return undefined;
+            }
+            if (typeof modelClass !== typeof BusinessObject) {
+                return undefined;
+            }
+            var model = new modelClass();
+            this._copyAllPropertiesDecoratorProcessedFrom(rawData, model);
+            return model;
+        };
+        // see makeWithRawBackendData, this is a loop-wrapper around that method
+        BusinessObjectFactory.prototype.makeBOArrayFromRawBackendDataArray = function (modelClass, arrayOfRawDatas) {
+            if (!modelClass) {
+                return undefined;
+            }
+            var trueClientBos = [];
+            if (arrayOfRawDatas) {
+                for (var i = 0, len = arrayOfRawDatas.length; i < len; i++) {
+                    trueClientBos.push(this.makeWithRawBackendData(modelClass, arrayOfRawDatas[i]));
+                }
+            }
+            return trueClientBos;
+        };
+        BusinessObjectFactory.prototype.instantiateNewBo = function (modelClass) {
+            return this.makeWithRawBackendData(modelClass, {});
+        };
+        /**
+         * Applies all properties of given 'source' object to the given 'destination' businessobject, if destination has that property.
+         * Works with the @ComplexField(), @ComplexArray, @BooleanText, @CoInject and @DateField annotations of given destination model.
+         *
+         * @param sourceData Raw data to copy to destination model
+         * @param {BusinessObject} destinationModel InOut: The annotated businessobject to apply source properties to
+         */
+        BusinessObjectFactory.prototype._copyAllPropertiesDecoratorProcessedFrom = function (sourceData, destinationModel) {
+            if (!sourceData || !destinationModel) {
+                return;
+            }
+            // process all source data into destinationModel
+            for (var srcPropKey in sourceData) {
+                if (!sourceData.hasOwnProperty(srcPropKey)) {
+                    continue;
+                }
+                var srcPropVal = sourceData[srcPropKey];
+                if (ComplexFieldDecorator.IsComplexField(destinationModel, srcPropKey)) {
+                    var classOfField = ComplexFieldDecorator.GetComplexFieldType(destinationModel, srcPropKey);
+                    destinationModel[srcPropKey] = this.makeWithRawBackendData(classOfField, srcPropVal);
+                }
+                else if (ComplexArrayDecorator.IsComplexArray(destinationModel, srcPropKey)) {
+                    var sourceArray = srcPropVal;
+                    if (!sourceArray) {
+                        continue;
+                    }
+                    var classOfArrayItems = ComplexArrayDecorator.GetComplexArrayType(destinationModel, srcPropKey);
+                    var tempArray = [];
+                    for (var i = 0, len = sourceArray.length; i < len; i++) {
+                        tempArray.push(this.makeWithRawBackendData(classOfArrayItems, sourceArray[i]));
+                    }
+                    destinationModel[srcPropKey] = tempArray;
+                }
+                else if (BooleanTextDecorator.IsBooleanTextField(destinationModel, srcPropKey)) {
+                    // logical 'true' and 'false' also allowed as incoming values for @BooleanText() properties: then just copy their value
+                    if (typeof srcPropVal === "boolean") {
+                        destinationModel[srcPropKey] = srcPropVal;
+                        // here, it should be a 'J' or 'N' (or 'T' or 'F'): assign the associated boolean value
+                    }
+                    else {
+                        destinationModel[srcPropKey] = BooleanTextDecorator.GetLogicalBooleanValue(srcPropVal);
+                    }
+                }
+                else if (DateFieldFieldDecorator.IsDateField(destinationModel, srcPropKey)) {
+                    destinationModel[srcPropKey] = DateFieldFieldDecorator.StringAsDate(srcPropVal);
+                }
+                else if (StringNumberDecorator.IsStringNumber(destinationModel, srcPropKey)) {
+                    destinationModel[srcPropKey] = StringNumberDecorator.StringAsNumber(srcPropVal);
+                }
+                // non-decorated prop
+                else {
+                    if (isNill(srcPropVal)) {
+                        destinationModel[srcPropKey] = undefined;
+                    }
+                    else if (Array.isArray(srcPropVal)) {
+                        destinationModel[srcPropKey] = ArrayUtils.CloneArray(srcPropVal);
+                    }
+                    else if (typeof srcPropVal === "object") {
+                        if (srcPropVal instanceof Map) { //just copy the value in case of maps
+                            destinationModel[srcPropKey] = srcPropVal;
+                        }
+                        else {
+                            destinationModel[srcPropKey] = Object.assign({}, srcPropVal);
+                        }
+                    }
+                    else {
+                        destinationModel[srcPropKey] = srcPropVal;
+                    }
+                }
+            }
+        };
+        return BusinessObjectFactory;
+    }());
+
+    var IoneConnectorAdapterService = /** @class */ (function () {
+        function IoneConnectorAdapterService() {
+            this._boFactory = new BusinessObjectFactory();
+        }
+        IoneConnectorAdapterService.prototype.connect = function (options) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    if (this.options === undefined) {
+                        this.options = options;
+                        this.connector = new articles.Articles(options);
+                        this.options.session = this.connector.session;
+                    }
+                    return [2 /*return*/];
+                });
+            });
+        };
+        IoneConnectorAdapterService.prototype.disconnect = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    this.options = undefined;
+                    return [2 /*return*/];
+                });
+            });
+        };
+        IoneConnectorAdapterService.prototype.getArticleFullObject = function (goodId) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.connector.getArticleFullObject(goodId).then(function (result) {
+                                // if (result.validationResult && result.validationResult.success) {
+                                //   if (result.resultObject) {
+                                //     resolve(this._boFactory.makeWithRawBackendData(ArticleExtended, result.resultObject));
+                                //   }
+                                // } else {
+                                //   reject(result.validationMessagesAsString);
+                                // }
+                            });
+                        })];
+                });
+            });
+        };
+        return IoneConnectorAdapterService;
+    }());
+    IoneConnectorAdapterService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function IoneConnectorAdapterService_Factory() { return new IoneConnectorAdapterService(); }, token: IoneConnectorAdapterService, providedIn: "root" });
+    IoneConnectorAdapterService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: "root"
+                },] }
+    ];
+    IoneConnectorAdapterService.ctorParameters = function () { return []; };
+
+    var StockService = /** @class */ (function () {
+        function StockService(_connector) {
+            this._connector = _connector;
+        }
+        StockService.prototype.connectConnector = function (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>
+        StockService.prototype.loadStockLocations = function (goodId) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/];
+                });
+            });
+        };
+        StockService.prototype._loadInOrders = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/];
+                });
+            });
+        };
+        StockService.prototype._loadStockOrders = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/];
+                });
+            });
+        };
+        return StockService;
+    }());
+    StockService.decorators = [
+        { type: i0.Injectable }
+    ];
+    StockService.ctorParameters = function () { return [
+        { type: IoneConnectorAdapterService }
+    ]; };
+
+    var StockComponent = /** @class */ (function () {
+        function StockComponent(_stockService) {
+            this._stockService = _stockService;
+            this.handleStickerClicked = new i0.EventEmitter();
+            this.showStockInformationGrid = true;
+            this.showStockLocation = false;
+            this.showStockTransfer = false;
+        }
+        Object.defineProperty(StockComponent.prototype, "options", {
+            set: function (value) {
+                this._stockService.connectConnector(value);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        StockComponent.prototype.showClass = function () {
+            return true;
+        };
+        StockComponent.prototype.backToStockLinesClicked = function () {
+            this.showStockLocation = false;
+            this.showStockInformationGrid = true;
+        };
+        StockComponent.prototype.handleStockTransferClick = function (event) {
+            this.showStockTransfer = !this.showStockTransfer;
+            this.showStockInformationGrid = !this.showStockInformationGrid;
+        };
+        StockComponent.prototype.handleStockLocationClick = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._stockService.loadStockLocations(10)];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        StockComponent.prototype.backToStock = function () {
+            this.showStockTransfer = !this.showStockTransfer;
+            this.showStockInformationGrid = !this.showStockInformationGrid;
+        };
+        return StockComponent;
+    }());
+    StockComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-stock",
+                    template: "\n      <div class=\"stock-info-container\">\n        <co-stock-information></co-stock-information>\n        <hr>\n        <co-stock-information-grid *ngIf=\"showStockInformationGrid\" (transferIconClicked)=\"handleStockTransferClick($event)\"></co-stock-information-grid>\n        <co-stock-location *ngIf=\"showStockLocation\" (backToStockLines)=\"backToStockLinesClicked()\"></co-stock-location>\n        <co-stock-transfer *ngIf=\"showStockTransfer\" (handleCancelClicked)=\"backToStock()\" (handleStickerClicked)=\"handleStickerClicked.emit($event)\"></co-stock-transfer>\n      </div>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    StockComponent.ctorParameters = function () { return [
+        { type: StockService }
+    ]; };
+    StockComponent.propDecorators = {
+        stock: [{ type: i0.ViewChild, args: [StockComponent,] }],
+        handleStickerClicked: [{ type: i0.Output }],
+        options: [{ type: i0.Input }],
+        goodId: [{ type: i0.Input }],
+        showClass: [{ type: i0.HostBinding, args: ["class.co-stock",] }]
+    };
+
+    var StockInformationComponent = /** @class */ (function () {
+        function StockInformationComponent() {
+            this.stockStatus = "medium";
+            this.show = false;
+            this.hideOrShowLocationTab = false;
+        }
+        return StockInformationComponent;
+    }());
+    StockInformationComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-stock-information",
+                    template: "\n      <div class=\"stock-info\">\n        <div class=\"stock-info-row\">\n          <div class=\"stock-info-row-image\">\n            <div class=\"stock-image\">\n              <co-image></co-image>\n            </div>\n          </div>\n          <div class=\"stock-good-info\">\n            <div>\n              <span [textContent]=\"\"></span>\n            </div>\n            <div>\n              <span [textContent]=\"\"></span>\n            </div>\n          </div>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'STATE'\"></label>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'STOCK'\"></label>\n          <span></span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'AVAILABLE_STOCK'\"></label>\n          <span>totalAmountAvailable</span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'ECONOMICAL_STOCK'\"></label>\n          <span></span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'PHYSICAL_STOCK'\"></label>\n          <span></span>\n        </div>\n      </div>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    StockInformationComponent.ctorParameters = function () { return []; };
+
+    var StockInformationGridComponent = /** @class */ (function () {
+        function StockInformationGridComponent(_stockService) {
+            this._stockService = _stockService;
+            this.locationLineClicked = new i0.EventEmitter();
+            this.transferIconClicked = new i0.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];
+        }
+        Object.defineProperty(StockInformationGridComponent.prototype, "activeTabText", {
+            get: function () {
+                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";
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        StockInformationGridComponent.prototype.handleTabClick = function (tabData) {
+            this.activeTab = tabData;
+        };
+        StockInformationGridComponent.prototype.onLocationClick = function (event) {
+            // this.locationLineClicked.emit(event[0].location);
+            this.hideOrShowTabs = false;
+            this.hideOrShowLocationTab = true;
+        };
+        StockInformationGridComponent.prototype.onRowClick = function (args) {
+        };
+        StockInformationGridComponent.prototype.onPopupClose = function () {
+            this.show = false;
+        };
+        StockInformationGridComponent.prototype.handleHistoryClick = function () {
+            this.showStockHistory = true;
+        };
+        StockInformationGridComponent.prototype.handleCloseClick = function () {
+            this.onPopupClose();
+        };
+        StockInformationGridComponent.prototype.handleStockTransferClick = function (event) {
+            this.transferIconClicked.emit(event);
+        };
+        StockInformationGridComponent.prototype.handleBackToStockClick = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    this.activeTab = this.tabs[0];
+                    this.hideOrShowTabs = true;
+                    this.hideOrShowLocationTab = false;
+                    return [2 /*return*/];
+                });
+            });
+        };
+        StockInformationGridComponent.prototype.handleStickerClick = function () {
+        };
+        StockInformationGridComponent.prototype.handleTransferClick = function () {
+        };
+        StockInformationGridComponent.prototype.onOkClick = function () {
+        };
+        StockInformationGridComponent.prototype.onCancelClick = function () {
+        };
+        return StockInformationGridComponent;
+    }());
+    StockInformationGridComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-stock-information-grid",
+                    template: "\n    <div class=\"tab-link show\"*ngIf=\"hideOrShowTabs\">\n      <span class=\"tab-link-buttons\"\n            *ngFor=\"let tab of tabs\"\n            (click)=\"handleTabClick(tab)\"\n            [textContent]=\"tab\"\n            [class.active]=\"tab === activeTab\"\n      ></span>\n    </div>\n\n    <div class=\"stock-line\">\n      <div [textContent]=\"activeTabText\"></div>\n\n    </div>\n\n    <div class=\"stock-grid\">\n      <co-simple-grid *ngIf=\"activeTab === tabs[0] && hideOrShowTabs\"\n                      [data]=\"stockInformation\"\n      >\n          <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'warehouseNumber'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'warehouseDescription'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'amountAvailable'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'ECONOMICAL_STOCK'\" [field]=\"'amountLaterAvailable'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'location'\">\n            <ng-template let-row=\"row\">\n              <a [textContent]=\"'bekijken'\" (click)=\"onLocationClick($event)\"></a>\n            </ng-template>\n          </co-simple-grid-column>\n      </co-simple-grid>\n\n      <co-simple-grid *ngIf=\"activeTab === tabs[1]\"\n                      [data]=\"inOrderInformation\"\n      >\n        <co-simple-grid-column [headerText]=\"'IN_ORDER2'\" [field]=\"'inOrder'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'CUSTOMER'\" [field]=\"'customer'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DATE'\" [field]=\"'orderDate'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'orderAmount'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'warehouseNumber'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'warehouseDescription'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'COMMISSION2'\" [field]=\"'commission'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSFER'\" [field]=\"'transfer'\">\n          <ng-template let-row=\"row\">\n\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template let-row=\"row\">\n\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n\n      <co-simple-grid *ngIf=\"activeTab === tabs[2]\"\n                      [data]=\"orderInformation\"\n      >\n        <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER_NR'\" [field]=\"'purchaseOrderNo'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DATE'\" [field]=\"'orderDate'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'orderAmount'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RESERVED'\" [field]=\"'reserved'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'FREE_STOCK'\" [field]=\"'freeStock'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DELIVERY_DATE1'\" [field]=\"'deliveryDate'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RESERVE'\" [field]=\"'reservation'\"></co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <div class=\"stock-grid\" *ngIf=\"hideOrShowLocationTab\">\n      <div class=\"stock-location-group\">\n        <div class=\"stock-location-left-group\">\n          <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"handleBackToStockClick()\"></span>\n        </div>\n        <div class=\"stock-location-right-group\">\n          <co-input-combo-box [(model)]=\"dataWareHouseCode\"\n                              [source]=\"\"\n                              [fields]=\"dataWareHouseFields\"\n                              [placeholder]=\"'WAREHOUSE'\"\n                              [required]=\"true\"\n          ></co-input-combo-box>\n        </div>\n      </div>\n\n      <co-simple-grid [data]=\"stockLocationInformation\"\n      >\n        <div class=\"stock-location-group\">\n          <div class=\"stock-location-left-group\">\n            <co-button class=\"stock-lines-button\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"handleBackToStockClick()\"></co-button>\n          </div>\n        </div>\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'location'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'BATCH'\" [field]=\"'batch'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'SERIAL_NO'\" [field]=\"'serialNo'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'ALLOCATED'\" [field]=\"'allocated'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'amountAvailable'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSFER'\" [field]=\"'transfer'\">\n          <ng-template let-row=\"row\">\n              <span [textContent]=\"'Transfer'\" (click)=\"handleStockTransferClick($event)\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template let-row=\"row\">\n\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <div class=\"stock-grid\" *ngIf=\"showStockHistory\">\n      <co-simple-grid [data]=\"stockHistoryInformation\"\n      >\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'location'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'BATCH'\" [field]=\"'batch'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'SERIAL_NO'\" [field]=\"'serialNo'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'ALLOCATED'\" [field]=\"'allocated'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'amountAvailable'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template let-row=\"row\">\n\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <div class=\"stock-button-toolbar\">\n      <div class=\"stock-button-left-group\">\n        <co-button [label]=\"'HISTORY'\" (click)=\"handleHistoryClick()\"></co-button>\n      </div>\n      <div class=\"stock-button-middle-group\">\n        <div class=\"button-left\">\n          <co-button [textContent]=\"'Ok'\" (click)=\"onOkClick()\"></co-button>\n        </div>\n        <div class=\"button-right\">\n          <co-button [textContent]=\"'Annuleren'\" (click)=\"onCancelClick()\"></co-button>\n        </div>\n      </div>\n    </div>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    StockInformationGridComponent.ctorParameters = function () { return [
+        { type: StockService }
+    ]; };
+    StockInformationGridComponent.propDecorators = {
+        stock: [{ type: i0.ViewChild, args: [StockInformationGridComponent,] }],
+        locationLineClicked: [{ type: i0.Output }],
+        transferIconClicked: [{ type: i0.Output }]
+    };
+
+    var StockLocationComponent = /** @class */ (function () {
+        function StockLocationComponent() {
+            this.backToStockLines = new i0.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" });
+        }
+        StockLocationComponent.prototype.backToStockInformation = function () {
+            this.backToStockLines.emit();
+        };
+        StockLocationComponent.prototype.onStickerClick = function (event) {
+            console.log('test');
+        };
+        StockLocationComponent.prototype.onOkClick = function () {
+        };
+        StockLocationComponent.prototype.onCancelClick = function () {
+        };
+        return StockLocationComponent;
+    }());
+    StockLocationComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-stock-location",
+                    template: "\n    <div class=\"stock-location-wrapper\">\n      <div class=\"buttons-wrapper\">\n        <div class=\"stock-button-left-group\">\n          <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"backToStockInformation()\"></span>\n        </div>\n        <div class=\"dropdown-wrapper\">\n          <co-drop-down-list></co-drop-down-list>\n        </div>\n      </div>\n\n      <div class=\"stock-grid\">\n\n      </div>\n      <div class=\"button-wrapper\">\n        <div class=\"button-left\">\n          <co-button (click)=\"onOkClick()\"></co-button>\n        </div>\n        <div class=\"button-right\">\n          <co-button (click)=\"onCancelClick()\"></co-button>\n        </div>\n      </div>\n    </div>\n\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    StockLocationComponent.ctorParameters = function () { return []; };
+    StockLocationComponent.propDecorators = {
+        backToStockLines: [{ type: i0.Output }]
+    };
+
+    var StockTransferComponent = /** @class */ (function () {
+        function StockTransferComponent() {
+            this.handleCancelClicked = new i0.EventEmitter();
+            this.handleStickerClicked = new i0.EventEmitter();
+        }
+        StockTransferComponent.prototype.handleOkClick = function () {
+        };
+        StockTransferComponent.prototype.handleCancelClick = function () {
+            this.handleCancelClicked.emit();
+        };
+        StockTransferComponent.prototype.handleStickerClick = function () {
+            this.handleStickerClicked.emit();
+        };
+        return StockTransferComponent;
+    }());
+    StockTransferComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-stock-transfer",
+                    template: "\n      <div class=\"stock-transfer\">\n        <div class=\"stock-transfer-columns\">\n          <div class=\"stock-transfer-left-column\">\n            <co-input-text disabled [placeholder]=\"'Standaard magazijn'\">\n\n            </co-input-text>\n            <co-input-text disabled [placeholder]=\"'Standaard locatie'\">\n\n            </co-input-text>\n            <co-input-text disabled [placeholder]=\"'Batch'\">\n\n            </co-input-text>\n            <co-input-text disabled [placeholder]=\"'Serie'\">\n\n            </co-input-text>\n            <co-input-text [placeholder]=\"'Aantal'\">\n\n            </co-input-text>\n          </div>\n\n          <div class=\"stock-transfer-right-column\">\n            <co-input-text [placeholder]=\"'Standaard magazijn'\">\n\n            </co-input-text>\n            <co-input-text [placeholder]=\"'Standaard locatie'\">\n\n            </co-input-text>\n            <co-input-text [placeholder]=\"'Voorraadstatus'\">\n\n            </co-input-text>\n            <co-input-text [placeholder]=\"'Omschrijving'\">\n\n            </co-input-text>\n          </div>\n        </div>\n\n        <div class=\"ok-cancel-buttons\">\n          <co-button [textContent]=\"'Ok'\" (click)=\"handleOkClick()\"></co-button>\n          <co-button [textContent]=\"'Annuleren'\" (click)=\"handleCancelClick()\"></co-button>\n          <co-button [textContent]=\"'Sticker'\" (click)=\"handleStickerClick()\"></co-button>\n        </div>\n      </div>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    StockTransferComponent.ctorParameters = function () { return []; };
+    StockTransferComponent.propDecorators = {
+        handleCancelClicked: [{ type: i0.Output }],
+        handleStickerClicked: [{ type: i0.Output }]
+    };
+
+    var StockModule = /** @class */ (function () {
+        function StockModule() {
+        }
+        return StockModule;
+    }());
+    StockModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        corecomponents_v12.InputComboBoxModule,
+                        corecomponents_v12.CoGridModule,
+                        corecomponents_v12.ButtonModule,
+                        common.CommonModule,
+                        corecomponents_v12.InputRadioButtonModule,
+                        corecomponents_v12.DropDownModule,
+                        corecomponents_v12.SimpleGridModule,
+                        corecomponents_v12.ImageModule,
+                        corecomponents_v12.InputTextModule
+                    ],
+                    declarations: [
+                        StockComponent,
+                        StockInformationComponent,
+                        StockInformationGridComponent,
+                        StockLocationComponent,
+                        StockTransferComponent
+                    ],
+                    exports: [
+                        StockComponent
+                    ],
+                    providers: [
+                        StockService,
+                        IoneConnectorAdapterService
+                    ]
+                },] }
+    ];
+
     /*
      * Public API Surface of sharedcomponents
      */
@@ -728,8 +1806,16 @@
 
     exports.DocsignComponent = DocsignComponent;
     exports.DocsignModule = DocsignModule;
+    exports.StockComponent = StockComponent;
+    exports.StockModule = StockModule;
     exports["ɵa"] = SignatureComponent;
     exports["ɵb"] = SignaturesComponent;
+    exports["ɵc"] = StockService;
+    exports["ɵd"] = IoneConnectorAdapterService;
+    exports["ɵe"] = StockInformationComponent;
+    exports["ɵf"] = StockInformationGridComponent;
+    exports["ɵg"] = StockLocationComponent;
+    exports["ɵh"] = StockTransferComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });