@colijnit/sharedcomponents 1.0.25 → 1.0.26

package/bundles/colijnit-sharedcomponents.umd.js

@@ -0,0 +1,3706 @@
+(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/sharedapi/build/model/print-stock-stickers'), require('@colijnit/sharedapi/build/model/print-price-stickers.bo'), require('@colijnit/articleapi/build/articles'), require('@colijnit/sharedapi/build/sharedapi'), require('@colijnit/sharedapi/build/model/report/printer.bo'), require('@colijnit/articleapi/build/utils/function/not-nill.function'), require('@colijnit/articleapi/build/utils/object-utils'), require('@colijnit/articleapi/build/enum/yes-no-db-type.enum'), require('@colijnit/articleapi/build/enum/true-false-db-type.enum'), require('@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum'), require('@colijnit/articleapi/build/enum/db-boolean-value-type.enum'), require('@colijnit/articleapi/build/utils/date-utils'), require('@colijnit/articleapi/build/utils/number-utils'), require('@colijnit/articleapi/build/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/article-stock.bo'), require('@colijnit/articleapi/build/model/stock-history.bo'), require('@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo'), require('@colijnit/articleapi/build/model/article-details.bo'), require('@colijnit/articleapi/build/model/stock-status.bo'), require('@colijnit/articleapi/build/model/stock-management-warehouses.bo'), require('@colijnit/articleapi/build/model/stock-location.bo'), require('@colijnit/articleapi/build/model/article-transaction.bo'), require('rxjs'), require('@colijnit/articleapi/build/model/get-stock-history-request'), require('@colijnit/articleapi/build/model/article-stock'), require('@colijnit/corecomponents_v12'), require('@angular/platform-browser'), require('@colijnit/articleapi/build/model/article-stock-management'), require('@colijnit/articleapi/build/model/article-transaction'), require('@syncfusion/ej2-angular-circulargauge')) :
+    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/sharedapi/build/model/print-stock-stickers', '@colijnit/sharedapi/build/model/print-price-stickers.bo', '@colijnit/articleapi/build/articles', '@colijnit/sharedapi/build/sharedapi', '@colijnit/sharedapi/build/model/report/printer.bo', '@colijnit/articleapi/build/utils/function/not-nill.function', '@colijnit/articleapi/build/utils/object-utils', '@colijnit/articleapi/build/enum/yes-no-db-type.enum', '@colijnit/articleapi/build/enum/true-false-db-type.enum', '@colijnit/articleapi/build/enum/one-zero-bool-db-type.enum', '@colijnit/articleapi/build/enum/db-boolean-value-type.enum', '@colijnit/articleapi/build/utils/date-utils', '@colijnit/articleapi/build/utils/number-utils', '@colijnit/articleapi/build/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/article-stock.bo', '@colijnit/articleapi/build/model/stock-history.bo', '@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo', '@colijnit/articleapi/build/model/article-details.bo', '@colijnit/articleapi/build/model/stock-status.bo', '@colijnit/articleapi/build/model/stock-management-warehouses.bo', '@colijnit/articleapi/build/model/stock-location.bo', '@colijnit/articleapi/build/model/article-transaction.bo', 'rxjs', '@colijnit/articleapi/build/model/get-stock-history-request', '@colijnit/articleapi/build/model/article-stock', '@colijnit/corecomponents_v12', '@angular/platform-browser', '@colijnit/articleapi/build/model/article-stock-management', '@colijnit/articleapi/build/model/article-transaction', '@syncfusion/ej2-angular-circulargauge'], 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.printStockStickers, global.printPriceStickers_bo, 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.articleStock_bo, global.stockHistory_bo, global.stockStickersPrintLayouts_bo, global.articleDetails_bo, global.stockStatus_bo, global.stockManagementWarehouses_bo, global.stockLocation_bo, global.articleTransaction_bo, global.rxjs, global.getStockHistoryRequest, global.articleStock, global.corecomponents_v12, global.ng.platformBrowser, global.articleStockManagement, global.articleTransaction, global.ej2AngularCirculargauge));
+})(this, (function (exports, i0, animations, pdfLib, PDFJS, pdfjsWorker, common, SignaturePad, printStockStickers, printPriceStickers_bo, 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, articleStock_bo, stockHistory_bo, stockStickersPrintLayouts_bo, articleDetails_bo, stockStatus_bo, stockManagementWarehouses_bo, stockLocation_bo, articleTransaction_bo, rxjs, getStockHistoryRequest, articleStock, corecomponents_v12, i1, articleStockManagement, articleTransaction, ej2AngularCirculargauge) { '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 LanguageCode;
+    (function (LanguageCode) {
+        LanguageCode["Dutch"] = "nl-NL";
+        LanguageCode["English"] = "en-GB";
+        LanguageCode["German"] = "de-DE";
+        LanguageCode["French"] = "fr-FR";
+    })(LanguageCode || (LanguageCode = {}));
+
+    // Static utility functions holder related to strings.
+    var StringUtils = /** @class */ (function () {
+        function StringUtils() {
+        }
+        /**
+         * Returns a new string where given placeholder in given source string are replaced by given replacement texts.
+         *
+         * Example usage:
+         *
+         * source = "ABCDABCD"
+         * placeholder = "BC"
+         * replacementTexts = "Z", "Z" (REST arguments)
+         * OUTPUT = "AZDAZD"
+         *
+         * @param {string} source
+         * @param {string} placeholder
+         * @param {string} replacementTexts If only one is given, this function replaces all placeholders with that single replacementText.
+         * If more are given, placeholders without a corresponding replacementText will remain their original placeholder characters.
+         */
+        StringUtils.ReplaceOccurrencesIn = function (source, placeholder) {
+            var replacementTexts = [];
+            for (var _i = 2; _i < arguments.length; _i++) {
+                replacementTexts[_i - 2] = arguments[_i];
+            }
+            // parameter guards
+            if (!(source)) {
+                return undefined;
+            }
+            if (!placeholder || replacementTexts.length === 0) {
+                return source;
+            }
+            var outString = source;
+            // one replacementText means replace for all
+            if (replacementTexts.length === 1) {
+                // "g" is the g flag to replace globally
+                outString = outString.replace(placeholder, replacementTexts[0]);
+            }
+            else {
+                // replace occurence i by replacementTexts[i], one at a time in loop (there might be a faster way..)
+                for (var i = 0, len = replacementTexts.length; i < len; i++) {
+                    outString = outString.replace(placeholder, replacementTexts[i]);
+                }
+            }
+            return outString;
+        };
+        // Returns the given argument as a string. Returns given defaultValue if conversion of argument to string was impossible.
+        StringUtils.ParseString = function (arg, defaultValue) {
+            if (defaultValue === void 0) { defaultValue = ""; }
+            if (!StringUtils.IsString(arg)) {
+                if (arg && typeof arg.toString === "function") {
+                    arg = arg.toString();
+                }
+                else {
+                    arg = defaultValue;
+                }
+            }
+            return arg;
+        };
+        StringUtils.IsString = function (str) {
+            return typeof str === 'string';
+        };
+        // Returns whether given str is a string and has a length > 0.
+        StringUtils.IsStringWithLength = function (str) {
+            return str && StringUtils.IsString(str) && str.length > 0;
+        };
+        // Returns given string, escaped for use as string literal in regular expressions.
+        StringUtils._escapeRegExp = function (str) {
+            return str; // .replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^$\|]/g, "\\$&");
+        };
+        return StringUtils;
+    }());
+
+    var Dictionary = /** @class */ (function () {
+        function Dictionary() {
+            this.strings = {
+                "nl": {},
+                "de": {},
+                "fr": {},
+                "en": {},
+            };
+        }
+        return Dictionary;
+    }());
+
+    // The localization service, providing peers with text translation functionality.
+    var DictionaryService = /** @class */ (function () {
+        function DictionaryService() {
+            this.dictionaryUrl = "js/browser/res/dictionary/";
+            // private _dictionaryPromise: Map<LanguageCode, Promise<{ [key: string]: string }>> = new Map<LanguageCode, Promise<{ [key: string]: string }>>();
+            this._dictionaries = new Map();
+            // Some dictionary values have one or more '|~' texts in them, meant to be replaced with client-side given texts.
+            this._placeholder = "|~";
+        }
+        Object.defineProperty(DictionaryService.prototype, "language", {
+            get: function () {
+                return this._language;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DictionaryService.prototype, "rootUrl", {
+            set: function (value) {
+                this._rootUrl = value;
+                this._dictBasePath = this._rootUrl + "/" + this.dictionaryUrl;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        // Loads the dictionary for given language in memory.
+        DictionaryService.prototype.setDictionary = function (language) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    this._language = language || LanguageCode.Dutch;
+                    this._loadDictionary();
+                    return [2 /*return*/];
+                });
+            });
+        };
+        DictionaryService.prototype._loadDictionary = function () {
+            if (!this._dictionaries.has(this._language)) {
+                var dictionary = new Dictionary();
+                // eslint-disable-next-line no-magic-numbers
+                if (dictionary.strings[this._language.substr(0, 2).toLowerCase()] !== undefined) {
+                    // eslint-disable-next-line no-magic-numbers
+                    this._dictionaries.set(this._language, dictionary.strings[this._language.substr(0, 2).toLowerCase()]);
+                }
+            }
+        };
+        /**
+         * Returns the localized text for the given dictionary key.
+         * @param {string} key
+         * @param {boolean} [upperCaseFirst = true] False for first letter lowercase, true for first letter uppercase for returned dict val
+         * @param {string[]} replacementTexts Rest params for replacement of '|~' in returned dict value
+         * @returns {string} The translated text for given dictionary key
+         */
+        DictionaryService.prototype.get = function (key, upperCaseFirst) {
+            if (upperCaseFirst === void 0) { upperCaseFirst = true; }
+            var replacementTexts = [];
+            for (var _i = 2; _i < arguments.length; _i++) {
+                replacementTexts[_i - 2] = arguments[_i];
+            }
+            if (!StringUtils.IsStringWithLength(key)) {
+                return key || "";
+            }
+            if (this.language === undefined) {
+                this._language = LanguageCode.Dutch;
+                this._loadDictionary();
+            }
+            var text = this._dictionaries.get(this.language)[key];
+            text = StringUtils.IsStringWithLength(text) ? text : key;
+            if (upperCaseFirst) {
+                text = text.charAt(0).toUpperCase() + text.slice(1);
+            }
+            else {
+                text = text.charAt(0).toLowerCase() + text.slice(1);
+            }
+            if (replacementTexts.length > 0) {
+                text = StringUtils.ReplaceOccurrencesIn.apply(StringUtils, __spreadArray([text, this._placeholder], __read(replacementTexts)));
+            }
+            return text;
+        };
+        return DictionaryService;
+    }());
+    DictionaryService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DictionaryService_Factory() { return new DictionaryService(); }, token: DictionaryService, providedIn: "root" });
+    DictionaryService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: "root"
+                },] }
+    ];
+    DictionaryService.ctorParameters = function () { return []; };
+
+    var OptionsService = /** @class */ (function () {
+        function OptionsService(_dictionary) {
+            this._dictionary = _dictionary;
+            this.optionsInitialized = new rxjs.BehaviorSubject(false);
+            this.optionsLoaded = new rxjs.BehaviorSubject(false);
+        }
+        Object.defineProperty(OptionsService.prototype, "options", {
+            get: function () {
+                return this._options;
+            },
+            set: function (value) {
+                this._options = value;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        OptionsService.prototype.createSettingsFromObject = function (obj) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    this.options = new Object();
+                    if (obj.hasOwnProperty("url")) {
+                        this.options.url = obj["url"];
+                    }
+                    if (obj.hasOwnProperty("schema")) {
+                        this.options.schema = obj["schema"];
+                    }
+                    if (obj.hasOwnProperty("version")) {
+                        this.options.version = obj["version"];
+                    }
+                    if (obj.hasOwnProperty("languageCode")) {
+                        this.options.languageCode = obj["languageCode"];
+                    }
+                    else {
+                        this.options.languageCode = "NL";
+                    }
+                    if (obj.hasOwnProperty("username")) {
+                        this.options.username = obj["username"];
+                    }
+                    if (obj.hasOwnProperty("password")) {
+                        this.options.password = obj["password"];
+                    }
+                    if (obj.hasOwnProperty("session")) {
+                        this.options.session = obj["session"];
+                    }
+                    if (obj.hasOwnProperty("useLoginEncryption")) {
+                        this.options.useLoginEncryption = obj["useLoginEncryption"];
+                    }
+                    this.optionsLoaded.next(true);
+                    return [2 /*return*/];
+                });
+            });
+        };
+        OptionsService.prototype.initialize = function (options) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!options) return [3 /*break*/, 3];
+                            return [4 /*yield*/, this.createSettingsFromObject(options)];
+                        case 1:
+                            _a.sent();
+                            return [4 /*yield*/, this._dictionary.setDictionary(this.options.languageCode)];
+                        case 2:
+                            _a.sent();
+                            this.optionsInitialized.next(true);
+                            _a.label = 3;
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        return OptionsService;
+    }());
+    OptionsService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function OptionsService_Factory() { return new OptionsService(i0__namespace.ɵɵinject(DictionaryService)); }, token: OptionsService, providedIn: "root" });
+    OptionsService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: "root"
+                },] }
+    ];
+    OptionsService.ctorParameters = function () { return [
+        { type: DictionaryService }
+    ]; };
+
+    var SharedConnectorService = /** @class */ (function () {
+        function SharedConnectorService(_optionsService) {
+            this._optionsService = _optionsService;
+            this._boFactory = new BusinessObjectFactory();
+        }
+        SharedConnectorService.prototype.connect = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    this.articleConnector = new articles.Articles(this._optionsService.options);
+                    this.sharedConnector = new sharedapi.Sharedapi(this._optionsService.options);
+                    return [2 /*return*/];
+                });
+            });
+        };
+        SharedConnectorService.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.listAllPrinters(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);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
+        SharedConnectorService.prototype.getPrintStockStickers = function (request) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.sharedConnector.getPrintStockStickers(request).then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObject) {
+                                        resolve(_this._boFactory.makeWithRawBackendData(printStockStickers.PrintStockStickers, result.resultObject));
+                                    }
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
+        SharedConnectorService.prototype.getPrintPriceStickers = function (request) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.sharedConnector.printPriceStickers(request).then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObject) {
+                                        resolve(_this._boFactory.makeWithRawBackendData(printPriceStickers_bo.PrintPriceStickers, result.resultObject));
+                                    }
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
+        // public async getStockStickerPrintLayouts(stockStickersPrintLayouts: StockStickersPrintLayouts): Promise<StockStickersPrintLayouts[]> {
+        //   return new Promise((resolve: Function, reject: Function) => {
+        //     return this.sharedConnector.getStockStickerPrintLayouts(stockStickersPrintLayouts).then((result: DataServiceResponse) => {
+        //       if (result.validationResult && result.validationResult.success) {
+        //         if (result.resultObject) {
+        //           resolve(this._boFactory.makeWithRawBackendData(stockStickersPrintLayouts, result.resultObject));
+        //         }
+        //       } else {
+        //         reject(result.validationMessagesAsString);
+        //       }
+        //     })
+        //   })
+        // }
+        SharedConnectorService.prototype.getArticleFullObject = function (goodId) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.articleConnector.getArticleFullObject(goodId).then(function (result) {
+                                // if (result.validationResult && result.validationResult.success) {
+                                //   if (result.resultObject) {
+                                //     resolve(this._boFactory.makeWithRawBackendData(ArticleExtended, result.resultObject));
+                                //   }
+                                // } else {
+                                //   reject(result.validationMessagesAsString);
+                                // }
+                            });
+                        })];
+                });
+            });
+        };
+        SharedConnectorService.prototype.getStockHistory = function (request) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.articleConnector.getStockHistory(request).then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObject && result.resultObject.hasOwnProperty("stockHistory")) {
+                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(stockHistory_bo.StockHistoryBo, result.resultObject.stockHistory));
+                                    }
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
+        SharedConnectorService.prototype.getStockInformation = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.articleConnector.getStockInformation(data).then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObjects) {
+                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(articleStock_bo.ArticleStock, result.resultObjects));
+                                    }
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
+        SharedConnectorService.prototype.getStockManagementWarehouses = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.articleConnector.getStockManagementWarehouses().then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObjects) {
+                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(stockManagementWarehouses_bo.StockManagementWarehouses, result.resultObjects));
+                                    }
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
+        SharedConnectorService.prototype.getStockManagementLocations = function (warehouseNo) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.articleConnector.getStockManagementLocations(warehouseNo).then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObjects) {
+                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(stockLocation_bo.StockLocation, result.resultObjects));
+                                    }
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
+        SharedConnectorService.prototype.getArticleDetails = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.articleConnector.getArticleDetails(data).then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObjects) {
+                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(articleDetails_bo.ArticleDetailsBo, result.resultObjects));
+                                    }
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
+        SharedConnectorService.prototype.updateArticleDetails = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.articleConnector.updateArticleDetails(data).then(function (result) { return __awaiter(_this, void 0, void 0, function () {
+                                return __generator(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0:
+                                            if (!(result.validationResult && result.validationResult.success)) return [3 /*break*/, 2];
+                                            return [4 /*yield*/, this.commit()];
+                                        case 1:
+                                            _a.sent();
+                                            resolve(true);
+                                            return [3 /*break*/, 3];
+                                        case 2:
+                                            reject(result.validationMessagesAsString);
+                                            _a.label = 3;
+                                        case 3: return [2 /*return*/];
+                                    }
+                                });
+                            }); });
+                        })];
+                });
+            });
+        };
+        SharedConnectorService.prototype.lockArticleDetails = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.articleConnector.lockArticleDetails(data).then(function (result) { return __awaiter(_this, void 0, void 0, function () {
+                                return __generator(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0:
+                                            if (!(result.validationResult && result.validationResult.success)) return [3 /*break*/, 2];
+                                            return [4 /*yield*/, this.commit()];
+                                        case 1:
+                                            _a.sent();
+                                            resolve(true);
+                                            return [3 /*break*/, 3];
+                                        case 2:
+                                            reject(result.validationMessagesAsString);
+                                            _a.label = 3;
+                                        case 3: return [2 /*return*/];
+                                    }
+                                });
+                            }); });
+                        })];
+                });
+            });
+        };
+        SharedConnectorService.prototype.getStockStatus = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.articleConnector.getStockState().then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObjects) {
+                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(stockStatus_bo.StockStatus, result.resultObjects));
+                                    }
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
+        SharedConnectorService.prototype.getStockStickerTemplates = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.sharedConnector.getStockStickerPrintLayouts(data).then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObject) {
+                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(stockStickersPrintLayouts_bo.StockStickersPrintLayouts, result.resultObject));
+                                    }
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
+        SharedConnectorService.prototype.getArticleTransaction = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.articleConnector.getArticleTransaction(data).then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObjects) {
+                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(articleTransaction_bo.ArticleTransaction, result.resultObjects));
+                                    }
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
+        SharedConnectorService.prototype.commit = function () {
+            return this.articleConnector.commit();
+        };
+        return SharedConnectorService;
+    }());
+    SharedConnectorService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function SharedConnectorService_Factory() { return new SharedConnectorService(i0__namespace.ɵɵinject(OptionsService)); }, token: SharedConnectorService, providedIn: "root" });
+    SharedConnectorService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: "root"
+                },] }
+    ];
+    SharedConnectorService.ctorParameters = function () { return [
+        { type: OptionsService }
+    ]; };
+
+    var StockService = /** @class */ (function () {
+        function StockService(_sharedService) {
+            this._sharedService = _sharedService;
+            this.printSticker = new printStockStickers.PrintStockStickers();
+            this.printPriceSticker = new printPriceStickers_bo.PrintPriceStickers();
+        }
+        StockService.prototype.getPrintStockStickers = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._sharedService.getPrintStockStickers(data)];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        StockService.prototype.getPrintPriceStickers = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._sharedService.getPrintPriceStickers(data)];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        StockService.prototype.getAllPrinters = function (showAll) {
+            if (showAll === void 0) { showAll = true; }
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._sharedService.getAllPrinters(showAll)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        StockService.prototype.getStockHistory = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._sharedService.getStockHistory(data)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        StockService.prototype.getStockInformation = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._sharedService.getStockInformation(data)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        // public async getStockStickerPrintLayouts(data: StockStickersPrintLayouts): Promise<StockStickersPrintLayouts[]> {
+        //   return await this._connector.getStockStickerPrintLayouts(data);
+        // }
+        StockService.prototype.getArticleDetails = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._sharedService.getArticleDetails(data)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        StockService.prototype.updateArticleDetails = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._sharedService.updateArticleDetails(data)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        StockService.prototype.getStockState = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._sharedService.getStockStatus()];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        StockService.prototype.getStockStickerTemplates = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._sharedService.getStockStickerTemplates(data)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        StockService.prototype.getStockManagementWarehouses = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._sharedService.getStockManagementWarehouses()];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        StockService.prototype.getStockManagementLocations = function (warehouseNo) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._sharedService.getStockManagementLocations(warehouseNo)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        StockService.prototype.getArticleTransaction = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._sharedService.getArticleTransaction(data)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        StockService.prototype.lockArticleDetails = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._sharedService.lockArticleDetails(data)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        StockService.prototype.commit = function () {
+            return this._sharedService.commit();
+        };
+        return StockService;
+    }());
+    StockService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function StockService_Factory() { return new StockService(i0__namespace.ɵɵinject(SharedConnectorService)); }, token: StockService, providedIn: "root" });
+    StockService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    StockService.ctorParameters = function () { return [
+        { type: SharedConnectorService }
+    ]; };
+
+    var StockComponent = /** @class */ (function () {
+        function StockComponent(stockService, _optionsService, _dictionary, _changeDetector) {
+            var _this = this;
+            this.stockService = stockService;
+            this._optionsService = _optionsService;
+            this._dictionary = _dictionary;
+            this._changeDetector = _changeDetector;
+            this.handleStickerClicked = new i0.EventEmitter();
+            this.showStockInformationGrid = true;
+            this.showStockLocation = false;
+            this.showStockTransfer = false;
+            this.allAvailableStock = 0;
+            this.allTechnicalStock = 0;
+            this._subscriptions = [];
+            this._subscriptions.push(this._optionsService.optionsLoaded.subscribe(function (loaded) { return _this._handleSettingsLoaded(loaded); }));
+        }
+        Object.defineProperty(StockComponent.prototype, "article", {
+            set: function (article) {
+                this.articleExtended = article;
+                this.getStockInformation(article);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ;
+        StockComponent.prototype.showClass = function () {
+            return true;
+        };
+        StockComponent.prototype.ngOnDestroy = function () {
+            this._subscriptions.forEach(function (subscription) { return subscription.unsubscribe(); });
+        };
+        StockComponent.prototype.backToStockLinesClicked = function () {
+            this.showStockLocation = false;
+            this.showStockInformationGrid = true;
+        };
+        StockComponent.prototype.handleStockTransferClick = function (event) {
+            this.stockTransferArticleDetails = 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;
+        };
+        StockComponent.prototype.getStockHistory = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var stockHistoryInformation, _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            stockHistoryInformation = new getStockHistoryRequest.GetStockHistoryRequest();
+                            stockHistoryInformation.type = "B";
+                            stockHistoryInformation.goodId = this.articleExtended.goodId.toString();
+                            _a = this;
+                            return [4 /*yield*/, this.stockService.getStockHistory(stockHistoryInformation)];
+                        case 1:
+                            _a.stockHistory = _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        StockComponent.prototype.getStockInformation = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                var articleData, _a;
+                var _this = this;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            articleData = new articleStock.ArticleStock();
+                            articleData.goodId = data.goodId.toString();
+                            articleData.viewKind = "M";
+                            _a = this;
+                            return [4 /*yield*/, this.stockService.getStockInformation(articleData)];
+                        case 1:
+                            _a.stockInformation = _b.sent();
+                            this.stockInformation.forEach(function (articleStock) { return _this.allAvailableStock += articleStock.availableStock; });
+                            this.stockInformation.forEach(function (articleStock) { return _this.allTechnicalStock += articleStock.technicalStock; });
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        StockComponent.prototype._handleSettingsLoaded = function (loaded) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!loaded) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this._initConnection().then()];
+                        case 1:
+                            _a.sent();
+                            _a.label = 2;
+                        case 2: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        StockComponent.prototype._initConnection = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            // await this._connector.connect(this._optionsService.options);
+                            if (this._optionsService.options.url) {
+                                this._dictionary.rootUrl = this._optionsService.options.url.replace("/ajaxservice", "");
+                            }
+                            return [4 /*yield*/, this._dictionary.setDictionary(this._optionsService.options.languageCode)];
+                        case 1:
+                            _a.sent();
+                            setTimeout(function () {
+                                _this._changeDetector.detectChanges();
+                            });
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        return StockComponent;
+    }());
+    StockComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-stock",
+                    template: "\n      <div class=\"stock-info-container\">\n        <co-stock-information [article]=\"articleExtended\"\n                              [articleStock]=\"\"\n                              [allAvailableStockInformation]=\"allAvailableStock\"\n                              [allTechnicalStockInformation]=\"allTechnicalStock\"\n        >\n        </co-stock-information>\n        <hr>\n        <co-stock-information-grid *ngIf=\"showStockInformationGrid\"\n                                   [stockLocationData]=\"stockLocationInformation\"\n                                   [articleStockInformation]=\"stockInformation\"\n                                   (transferIconClicked)=\"handleStockTransferClick($event)\"\n                                   (historyClicked)=\"getStockHistory()\"\n                                   [stockHistoryInformation]=\"stockHistory\"\n        >\n        </co-stock-information-grid>\n        <co-stock-location *ngIf=\"showStockLocation\"\n                           (backToStockLines)=\"backToStockLinesClicked()\">\n\n        </co-stock-location>\n        <co-stock-transfer *ngIf=\"showStockTransfer\"\n                           (handleCancelClicked)=\"backToStock()\"\n                            [article]=\"stockTransferArticle\"\n                           [articleToTransfer]=\"stockTransferArticleDetails\"\n                           [stockSticker]=\"stockService.stockStickers\"\n                           (handleStickerClicked)=\"handleStickerClicked.emit($event)\"\n                           [articleWarehouse]=\"articleWarehouse\"\n                           [allWarehouses]=\"allWarehouses\"\n        >\n        </co-stock-transfer>\n      </div>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    StockComponent.ctorParameters = function () { return [
+        { type: StockService },
+        { type: OptionsService },
+        { type: DictionaryService },
+        { type: i0.ChangeDetectorRef }
+    ]; };
+    StockComponent.propDecorators = {
+        stock: [{ type: i0.ViewChild, args: [StockComponent,] }],
+        handleStickerClicked: [{ type: i0.Output }],
+        article: [{ 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() {
+        }
+        return StockInformationComponent;
+    }());
+    StockInformationComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-stock-information",
+                    template: "\n      <div class=\"stock-info\" *ngIf=\"article\">\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.description\"></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]=\"'STOCK_STATUS'\"></label>\n          <span [textContent]=\"article.stockStatus\"></span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'AMOUNT_IN_STOCK'\"></label>\n          <span [textContent]=\"allTechnicalStockInformation\"></span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'AMOUNT_AVAILABLE'\"></label>\n          <span [textContent]=\"allAvailableStockInformation\"></span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'AMOUNT_LATER_AVAILABLE'\"></label>\n          <span [textContent]=\"\"></span>\n        </div>\n      </div>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    StockInformationComponent.ctorParameters = function () { return []; };
+    StockInformationComponent.propDecorators = {
+        article: [{ type: i0.Input }],
+        articleStock: [{ type: i0.Input }],
+        allAvailableStockInformation: [{ type: i0.Input }],
+        allTechnicalStockInformation: [{ type: i0.Input }]
+    };
+
+    /** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
+    var IconSvg = {
+        "angle_left_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><path fill=\"#183153\" d=\"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z\"/></svg>",
+        "angle_right_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><path fill=\"#183153\" d=\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\"/></svg>",
+        "arrow_fat_right": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"37.5 25 25.2 12.7 25.2 20.35 12.5 20.35 12.5 29.66 25.2 29.66 25.2 37.3 37.5 25\" fill=\"#484f60\"/></svg>",
+        "arrow_point_left": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\" ><path fill=\"#484F5F\" d=\"M31.9,36.7l-14.7-9.6C17.1,27,17,26.9,17,26.7v-2.4c0-0.2,0.1-0.3,0.2-0.4l14.7-9.6c0.2-0.2,0.5-0.1,0.7,0.1l1.4,2.1c0.2,0.2,0.1,0.5-0.1,0.7l-12,7.8c-0.3,0.2-0.3,0.6,0,0.8l12,7.8c0.2,0.2,0.3,0.5,0.1,0.7l-1.4,2.1C32.4,36.8,32.1,36.8,31.9,36.7z\"/></svg>",
+        "arrow_point_right": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\"><path fill=\"#484F5F\" d=\"M19.1,14.3l14.7,9.6c0.1,0.1,0.2,0.2,0.2,0.4v2.4c0,0.2-0.1,0.3-0.2,0.4l-14.7,9.6c-0.2,0.2-0.5,0.1-0.7-0.1l-1.4-2.1c-0.2-0.2-0.1-0.5,0.1-0.7l12-7.8c0.3-0.2,0.3-0.6,0-0.8l-12-7.8c-0.2-0.2-0.3-0.5-0.1-0.7l1.4-2.1C18.6,14.2,18.9,14.2,19.1,14.3z\"/></svg>",
+        "bring_forward_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"#183153\" d=\"M224 464H448C456.8 464 464 456.8 464 448V224C464 215.2 456.8 208 448 208H384V160H448C483.3 160 512 188.7 512 224V448C512 483.3 483.3 512 448 512H224C188.7 512 160 483.3 160 448V384H208V448C208 456.8 215.2 464 224 464zM64 352C28.65 352 0 323.3 0 288V64C0 28.65 28.65 0 64 0H288C323.3 0 352 28.65 352 64V288C352 323.3 323.3 352 288 352H64z\"/></svg>",
+        "check_round": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M25,10A15,15,0,1,0,40,25,15,15,0,0,0,25,10ZM23,34l-6.24-9.09,2.81-3.59L23,26.45,27.66,16h5.58Z\" fill=\"#484f60\"/></svg>",
+        "delete_left_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M432.1 208.1L385.9 256L432.1 303C442.3 312.4 442.3 327.6 432.1 336.1C423.6 346.3 408.4 346.3 399 336.1L352 289.9L304.1 336.1C295.6 346.3 280.4 346.3 271 336.1C261.7 327.6 261.7 312.4 271 303L318.1 256L271 208.1C261.7 199.6 261.7 184.4 271 175C280.4 165.7 295.6 165.7 304.1 175L352 222.1L399 175C408.4 165.7 423.6 165.7 432.1 175C442.3 184.4 442.3 199.6 432.1 208.1V208.1zM512 64C547.3 64 576 92.65 576 128V384C576 419.3 547.3 448 512 448H205.3C188.3 448 172 441.3 160 429.3L9.372 278.6C3.371 272.6 0 264.5 0 256C0 247.5 3.372 239.4 9.372 233.4L160 82.75C172 70.74 188.3 64 205.3 64L512 64zM528 128C528 119.2 520.8 112 512 112H205.3C201 112 196.9 113.7 193.9 116.7L54.63 256L193.9 395.3C196.9 398.3 201 400 205.3 400H512C520.8 400 528 392.8 528 384V128z\"/></svg>",
+        "delivery_truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"15.35\" y=\"16.56\" width=\"15.14\" height=\"10.94\" transform=\"translate(-1.83 2.08) rotate(-5)\" fill=\"#484f60\"/><path d=\"M38.5,18.1l-6.9.61L32.41,28l-7.63.67a3.76,3.76,0,0,1,1.43,2.25l7.25-.63A3.83,3.83,0,0,1,41,29.6l1-.1-.52-6Zm.29,5.84-3.91.34a.51.51,0,0,1-.55-.46L34,20.1a.49.49,0,0,1,.45-.54l2.27-.2a.5.5,0,0,1,.48.25l2,3.59A.5.5,0,0,1,38.79,23.94Z\" fill=\"#484f60\"/><path d=\"M19.66,29.09a3.8,3.8,0,0,0-1,2.46l-.74.07-1.82-.94L16,29.41Z\" fill=\"#484f60\"/><path d=\"M34.56,30.62a2.74,2.74,0,1,0,2.49-3A2.73,2.73,0,0,0,34.56,30.62Z\" fill=\"#484f60\"/><path d=\"M19.74,31.91a2.74,2.74,0,1,0,2.49-3A2.74,2.74,0,0,0,19.74,31.91Z\" fill=\"#484f60\"/><rect x=\"7.96\" y=\"17.63\" width=\"5\" height=\"1\" transform=\"translate(-1.54 0.98) rotate(-5)\" fill=\"#484f60\"/><rect x=\"11.02\" y=\"29.71\" width=\"3\" height=\"1\" transform=\"translate(-2.59 1.21) rotate(-5)\" fill=\"#484f60\"/><rect x=\"9.48\" y=\"23.53\" width=\"4\" height=\"1\" transform=\"matrix(1, -0.09, 0.09, 1, -2.05, 1.09)\" fill=\"#484f60\"/></svg>",
+        "email": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.79,38.45A17.82,17.82,0,0,1,23.86,40,13.09,13.09,0,0,1,10.41,26.42C10.41,17.63,16.83,10,26.53,10c7.63,0,13.06,5.21,13.06,12.46,0,6.33-3.53,10.3-8.19,10.3a3.42,3.42,0,0,1-3.71-3.32h-.08A6.5,6.5,0,0,1,22,32.76c-2.75,0-4.82-2.11-4.82-5.65a9.85,9.85,0,0,1,10.13-10,12.89,12.89,0,0,1,5.13,1l-1.3,8c-.43,2.54-.13,3.71,1.08,3.75,1.85.09,4.18-2.28,4.18-7.28,0-5.65-3.62-10-10.3-10S13.73,17.76,13.73,26c0,7.25,4.57,11.3,11,11.3A14.81,14.81,0,0,0,31,36ZM28,20.65a5.34,5.34,0,0,0-1.33-.18c-2.85,0-5.09,2.81-5.09,6.12,0,1.64.73,2.68,2.16,2.68,1.59,0,3.27-2,3.66-4.53Z\" fill=\"#484f60\"/></svg>",
+        "pdf": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.88c-2.16,0-2.72-.56-2.72-2.72V12.88c0-2.15.56-2.71,2.72-2.71h11.6l8.66,8.88v3.43H32.8V19.6l-7.88-8.09h-11c-1.38,0-1.38,0-1.38,1.37V37.45c0,1.37,0,1.37,1.38,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M27.83,26.63v4.24h1a3.57,3.57,0,0,0,.78-.06,1.22,1.22,0,0,0,.52-.26,1.44,1.44,0,0,0,.34-.62,4.13,4.13,0,0,0,.13-1.18,3.79,3.79,0,0,0-.13-1.14,1.51,1.51,0,0,0-.37-.62,1.14,1.14,0,0,0-.6-.3,5.93,5.93,0,0,0-1.06-.06Z\" fill=\"#484f60\"/><path d=\"M21.86,26.63v1.82h.71a3.57,3.57,0,0,0,1-.1A.88.88,0,0,0,24,28a.84.84,0,0,0,.14-.5.8.8,0,0,0-.2-.57.88.88,0,0,0-.52-.29,6.36,6.36,0,0,0-.93,0Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm6.12,4.24a1.68,1.68,0,0,1-.54.63,1.9,1.9,0,0,1-.67.3,6.57,6.57,0,0,1-1.34.1h-.85V32H20.57V25.54h2.07a7.75,7.75,0,0,1,1.54.1,1.73,1.73,0,0,1,.93.63,2,2,0,0,1,.37,1.25A2,2,0,0,1,25.26,28.51Zm6.45,1.66A2.91,2.91,0,0,1,31,31.31a2.28,2.28,0,0,1-.91.51A4,4,0,0,1,29,32H26.54V25.54H28.9a4.21,4.21,0,0,1,1.22.13,2.08,2.08,0,0,1,1,.59,2.79,2.79,0,0,1,.61,1,4.76,4.76,0,0,1,.21,1.52A4.19,4.19,0,0,1,31.71,30.17Zm5.7-3.54h-3.1v1.52H37v1.08H34.31V32H33V25.54h4.39Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/></svg>",
+        "print": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M38,16.5H12a2,2,0,0,0-2,2v9a2,2,0,0,0,2,2h2v-5H36v5h2a2,2,0,0,0,2-2v-9A2,2,0,0,0,38,16.5ZM37,21a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,37,21Z\" fill=\"#484f60\"/><path d=\"M35,11.5v5H15v-5H35m1-1H14v7H36v-7Z\" fill=\"#484f60\"/><path d=\"M35,25.5v13H15v-13H35m1-1H14v15H36v-15Z\" fill=\"#484f60\"/><rect x=\"17\" y=\"28.3\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/><rect x=\"17\" y=\"31.5\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/><rect x=\"17\" y=\"34.7\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/></svg>",
+        "signature_field": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M20.1,25.42a1.1,1.1,0,1,1,1.27,1.45l-3.3,9.07A63.13,63.13,0,0,1,28,28.3l1.26-12-8.26-3-6.77,10A62.4,62.4,0,0,1,17,35.54l3.3-9.07A1.12,1.12,0,0,1,20.1,25.42Z\" fill=\"#484f60\"/><rect x=\"21.62\" y=\"11.43\" width=\"8.79\" height=\"2.34\" transform=\"translate(5.88 -8.14) rotate(20)\" fill=\"#484f60\"/><path d=\"M18.11,37.48c1.44,2.65,4.58,2.94,7.23,2.1,1.41-.44,2.2-1.49,3.44-2.06,2.42-1.1,3.13,1.2,5.36,1.37.42,0,2-.65,1.54-.68-2.55-.19-2.93-3.13-5.51-2.65a4.9,4.9,0,0,0-1.64.71c-.77.49-1.31,1.62-2.07,2l-4.61.56A3.38,3.38,0,0,1,20,37c-.22-.41-2,.28-1.85.5Z\" fill=\"#484f60\"/></svg>",
+        "xml": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.87c-2.15,0-2.71-.56-2.71-2.72V12.88c0-2.15.56-2.71,2.71-2.71H25.48l8.66,8.88v3.43H32.8V19.6l-7.88-8.09H13.87c-1.37,0-1.37,0-1.37,1.37V37.45c0,1.37,0,1.37,1.37,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm5.36,7.41-1.3-2-1.3,2H20.48l2-3.06-1.81-2.8h1.38l1.18,1.88,1.15-1.88h1.37l-1.83,2.85,2,3Zm7.67,0h-1.1V27.07l-1.16,4.61H28.77l-1.16-4.61v4.61H26.52V25.82h1.76l1.07,4,1-4h1.77Zm5.33,0H33.38V25.87h1.18v4.82H37.5Z\" fill=\"#484f60\"/></svg>"
+    };
+
+    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 }
+    ]; };
+
+    /** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
+    var Icon;
+    (function (Icon) {
+        Icon["AngleLeftSolid"] = "angle_left_solid";
+        Icon["AngleRightSolid"] = "angle_right_solid";
+        Icon["ArrowFatRight"] = "arrow_fat_right";
+        Icon["ArrowPointLeft"] = "arrow_point_left";
+        Icon["ArrowPointRight"] = "arrow_point_right";
+        Icon["BringForwardRegular"] = "bring_forward_regular";
+        Icon["CheckRound"] = "check_round";
+        Icon["DeleteLeftRegular"] = "delete_left_regular";
+        Icon["DeliveryTruck"] = "delivery_truck";
+        Icon["Email"] = "email";
+        Icon["Pdf"] = "pdf";
+        Icon["Print"] = "print";
+        Icon["SignatureField"] = "signature_field";
+        Icon["Xml"] = "xml";
+    })(Icon || (Icon = {}));
+
+    var StockInformationGridComponent = /** @class */ (function () {
+        function StockInformationGridComponent(iconCacheService, _stockService) {
+            this.iconCacheService = iconCacheService;
+            this._stockService = _stockService;
+            this.icons = Icon;
+            this.transferIconClicked = new i0.EventEmitter();
+            this.historyClicked = new i0.EventEmitter();
+            this.show = false;
+            this.hideOrShowLocationTab = false;
+            this.showStockHistory = false;
+            this.showSendMethodDialog = false;
+            this.hideOrShowTabs = true;
+            this.dataWareHouseFields = { text: "warehouseDescription", value: "warehouseNo" };
+            this.articleStockSearchInfo = new articleStock.ArticleStock();
+            this.showChangeStockDetails = false;
+            this.articleDetailsInformation = new articleStockManagement.ArticleStockManagement();
+            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;
+            if (this.activeTab === "IN_ORDER2") {
+                this.getInOrderData();
+            }
+            if (this.activeTab === "ORDERS1") {
+                this.getOrderData();
+            }
+        };
+        StockInformationGridComponent.prototype.onLocationClick = function (data) {
+            this.articleStockSearchInfo.goodId = data.goodId.toString();
+            this.articleStockSearchInfo.wareHouseNo = data.warehouseNo.toString();
+            this.articleStockSearchInfo.viewKind = "D";
+            this.selectedWarehouse = data.warehouseNo;
+            if (!this.dataWareHouseCode) {
+                this.getStockManagementWarehouses(data);
+            }
+            this.getArticleDetails(data);
+            this.hideOrShowTabs = false;
+            this.hideOrShowLocationTab = true;
+            this._stockService.lockArticleDetails(this.articleDetailsInformation);
+        };
+        StockInformationGridComponent.prototype.handleHistoryClick = function () {
+            this.historyClicked.emit();
+            this.hideOrShowLocationTab = false;
+            this.showChangeStockDetails = false;
+            this.hideOrShowTabs = false;
+            this.showStockHistory = true;
+        };
+        StockInformationGridComponent.prototype.backToStockInformation = function () {
+            this.showStockHistory = false;
+            this.hideOrShowTabs = true;
+        };
+        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;
+                    this.articleDetails = undefined;
+                    return [2 /*return*/];
+                });
+            });
+        };
+        StockInformationGridComponent.prototype.openSendMethodDialog = function (data) {
+            this._stockService.printSticker.goodId = data.goodId;
+            this._stockService.printSticker.warehouse = data.warehouseNo;
+            this.showSendMethodDialog = !this.showSendMethodDialog;
+        };
+        StockInformationGridComponent.prototype.printStockStickers = function () {
+            this._stockService.getPrintStockStickers(this._stockService.printSticker);
+        };
+        StockInformationGridComponent.prototype.onOkClick = function () {
+        };
+        StockInformationGridComponent.prototype.onCancelClick = function () {
+        };
+        StockInformationGridComponent.prototype.openDialogClick = function (data) {
+            this.selectedArticleDetailsData = data;
+            this.showChangeStockDetails = true;
+        };
+        StockInformationGridComponent.prototype.getArticleDetails = function (data) {
+            var _this = this;
+            // const info = new ArticleStockManagement();
+            this.articleDetailsInformation.goodId = data.goodId;
+            this.articleDetailsInformation.lineId = data.lineId;
+            this.articleDetailsInformation.warehouseNumber = data.warehouseNo;
+            this._stockService.getArticleDetails(this.articleDetailsInformation).then(function (details) {
+                _this.articleDetails = details;
+            });
+        };
+        StockInformationGridComponent.prototype.getStockManagementWarehouses = function (data) {
+            var _this = this;
+            this._stockService.getStockManagementWarehouses().then(function (warehouses) {
+                _this.dataWareHouseCode = warehouses;
+                _this.selectedWarehouse = data.warehouseNo;
+            });
+        };
+        StockInformationGridComponent.prototype.onSelectWarehouse = function (event) {
+            var _this = this;
+            this.articleDetailsInformation.warehouseNumber = event;
+            if (this.selectedWarehouse || this.selectedWarehouse === 0) {
+                this._stockService.getArticleDetails(this.articleDetailsInformation).then(function (details) {
+                    _this.articleDetails = details;
+                });
+            }
+        };
+        StockInformationGridComponent.prototype.getInOrderData = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var inOrderData, _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            inOrderData = new articleTransaction.ArticleTransaction();
+                            inOrderData.type = "V";
+                            inOrderData.goodId = this.articleStockInformation[0].goodId.toString();
+                            _a = this;
+                            return [4 /*yield*/, this._stockService.getArticleTransaction(inOrderData)];
+                        case 1:
+                            _a.inOrderInformation = _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        StockInformationGridComponent.prototype.getOrderData = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var orderData, _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            orderData = new articleTransaction.ArticleTransaction();
+                            orderData.type = "V";
+                            orderData.goodId = this.articleStockInformation[0].goodId.toString();
+                            _a = this;
+                            return [4 /*yield*/, this._stockService.getArticleTransaction(orderData)];
+                        case 1:
+                            _a.orderInformation = _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        StockInformationGridComponent.prototype.addNewRow = 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]=\"articleStockInformation\"\n                      class=\"simple-grid\"\n                      [showAdd]=\"true\"\n                      [showToolbar]=\"true\"\n                      (addRow)=\"addNewRow()\"\n                      [inlineEdit]=\"true\"\n                      [rowsPerPage]=\"20\"\n      >\n          <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'warehouseNo'\" [order]=\"10\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'warehouseName'\" [order]=\"11\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'technicalStock'\" [order]=\"12\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'availableStock'\" [order]=\"13\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'ECONOMICAL_STOCK'\" [field]=\"'economicalStock'\" [order]=\"14\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNo'\" [order]=\"15\">\n            <ng-template #template let-row=\"row\">\n              <span [textContent]=\"'Bekijken'\" (click)=\"onLocationClick(row)\"></span>\n            </ng-template>\n          </co-simple-grid-column>\n      </co-simple-grid>\n\n      <co-simple-grid *ngIf=\"activeTab === tabs[1]\"\n                      [data]=\"inOrderInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <co-simple-grid-column [headerText]=\"'IN_ORDER2'\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'CUSTOMER'\" [field]=\"'user'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DATE'\" [field]=\"'transactionDate'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amountInOrder'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'locationNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSFER'\" [field]=\"'transfer'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\" (click)=\"handleStockTransferClick($event)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n\n      <co-simple-grid *ngIf=\"activeTab === tabs[2]\"\n                      [data]=\"orderInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER_NR'\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DATE'\" [field]=\"'transactionDate'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amountInOrder'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RESERVED'\" [field]=\"'reserved'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'FREE_STOCK'\" [field]=\"'freeStock'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DELIVERY_DATE1'\" [field]=\"'deliveryDate'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RESERVE'\" [field]=\"'reservation'\"></co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <div class=\"stock-grid\" *ngIf=\"hideOrShowLocationTab\">\n      <div class=\"stock-location-group\">\n        <div class=\"stock-location-left-group\">\n          <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"handleBackToStockClick()\"></span>\n        </div>\n        <div class=\"stock-location-right-group\">\n          <co-drop-down-list  [(model)]=\"selectedWarehouse\"\n                              [collection]=\"dataWareHouseCode\"\n                              [fields]=\"dataWareHouseFields\"\n                              [placeholder]=\"'WAREHOUSE'\"\n                              (modelChange)=\"onSelectWarehouse($event)\"\n                              [required]=\"true\"\n          ></co-drop-down-list>\n        </div>\n      </div>\n\n<!--      TODO move to own component stock-location-->\n      <co-simple-grid [data]=\"articleDetails\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <div class=\"stock-location-group\">\n          <div class=\"stock-location-left-group\">\n            <co-button class=\"stock-lines-button\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"handleBackToStockClick()\"></co-button>\n          </div>\n        </div>\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'warehouseDescription'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'BATCH'\" [field]=\"'batchNo'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'SERIAL_NO'\" [field]=\"'serialNo'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\">\n          <ng-template #template let-row=\"row\">\n            <co-input-number-picker (keyup.enter)=\"openDialogClick(row)\" [(model)]=\"row['amountInStock']\">\n\n            </co-input-number-picker>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'ALLOCATED'\" [field]=\"'amountInStockFree'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'perceptibleStorage'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'PHYSICAL_STOCK'\" [field]=\"'amountInStockOriginal'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'VALUTA'\" [field]=\"'currency'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'PURCHASE_PRICE'\" [field]=\"'purchasePrice'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'SUPPLIER_NUMBER'\" [field]=\"'supplierNo'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSFER'\" [field]=\"'transfer'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\" (click)=\"handleStockTransferClick(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <co-stock-change-amount *ngIf=\"showChangeStockDetails\"\n                            (closeStockChangeAmount)=\"showChangeStockDetails = false\"\n                            [selectedArticleDetailsData]=\"selectedArticleDetailsData\"\n    >\n    </co-stock-change-amount>\n\n    <div class=\"stock-grid\" *ngIf=\"showStockHistory\">\n      <div class=\"stock-button-left-group\">\n        <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"backToStockInformation()\"></span>\n      </div>\n      <co-simple-grid [data]=\"stockHistoryInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <co-simple-grid-column [headerText]=\"'MUTATION_DATE'\" [field]=\"'mutationDate'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'MUTATION_TIME'\" [field]=\"'mutationTime'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amount'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSACTION_TYPE'\" [field]=\"'transType'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DOCUMENT_NUMBER'\" [field]=\"'docNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'LINE'\" [field]=\"'posLineNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK_STATE'\" [field]=\"'stockStateId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK_REMARK'\" [field]=\"'stockStateRemarkId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'VALUTA'\" [field]=\"'currencyCode'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RELATION_ID'\" [field]=\"'relationId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'USER'\" [field]=\"'user'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'MUTATION_TYPE'\" [field]=\"'mutationType'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <div class=\"stock-button-toolbar\">\n      <div class=\"stock-button-left-group\">\n        <co-button *ngIf=\"activeTab === tabs[0]\" [label]=\"'HISTORY'\" (click)=\"handleHistoryClick()\"></co-button>\n      </div>\n      <div class=\"stock-button-middle-group\">\n        <div class=\"button-left\">\n          <co-button [textContent]=\"'Ok'\" (click)=\"onOkClick()\"></co-button>\n        </div>\n        <div class=\"button-right\">\n          <co-button [textContent]=\"'Annuleren'\" (click)=\"onCancelClick()\"></co-button>\n        </div>\n      </div>\n    </div>\n    <ione-send-method-dialog\n      *ngIf=\"showSendMethodDialog\"\n      [showDialog]=\"showSendMethodDialog\"\n      (printButtonClicked)=\"printStockStickers()\"\n    ></ione-send-method-dialog>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    StockInformationGridComponent.ctorParameters = function () { return [
+        { type: IconCacheService },
+        { type: StockService }
+    ]; };
+    StockInformationGridComponent.propDecorators = {
+        stock: [{ type: i0.ViewChild, args: [StockInformationGridComponent,] }],
+        articleStockInformation: [{ type: i0.Input }],
+        stockLocationData: [{ type: i0.Input }],
+        stockHistoryInformation: [{ type: i0.Input }],
+        transferIconClicked: [{ type: i0.Output }],
+        historyClicked: [{ type: i0.Output }]
+    };
+
+    var StockLocationComponent = /** @class */ (function () {
+        function StockLocationComponent(_stockService) {
+            this._stockService = _stockService;
+            this.backToStockLines = new i0.EventEmitter();
+            this.stockLocationColumns = [];
+            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.onOkClick = function () {
+        };
+        StockLocationComponent.prototype.onCancelClick = function () {
+        };
+        StockLocationComponent.prototype.onSelectWarehouse = function (event) {
+        };
+        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\n            [collection]=\"allWarehouses\"\n            [placeholder]=\"'WAREHOUSES'\"\n            (modelChange)=\"onSelectWarehouse($event)\"\n          ></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 [
+        { type: StockService }
+    ]; };
+    StockLocationComponent.propDecorators = {
+        stockLocationInformation: [{ type: i0.Input }],
+        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 = { text: "warehouseDescription", value: "warehouseNo" };
+            this.allLocationDropdownFields = { text: "locationNo", value: "locationNo" };
+            this.showSendMethodDialog = false;
+            this.stockState = [];
+            this.stockStateDropdownField = { text: "stateDescription", value: "stockStateId" };
+        }
+        StockTransferComponent.prototype.ngAfterViewInit = function () {
+            this.getStockManagementWarehouses();
+            this.getStockState();
+        };
+        StockTransferComponent.prototype.handleOkClick = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            data.selected = true;
+                            data.entryDate = new Date;
+                            return [4 /*yield*/, this._stockService.updateArticleDetails(data)];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        StockTransferComponent.prototype.handleCancelClick = function () {
+            this.handleCancelClicked.emit();
+        };
+        StockTransferComponent.prototype.handleSelectedWarehouse = function (event) {
+            this.selectedWarehouse = event;
+            this.getStockManagementLocations(this.selectedWarehouse);
+        };
+        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*/];
+                });
+            });
+        };
+        StockTransferComponent.prototype.getStockManagementWarehouses = function () {
+            var _this = this;
+            this._stockService.getStockManagementWarehouses().then(function (warehouses) {
+                _this.warehouses = warehouses;
+            });
+        };
+        StockTransferComponent.prototype.getStockManagementLocations = function (data) {
+            var _this = this;
+            this._stockService.getStockManagementLocations(data).then(function (locations) {
+                _this.locations = locations;
+            });
+        };
+        StockTransferComponent.prototype.getStockState = function () {
+            var _this = this;
+            this._stockService.getStockState().then(function (state) {
+                _this.stockState = state;
+            });
+        };
+        return StockTransferComponent;
+    }());
+    StockTransferComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-stock-transfer",
+                    template: "\n      <div class=\"stock-transfer\">\n        <div class=\"stock-transfer-columns\">\n          <div *ngIf=\"articleToTransfer\" class=\"stock-transfer-left-column\">\n            <co-input-text disabled\n                           [(model)]=\"articleToTransfer.warehouseDescription\"\n                           [textContent]=\"articleToTransfer.warehouseDescription\"\n                           [placeholder]=\"'Standaard magazijn'\">\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"articleToTransfer.locationNo\"\n                           [textContent]=\"articleToTransfer.locationNo\"\n                           [placeholder]=\"'Standaard locatie'\">\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"stockSticker.batch\"\n                           [placeholder]=\"'Batch'\">\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"stockSticker.serial\"\n                           [placeholder]=\"'Serie'\">\n            </co-input-text>\n            <co-input-text\n              [(model)]=\"articleToTransfer.amountTransfer\"\n              [placeholder]=\"'Aantal'\">\n            </co-input-text>\n          </div>\n\n          <div class=\"stock-transfer-right-column\">\n            <co-drop-down-list [collection]=\"warehouses\"\n                               [fields]=\"allWarehousesDropdownFields\"\n                               (modelChange)=\"handleSelectedWarehouse($event)\"\n                               [(model)]=\"articleToTransfer.targetWarehouse\">\n            </co-drop-down-list>\n            <co-drop-down-list [collection]=\"locations\"\n                               [fields]=\"allLocationDropdownFields\"\n                               [(model)]=\"articleToTransfer.targetLocation\"\n            >\n            </co-drop-down-list>\n            <co-drop-down-list [collection]=\"stockState\"\n                               [fields]=\"stockStateDropdownField\"\n                               [placeholder]=\"'Voorraadstatus'\"\n                               [(model)]=\"articleToTransfer.stockStateId\">\n            </co-drop-down-list>\n            <co-input-text [placeholder]=\"'Omschrijving'\"\n                           [(model)]=\"articleToTransfer.stockStateRemark\">\n            </co-input-text>\n          </div>\n        </div>\n\n        <div class=\"ok-cancel-buttons\">\n          <co-button [textContent]=\"'Ok'\" (click)=\"handleOkClick(articleToTransfer)\"></co-button>\n          <co-button [textContent]=\"'Annuleren'\" (click)=\"handleCancelClick()\"></co-button>\n          <co-button [textContent]=\"'Sticker'\" (click)=\"handleStickerClick()\"></co-button>\n        </div>\n      </div>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    StockTransferComponent.ctorParameters = function () { return [
+        { type: StockService }
+    ]; };
+    StockTransferComponent.propDecorators = {
+        stockSticker: [{ type: i0.Input }],
+        article: [{ type: i0.Input }],
+        articleToTransfer: [{ type: i0.Input }],
+        articleWarehouse: [{ type: i0.Input }],
+        allWarehouses: [{ type: i0.Input }],
+        handleCancelClicked: [{ type: i0.Output }],
+        handleStickerClicked: [{ type: i0.Output }]
+    };
+
+    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, _optionsService, _dictionary, _changeDetector) {
+            var _this = this;
+            this.iconCacheService = iconCacheService;
+            this.stockService = stockService;
+            this._optionsService = _optionsService;
+            this._dictionary = _dictionary;
+            this._changeDetector = _changeDetector;
+            this.icons = Icon;
+            this.sendOption = SendOption;
+            this.showEmailOption = true;
+            this.showPrintOption = true;
+            this.showPdfOption = true;
+            this.showXmlOption = true;
+            this.showPrintPriceStickers = false;
+            this.showPrintStockStickers = true;
+            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.showStandardPrinterOptions = false;
+            this.showPrinterSelections = false;
+            this.showExitButton = true;
+            this.printTemplatesField = { text: "name", value: "reportId" };
+            this.priceListDataField = { text: "name", value: "priceListCode" };
+            this.upAndLoaded = false;
+            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();
+            this._subscriptions = [];
+            this._subscriptions.push(this._optionsService.optionsLoaded.subscribe(function (loaded) { return _this._handleSettingsLoaded(loaded); }));
+        }
+        Object.defineProperty(SendMethodDialogComponent.prototype, "articleData", {
+            set: function (data) {
+                this.stockService.printSticker.goodId = data.goodId;
+                this.stockService.printSticker.warehouse = data.warehouseNo;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ;
+        SendMethodDialogComponent.prototype.showClass = function () {
+            return true;
+        };
+        SendMethodDialogComponent.prototype.ngOnDestroy = function () {
+            this._subscriptions.forEach(function (subscription) { return subscription.unsubscribe(); });
+        };
+        SendMethodDialogComponent.prototype.getPrinters = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, this.stockService.getAllPrinters(true).then(function (list) {
+                            _this.printerList = list;
+                        })];
+                });
+            });
+        };
+        SendMethodDialogComponent.prototype.closeDialogClick = function () {
+            this.showDialog = false;
+        };
+        SendMethodDialogComponent.prototype.handleSignatureStart = function () {
+            this.startSignatureClicked.emit();
+        };
+        SendMethodDialogComponent.prototype.handlePrintClicked = function () {
+            // this.printButtonClicked.emit();
+            if (this.stockService.printSticker.printerName) {
+                this.stockService.getPrintStockStickers(this.stockService.printSticker);
+            }
+        };
+        SendMethodDialogComponent.prototype.togglePrinterSelection = function () {
+            this.getPrinters();
+            if (!this.showPrinterSelections) {
+                this.showPrinterSelections = true;
+                this.headerTitle = 'Printer selectie';
+            }
+            else {
+                this.showPrinterSelections = false;
+                this.headerTitle = 'Verzendopties';
+            }
+        };
+        SendMethodDialogComponent.prototype.onPrinterClicked = function (printer) {
+            this.defaultPrinter = printer.name;
+            this.stockService.printSticker.printerName = printer.name;
+            this.showPrinterSelections = !this.showPrinterSelections;
+        };
+        SendMethodDialogComponent.prototype.getPrintTemplates = function () {
+            var _this = this;
+            if (!this.printTemplates) {
+                var data = new stockStickersPrintLayouts_bo.StockStickersPrintLayouts();
+                this.stockService.getStockStickerTemplates(data).then(function (templates) {
+                    _this.printTemplates = templates;
+                });
+            }
+        };
+        SendMethodDialogComponent.prototype._handleSettingsLoaded = function (loaded) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!loaded) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this._initConnection().then()];
+                        case 1:
+                            _a.sent();
+                            this.upAndLoaded = true;
+                            _a.label = 2;
+                        case 2: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        SendMethodDialogComponent.prototype._initConnection = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            // await this._connector.connect(this._optionsService.options);
+                            if (this._optionsService.options.url) {
+                                this._dictionary.rootUrl = this._optionsService.options.url.replace("/ajaxservice", "");
+                            }
+                            return [4 /*yield*/, this._dictionary.setDictionary(this._optionsService.options.languageCode)];
+                        case 1:
+                            _a.sent();
+                            setTimeout(function () {
+                                _this._changeDetector.detectChanges();
+                            });
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        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\"\n                   *ngFor=\"let sendOption of sendOptions\"\n                   [class.selected-option]=\"sendOption.option === activeSendOption\"\n                   (click)=\"activeSendOption = sendOption.option\">\n                <co-icon [iconData]=\"iconCacheService.getIcon(sendOption.iconName)\"></co-icon>\n              </div>\n            </div>\n\n            <div class=\"email-option-content\" *ngIf=\"activeSendOption === sendOption.Email || activeSendOption === sendOption.Pdf\">\n              <div class=\"emails-container\" *ngIf=\"activeSendOption === sendOption.Email\">\n                <co-input-checkbox\n                  *ngFor=\"let email, 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\" (click)=\"getPrintTemplates()\">\n              <div *ngIf=\"showPrintPriceStickers\">\n                <div class=\"lov-wrapper\">\n                  <co-input-combo-box\n                    [(model)]=\"stockService.printPriceSticker.reportId\"\n                    [collection]=\"printTemplates\"\n                    [fields]=\"printTemplatesField\"\n                    placeholder=\"Layout\"\n                  ></co-input-combo-box>\n                </div>\n                <div class=\"lov-wrapper\" *ngIf=\"priceListCodeData\">\n                  <co-input-combo-box\n                    [(model)]=\"stockService.printPriceSticker.priceListCode\"\n                    [collection]=\"priceListCodeData\"\n                    [fields]=\"priceListDataField\"\n                    placeholder=\"Layout\"\n                  ></co-input-combo-box>\n                </div>\n              </div>\n\n              <div *ngIf=\"showPrintStockStickers\">\n                <div class=\"lov-wrapper\">\n                  <co-input-combo-box\n                    [(model)]=\"stockService.printSticker.reportId\"\n                    [collection]=\"printTemplates\"\n                    [fields]=\"printTemplatesField\"\n                    placeholder=\"Layout\"\n                  ></co-input-combo-box>\n                </div>\n              </div>\n\n              <div class=\"lov-wrapper clickable\" (click)=\"togglePrinterSelection()\">\n                <div class=\"selected-printer-wrapper\">\n                  <div class=\"printer-option-list-item\">\n                    <co-icon class=\"printer-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\"></co-icon>\n                    <div class=\"printer-details\" *ngIf=\"printerList\">\n                      <span class=\"printer-name\" [textContent]=\"defaultPrinter\"></span>\n                      <span class=\"printer-status\" [textContent]=\"defaultPrinter.acceptingJobs\"></span>\n                    </div>\n                  </div>\n                  <co-icon class=\"select-printer-arrow\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\"></co-icon>\n                </div>\n              </div>\n\n              <div class=\"standard-printer-wrapper\">\n                <div class=\"standard-printer-link\" (click)=\"showStandardPrinterOptions = !showStandardPrinterOptions\">\n                  <co-icon class=\"arrow-icon\" [iconData]=\"iconCacheService.getIcon(icons.ArrowFatRight)\"></co-icon>\n                  <span class=\"standard-printer-message\" [textContent]=\"'Standaard printer voor lay-out instellen'\"></span>\n                </div>\n\n                <div class=\"standard-printer-selections\" *ngIf=\"showStandardPrinterOptions\">\n                  <co-input-checkbox\n                    [(model)]=\"models[0]\"\n                    [label]=\"'Per gebruiker instellen'\"\n                    [cssClass]=\"'input-checkbox-wrapper'\"\n                  ></co-input-checkbox>\n                  <co-input-checkbox\n                    [(model)]=\"models[1]\"\n                    [label]=\"'Voor alle gebruikers instellen'\"\n                    [cssClass]=\"'input-checkbox-wrapper'\"\n                  ></co-input-checkbox>\n                </div>\n              </div>\n\n              <div class=\"print-footer-wrapper\">\n                <div class=\"input-number-wrapper\">\n                  <co-input-number-picker class=\"number-picker\"\n                                          [step]=\"1\" [(model)]=\"stockService.printSticker.amount\" [min]=\"1\"\n                                          [ngModelOptions]=\"{debounce: 1}\">\n                  </co-input-number-picker>\n                </div>\n                <div class=\"custom-button-wrapper print-button\" (click)=\"handlePrintClicked()\">\n                  <span [textContent]=\"'Print'\"></span>\n                </div>\n                <div class=\"custom-button-wrapper signature-button\" (click)=\"handleSignatureStart()\">\n                  <co-icon [iconData]=\"iconCacheService.getIcon(icons.SignatureField)\"></co-icon>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"printer-content-container\" @slideInOut *ngIf=\"showPrinterSelections\">\n            <div class=\"selected-printer-wrapper selection clickable\" *ngFor=\"let printers of printerList\" (click)=\"onPrinterClicked(printers)\">\n              <div class=\"printer-option-list-item\">\n                <co-icon class=\"printer-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\"></co-icon>\n                <div class=\"printer-details\">\n                  <span class=\"printer-name\" [textContent]=\"printers.name\"></span>\n                  <span class=\"printer-status\" [textContent]=\"printers.acceptingJobs\"></span>\n                </div>\n              </div>\n              <co-icon class=\"select-printer-arrow\" *ngIf=\"!showPrinterSelections\"\n                       [iconData]=\"iconCacheService.getIcon(icons.ArrowPointRight)\"></co-icon>\n            </div>\n          </div>\n        </div>\n      </co-dialog-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 },
+        { type: OptionsService },
+        { type: DictionaryService },
+        { type: i0.ChangeDetectorRef }
+    ]; };
+    SendMethodDialogComponent.propDecorators = {
+        showEmailOption: [{ type: i0.Input }],
+        showPrintOption: [{ type: i0.Input }],
+        showPdfOption: [{ type: i0.Input }],
+        showXmlOption: [{ type: i0.Input }],
+        showPrintPriceStickers: [{ type: i0.Input }],
+        showPrintStockStickers: [{ type: i0.Input }],
+        priceListCodeData: [{ type: i0.Input }],
+        showDialog: [{ type: i0.Input }],
+        headerTitle: [{ type: i0.Input }],
+        printerList: [{ type: i0.Input }],
+        articleData: [{ 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,
+                        corecomponents_v12.ButtonModule
+                    ],
+                    exports: [
+                        SendMethodDialogComponent
+                    ],
+                    providers: [
+                        StockService
+                    ]
+                },] }
+    ];
+
+    var StockChangeAmountComponent = /** @class */ (function () {
+        function StockChangeAmountComponent(_stockService) {
+            this._stockService = _stockService;
+            this.closeStockChangeAmount = new i0.EventEmitter();
+            this.stockState = [];
+            this.stockStateDropdownField = { text: "stateDescription", value: "stockStateId" };
+        }
+        StockChangeAmountComponent.prototype.ngAfterViewInit = function () {
+            this.getStockState();
+        };
+        StockChangeAmountComponent.prototype.closeDialogClick = function () {
+            this.closeStockChangeAmount.emit();
+        };
+        StockChangeAmountComponent.prototype.handleOkClick = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._stockService.updateArticleDetails(data)];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        StockChangeAmountComponent.prototype.handleCancelClick = function () {
+            this.closeStockChangeAmount.emit();
+        };
+        StockChangeAmountComponent.prototype.getStockState = function () {
+            var _this = this;
+            this._stockService.getStockState().then(function (state) {
+                _this.stockState = state;
+            });
+        };
+        return StockChangeAmountComponent;
+    }());
+    StockChangeAmountComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-stock-change-amount",
+                    template: "\n      <div class=\"stock-transfer\">\n        <co-dialog-wizard [showCloseIcon]=\"true\" (closeClick)=\"closeDialogClick()\">\n          <ng-container header>\n            <span [textContent]=\"'STOCK_CHANGE_REASON'\"></span>\n          </ng-container>\n          <div class=\"popup-wrapper\">\n            <co-drop-down-list [collection]=\"stockState\"\n                               [fields]=\"stockStateDropdownField\"\n                               [placeholder]=\"'STOCK_STATE'\"\n                               [(model)]=\"selectedArticleDetailsData.stockStateId\"\n            ></co-drop-down-list>\n\n            <co-input-textarea [(model)]=\"selectedArticleDetailsData.stockStateRemark\"\n\n            ></co-input-textarea>\n            <div class=\"ok-cancel-buttons\">\n              <co-button [textContent]=\"'Ok'\" (click)=\"handleOkClick(selectedArticleDetailsData)\"></co-button>\n              <co-button [textContent]=\"'Annuleren'\" (click)=\"handleCancelClick()\"></co-button>\n            </div>\n          </div>\n        </co-dialog-wizard>\n      </div>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    StockChangeAmountComponent.ctorParameters = function () { return [
+        { type: StockService }
+    ]; };
+    StockChangeAmountComponent.propDecorators = {
+        selectedArticleDetailsData: [{ type: i0.Input }],
+        closeStockChangeAmount: [{ type: i0.Output }]
+    };
+
+    var StockModule = /** @class */ (function () {
+        function StockModule() {
+        }
+        return StockModule;
+    }());
+    StockModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        corecomponents_v12.InputComboBoxModule,
+                        corecomponents_v12.CoGridModule,
+                        corecomponents_v12.ButtonModule,
+                        common.CommonModule,
+                        corecomponents_v12.InputRadioButtonModule,
+                        corecomponents_v12.DropDownModule,
+                        corecomponents_v12.SimpleGridModule,
+                        corecomponents_v12.ImageModule,
+                        corecomponents_v12.InputTextModule,
+                        SendMethodDialogModule,
+                        corecomponents_v12.IconModule,
+                        corecomponents_v12.InputNumberPickerModule,
+                        corecomponents_v12.CoDialogWizardModule,
+                        corecomponents_v12.InputTextareaModule
+                    ],
+                    declarations: [
+                        StockComponent,
+                        StockInformationComponent,
+                        StockInformationGridComponent,
+                        StockLocationComponent,
+                        StockTransferComponent,
+                        StockChangeAmountComponent
+                    ],
+                    exports: [
+                        StockComponent
+                    ],
+                    providers: [
+                        StockService
+                    ]
+                },] }
+    ];
+
+    var KeyboardCode;
+    (function (KeyboardCode) {
+        KeyboardCode["Backspace"] = "Backspace";
+        KeyboardCode["Digit0"] = "Digit0";
+        KeyboardCode["Digit1"] = "Digit1";
+        KeyboardCode["Digit2"] = "Digit2";
+        KeyboardCode["Digit3"] = "Digit3";
+        KeyboardCode["Digit4"] = "Digit4";
+        KeyboardCode["Digit5"] = "Digit5";
+        KeyboardCode["Digit6"] = "Digit6";
+        KeyboardCode["Digit7"] = "Digit7";
+        KeyboardCode["Digit8"] = "Digit8";
+        KeyboardCode["Digit9"] = "Digit9";
+        KeyboardCode["Enter"] = "Enter";
+        KeyboardCode["Escape"] = "Escape";
+        KeyboardCode["Minus"] = "Minus";
+        KeyboardCode["Numpad0"] = "Numpad0";
+        KeyboardCode["Numpad1"] = "Numpad1";
+        KeyboardCode["Numpad2"] = "Numpad2";
+        KeyboardCode["Numpad3"] = "Numpad3";
+        KeyboardCode["Numpad4"] = "Numpad4";
+        KeyboardCode["Numpad5"] = "Numpad5";
+        KeyboardCode["Numpad6"] = "Numpad6";
+        KeyboardCode["Numpad7"] = "Numpad7";
+        KeyboardCode["Numpad8"] = "Numpad8";
+        KeyboardCode["Numpad9"] = "Numpad9";
+        KeyboardCode["NumpadDecimal"] = "NumpadDecimal";
+        KeyboardCode["NumpadEnter"] = "NumpadEnter";
+        KeyboardCode["NumpadSubtract"] = "NumpadSubtract";
+        KeyboardCode["Period"] = "Period";
+    })(KeyboardCode || (KeyboardCode = {}));
+
+    var KeyPadComponent = /** @class */ (function () {
+        function KeyPadComponent(iconCacheService) {
+            this.iconCacheService = iconCacheService;
+            this.icons = Icon;
+            this.showValue = true;
+            this.emitModelChangeOnEnter = true;
+            this.modelChange = new i0.EventEmitter();
+            this.internalModelChange = new i0.EventEmitter();
+            this.enterClick = new i0.EventEmitter();
+            this._validKeyMap = new Map([
+                [KeyboardCode.Digit0, "0"],
+                [KeyboardCode.Digit1, "1"],
+                [KeyboardCode.Digit2, "2"],
+                [KeyboardCode.Digit3, "3"],
+                [KeyboardCode.Digit4, "4"],
+                [KeyboardCode.Digit5, "5"],
+                [KeyboardCode.Digit6, "6"],
+                [KeyboardCode.Digit7, "7"],
+                [KeyboardCode.Digit8, "8"],
+                [KeyboardCode.Digit9, "9"],
+                [KeyboardCode.Numpad0, "0"],
+                [KeyboardCode.Numpad1, "1"],
+                [KeyboardCode.Numpad2, "2"],
+                [KeyboardCode.Numpad3, "3"],
+                [KeyboardCode.Numpad4, "4"],
+                [KeyboardCode.Numpad5, "5"],
+                [KeyboardCode.Numpad6, "6"],
+                [KeyboardCode.Numpad7, "7"],
+                [KeyboardCode.Numpad8, "8"],
+                [KeyboardCode.Numpad9, "9"],
+                [KeyboardCode.NumpadDecimal, "."],
+                [KeyboardCode.Period, "."]
+            ]);
+            this.isNegative = false;
+            this._model = 0;
+            this._internalModel = "0";
+            this._maxCharacters = 11;
+        }
+        Object.defineProperty(KeyPadComponent.prototype, "model", {
+            get: function () {
+                return this._model;
+            },
+            set: function (value) {
+                this._model = value;
+                this._internalModel = this._model + "";
+            },
+            enumerable: false,
+            configurable: true
+        });
+        KeyPadComponent.prototype.showClass = function () {
+            return true;
+        };
+        KeyPadComponent.prototype.handleKeyDown = function (event) {
+            this._keyDown(event);
+        };
+        Object.defineProperty(KeyPadComponent.prototype, "internalModel", {
+            get: function () {
+                return this._internalModel;
+            },
+            set: function (value) {
+                this._internalModel = value;
+                this.isNegative = parseFloat(this._internalModel) < 0;
+                this.internalModelChange.emit(this._internalModel);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        KeyPadComponent.prototype.handleMinusClick = function (event) {
+            var model = parseFloat(this.internalModel);
+            if (model !== 0) {
+                if (model < 0) {
+                    this.internalModel = Math.abs(model) + "";
+                }
+                else {
+                    this.internalModel = -model + "";
+                }
+            }
+            this._emitModelChange();
+        };
+        KeyPadComponent.prototype.handleClearClick = function (event) {
+            this.internalModel = "0";
+            this._emitModelChange();
+        };
+        KeyPadComponent.prototype.handleBsClick = function (event) {
+            var wish = this.internalModel;
+            wish = wish.slice(0, wish.length - 1) || "0";
+            if (!isNaN(parseFloat(wish))) {
+                this.internalModel = parseFloat(wish) + "";
+            }
+            this._emitModelChange();
+        };
+        KeyPadComponent.prototype.handleButtonClick = function (chr) {
+            this._updateModel(chr);
+        };
+        KeyPadComponent.prototype.handleEnterClick = function (event) {
+            this._emitModelChange(true);
+            this.enterClick.emit();
+        };
+        KeyPadComponent.prototype._updateModel = function (value) {
+            if (value === undefined || value === null ||
+                (value === '.' && this.internalModel.indexOf('.') > -1) ||
+                this.internalModel.length >= this._maxCharacters) {
+                return;
+            }
+            this.internalModel = this.internalModel !== "0" ? this.internalModel + value : value;
+            this._emitModelChange();
+        };
+        KeyPadComponent.prototype._keyDown = function (event) {
+            if (this._isEnter(event)) {
+                this.handleEnterClick(event);
+            }
+            else if (this._isMinus(event)) {
+                this.handleMinusClick(event);
+            }
+            else if (this._isEscape(event)) {
+                this.handleClearClick(event);
+            }
+            else if (this._isBackspace(event)) {
+                this.handleBsClick(event);
+            }
+            else {
+                this._updateModel(this._validKeyMap.get(event.code));
+            }
+        };
+        KeyPadComponent.prototype._isEnter = function (event) {
+            return event.code === KeyboardCode.Enter || event.code === KeyboardCode.NumpadEnter;
+        };
+        KeyPadComponent.prototype._isMinus = function (event) {
+            return event.code === KeyboardCode.Minus || event.code === KeyboardCode.NumpadSubtract;
+        };
+        KeyPadComponent.prototype._isEscape = function (event) {
+            return event.code === KeyboardCode.Escape;
+        };
+        KeyPadComponent.prototype._isBackspace = function (event) {
+            return event.code === KeyboardCode.Backspace;
+        };
+        KeyPadComponent.prototype._emitModelChange = function (enter) {
+            if (enter === void 0) { enter = false; }
+            if ((enter && this.emitModelChangeOnEnter) || (!enter && !this.emitModelChangeOnEnter)) {
+                var model = parseFloat(this.internalModel);
+                if (!isNaN(model)) {
+                    if (enter && this.emitModelChangeOnEnter) {
+                        this.model = model;
+                    }
+                    this.modelChange.emit(model);
+                }
+            }
+        };
+        return KeyPadComponent;
+    }());
+    KeyPadComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'co-key-pad',
+                    template: "\n    <div class=\"key-pad-wrapper\">\n      <div class=\"key-pad-model-wrapper\" *ngIf=\"showValue\">\n        <div class=\"key-pad-model\" [textContent]=\"internalModel\" [class.negative]=\"isNegative\"></div>\n      </div>\n      <div class=\"key-pad-button-wrapper\">\n        <div class=\"key-pad-button button-7\" [textContent]=\"'7'\" (click)=\"handleButtonClick('7')\"></div>\n        <div class=\"key-pad-button button-8\" [textContent]=\"'8'\" (click)=\"handleButtonClick('8')\"></div>\n        <div class=\"key-pad-button button-9\" [textContent]=\"'9'\" (click)=\"handleButtonClick('9')\"></div>\n        <div class=\"key-pad-button button-bs\" (click)=\"handleBsClick($event)\">\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.DeleteLeftRegular)\"></co-icon>\n        </div>\n        <div class=\"key-pad-button button-4\" [textContent]=\"'4'\" (click)=\"handleButtonClick('4')\"></div>\n        <div class=\"key-pad-button button-5\" [textContent]=\"'5'\" (click)=\"handleButtonClick('5')\"></div>\n        <div class=\"key-pad-button button-6\" [textContent]=\"'6'\" (click)=\"handleButtonClick('6')\"></div>\n        <div class=\"key-pad-button button-minus\" [textContent]=\"'-'\" (click)=\"handleMinusClick($event)\"></div>\n        <div class=\"key-pad-button button-1\" [textContent]=\"'1'\" (click)=\"handleButtonClick('1')\"></div>\n        <div class=\"key-pad-button button-2\" [textContent]=\"'2'\" (click)=\"handleButtonClick('2')\"></div>\n        <div class=\"key-pad-button button-3\" [textContent]=\"'3'\" (click)=\"handleButtonClick('3')\"></div>\n        <div class=\"key-pad-button button-enter\" (click)=\"handleEnterClick($event)\">\n          <span [textContent]=\"'enter'\"></span>\n        </div>\n        <div class=\"key-pad-button button-0\" [textContent]=\"'0'\" (click)=\"handleButtonClick('0')\"></div>\n        <div class=\"key-pad-button button-dot\" [textContent]=\"'.'\" (click)=\"handleButtonClick('.')\"></div>\n      </div>\n    </div>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    KeyPadComponent.ctorParameters = function () { return [
+        { type: IconCacheService }
+    ]; };
+    KeyPadComponent.propDecorators = {
+        model: [{ type: i0.Input }],
+        showValue: [{ type: i0.Input }],
+        emitModelChangeOnEnter: [{ type: i0.Input }],
+        modelChange: [{ type: i0.Output }],
+        internalModelChange: [{ type: i0.Output }],
+        enterClick: [{ type: i0.Output }],
+        showClass: [{ type: i0.HostBinding, args: ['class.co-key-pad',] }],
+        handleKeyDown: [{ type: i0.HostListener, args: ['window:keydown', ['$event'],] }]
+    };
+
+    var KeyPadModule = /** @class */ (function () {
+        function KeyPadModule() {
+        }
+        return KeyPadModule;
+    }());
+    KeyPadModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.IconModule
+                    ],
+                    declarations: [
+                        KeyPadComponent
+                    ],
+                    exports: [
+                        KeyPadComponent
+                    ]
+                },] }
+    ];
+
+    var LayoutSwitcherComponent = /** @class */ (function () {
+        function LayoutSwitcherComponent(iconCacheService) {
+            this.iconCacheService = iconCacheService;
+            this.icon = Icon;
+            this.layoutItems = [];
+            this.layoutSwitchEmit = new i0.EventEmitter();
+            this.showMaskSidebar = false;
+            this._activeIndex = 0;
+        }
+        LayoutSwitcherComponent.prototype.showClass = function () {
+            return true;
+        };
+        Object.defineProperty(LayoutSwitcherComponent.prototype, "activeIndex", {
+            get: function () {
+                return this._activeIndex;
+            },
+            set: function (index) {
+                this._activeIndex = index;
+                this.toggleMaskSidebar();
+                this.layoutSwitchEmit.emit(this.layoutItems[index]);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        LayoutSwitcherComponent.prototype.toggleMaskSidebar = function () {
+            this.showMaskSidebar = !this.showMaskSidebar;
+        };
+        return LayoutSwitcherComponent;
+    }());
+    LayoutSwitcherComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "layout-switcher",
+                    template: "\n    <div class=\"mask-wrapper\" [class.mask-wrapper-active]='showMaskSidebar' @showHideSidebar>\n      <div class=\"icon-wrapper\" (click)=\"toggleMaskSidebar()\">\n        <co-icon class=\"icon-mask\" [iconData]=\"iconCacheService.getIcon(icon.BringForwardRegular)\" [@positionIcon]=\"showMaskSidebar\"></co-icon>\n\n        <co-icon class='icon-mask-sidebar-handle' [@positionHandle]='showMaskSidebar' [iconData]=\"showMaskSidebar ? iconCacheService.getIcon(this.icon.AngleLeftSolid) : iconCacheService.getIcon(this.icon.AngleRightSolid)\"></co-icon>\n      </div>\n\n      <div class=\"mask-content\" *ngIf=\"showMaskSidebar\" @showHideSidebar>\n        <span *ngFor='let item of this.layoutItems' [class.active]=\"this.activeIndex === this.layoutItems.indexOf(item)\" [textContent]=\"item\" (click)='activeIndex = this.layoutItems.indexOf(item)' ></span>\n      </div>\n    </div>\n\n  ",
+                    animations: [
+                        animations.trigger("showHideSidebar", [
+                            animations.state("void", animations.style({ "width": "0" })),
+                            animations.state("*", animations.style({ "width": "*" })),
+                            animations.transition("void <=> *", animations.animate(200))
+                        ]),
+                        animations.trigger("positionIcon", [
+                            animations.state("true", animations.style({ "left": "70px" })),
+                            animations.state("false", animations.style({ "left": "10px" })),
+                            animations.transition("true <=> false", animations.animate(200))
+                        ]),
+                        animations.trigger("positionHandle", [
+                            animations.state("true", animations.style({ "left": "15px" })),
+                            animations.state("false", animations.style({ "left": "75px" })),
+                            animations.transition("true <=> false", animations.animate(200))
+                        ])
+                    ],
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    LayoutSwitcherComponent.ctorParameters = function () { return [
+        { type: IconCacheService }
+    ]; };
+    LayoutSwitcherComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ['class.layout-switcher',] }],
+        layoutItems: [{ type: i0.Input }],
+        layoutSwitchEmit: [{ type: i0.Output }]
+    };
+
+    var LayoutSwitcherModule = /** @class */ (function () {
+        function LayoutSwitcherModule() {
+        }
+        return LayoutSwitcherModule;
+    }());
+    LayoutSwitcherModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.IconModule
+                    ],
+                    declarations: [
+                        LayoutSwitcherComponent,
+                    ],
+                    exports: [
+                        LayoutSwitcherComponent
+                    ]
+                },] }
+    ];
+
+    var GaugeColor$1;
+    (function (GaugeColor) {
+        GaugeColor["Low"] = "#E0E0E0";
+        GaugeColor["Medium"] = "#F88952";
+        GaugeColor["High"] = "#5FDCB3";
+    })(GaugeColor$1 || (GaugeColor$1 = {}));
+    var CoCircularGaugeComponent = /** @class */ (function () {
+        function CoCircularGaugeComponent() {
+            this._color = GaugeColor$1.Low;
+            this.majorTicks = {
+                height: 0,
+            };
+            this.minorTicks = {
+                height: 0
+            };
+            this.labelStyle = {
+                position: 'Inside', useRangeColor: true,
+                font: { size: '0px', fontFamily: 'inherit' }
+            };
+            this.lineStyle = {
+                width: 0
+            };
+            this.ranges = [
+                {
+                    start: 1, end: 100,
+                    radius: '13px',
+                    startWidth: 3, endWidth: 3,
+                    color: '#E0E0E0',
+                    roundedCornerRadius: 0
+                },
+            ];
+        }
+        Object.defineProperty(CoCircularGaugeComponent.prototype, "value", {
+            get: function () {
+                return this._value;
+            },
+            set: function (value) {
+                this._value = value;
+                this._setColor();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(CoCircularGaugeComponent.prototype, "color", {
+            get: function () {
+                return this._color;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        CoCircularGaugeComponent.prototype.showClass = function () {
+            return true;
+        };
+        CoCircularGaugeComponent.prototype.getAxes = function () {
+            return [{
+                    minimum: 0,
+                    maximum: 100,
+                    radius: '15px',
+                    startAngle: 1,
+                    endAngle: 360,
+                    majorTicks: this.majorTicks,
+                    minorTicks: this.minorTicks,
+                    labelStyle: this.labelStyle,
+                    lineStyle: this.lineStyle,
+                    ranges: this.ranges,
+                    pointers: this.getPointers(),
+                    annotations: this.getAnnotations(),
+                }];
+        };
+        CoCircularGaugeComponent.prototype.getPointers = function () {
+            if (this.value) {
+                return [{
+                        roundedCornerRadius: 0,
+                        value: this.value,
+                        type: 'RangeBar',
+                        radius: '13px',
+                        color: this.color,
+                        border: {
+                            width: 0
+                        },
+                        animation: {
+                            enable: false
+                        },
+                        pointerWidth: 3
+                    }];
+            }
+        };
+        ;
+        CoCircularGaugeComponent.prototype.getAnnotations = function () {
+            if (this.value !== undefined) {
+                var label = this.value ? this.value + "%" : "0%";
+                return [{
+                        content: '<div class="annotation">' +
+                            label + '</div>',
+                        angle: 90,
+                        radius: '50%',
+                        zIndex: '10',
+                    }];
+            }
+        };
+        CoCircularGaugeComponent.prototype._setColor = function () {
+            if (this.value == 0) {
+                this._color = GaugeColor$1.Low;
+            }
+            else if (this.value >= 0 && this.value < 100) {
+                this._color = GaugeColor$1.Medium;
+            }
+            else if (this.value == 100) {
+                this._color = GaugeColor$1.High;
+            }
+        };
+        return CoCircularGaugeComponent;
+    }());
+    CoCircularGaugeComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-circular-gauge",
+                    template: "\n    <div class=\"circular-gauge-wrapper\">\n      <ejs-circulargauge\n        class=\"circular-gauge\"\n        [width]=\"'100%'\"\n        [axes]=\"getAxes()\">\n      </ejs-circulargauge>\n    </div>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    CoCircularGaugeComponent.propDecorators = {
+        circulargauge: [{ type: i0.ViewChild, args: ['circulargauge',] }],
+        value: [{ type: i0.Input }],
+        showClass: [{ type: i0.HostBinding, args: ["class.co-circular-gauge",] }]
+    };
+
+    var CoCircularGaugeModule = /** @class */ (function () {
+        function CoCircularGaugeModule() {
+        }
+        return CoCircularGaugeModule;
+    }());
+    CoCircularGaugeModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        ej2AngularCirculargauge.CircularGaugeModule
+                    ],
+                    declarations: [
+                        CoCircularGaugeComponent
+                    ],
+                    exports: [
+                        CoCircularGaugeComponent
+                    ]
+                },] }
+    ];
+
+    var GaugeColor;
+    (function (GaugeColor) {
+        GaugeColor["Low"] = "#E0E0E0";
+        GaugeColor["Medium"] = "#F88952";
+        GaugeColor["High"] = "#5FDCB3";
+    })(GaugeColor || (GaugeColor = {}));
+    var CoLinearGaugeComponent = /** @class */ (function () {
+        function CoLinearGaugeComponent() {
+            this.color = GaugeColor.Low;
+        }
+        Object.defineProperty(CoLinearGaugeComponent.prototype, "value", {
+            get: function () {
+                return this._value;
+            },
+            set: function (value) {
+                this._value = value;
+                this._setColor();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        CoLinearGaugeComponent.prototype.showClass = function () {
+            return true;
+        };
+        CoLinearGaugeComponent.prototype.getStyle = function () {
+            return "linear-gradient(90deg, " + this.color + " 0 " + this.value + "%, white " + this.value + "% 100%";
+        };
+        CoLinearGaugeComponent.prototype._setColor = function () {
+            if (this.value == 0) {
+                this.color = GaugeColor.Low;
+            }
+            else if (this.value >= 0 && this.value < 100) {
+                this.color = GaugeColor.Medium;
+            }
+            else if (this.value == 100) {
+                this.color = GaugeColor.High;
+            }
+        };
+        return CoLinearGaugeComponent;
+    }());
+    CoLinearGaugeComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-linear-gauge",
+                    template: "\n    <div class=\"linear-gauge\"\n         [style.background]=\"getStyle()\"\n         [style.border-color]=\"color\"\n         [textContent]=\"count ? count : ''\"\n    ></div>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    CoLinearGaugeComponent.propDecorators = {
+        value: [{ type: i0.Input }],
+        count: [{ type: i0.Input }],
+        showClass: [{ type: i0.HostBinding, args: ["class.co-linear-gauge",] }]
+    };
+
+    var CoLinearGaugeModule = /** @class */ (function () {
+        function CoLinearGaugeModule() {
+        }
+        return CoLinearGaugeModule;
+    }());
+    CoLinearGaugeModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                    ],
+                    declarations: [
+                        CoLinearGaugeComponent
+                    ],
+                    exports: [
+                        CoLinearGaugeComponent
+                    ]
+                },] }
+    ];
+
+    var StatusbarComponent = /** @class */ (function () {
+        function StatusbarComponent() {
+            this.statusbarClick = new i0.EventEmitter();
+            this.showPopup = false;
+            this.popupClass = 'dropdown';
+        }
+        Object.defineProperty(StatusbarComponent.prototype, "statusbarData", {
+            get: function () {
+                return this._statusbarData;
+            },
+            set: function (value) {
+                this._statusbarData = value;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        StatusbarComponent.prototype.showClass = function () {
+            return true;
+        };
+        StatusbarComponent.prototype.onHover = function (event) {
+            this.showPopup = true;
+            this._mouseY = event.screenY;
+            this._windowHeight = window.innerHeight;
+            this.setPopupClass();
+        };
+        StatusbarComponent.prototype.onLeave = function () {
+            this.showPopup = false;
+        };
+        StatusbarComponent.prototype.onStatusbarClick = function () {
+            this.statusbarClick.emit();
+        };
+        StatusbarComponent.prototype.setPopupClass = function () {
+            var popupHeight = this.statusbarData.length * 30;
+            var dropdownInScreen = (this._mouseY + popupHeight) <= this._windowHeight;
+            if (dropdownInScreen) {
+                this.popupClass = 'dropdown';
+            }
+            else {
+                this.popupClass = 'dropup';
+            }
+        };
+        return StatusbarComponent;
+    }());
+    StatusbarComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-statusbar",
+                    template: "\n    <div class=\"co-statusbar-wrapper\"\n         *ngIf=\"statusbarData\"\n         (mouseover)=\"onHover($event)\"\n         (mouseleave)=\"onLeave()\"\n         (click)=\"onStatusbarClick()\">\n      <div class=\"statuses\">\n        <div *ngFor=\"let data of statusbarData; let index = index\" class=\"status\">\n          <co-linear-gauge [value]=\"data.percentage\" [count]=\"!!data.count ? data.count : undefined\"></co-linear-gauge>\n        </div>\n      </div>\n      <div class=status-description-popup *ngIf=\"showPopup\" @showHidePopup [ngClass]=\"popupClass\">\n        <div class=\"status-descriptions\">\n          <div *ngFor=\"let data of statusbarData; let index = index\" class=\"status-description\">\n            <co-circular-gauge [value]=\"data.percentage\"></co-circular-gauge>\n            <span [textContent]=\"data.label\"></span>\n          </div>\n        </div>\n      </div>\n    </div>\n  ",
+                    animations: [
+                        animations.trigger("showHidePopup", [
+                            animations.state("void", animations.style({ opacity: 0 })),
+                            animations.state("*", animations.style({ opacity: 1 })),
+                            animations.transition("void <=> *", animations.animate("250ms ease-in-out")),
+                        ])
+                    ],
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    StatusbarComponent.ctorParameters = function () { return []; };
+    StatusbarComponent.propDecorators = {
+        statusbarData: [{ type: i0.Input }],
+        statusbarClick: [{ type: i0.Output }],
+        showClass: [{ type: i0.HostBinding, args: ["class.co-statusbar",] }]
+    };
+
+    var StatusbarModule = /** @class */ (function () {
+        function StatusbarModule() {
+        }
+        return StatusbarModule;
+    }());
+    StatusbarModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        CoCircularGaugeModule,
+                        CoLinearGaugeModule
+                    ],
+                    declarations: [
+                        StatusbarComponent
+                    ],
+                    exports: [
+                        StatusbarComponent
+                    ]
+                },] }
+    ];
+
+    var SharedService = /** @class */ (function () {
+        function SharedService(options, connector) {
+            this.options = options;
+            this.connector = connector;
+        }
+        SharedService.prototype.init = function (options) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.options.initialize(options)];
+                        case 1:
+                            _a.sent();
+                            this.connector.connect();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        return SharedService;
+    }());
+    SharedService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function SharedService_Factory() { return new SharedService(i0__namespace.ɵɵinject(OptionsService), i0__namespace.ɵɵinject(SharedConnectorService)); }, token: SharedService, providedIn: "root" });
+    SharedService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: "root"
+                },] }
+    ];
+    SharedService.ctorParameters = function () { return [
+        { type: OptionsService },
+        { type: SharedConnectorService }
+    ]; };
+
+    /*
+     * Public API Surface of sharedcomponents
+     */
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.CoCircularGaugeComponent = CoCircularGaugeComponent;
+    exports.CoCircularGaugeModule = CoCircularGaugeModule;
+    exports.CoLinearGaugeComponent = CoLinearGaugeComponent;
+    exports.CoLinearGaugeModule = CoLinearGaugeModule;
+    exports.DocsignComponent = DocsignComponent;
+    exports.DocsignModule = DocsignModule;
+    exports.KeyPadComponent = KeyPadComponent;
+    exports.KeyPadModule = KeyPadModule;
+    exports.LayoutSwitcherComponent = LayoutSwitcherComponent;
+    exports.LayoutSwitcherModule = LayoutSwitcherModule;
+    exports.SendMethodDialogComponent = SendMethodDialogComponent;
+    exports.SendMethodDialogModule = SendMethodDialogModule;
+    exports.SharedService = SharedService;
+    exports.StatusbarComponent = StatusbarComponent;
+    exports.StatusbarModule = StatusbarModule;
+    exports.StockComponent = StockComponent;
+    exports.StockModule = StockModule;
+    exports["ɵa"] = SignatureComponent;
+    exports["ɵb"] = SignaturesComponent;
+    exports["ɵc"] = StockService;
+    exports["ɵd"] = SharedConnectorService;
+    exports["ɵe"] = OptionsService;
+    exports["ɵf"] = DictionaryService;
+    exports["ɵg"] = IconCacheService;
+    exports["ɵh"] = StockInformationComponent;
+    exports["ɵi"] = StockInformationGridComponent;
+    exports["ɵj"] = StockLocationComponent;
+    exports["ɵk"] = StockTransferComponent;
+    exports["ɵl"] = StockChangeAmountComponent;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=colijnit-sharedcomponents.umd.js.map