@colijnit/sharedcomponents 1.0.6 → 1.0.9

package/bundles/colijnit-sharedcomponents.umd.js

@@ -0,0 +1,2140 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('pdf-lib'), require('pdfjs-dist/legacy/build/pdf'), require('pdfjs-dist/build/pdf.worker.entry'), require('@angular/common'), require('signature_pad'), require('@colijnit/articleapi/build/articles'), require('@colijnit/sharedapi/build/sharedapi'), require('@colijnit/sharedapi/build/model/printer.bo'), require('@colijnit/articleapi/build/utils/function/not-nill.function'), require('@colijnit/articleapi/build/utils/object-utils'), require('@colijnit/articleapi/build/enum/yes-no-db-type.enum'), require('@colijnit/articleapi/build/enum/true-false-db-type.enum'), require('@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum'), require('@colijnit/articleapi/build/enum/db-boolean-value-type.enum'), require('@colijnit/articleapi/build/utils/date-utils'), require('@colijnit/articleapi/build/utils/number-utils'), require('@colijnit/articleapi/build/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/articleapi/build/model/print-stock-stickers'), require('@colijnit/articleapi/build/model/article-flat.bo'), require('@colijnit/articleapi/build/articles-public'), require('@colijnit/corecomponents_v12'), require('@angular/platform-browser')) :
+    typeof define === 'function' && define.amd ? define('@colijnit/sharedcomponents', ['exports', '@angular/core', '@angular/animations', 'pdf-lib', 'pdfjs-dist/legacy/build/pdf', 'pdfjs-dist/build/pdf.worker.entry', '@angular/common', 'signature_pad', '@colijnit/articleapi/build/articles', '@colijnit/sharedapi/build/sharedapi', '@colijnit/sharedapi/build/model/printer.bo', '@colijnit/articleapi/build/utils/function/not-nill.function', '@colijnit/articleapi/build/utils/object-utils', '@colijnit/articleapi/build/enum/yes-no-db-type.enum', '@colijnit/articleapi/build/enum/true-false-db-type.enum', '@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum', '@colijnit/articleapi/build/enum/db-boolean-value-type.enum', '@colijnit/articleapi/build/utils/date-utils', '@colijnit/articleapi/build/utils/number-utils', '@colijnit/articleapi/build/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/articleapi/build/model/print-stock-stickers', '@colijnit/articleapi/build/model/article-flat.bo', '@colijnit/articleapi/build/articles-public', '@colijnit/corecomponents_v12', '@angular/platform-browser'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.sharedcomponents = {}), global.ng.core, global.ng.animations, global.pdfLib, global.PDFJS, global.pdfjsWorker, global.ng.common, global.SignaturePad, global.articles, global.sharedapi, global.printer_bo, global.notNill_function, global.objectUtils, global.yesNoDbType_enum, global.trueFalseDbType_enum, global.oneZeroBoolDbType_enum, global.dbBooleanValueType_enum, global.dateUtils, global.numberUtils, global.isNill_function, global.mapProperty_decorator, global.boolean_decorator, global.json_decorator, global.complexArray_decorator, global.printStockStickers, global.articleFlat_bo, global.articlesPublic, global.corecomponents_v12, global.ng.platformBrowser));
+})(this, (function (exports, i0, animations, pdfLib, PDFJS, pdfjsWorker, common, SignaturePad, articles, sharedapi, printer_bo, notNill_function, objectUtils, yesNoDbType_enum, trueFalseDbType_enum, oneZeroBoolDbType_enum, dbBooleanValueType_enum, dateUtils, numberUtils, isNill_function, mapProperty_decorator, boolean_decorator, json_decorator, complexArray_decorator, printStockStickers, articleFlat_bo, articlesPublic, corecomponents_v12, i1) { 'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n["default"] = e;
+        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);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+
+    /******************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise */
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b)
+                if (Object.prototype.hasOwnProperty.call(b, p))
+                    d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    }
+    var __assign = function () {
+        __assign = Object.assign || function __assign(t) {
+            for (var s, i = 1, n = arguments.length; i < n; i++) {
+                s = arguments[i];
+                for (var p in s)
+                    if (Object.prototype.hasOwnProperty.call(s, p))
+                        t[p] = s[p];
+            }
+            return t;
+        };
+        return __assign.apply(this, arguments);
+    };
+    function __rest(s, e) {
+        var t = {};
+        for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+                t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === "function")
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                    t[p[i]] = s[p[i]];
+            }
+        return t;
+    }
+    function __decorate(decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+            r = Reflect.decorate(decorators, target, key, desc);
+        else
+            for (var i = decorators.length - 1; i >= 0; i--)
+                if (d = decorators[i])
+                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    }
+    function __param(paramIndex, decorator) {
+        return function (target, key) { decorator(target, key, paramIndex); };
+    }
+    function __metadata(metadataKey, metadataValue) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+            return Reflect.metadata(metadataKey, metadataValue);
+    }
+    function __awaiter(thisArg, _arguments, P, generator) {
+        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+        return new (P || (P = Promise))(function (resolve, reject) {
+            function fulfilled(value) { try {
+                step(generator.next(value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function rejected(value) { try {
+                step(generator["throw"](value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+            step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+    }
+    function __generator(thisArg, body) {
+        var _ = { label: 0, sent: function () { if (t[0] & 1)
+                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
+        function verb(n) { return function (v) { return step([n, v]); }; }
+        function step(op) {
+            if (f)
+                throw new TypeError("Generator is already executing.");
+            while (_)
+                try {
+                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
+                        return t;
+                    if (y = 0, t)
+                        op = [op[0] & 2, t.value];
+                    switch (op[0]) {
+                        case 0:
+                        case 1:
+                            t = op;
+                            break;
+                        case 4:
+                            _.label++;
+                            return { value: op[1], done: false };
+                        case 5:
+                            _.label++;
+                            y = op[1];
+                            op = [0];
+                            continue;
+                        case 7:
+                            op = _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                        default:
+                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                                _ = 0;
+                                continue;
+                            }
+                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
+                                _.label = op[1];
+                                break;
+                            }
+                            if (op[0] === 6 && _.label < t[1]) {
+                                _.label = t[1];
+                                t = op;
+                                break;
+                            }
+                            if (t && _.label < t[2]) {
+                                _.label = t[2];
+                                _.ops.push(op);
+                                break;
+                            }
+                            if (t[2])
+                                _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                    }
+                    op = body.call(thisArg, _);
+                }
+                catch (e) {
+                    op = [6, e];
+                    y = 0;
+                }
+                finally {
+                    f = t = 0;
+                }
+            if (op[0] & 5)
+                throw op[1];
+            return { value: op[0] ? op[1] : void 0, done: true };
+        }
+    }
+    var __createBinding = Object.create ? (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+            desc = { enumerable: true, get: function () { return m[k]; } };
+        }
+        Object.defineProperty(o, k2, desc);
+    }) : (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        o[k2] = m[k];
+    });
+    function __exportStar(m, o) {
+        for (var p in m)
+            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
+                __createBinding(o, m, p);
+    }
+    function __values(o) {
+        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+        if (m)
+            return m.call(o);
+        if (o && typeof o.length === "number")
+            return {
+                next: function () {
+                    if (o && i >= o.length)
+                        o = void 0;
+                    return { value: o && o[i++], done: !o };
+                }
+            };
+        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+    }
+    function __read(o, n) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator];
+        if (!m)
+            return o;
+        var i = m.call(o), r, ar = [], e;
+        try {
+            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
+                ar.push(r.value);
+        }
+        catch (error) {
+            e = { error: error };
+        }
+        finally {
+            try {
+                if (r && !r.done && (m = i["return"]))
+                    m.call(i);
+            }
+            finally {
+                if (e)
+                    throw e.error;
+            }
+        }
+        return ar;
+    }
+    /** @deprecated */
+    function __spread() {
+        for (var ar = [], i = 0; i < arguments.length; i++)
+            ar = ar.concat(__read(arguments[i]));
+        return ar;
+    }
+    /** @deprecated */
+    function __spreadArrays() {
+        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
+            s += arguments[i].length;
+        for (var r = Array(s), k = 0, i = 0; i < il; i++)
+            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+                r[k] = a[j];
+        return r;
+    }
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2)
+            for (var i = 0, l = from.length, ar; i < l; i++) {
+                if (ar || !(i in from)) {
+                    if (!ar)
+                        ar = Array.prototype.slice.call(from, 0, i);
+                    ar[i] = from[i];
+                }
+            }
+        return to.concat(ar || Array.prototype.slice.call(from));
+    }
+    function __await(v) {
+        return this instanceof __await ? (this.v = v, this) : new __await(v);
+    }
+    function __asyncGenerator(thisArg, _arguments, generator) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var g = generator.apply(thisArg, _arguments || []), i, q = [];
+        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+        function verb(n) { if (g[n])
+            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+        function resume(n, v) { try {
+            step(g[n](v));
+        }
+        catch (e) {
+            settle(q[0][3], e);
+        } }
+        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+        function fulfill(value) { resume("next", value); }
+        function reject(value) { resume("throw", value); }
+        function settle(f, v) { if (f(v), q.shift(), q.length)
+            resume(q[0][0], q[0][1]); }
+    }
+    function __asyncDelegator(o) {
+        var i, p;
+        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+    }
+    function __asyncValues(o) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var m = o[Symbol.asyncIterator], i;
+        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
+    }
+    function __makeTemplateObject(cooked, raw) {
+        if (Object.defineProperty) {
+            Object.defineProperty(cooked, "raw", { value: raw });
+        }
+        else {
+            cooked.raw = raw;
+        }
+        return cooked;
+    }
+    ;
+    var __setModuleDefault = Object.create ? (function (o, v) {
+        Object.defineProperty(o, "default", { enumerable: true, value: v });
+    }) : function (o, v) {
+        o["default"] = v;
+    };
+    function __importStar(mod) {
+        if (mod && mod.__esModule)
+            return mod;
+        var result = {};
+        if (mod != null)
+            for (var k in mod)
+                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
+                    __createBinding(result, mod, k);
+        __setModuleDefault(result, mod);
+        return result;
+    }
+    function __importDefault(mod) {
+        return (mod && mod.__esModule) ? mod : { default: mod };
+    }
+    function __classPrivateFieldGet(receiver, state, kind, f) {
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a getter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot read private member from an object whose class did not declare it");
+        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+    }
+    function __classPrivateFieldSet(receiver, state, value, kind, f) {
+        if (kind === "m")
+            throw new TypeError("Private method is not writable");
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a setter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot write private member to an object whose class did not declare it");
+        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+    }
+    function __classPrivateFieldIn(state, receiver) {
+        if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function"))
+            throw new TypeError("Cannot use 'in' operator on non-object");
+        return typeof state === "function" ? receiver === state : state.has(receiver);
+    }
+
+    var DocsignComponent = /** @class */ (function () {
+        function DocsignComponent() {
+            this.saveButtonLabel = 'SAVE';
+            this.clearButtonLabel = 'CLEAR';
+            this.signDocumentButtonLabel = 'SIGN_DOCUMENT';
+            this.cancelButtonLabel = 'CANCEL';
+            this.pdfSaved = new i0.EventEmitter();
+            this.cancelClick = new i0.EventEmitter();
+            this.showSignaturePopup = false;
+            this.showSigBuyer = false;
+            this.showSigSeller = false;
+            this.showSignatures = false;
+        }
+        Object.defineProperty(DocsignComponent.prototype, "pdf", {
+            get: function () {
+                return this._pdf;
+            },
+            /**
+             * 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: function (value) {
+                if (value) {
+                    this._pdf = value;
+                    this._openPDF();
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DocsignComponent.prototype.showClass = function () {
+            return true;
+        };
+        DocsignComponent.prototype.saveFirstSignature = function (sig) {
+            this._saveSignature(sig, this.sigBuyerPosition);
+            this.showSigBuyer = false;
+            this._savePdf();
+        };
+        DocsignComponent.prototype.saveSecondSignature = function (sig) {
+            this._saveSignature(sig, this.sigSellerPosition);
+            this.showSigSeller = false;
+            this._savePdf();
+        };
+        DocsignComponent.prototype._openPDF = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var _a, pdfDataUri;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            // first create reader to check signatures
+                            this._checkSignatures();
+                            _a = this;
+                            return [4 /*yield*/, pdfLib.PDFDocument.load(this._pdf, {
+                                    updateMetadata: false
+                                })];
+                        case 1:
+                            _a.pdfDoc = _b.sent();
+                            return [4 /*yield*/, this.pdfDoc.saveAsBase64({ dataUri: true })];
+                        case 2:
+                            pdfDataUri = _b.sent();
+                            this.iframe.nativeElement.src = pdfDataUri;
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        DocsignComponent.prototype._savePdf = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var result;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!(!this.showSigBuyer && !this.showSigSeller)) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.pdfDoc.saveAsBase64()];
+                        case 1:
+                            result = _a.sent();
+                            this.pdfSaved.next(result);
+                            _a.label = 2;
+                        case 2: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        DocsignComponent.prototype._checkSignatures = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var pdfWorkerSrc, pdfReader, numPages, i, page, text;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (window.hasOwnProperty('pdfWorkerSrc') &&
+                                typeof window.pdfWorkerSrc === 'string' &&
+                                window.pdfWorkerSrc) {
+                                pdfWorkerSrc = window.pdfWorkerSrc;
+                            }
+                            else {
+                                pdfWorkerSrc = pdfjsWorker__default["default"];
+                            }
+                            PDFJS__namespace.GlobalWorkerOptions.workerSrc = pdfWorkerSrc;
+                            return [4 /*yield*/, PDFJS__namespace.getDocument(this._pdf).promise];
+                        case 1:
+                            pdfReader = _a.sent();
+                            numPages = pdfReader.numPages;
+                            i = 0;
+                            _a.label = 2;
+                        case 2:
+                            if (!(i < numPages)) return [3 /*break*/, 6];
+                            return [4 /*yield*/, pdfReader.getPage(i + 1)];
+                        case 3:
+                            page = _a.sent();
+                            return [4 /*yield*/, page.getTextContent()];
+                        case 4:
+                            text = _a.sent();
+                            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;
+                                }
+                            }
+                            _a.label = 5;
+                        case 5:
+                            i++;
+                            return [3 /*break*/, 2];
+                        case 6: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        DocsignComponent.prototype._getPositionSignature = function (textItem, signatureField) {
+            var sigItem = textItem.items.find(function (i) { return 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 };
+        };
+        DocsignComponent.prototype._saveSignature = function (sig, dimensions) {
+            return __awaiter(this, void 0, void 0, function () {
+                var jpgImage, page;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.pdfDoc.embedPng(sig)];
+                        case 1:
+                            jpgImage = _a.sent();
+                            return [4 /*yield*/, this.pdfDoc.getPage(dimensions.page)];
+                        case 2:
+                            page = _a.sent();
+                            page.drawImage(jpgImage, {
+                                x: ((dimensions.x + (dimensions.width / 2)) - (200 / 2)),
+                                y: ((dimensions.y + (dimensions.height / 2)) - (100 / 2)),
+                                width: 200,
+                                height: 100
+                            });
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        return DocsignComponent;
+    }());
+    DocsignComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "ione-docsign",
+                    template: "\n    <iframe #iframe></iframe>\n    <ione-signatures *ngIf=\"showSignatures\" @showHideSignature\n                     [showFirstSignature]=\"showSigBuyer\"\n                     [firstSignatureTitle]=\"firstSignatureLabel\"\n                     [showSecondSignature]=\"showSigSeller\"\n                     [secondSignatureTitle]=\"secondSignatureLabel\"\n                     [saveButtonLabel]=\"saveButtonLabel\"\n                     [clearButtonLabel]=\"clearButtonLabel\"\n                     (saveFirstSignature)=\"saveFirstSignature($event)\"\n                     (saveSecondSignature)=\"saveSecondSignature($event)\"\n    ></ione-signatures>\n    <input type=\"button\" *ngIf=\"(showSigBuyer || showSigSeller) && !showSignatures\" class=\"button button-sign-document\"\n           [value]=\"signDocumentButtonLabel\"\n           (click)=\"showSignatures = true\"\n    />\n    <input type=\"button\" class=\"button button-cancel\"\n           [value]=\"cancelButtonLabel\"\n           (click)=\"cancelClick.emit($event)\"\n    />\n  ",
+                    animations: [
+                        animations.trigger("showHideSignature", [
+                            animations.state("void", animations.style({ transform: "translate(-50%, -50%) scale(0)" })),
+                            animations.state("*", animations.style({ transform: "translate(-50%, -50%) scale(1)" })),
+                            animations.transition("void <=> *", animations.animate("200ms ease-in-out")),
+                        ])
+                    ],
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    DocsignComponent.propDecorators = {
+        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 i0.EventEmitter();
+        }
+        Object.defineProperty(SignatureComponent.prototype, "content", {
+            set: function (content) {
+                if (content) {
+                    this.signatureCanvas = content;
+                    this._initCanvas();
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        SignatureComponent.prototype.showClass = function () {
+            return true;
+        };
+        SignatureComponent.prototype.handleSave = function (event) {
+            // save canvas as svg
+            // const sig: string = this.signature.toDataURL("image/svg+xml");
+            var sig = this.signature.toDataURL("image/png");
+            // emit signature string
+            this.save.next(sig);
+        };
+        SignatureComponent.prototype.handleClear = function (event) {
+            if (this.signature) {
+                this.signature.clear();
+            }
+        };
+        SignatureComponent.prototype._initCanvas = function () {
+            var _this = this;
+            if (this.signatureCanvas && this.signatureCanvas.nativeElement) {
+                this.signature = new SignaturePad__default["default"](this.signatureCanvas.nativeElement);
+                setTimeout(function () {
+                    _this._resizeSignatureCanvas(_this.signature, _this.signatureCanvas);
+                });
+            }
+        };
+        SignatureComponent.prototype._resizeSignatureCanvas = function (signature, signatureCanvas) {
+            var imageBeforeResize = signature.toDataURL();
+            var 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);
+        };
+        return SignatureComponent;
+    }());
+    SignatureComponent.decorators = [
+        { 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: i0.ViewEncapsulation.None
+                },] }
+    ];
+    SignatureComponent.propDecorators = {
+        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 () {
+        function SignaturesComponent() {
+            this.showFirstSignature = false;
+            this.showSecondSignature = false;
+            this.saveButtonLabel = 'SAVE';
+            this.clearButtonLabel = 'CLEAR';
+            this.saveFirstSignature = new i0.EventEmitter();
+            this.saveSecondSignature = new i0.EventEmitter();
+        }
+        SignaturesComponent.prototype.showClass = function () {
+            return true;
+        };
+        return SignaturesComponent;
+    }());
+    SignaturesComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "ione-signatures",
+                    template: "\n    <ione-signature *ngIf=\"showFirstSignature\"\n                    [title]=\"firstSignatureTitle\"\n                    [saveButtonLabel]=\"saveButtonLabel\"\n                    [clearButtonLabel]=\"clearButtonLabel\"\n                    (save)=\"saveFirstSignature.emit($event)\"></ione-signature>\n    <ione-signature *ngIf=\"showSecondSignature\"\n                    [title]=\"secondSignatureTitle\"\n                    [saveButtonLabel]=\"saveButtonLabel\"\n                    [clearButtonLabel]=\"clearButtonLabel\"\n                    (save)=\"saveSecondSignature.emit($event)\"></ione-signature>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    SignaturesComponent.propDecorators = {
+        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 () {
+        function DocsignModule() {
+        }
+        return DocsignModule;
+    }());
+    DocsignModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule
+                    ],
+                    declarations: [
+                        DocsignComponent,
+                        SignatureComponent,
+                        SignaturesComponent
+                    ],
+                    exports: [
+                        DocsignComponent
+                    ]
+                },] }
+    ];
+
+    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.sharedConnector = new sharedapi.Sharedapi(options);
+                        this.options.session = this.connector.session && this.sharedConnector.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.getAllPrinters = function (showAll) {
+            if (showAll === void 0) { showAll = true; }
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.sharedConnector.getAllPrinters(showAll).then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObject) {
+                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(printer_bo.Printer, result.resultObject));
+                                    }
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
+        IoneConnectorAdapterService.prototype.getPrintStockStickers = function (request) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.sharedConnector.getPrintStockStickers(request).then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObject) {
+                                        resolve(_this._boFactory.makeWithRawBackendData(printStockStickers.PrintStockStickers, result.resultObject));
+                                    }
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
+        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);
+                                // }
+                            });
+                        })];
+                });
+            });
+        };
+        IoneConnectorAdapterService.prototype.getArticleFlatObject = 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(articleFlat_bo.ArticleFlat, result.resultObject));
+                                    }
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
+        IoneConnectorAdapterService.prototype.getWarehouses = 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.getWarehouses(goodId).then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObject) {
+                                        resolve(_this._boFactory.makeWithRawBackendData(articlesPublic.ArticlesPublic, 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);
+        };
+        StockService.prototype.getPrintStockStickers = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._connector.getPrintStockStickers(data)];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        StockService.prototype.getAllPrinters = function (showAll) {
+            if (showAll === void 0) { showAll = true; }
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._connector.getAllPrinters(showAll)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        StockService.prototype.loadStockLocations = function (goodId) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._connector.getArticleFlatObject(goodId)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        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;
+            this.stockService.stockStickers = new printStockStickers.PrintStockStickers();
+        };
+        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 [article]=\"articleExtended\"></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\"\n                           (handleCancelClicked)=\"backToStock()\"\n                           [article]=\"articleExtended\"\n                           [stockSticker]=\"stockService.stockStickers\"\n                           (handleStickerClicked)=\"handleStickerClicked.emit($event)\"\n                           [articleWarehouse]=\"articleWarehouse\"\n                           [allWarehouses]=\"allWarehouses\"\n        >\n        </co-stock-transfer>\n      </div>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    StockComponent.ctorParameters = function () { return [
+        { type: StockService }
+    ]; };
+    StockComponent.propDecorators = {
+        stock: [{ type: i0.ViewChild, args: [StockComponent,] }],
+        handleStickerClicked: [{ type: i0.Output }],
+        options: [{ type: i0.Input }],
+        articleExtended: [{ type: i0.Input }],
+        articleWarehouse: [{ type: i0.Input }],
+        allWarehouses: [{ 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 class=\"stock-image\" [source]=\"article?.imageData\"></co-image>\n            </div>\n          </div>\n          <div class=\"stock-good-info\">\n            <div>\n              <span [textContent]=\"article?.name\"></span>\n            </div>\n            <div>\n              <span [textContent]=\"article?.articleNumber\"></span>\n            </div>\n          </div>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"article?.stockStatus\"></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]=\"article?.stockAvailable\"></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 []; };
+    StockInformationComponent.propDecorators = {
+        article: [{ type: i0.Input }]
+    };
+
+    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                              [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(_stockService) {
+            this._stockService = _stockService;
+            this.handleCancelClicked = new i0.EventEmitter();
+            this.handleStickerClicked = new i0.EventEmitter();
+            this.allWarehousesDropdownFields = { value: "warehouseNo", text: "description" };
+            this.showSendMethodDialog = false;
+        }
+        StockTransferComponent.prototype.handleOkClick = function () {
+        };
+        StockTransferComponent.prototype.handleCancelClick = function () {
+            this.handleCancelClicked.emit();
+        };
+        StockTransferComponent.prototype.handleSelectedWarehouse = function (event) {
+            console.log(event);
+        };
+        StockTransferComponent.prototype.handleStickerClick = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    this.handleStickerClicked.emit();
+                    this.showSendMethodDialog = true;
+                    return [2 /*return*/];
+                });
+            });
+        };
+        return StockTransferComponent;
+    }());
+    StockTransferComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-stock-transfer",
+                    template: "\n      <div class=\"stock-transfer\">\n        <div class=\"stock-transfer-columns\">\n          <div *ngIf=\"article\" class=\"stock-transfer-left-column\">\n            <co-input-text disabled\n                           [(model)]=\"article.standardWareHouse.description\"\n                           [textContent]=\"article.standardWareHouse.description\"\n                           [placeholder]=\"'Standaard magazijn'\">\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"article.standardLocation\"\n                           [textContent]=\"article.standardLocation\"\n                           [placeholder]=\"'Standaard locatie'\">\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"stockSticker.batch\"\n                           [placeholder]=\"'Batch'\">\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"stockSticker.serial\"\n                           [placeholder]=\"'Serie'\">\n            </co-input-text>\n            <co-input-text\n              [(model)]=\"article.amount\"\n              [placeholder]=\"'Aantal'\">\n\n            </co-input-text>\n          </div>\n\n          <div class=\"stock-transfer-right-column\">\n            <co-drop-down-list [collection]=\"allWarehouses\"\n                               [fields]=\"allWarehousesDropdownFields\"\n                               (modelChange)=\"handleSelectedWarehouse($event)\"\n            >\n            </co-drop-down-list>\n            <co-drop-down-list>\n\n            </co-drop-down-list>\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 [
+        { type: StockService }
+    ]; };
+    StockTransferComponent.propDecorators = {
+        stockSticker: [{ type: i0.Input }],
+        article: [{ type: i0.Input }],
+        articleWarehouse: [{ type: i0.Input }],
+        allWarehouses: [{ type: i0.Input }],
+        handleCancelClicked: [{ type: i0.Output }],
+        handleStickerClicked: [{ type: i0.Output }]
+    };
+
+    /** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
+    var Icon;
+    (function (Icon) {
+        Icon["ArrowFatRight"] = "arrow_fat_right";
+        Icon["ArrowPointDown"] = "arrow_point_down";
+        Icon["ArrowPointLeft"] = "arrow_point_left";
+        Icon["ArrowPointRight"] = "arrow_point_right";
+        Icon["CalendarDay"] = "calendar_day";
+        Icon["Cancel"] = "cancel";
+        Icon["DeliveryTruck"] = "delivery_truck";
+        Icon["EditPencil"] = "edit_pencil";
+        Icon["Email"] = "email";
+        Icon["Pdf"] = "pdf";
+        Icon["PlusRound"] = "plus_round";
+        Icon["Print"] = "print";
+        Icon["SignatureField"] = "signature_field";
+        Icon["Tag"] = "tag";
+        Icon["ThickLines"] = "thick_lines";
+        Icon["ThinLines"] = "thin_lines";
+        Icon["Txt"] = "txt";
+        Icon["Xml"] = "xml";
+    })(Icon || (Icon = {}));
+
+    /** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
+    var IconSvg = {
+        "arrow_fat_right": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"37.5 25 25.2 12.7 25.2 20.35 12.5 20.35 12.5 29.66 25.2 29.66 25.2 37.3 37.5 25\" fill=\"#484f60\"/></svg>",
+        "arrow_point_down": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"-280 371 51 51\" enable-background=\"new -280 371 51 51\" ><path fill=\"#29363E\" d=\"M-248.3,392.2c0.3,0,0.6,0.1,0.8,0.3c0.5,0.5,0.5,1.2,0,1.6l-6.2,6.2c-0.2,0.2-0.5,0.3-0.8,0.3c-0.3,0-0.6-0.1-0.8-0.3l-6.2-6.2c-0.2-0.2-0.3-0.5-0.3-0.8c0-0.3,0.1-0.6,0.3-0.8c0.2-0.2,0.5-0.3,0.8-0.3c0.3,0,0.6,0.1,0.8,0.3l5.4,5.4l5.4-5.4C-248.9,392.4-248.6,392.2-248.3,392.2z\"/></svg>",
+        "arrow_point_left": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\" ><path fill=\"#484F5F\" d=\"M31.9,36.7l-14.7-9.6C17.1,27,17,26.9,17,26.7v-2.4c0-0.2,0.1-0.3,0.2-0.4l14.7-9.6c0.2-0.2,0.5-0.1,0.7,0.1l1.4,2.1c0.2,0.2,0.1,0.5-0.1,0.7l-12,7.8c-0.3,0.2-0.3,0.6,0,0.8l12,7.8c0.2,0.2,0.3,0.5,0.1,0.7l-1.4,2.1C32.4,36.8,32.1,36.8,31.9,36.7z\"/></svg>",
+        "arrow_point_right": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\" ><path fill=\"#484F5F\" d=\"M19.1,14.3l14.7,9.6c0.1,0.1,0.2,0.2,0.2,0.4v2.4c0,0.2-0.1,0.3-0.2,0.4l-14.7,9.6c-0.2,0.2-0.5,0.1-0.7-0.1l-1.4-2.1c-0.2-0.2-0.1-0.5,0.1-0.7l12-7.8c0.3-0.2,0.3-0.6,0-0.8l-12-7.8c-0.2-0.2-0.3-0.5-0.1-0.7l1.4-2.1C18.6,14.2,18.9,14.2,19.1,14.3z\"/></svg>",
+        "calendar_day": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 50 50\" enable-background=\"new 0 0 50 50\" ><g><path fill=\"#022D42\" d=\"M35.4,13.7H14.6c-0.6,0-1,0.5-1,1V20h22.9v-5.2C36.4,14.2,36,13.7,35.4,13.7z M19,18.8c-1,0-1.8-0.8-1.8-1.8c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8C20.8,18,20,18.8,19,18.8z M31,18.8c-1,0-1.8-0.8-1.8-1.8c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8C32.7,18,32,18.8,31,18.8z\"/><path fill=\"#022D42\" d=\"M35.4,22.3v12.6L31.3,39H14.6c0,0,0,0,0,0V22.3H35.4 M36.4,21.3H13.6V39c0,0.6,0.5,1,1,1h17.2l4.7-4.7V21.3L36.4,21.3z\"/><rect x=\"18.2\" y=\"10\" fill=\"#022D42\" width=\"1.6\" height=\"5.2\"/><rect x=\"30.2\" y=\"10\" fill=\"#022D42\" width=\"1.6\" height=\"5.2\"/><rect x=\"18.6\" y=\"30.5\" fill=\"#022D42\" width=\"3.4\" height=\"3.4\"/><rect x=\"19.1\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"19.1\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"19.1\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/></g></svg>",
+        "cancel": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"36 35.16 30.45 35.16 14 14.84 19.55 14.84 36 35.16\" fill=\"#484f60\"/><polygon points=\"14 35.16 19.55 35.16 36 14.84 30.45 14.84 14 35.16\" fill=\"#484f60\"/></svg>",
+        "delivery_truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"15.35\" y=\"16.56\" width=\"15.14\" height=\"10.94\" transform=\"translate(-1.83 2.08) rotate(-5)\" fill=\"#484f60\"/><path d=\"M38.5,18.1l-6.9.61L32.41,28l-7.63.67a3.76,3.76,0,0,1,1.43,2.25l7.25-.63A3.83,3.83,0,0,1,41,29.6l1-.1-.52-6Zm.29,5.84-3.91.34a.51.51,0,0,1-.55-.46L34,20.1a.49.49,0,0,1,.45-.54l2.27-.2a.5.5,0,0,1,.48.25l2,3.59A.5.5,0,0,1,38.79,23.94Z\" fill=\"#484f60\"/><path d=\"M19.66,29.09a3.8,3.8,0,0,0-1,2.46l-.74.07-1.82-.94L16,29.41Z\" fill=\"#484f60\"/><path d=\"M34.56,30.62a2.74,2.74,0,1,0,2.49-3A2.73,2.73,0,0,0,34.56,30.62Z\" fill=\"#484f60\"/><path d=\"M19.74,31.91a2.74,2.74,0,1,0,2.49-3A2.74,2.74,0,0,0,19.74,31.91Z\" fill=\"#484f60\"/><rect x=\"7.96\" y=\"17.63\" width=\"5\" height=\"1\" transform=\"translate(-1.54 0.98) rotate(-5)\" fill=\"#484f60\"/><rect x=\"11.02\" y=\"29.71\" width=\"3\" height=\"1\" transform=\"translate(-2.59 1.21) rotate(-5)\" fill=\"#484f60\"/><rect x=\"9.48\" y=\"23.53\" width=\"4\" height=\"1\" transform=\"matrix(1, -0.09, 0.09, 1, -2.05, 1.09)\" fill=\"#484f60\"/></svg>",
+        "edit_pencil": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"12.54 38.16 12 37.62 14.85 29.64 20.52 35.31 12.54 38.16\" fill=\"#484f60\"/><rect x=\"16.33\" y=\"20.52\" width=\"17.99\" height=\"8.64\" transform=\"translate(-10.15 25.18) rotate(-45)\" fill=\"#484f60\"/><path d=\"M37.54,18.73,36,20.32l-6.11-6.1,1.59-1.59a1.55,1.55,0,0,1,2.2,0l3.91,3.9A1.55,1.55,0,0,1,37.54,18.73Z\" fill=\"#484f60\"/></svg>",
+        "email": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.79,38.45A17.82,17.82,0,0,1,23.86,40,13.09,13.09,0,0,1,10.41,26.42C10.41,17.63,16.83,10,26.53,10c7.63,0,13.06,5.21,13.06,12.46,0,6.33-3.53,10.3-8.19,10.3a3.42,3.42,0,0,1-3.71-3.32h-.08A6.5,6.5,0,0,1,22,32.76c-2.75,0-4.82-2.11-4.82-5.65a9.85,9.85,0,0,1,10.13-10,12.89,12.89,0,0,1,5.13,1l-1.3,8c-.43,2.54-.13,3.71,1.08,3.75,1.85.09,4.18-2.28,4.18-7.28,0-5.65-3.62-10-10.3-10S13.73,17.76,13.73,26c0,7.25,4.57,11.3,11,11.3A14.81,14.81,0,0,0,31,36ZM28,20.65a5.34,5.34,0,0,0-1.33-.18c-2.85,0-5.09,2.81-5.09,6.12,0,1.64.73,2.68,2.16,2.68,1.59,0,3.27-2,3.66-4.53Z\" fill=\"#484f60\"/></svg>",
+        "pdf": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.88c-2.16,0-2.72-.56-2.72-2.72V12.88c0-2.15.56-2.71,2.72-2.71h11.6l8.66,8.88v3.43H32.8V19.6l-7.88-8.09h-11c-1.38,0-1.38,0-1.38,1.37V37.45c0,1.37,0,1.37,1.38,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M27.83,26.63v4.24h1a3.57,3.57,0,0,0,.78-.06,1.22,1.22,0,0,0,.52-.26,1.44,1.44,0,0,0,.34-.62,4.13,4.13,0,0,0,.13-1.18,3.79,3.79,0,0,0-.13-1.14,1.51,1.51,0,0,0-.37-.62,1.14,1.14,0,0,0-.6-.3,5.93,5.93,0,0,0-1.06-.06Z\" fill=\"#484f60\"/><path d=\"M21.86,26.63v1.82h.71a3.57,3.57,0,0,0,1-.1A.88.88,0,0,0,24,28a.84.84,0,0,0,.14-.5.8.8,0,0,0-.2-.57.88.88,0,0,0-.52-.29,6.36,6.36,0,0,0-.93,0Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm6.12,4.24a1.68,1.68,0,0,1-.54.63,1.9,1.9,0,0,1-.67.3,6.57,6.57,0,0,1-1.34.1h-.85V32H20.57V25.54h2.07a7.75,7.75,0,0,1,1.54.1,1.73,1.73,0,0,1,.93.63,2,2,0,0,1,.37,1.25A2,2,0,0,1,25.26,28.51Zm6.45,1.66A2.91,2.91,0,0,1,31,31.31a2.28,2.28,0,0,1-.91.51A4,4,0,0,1,29,32H26.54V25.54H28.9a4.21,4.21,0,0,1,1.22.13,2.08,2.08,0,0,1,1,.59,2.79,2.79,0,0,1,.61,1,4.76,4.76,0,0,1,.21,1.52A4.19,4.19,0,0,1,31.71,30.17Zm5.7-3.54h-3.1v1.52H37v1.08H34.31V32H33V25.54h4.39Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/></svg>",
+        "plus_round": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"-288 379 35 35\" enable-background=\"new -288 379 35 35\" ><path fill=\"#29363E\" d=\"M-270.5,381.5c-8.3,0-15,6.7-15,15c0,8.3,6.7,15,15,15s15-6.7,15-15C-255.5,388.2-262.2,381.5-270.5,381.5z M-261.1,397.3c0,0.9-0.7,1.6-1.6,1.6h-5.5v5.5c0,0.9-0.7,1.6-1.6,1.6h-1.6c-0.9,0-1.6-0.7-1.6-1.6v-5.5h-5.5c-0.9,0-1.6-0.7-1.6-1.6v-1.6c0-0.9,0.7-1.6,1.6-1.6h5.5v-5.5c0-0.9,0.7-1.6,1.6-1.6h1.6c0.9,0,1.6,0.7,1.6,1.6v5.5h5.5c0.9,0,1.6,0.7,1.6,1.6V397.3z\"/></svg>",
+        "print": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M38,16.5H12a2,2,0,0,0-2,2v9a2,2,0,0,0,2,2h2v-5H36v5h2a2,2,0,0,0,2-2v-9A2,2,0,0,0,38,16.5ZM37,21a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,37,21Z\" fill=\"#484f60\"/><path d=\"M35,11.5v5H15v-5H35m1-1H14v7H36v-7Z\" fill=\"#484f60\"/><path d=\"M35,25.5v13H15v-13H35m1-1H14v15H36v-15Z\" fill=\"#484f60\"/><rect x=\"17\" y=\"28.3\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/><rect x=\"17\" y=\"31.5\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/><rect x=\"17\" y=\"34.7\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/></svg>",
+        "signature_field": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M20.1,25.42a1.1,1.1,0,1,1,1.27,1.45l-3.3,9.07A63.13,63.13,0,0,1,28,28.3l1.26-12-8.26-3-6.77,10A62.4,62.4,0,0,1,17,35.54l3.3-9.07A1.12,1.12,0,0,1,20.1,25.42Z\" fill=\"#484f60\"/><rect x=\"21.62\" y=\"11.43\" width=\"8.79\" height=\"2.34\" transform=\"translate(5.88 -8.14) rotate(20)\" fill=\"#484f60\"/><path d=\"M18.11,37.48c1.44,2.65,4.58,2.94,7.23,2.1,1.41-.44,2.2-1.49,3.44-2.06,2.42-1.1,3.13,1.2,5.36,1.37.42,0,2-.65,1.54-.68-2.55-.19-2.93-3.13-5.51-2.65a4.9,4.9,0,0,0-1.64.71c-.77.49-1.31,1.62-2.07,2l-4.61.56A3.38,3.38,0,0,1,20,37c-.22-.41-2,.28-1.85.5Z\" fill=\"#484f60\"/></svg>",
+        "tag": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M40,29.15v-.68a5.28,5.28,0,0,0-1.34-3.25L24.78,11.34A5.34,5.34,0,0,0,21.53,10H11.9A1.91,1.91,0,0,0,10,11.9v9.63a5.28,5.28,0,0,0,1.34,3.25L25.22,38.66A5.28,5.28,0,0,0,28.47,40h.68a5.28,5.28,0,0,0,3.24-1.34l6.27-6.27A5.28,5.28,0,0,0,40,29.15ZM13.13,16.72a2.54,2.54,0,1,1,3.59,0A2.55,2.55,0,0,1,13.13,16.72Zm15.9,19L17.84,24.55l1.34-1.34L30.37,34.4Zm2.69-2.69L20.52,21.87l1.35-1.35,11.19,11.2Zm2.68-2.69L23.21,19.18l1.34-1.34L35.75,29Z\" fill=\"#484f60\"/></svg>",
+        "thick_lines": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"12.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/><rect x=\"10\" y=\"21.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/><rect x=\"10\" y=\"30.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/></svg>",
+        "thin_lines": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"14.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"20.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"26.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"32.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/></svg>",
+        "txt": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.87c-2.15,0-2.71-.56-2.71-2.72V12.88c0-2.15.56-2.71,2.71-2.71H25.48l8.66,8.88v3.43H32.8V19.6l-7.88-8.09H13.87c-1.37,0-1.37,0-1.37,1.37V37.45c0,1.37,0,1.37,1.37,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm6.68,2.36h-1.9V32h-1.3V26.63h-1.9V25.54h5.1ZM30.4,32,29,29.74,27.55,32H26l2.19-3.34-2-3.07h1.52L29,27.6l1.26-2.06h1.5l-2,3.12L32,32Zm6.86-5.32h-1.9V32H34.07V26.63H32.16V25.54h5.1Z\" fill=\"#484f60\"/></svg>",
+        "xml": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.87c-2.15,0-2.71-.56-2.71-2.72V12.88c0-2.15.56-2.71,2.71-2.71H25.48l8.66,8.88v3.43H32.8V19.6l-7.88-8.09H13.87c-1.37,0-1.37,0-1.37,1.37V37.45c0,1.37,0,1.37,1.37,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm5.36,7.41-1.3-2-1.3,2H20.48l2-3.06-1.81-2.8h1.38l1.18,1.88,1.15-1.88h1.37l-1.83,2.85,2,3Zm7.67,0h-1.1V27.07l-1.16,4.61H28.77l-1.16-4.61v4.61H26.52V25.82h1.76l1.07,4,1-4h1.77Zm5.33,0H33.38V25.87h1.18v4.82H37.5Z\" fill=\"#484f60\"/></svg>"
+    };
+
+    var IconCacheService = /** @class */ (function () {
+        function IconCacheService(_sanitizer) {
+            this._sanitizer = _sanitizer;
+            this._iconCache = {};
+            this.setIconCache();
+        }
+        Object.defineProperty(IconCacheService.prototype, "iconCache", {
+            /**
+             * All the icons as a large JSON object, from the all-icons.json file.
+             * The object has property keys that are the icon names, and property values with the data string of the actual svg icon.
+             */
+            get: function () {
+                return this._iconCache;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        IconCacheService.prototype.getIcon = function (iconName) {
+            if (iconName) {
+                return this._iconCache[iconName.toLowerCase()];
+            }
+        };
+        IconCacheService.prototype.getIconAsBase64 = function (iconName) {
+            var icon = IconSvg[iconName];
+            var base64Data = window.btoa(icon);
+            return this._sanitizer.bypassSecurityTrustUrl("data:image/svg+xml;base64," + base64Data);
+        };
+        IconCacheService.prototype.getRawIcon = function (iconName) {
+            if (iconName) {
+                return IconSvg[iconName.toLowerCase()];
+            }
+        };
+        IconCacheService.prototype.setIconCache = function () {
+            for (var key in IconSvg) {
+                if (IconSvg.hasOwnProperty(key) && typeof IconSvg[key] !== "function") {
+                    this._iconCache[key.toLowerCase()] = this._sanitizer.bypassSecurityTrustHtml(IconSvg[key]);
+                }
+            }
+        };
+        return IconCacheService;
+    }());
+    IconCacheService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function IconCacheService_Factory() { return new IconCacheService(i0__namespace.ɵɵinject(i1__namespace.DomSanitizer)); }, token: IconCacheService, providedIn: "root" });
+    IconCacheService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: "root"
+                },] }
+    ];
+    IconCacheService.ctorParameters = function () { return [
+        { type: i1.DomSanitizer }
+    ]; };
+
+    var SendOption;
+    (function (SendOption) {
+        SendOption[SendOption["Email"] = 0] = "Email";
+        SendOption[SendOption["Print"] = 1] = "Print";
+        SendOption[SendOption["Pdf"] = 2] = "Pdf";
+        SendOption[SendOption["Xml"] = 3] = "Xml";
+    })(SendOption || (SendOption = {}));
+
+    var SendMethodDialogComponent = /** @class */ (function () {
+        function SendMethodDialogComponent(iconCacheService, _stockService) {
+            this.iconCacheService = iconCacheService;
+            this._stockService = _stockService;
+            this.icons = Icon;
+            this.sendOption = SendOption;
+            this.sendOptions = [
+                { option: SendOption.Email,
+                    iconName: this.icons.Email },
+                { option: SendOption.Print,
+                    iconName: this.icons.Print },
+                { option: SendOption.Pdf,
+                    iconName: this.icons.Pdf },
+                { option: SendOption.Xml,
+                    iconName: this.icons.Xml }
+            ];
+            this.activeSendOption = SendOption.Email;
+            this.amountToPrint = 1;
+            this.showStandardPrinterOptions = false;
+            this.showPrinterSelections = false;
+            this.showExitButton = true;
+            this.emails = ['lars.vdv@colijn-it.nl', 'david@colijn-it.nl', 'ruben@colijn-it.nl'];
+            this.models = [false, false, true];
+            this.layouts = ['Layout 1', 'Layout 2', 'Layout 3'];
+            this.showDialog = false;
+            this.startSignatureClicked = new i0.EventEmitter();
+            this.printButtonClicked = new i0.EventEmitter();
+        }
+        SendMethodDialogComponent.prototype.showClass = function () {
+            return true;
+        };
+        SendMethodDialogComponent.prototype.closeDialogClick = function () {
+            this.showDialog = false;
+        };
+        SendMethodDialogComponent.prototype.handleSignatureStart = function () {
+            this.startSignatureClicked.emit();
+        };
+        SendMethodDialogComponent.prototype.handlePrintClicked = function () {
+            this.printButtonClicked.emit();
+        };
+        SendMethodDialogComponent.prototype.togglePrinterSelection = function () {
+            if (!this.showPrinterSelections) {
+                this.showPrinterSelections = true;
+                this.headerTitle = 'Printer selectie';
+            }
+            else {
+                this.showPrinterSelections = false;
+                this.headerTitle = 'Verzendopties';
+            }
+        };
+        return SendMethodDialogComponent;
+    }());
+    SendMethodDialogComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "ione-send-method-dialog",
+                    template: "\n    <div class=\"send-method-dialog-wrapper\">\n      <co-dialog-wizard id=\"sendOptionsDialog\" *ngIf=\"showDialog\" [showCloseIcon]=\"showExitButton\" (closeClick)=\"closeDialogClick()\">\n        <ng-container header>\n          <span [textContent]=\"headerTitle\"></span>\n        </ng-container>\n        <div class=\"dialog-content-wrapper\">\n          <div class=\"main-content-container\" *ngIf=\"!showPrinterSelections\">\n            <div class=\"send-options-wrapper\">\n              <div class=\"custom-button-wrapper\" *ngFor=\"let sendOption of sendOptions\"\n                   [class.selected-option]=\"sendOption.option === activeSendOption\"\n                   (click)=\"activeSendOption = sendOption.option\">\n                <co-icon [iconData]=\"iconCacheService.getIcon(sendOption.iconName)\"></co-icon>\n              </div>\n            </div>\n\n            <div class=\"email-option-content\" *ngIf=\"activeSendOption === sendOption.Email || activeSendOption === sendOption.Pdf\">\n              <div class=\"emails-container\" *ngIf=\"activeSendOption === sendOption.Email\">\n                <co-input-checkbox\n                  *ngFor=\"let email, let index of emails\"\n                  [name]=\"email\"\n                  [(model)]=\"models[index]\"\n                  [label]=\"email\"\n                  [cssClass]=\"'input-checkbox-wrapper'\"\n                ></co-input-checkbox>\n              </div>\n\n              <div class=\"lov-wrapper\">\n                <co-input-combo-box\n                  [(model)]=\"selectedLayout\"\n                  [collection]=\"layouts\"\n                  [forceReadonly]=\"true\"\n                  placeholder=\"Layout\"\n                ></co-input-combo-box>\n              </div>\n\n              <div class=\"signature-button-wrapper\">\n                <div class=\"custom-button-wrapper signature-button\" (click)=\"handleSignatureStart()\">\n                  <co-icon [iconData]=\"iconCacheService.getIcon(icons.SignatureField)\"></co-icon>\n                </div>\n              </div>\n            </div>\n\n            <div class=\"email-option-content\" *ngIf=\"activeSendOption === sendOption.Print\">\n              <div class=\"lov-wrapper\">\n                <co-input-combo-box\n                  [(model)]=\"selectedLayout\"\n                  [collection]=\"layouts\"\n                  [forceReadonly]=\"true\"\n                  placeholder=\"Layout\"\n                ></co-input-combo-box>\n              </div>\n\n              <div class=\"lov-wrapper clickable\" (click)=\"togglePrinterSelection()\">\n                <div class=\"selected-printer-wrapper\">\n                  <div class=\"printer-option-list-item\">\n                    <co-icon class=\"printer-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\"></co-icon>\n                    <div class=\"printer-details\">\n                      <span class=\"printer-name\" [textContent]=\"defaultPrinter\"></span>\n                      <span class=\"printer-status\" [textContent]=\"'Online'\"></span>\n                    </div>\n                  </div>\n                  <co-icon class=\"select-printer-arrow\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\"></co-icon>\n                </div>\n              </div>\n\n              <div class=\"standard-printer-wrapper\">\n                <div class=\"standard-printer-link\" (click)=\"showStandardPrinterOptions = !showStandardPrinterOptions\">\n                  <co-icon class=\"arrow-icon\" [iconData]=\"iconCacheService.getIcon(icons.ArrowFatRight)\"></co-icon>\n                  <span class=\"standard-printer-message\" [textContent]=\"'Standaard printer voor lay-out instellen'\"></span>\n                </div>\n\n                <div class=\"standard-printer-selections\" *ngIf=\"showStandardPrinterOptions\">\n                  <co-input-checkbox\n                    [(model)]=\"models[0]\"\n                    [label]=\"'Per gebruiker instellen'\"\n                    [cssClass]=\"'input-checkbox-wrapper'\"\n                  ></co-input-checkbox>\n                  <co-input-checkbox\n                    [(model)]=\"models[1]\"\n                    [label]=\"'Voor alle gebruikers instellen'\"\n                    [cssClass]=\"'input-checkbox-wrapper'\"\n                  ></co-input-checkbox>\n                </div>\n              </div>\n\n              <div class=\"print-footer-wrapper\">\n                <div class=\"input-number-wrapper\">\n                  <co-input-number-picker class=\"number-picker\"\n                                          [step]=\"1\" [(model)]=\"amountToPrint\" [min]=\"1\"\n                                          [ngModelOptions]=\"{debounce: 1}\">\n                  </co-input-number-picker>\n                </div>\n                <div class=\"custom-button-wrapper print-button\" (click)=\"handlePrintClicked()\">\n                  <span [textContent]=\"'Print'\"></span>\n                </div>\n                <div class=\"custom-button-wrapper signature-button\" (click)=\"handleSignatureStart()\">\n                  <co-icon [iconData]=\"iconCacheService.getIcon(icons.SignatureField)\"></co-icon>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"printer-content-container\" @slideInOut *ngIf=\"showPrinterSelections\">\n            <div class=\"selected-printer-wrapper selection clickable\" *ngFor=\"let printers of printerList\" (click)=\"togglePrinterSelection()\">\n              <div class=\"printer-option-list-item\">\n                <co-icon class=\"printer-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\"></co-icon>\n                <div class=\"printer-details\">\n                  <span class=\"printer-name\" [textContent]=\"printers.name\"></span>\n                  <span class=\"printer-status\" [textContent]=\"'Online'\"></span>\n                </div>\n              </div>\n              <co-icon class=\"select-printer-arrow\" *ngIf=\"!showPrinterSelections\"\n                       [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\"></co-icon>\n            </div>\n          </div>\n        </div>\n      </co-dialog-wizard>\n    </div>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None,
+                    animations: [
+                        animations.trigger('slideInOut', [
+                            animations.state('*', animations.style({ transform: 'translateX(0%)', width: '100%', opacity: '1' })),
+                            animations.state('void', animations.style({ transform: 'translateX(150%)', opacity: '0' })),
+                            animations.transition('void => *', animations.animate(250))
+                        ])
+                    ]
+                },] }
+    ];
+    SendMethodDialogComponent.ctorParameters = function () { return [
+        { type: IconCacheService },
+        { type: StockService }
+    ]; };
+    SendMethodDialogComponent.propDecorators = {
+        showDialog: [{ type: i0.Input }],
+        headerTitle: [{ type: i0.Input }],
+        printerList: [{ type: i0.Input }],
+        startSignatureClicked: [{ type: i0.Output }],
+        printButtonClicked: [{ type: i0.Output }],
+        showClass: [{ type: i0.HostBinding, args: ["class.ione-send-method-dialog",] }]
+    };
+
+    var SendMethodDialogModule = /** @class */ (function () {
+        function SendMethodDialogModule() {
+        }
+        return SendMethodDialogModule;
+    }());
+    SendMethodDialogModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [
+                        SendMethodDialogComponent
+                    ],
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.CoDialogPromptModule,
+                        corecomponents_v12.InputCheckboxModule,
+                        corecomponents_v12.InputComboBoxModule,
+                        corecomponents_v12.IconModule,
+                        corecomponents_v12.InputNumberPickerModule,
+                        corecomponents_v12.CoDialogWizardModule
+                    ],
+                    exports: [
+                        SendMethodDialogComponent
+                    ]
+                },] }
+    ];
+
+    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,
+                        SendMethodDialogModule
+                    ],
+                    declarations: [
+                        StockComponent,
+                        StockInformationComponent,
+                        StockInformationGridComponent,
+                        StockLocationComponent,
+                        StockTransferComponent
+                    ],
+                    exports: [
+                        StockComponent
+                    ],
+                    providers: [
+                        StockService,
+                        IoneConnectorAdapterService
+                    ]
+                },] }
+    ];
+
+    /*
+     * Public API Surface of sharedcomponents
+     */
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.DocsignComponent = DocsignComponent;
+    exports.DocsignModule = DocsignModule;
+    exports.SendMethodDialogComponent = SendMethodDialogComponent;
+    exports.SendMethodDialogModule = SendMethodDialogModule;
+    exports.StockComponent = StockComponent;
+    exports.StockModule = StockModule;
+    exports["ɵa"] = SignatureComponent;
+    exports["ɵb"] = SignaturesComponent;
+    exports["ɵc"] = StockService;
+    exports["ɵd"] = IoneConnectorAdapterService;
+    exports["ɵe"] = IconCacheService;
+    exports["ɵf"] = StockInformationComponent;
+    exports["ɵg"] = StockInformationGridComponent;
+    exports["ɵh"] = StockLocationComponent;
+    exports["ɵi"] = StockTransferComponent;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=colijnit-sharedcomponents.umd.js.map