@colijnit/sharedcomponents 1.0.19 → 1.0.20

package/bundles/colijnit-sharedcomponents.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('pdf-lib'), require('pdfjs-dist/legacy/build/pdf'), require('pdfjs-dist/build/pdf.worker.entry'), require('@angular/common'), require('signature_pad'), 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/sharedapi/build/model/print-stock-stickers'), 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/print-stock-stickers'), 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')) :
-    typeof define === 'function' && define.amd ? define('@colijnit/sharedcomponents', ['exports', '@angular/core', '@angular/animations', 'pdf-lib', 'pdfjs-dist/legacy/build/pdf', 'pdfjs-dist/build/pdf.worker.entry', '@angular/common', 'signature_pad', '@colijnit/articleapi/build/articles', '@colijnit/sharedapi/build/sharedapi', '@colijnit/sharedapi/build/model/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/sharedapi/build/model/print-stock-stickers', '@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/print-stock-stickers', '@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'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.sharedcomponents = {}), global.ng.core, global.ng.animations, global.pdfLib, global.PDFJS, global.pdfjsWorker, global.ng.common, global.SignaturePad, global.articles, global.sharedapi, global.printer_bo, global.notNill_function, global.objectUtils, global.yesNoDbType_enum, global.trueFalseDbType_enum, global.oneZeroBoolDbType_enum, global.dbBooleanValueType_enum, global.dateUtils, global.numberUtils, global.isNill_function, global.mapProperty_decorator, global.boolean_decorator, global.json_decorator, global.complexArray_decorator, global.printStockStickers, global.articleStock_bo, global.stockHistory_bo, global.stockStickersPrintLayouts_bo, global.articleDetails_bo, global.stockStatus_bo, global.stockManagementWarehouses_bo, global.stockLocation_bo, global.printStockStickers$1, global.getStockHistoryRequest, global.articleStock, global.corecomponents_v12, global.ng.platformBrowser, global.articleStockManagement));
-})(this, (function (exports, i0, animations, pdfLib, PDFJS, pdfjsWorker, common, SignaturePad, articles, sharedapi, printer_bo, notNill_function, objectUtils, yesNoDbType_enum, trueFalseDbType_enum, oneZeroBoolDbType_enum, dbBooleanValueType_enum, dateUtils, numberUtils, isNill_function, mapProperty_decorator, boolean_decorator, json_decorator, complexArray_decorator, printStockStickers, articleStock_bo, stockHistory_bo, stockStickersPrintLayouts_bo, articleDetails_bo, stockStatus_bo, stockManagementWarehouses_bo, stockLocation_bo, printStockStickers$1, getStockHistoryRequest, articleStock, corecomponents_v12, i1, articleStockManagement) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('pdf-lib'), require('pdfjs-dist/legacy/build/pdf'), require('pdfjs-dist/build/pdf.worker.entry'), require('@angular/common'), require('signature_pad'), require('@colijnit/sharedapi/build/model/print-stock-stickers'), 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')) :
+    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/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'], 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.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));
+})(this, (function (exports, i0, animations, pdfLib, PDFJS, pdfjsWorker, common, SignaturePad, printStockStickers, 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) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -1408,32 +1408,284 @@
         return BusinessObjectFactory;
     }());
 
-    var IoneConnectorAdapterService = /** @class */ (function () {
-        function IoneConnectorAdapterService() {
-            this._boFactory = new 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);
         }
-        IoneConnectorAdapterService.prototype.connect = function (options) {
+        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) {
-                    if (this.options === undefined) {
-                        this.options = options;
-                        this.connector = new articles.Articles(options);
-                        this.sharedConnector = new sharedapi.Sharedapi(options);
-                        this.options.session = this.connector.session && this.sharedConnector.session;
+                    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*/];
                 });
             });
         };
-        IoneConnectorAdapterService.prototype.disconnect = function () {
+        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.options = undefined;
+                    this.connector = new articles.Articles(this._optionsService.options);
+                    this.sharedConnector = new sharedapi.Sharedapi(this._optionsService.options);
+                    this._optionsService.options.session = this.connector.session && this.sharedConnector.session;
                     return [2 /*return*/];
                 });
             });
         };
-        IoneConnectorAdapterService.prototype.getAllPrinters = function (showAll) {
+        SharedConnectorService.prototype.getAllPrinters = function (showAll) {
             if (showAll === void 0) { showAll = true; }
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
@@ -1453,7 +1705,7 @@
                 });
             });
         };
-        IoneConnectorAdapterService.prototype.getPrintStockStickers = function (request) {
+        SharedConnectorService.prototype.getPrintStockStickers = function (request) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
@@ -1472,26 +1724,20 @@
                 });
             });
         };
-        IoneConnectorAdapterService.prototype.getStockStickerPrintLayouts = function (stockStickersPrintLayoutsBo) {
-            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(stockStickersPrintLayoutsBo).then(function (result) {
-                                if (result.validationResult && result.validationResult.success) {
-                                    if (result.resultObject) {
-                                        resolve(_this._boFactory.makeWithRawBackendData(stockStickersPrintLayoutsBo, result.resultObject));
-                                    }
-                                }
-                                else {
-                                    reject(result.validationMessagesAsString);
-                                }
-                            });
-                        })];
-                });
-            });
-        };
-        IoneConnectorAdapterService.prototype.getArticleFullObject = function (goodId) {
+        // public async getStockStickerPrintLayouts(stockStickersPrintLayoutsBo: StockStickersPrintLayoutsBo): Promise<StockStickersPrintLayoutsBo[]> {
+        //   return new Promise((resolve: Function, reject: Function) => {
+        //     return this.sharedConnector.getStockStickerPrintLayouts(stockStickersPrintLayoutsBo).then((result: DataServiceResponse) => {
+        //       if (result.validationResult && result.validationResult.success) {
+        //         if (result.resultObject) {
+        //           resolve(this._boFactory.makeWithRawBackendData(stockStickersPrintLayoutsBo, 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) {
@@ -1509,7 +1755,7 @@
                 });
             });
         };
-        IoneConnectorAdapterService.prototype.getStockHistory = function (request) {
+        SharedConnectorService.prototype.getStockHistory = function (request) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
@@ -1528,7 +1774,7 @@
                 });
             });
         };
-        IoneConnectorAdapterService.prototype.getStockInformation = function (data) {
+        SharedConnectorService.prototype.getStockInformation = function (data) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
@@ -1536,7 +1782,7 @@
                             return _this.connector.getStockInformation(data).then(function (result) {
                                 if (result.validationResult && result.validationResult.success) {
                                     if (result.resultObjects) {
-                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(articleStock_bo.ArticleStockBo, result.resultObjects));
+                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(articleStock_bo.ArticleStock, result.resultObjects));
                                     }
                                 }
                                 else {
@@ -1547,7 +1793,7 @@
                 });
             });
         };
-        IoneConnectorAdapterService.prototype.getStockManagementWarehouses = function () {
+        SharedConnectorService.prototype.getStockManagementWarehouses = function () {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
@@ -1566,7 +1812,7 @@
                 });
             });
         };
-        IoneConnectorAdapterService.prototype.getStockManagementLocations = function (warehouseNo) {
+        SharedConnectorService.prototype.getStockManagementLocations = function (warehouseNo) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
@@ -1585,7 +1831,7 @@
                 });
             });
         };
-        IoneConnectorAdapterService.prototype.getArticleDetails = function (data) {
+        SharedConnectorService.prototype.getArticleDetails = function (data) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
@@ -1604,7 +1850,7 @@
                 });
             });
         };
-        IoneConnectorAdapterService.prototype.updateArticleDetails = function (data) {
+        SharedConnectorService.prototype.updateArticleDetails = function (data) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
@@ -1630,7 +1876,7 @@
                 });
             });
         };
-        IoneConnectorAdapterService.prototype.lockArticleDetails = function (data) {
+        SharedConnectorService.prototype.lockArticleDetails = function (data) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
@@ -1656,7 +1902,7 @@
                 });
             });
         };
-        IoneConnectorAdapterService.prototype.getStockStatus = function () {
+        SharedConnectorService.prototype.getStockStatus = function () {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
@@ -1675,7 +1921,7 @@
                 });
             });
         };
-        IoneConnectorAdapterService.prototype.getStockStickerTemplates = function (data) {
+        SharedConnectorService.prototype.getStockStickerTemplates = function (data) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
@@ -1694,75 +1940,129 @@
                 });
             });
         };
-        IoneConnectorAdapterService.prototype.commit = function () {
+        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.connector.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.connector.commit();
         };
-        return IoneConnectorAdapterService;
+        return SharedConnectorService;
     }());
-    IoneConnectorAdapterService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function IoneConnectorAdapterService_Factory() { return new IoneConnectorAdapterService(); }, token: IoneConnectorAdapterService, providedIn: "root" });
-    IoneConnectorAdapterService.decorators = [
+    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"
                 },] }
     ];
-    IoneConnectorAdapterService.ctorParameters = function () { return []; };
+    SharedConnectorService.ctorParameters = function () { return [
+        { type: OptionsService }
+    ]; };
 
-    var StockService = /** @class */ (function () {
-        function StockService(_connector) {
-            this._connector = _connector;
+    var SharedService = /** @class */ (function () {
+        function SharedService(options, connector) {
+            this.options = options;
+            this.connector = connector;
         }
-        StockService.prototype.connectConnector = function (options) {
-            this._connector.connect(options);
+        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*/];
+                    }
+                });
+            });
         };
-        // public async getPrintStockStickers(data: PrintStockStickers): Promise<void> {
-        //   await this._connector.getPrintStockStickers(data);
-        // }
-        StockService.prototype.getAllPrinters = function (showAll) {
-            if (showAll === void 0) { showAll = true; }
+        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 }
+    ]; };
+
+    var StockService = /** @class */ (function (_super) {
+        __extends(StockService, _super);
+        function StockService() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this.printSticker = new printStockStickers.PrintStockStickers();
+            return _this;
+        }
+        StockService.prototype.getPrintStockStickers = function (data) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._connector.getAllPrinters(showAll)];
-                        case 1: return [2 /*return*/, _a.sent()];
+                        case 0: return [4 /*yield*/, this.connector.getPrintStockStickers(data)];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
                     }
                 });
             });
         };
-        StockService.prototype.getStockHistory = function (data) {
+        StockService.prototype.getAllPrinters = function (showAll) {
+            if (showAll === void 0) { showAll = true; }
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._connector.getStockHistory(data)];
+                        case 0: return [4 /*yield*/, this.connector.getAllPrinters(showAll)];
                         case 1: return [2 /*return*/, _a.sent()];
                     }
                 });
             });
         };
-        StockService.prototype.getStockInformation = function (data) {
+        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._connector.getStockInformation(data)];
+                        case 0: return [4 /*yield*/, this.connector.getStockHistory(data)];
                         case 1: return [2 /*return*/, _a.sent()];
                     }
                 });
             });
         };
-        StockService.prototype.getStockStickerPrintLayouts = function (data) {
+        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._connector.getStockStickerPrintLayouts(data)];
+                        case 0: return [4 /*yield*/, this.connector.getStockInformation(data)];
                         case 1: return [2 /*return*/, _a.sent()];
                     }
                 });
             });
         };
+        // public async getStockStickerPrintLayouts(data: StockStickersPrintLayoutsBo): Promise<StockStickersPrintLayoutsBo[]> {
+        //   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._connector.getArticleDetails(data)];
+                        case 0: return [4 /*yield*/, this.connector.getArticleDetails(data)];
                         case 1: return [2 /*return*/, _a.sent()];
                     }
                 });
@@ -1772,7 +2072,7 @@
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._connector.updateArticleDetails(data)];
+                        case 0: return [4 /*yield*/, this.connector.updateArticleDetails(data)];
                         case 1: return [2 /*return*/, _a.sent()];
                     }
                 });
@@ -1782,7 +2082,7 @@
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._connector.getStockStatus()];
+                        case 0: return [4 /*yield*/, this.connector.getStockStatus()];
                         case 1: return [2 /*return*/, _a.sent()];
                     }
                 });
@@ -1792,7 +2092,7 @@
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._connector.getStockStickerTemplates(data)];
+                        case 0: return [4 /*yield*/, this.connector.getStockStickerTemplates(data)];
                         case 1: return [2 /*return*/, _a.sent()];
                     }
                 });
@@ -1802,7 +2102,7 @@
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._connector.getStockManagementWarehouses()];
+                        case 0: return [4 /*yield*/, this.connector.getStockManagementWarehouses()];
                         case 1: return [2 /*return*/, _a.sent()];
                     }
                 });
@@ -1812,7 +2112,17 @@
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._connector.getStockManagementLocations(warehouseNo)];
+                        case 0: return [4 /*yield*/, this.connector.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.connector.getArticleTransaction(data)];
                         case 1: return [2 /*return*/, _a.sent()];
                     }
                 });
@@ -1822,37 +2132,48 @@
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._connector.lockArticleDetails(data)];
+                        case 0: return [4 /*yield*/, this.connector.lockArticleDetails(data)];
                         case 1: return [2 /*return*/, _a.sent()];
                     }
                 });
             });
         };
         StockService.prototype.commit = function () {
-            return this._connector.commit();
+            return this.connector.commit();
         };
         return StockService;
-    }());
+    }(SharedService));
+    StockService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function StockService_Factory() { return new StockService(i0__namespace.ɵɵinject(OptionsService), i0__namespace.ɵɵinject(SharedConnectorService)); }, token: StockService, providedIn: "root" });
     StockService.decorators = [
-        { type: i0.Injectable }
-    ];
-    StockService.ctorParameters = function () { return [
-        { type: IoneConnectorAdapterService }
-    ]; };
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
 
     var StockComponent = /** @class */ (function () {
-        function StockComponent(stockService) {
+        function StockComponent(stockService, _optionsService) {
             this.stockService = stockService;
+            this._optionsService = _optionsService;
             this.handleStickerClicked = new i0.EventEmitter();
             this.showStockInformationGrid = true;
             this.showStockLocation = false;
             this.showStockTransfer = false;
             this.allAvailableStock = 0;
             this.allTechnicalStock = 0;
+            this._publicOptions = true;
         }
         Object.defineProperty(StockComponent.prototype, "options", {
             set: function (value) {
-                this.stockService.connectConnector(value);
+                if (value) {
+                    if (typeof value === "string") {
+                        this._options = JSON.parse(value);
+                    }
+                    else {
+                        this._options = value;
+                    }
+                    this._publicOptions = true;
+                    this._optionsService.initialize(this._options).then();
+                }
             },
             enumerable: false,
             configurable: true
@@ -1877,7 +2198,7 @@
             this.stockTransferArticleDetails = event;
             this.showStockTransfer = !this.showStockTransfer;
             this.showStockInformationGrid = !this.showStockInformationGrid;
-            this.stockService.stockStickers = new printStockStickers$1.PrintStockStickers();
+            this.stockService.stockStickers = new printStockStickers.PrintStockStickers();
         };
         StockComponent.prototype.backToStock = function () {
             this.showStockTransfer = !this.showStockTransfer;
@@ -1932,7 +2253,8 @@
                 },] }
     ];
     StockComponent.ctorParameters = function () { return [
-        { type: StockService }
+        { type: StockService },
+        { type: OptionsService }
     ]; };
     StockComponent.propDecorators = {
         stock: [{ type: i0.ViewChild, args: [StockComponent,] }],
@@ -2101,13 +2423,13 @@
             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;
-            console.log(this.articleDetailsInformation);
             this._stockService.lockArticleDetails(this.articleDetailsInformation);
         };
         StockInformationGridComponent.prototype.handleHistoryClick = function () {
@@ -2130,17 +2452,18 @@
                     this.activeTab = this.tabs[0];
                     this.hideOrShowTabs = true;
                     this.hideOrShowLocationTab = false;
+                    this.articleDetails = undefined;
                     return [2 /*return*/];
                 });
             });
         };
-        StockInformationGridComponent.prototype.openSendMethodDialog = function () {
+        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.printSticker = new printStockStickers.PrintStockStickers();
-            this.printSticker.goodId = 10;
-            // this._stockService.getPrintStockStickers(this.printSticker);
+            this._stockService.getPrintStockStickers(this._stockService.printSticker);
         };
         StockInformationGridComponent.prototype.onOkClick = function () {
         };
@@ -2170,8 +2493,7 @@
         StockInformationGridComponent.prototype.onSelectWarehouse = function (event) {
             var _this = this;
             this.articleDetailsInformation.warehouseNumber = event;
-            console.log(event);
-            if (this.dataWareHouseCode != null) {
+            if (this.selectedWarehouse || this.selectedWarehouse === 0) {
                 this._stockService.getArticleDetails(this.articleDetailsInformation).then(function (details) {
                     _this.articleDetails = details;
                 });
@@ -2183,15 +2505,14 @@
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
-                            inOrderData = new getStockHistoryRequest.GetStockHistoryRequest();
-                            inOrderData.type = "O";
+                            inOrderData = new articleTransaction.ArticleTransaction();
+                            inOrderData.type = "V";
                             inOrderData.goodId = this.articleStockInformation[0].goodId.toString();
-                            // inOrderData.wareHouseNr = Number(this.articleStockInformation[0].warehouseNo);
                             _a = this;
-                            return [4 /*yield*/, this._stockService.getStockHistory(inOrderData)];
+                            return [4 /*yield*/, this._stockService.getArticleTransaction(inOrderData)];
                         case 1:
-                            // inOrderData.wareHouseNr = Number(this.articleStockInformation[0].warehouseNo);
                             _a.inOrderInformation = _b.sent();
+                            console.log(this.inOrderInformation);
                             return [2 /*return*/];
                     }
                 });
@@ -2199,30 +2520,30 @@
         };
         StockInformationGridComponent.prototype.getOrderData = function () {
             return __awaiter(this, void 0, void 0, function () {
-                var inOrderData, _a;
+                var orderData, _a;
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
-                            inOrderData = new getStockHistoryRequest.GetStockHistoryRequest();
-                            inOrderData.type = "B";
-                            inOrderData.goodId = this.articleStockInformation[0].goodId.toString();
-                            // inOrderData.wareHouseNr = Number(this.articleStockInformation[0].warehouseNo);
+                            orderData = new articleTransaction.ArticleTransaction();
+                            orderData.type = "V";
+                            orderData.goodId = this.articleStockInformation[0].goodId.toString();
                             _a = this;
-                            return [4 /*yield*/, this._stockService.getStockHistory(inOrderData)];
+                            return [4 /*yield*/, this._stockService.getArticleTransaction(orderData)];
                         case 1:
-                            // inOrderData.wareHouseNr = Number(this.articleStockInformation[0].warehouseNo);
                             _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      >\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      >\n        <co-simple-grid-column [headerText]=\"'IN_ORDER2'\" [field]=\"'amount'\"></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]=\"'mutationDate'\"></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]=\"'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]=\"'COMMISSION2'\" [field]=\"'commission'\"></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()\"></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      >\n        <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER_NR'\" [field]=\"'seriesNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DATE'\" [field]=\"'mutationDate'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amount'\"></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      >\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()\"></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      >\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()\"></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 [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  ",
+                    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      >\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      >\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      >\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      >\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      >\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 [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
                 },] }
     ];
@@ -2367,52 +2688,92 @@
     })(SendOption || (SendOption = {}));
 
     var SendMethodDialogComponent = /** @class */ (function () {
-        function SendMethodDialogComponent(iconCacheService, _stockService) {
+        function SendMethodDialogComponent(iconCacheService, stockService, _optionsService, _dictionary, _changeDetector) {
+            var _this = this;
             this.iconCacheService = iconCacheService;
-            this._stockService = _stockService;
+            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.sendOptions = [
                 { option: SendOption.Email,
-                    iconName: this.icons.Email },
+                    iconName: this.icons.Email,
+                    show: this.showEmailOption,
+                },
                 { option: SendOption.Print,
-                    iconName: this.icons.Print },
+                    iconName: this.icons.Print,
+                    show: this.showPrintOption,
+                },
                 { option: SendOption.Pdf,
-                    iconName: this.icons.Pdf },
+                    iconName: this.icons.Pdf,
+                    show: this.showPdfOption,
+                },
                 { option: SendOption.Xml,
-                    iconName: this.icons.Xml }
+                    iconName: this.icons.Xml,
+                    show: this.showXmlOption,
+                }
             ];
             this.activeSendOption = SendOption.Email;
-            this.amountToPrint = 1;
             this.showStandardPrinterOptions = false;
             this.showPrinterSelections = false;
             this.showExitButton = true;
-            this.printTemplatesField = { text: "name", value: "name" };
+            this.printTemplatesField = { text: "name", value: "reportId" };
+            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._publicOptions = true;
+            this._subscriptions.push(this._optionsService.optionsLoaded.subscribe(function (loaded) { return _this._handleSettingsLoaded(loaded); }));
         }
         Object.defineProperty(SendMethodDialogComponent.prototype, "options", {
+            get: function () {
+                return this._options;
+            },
             set: function (value) {
-                this._stockService.connectConnector(value);
+                if (value) {
+                    if (typeof value === "string") {
+                        this._options = JSON.parse(value);
+                    }
+                    else {
+                        this._options = value;
+                    }
+                    this._publicOptions = true;
+                    this._optionsService.initialize(this._options).then();
+                }
             },
             enumerable: false,
             configurable: true
         });
+        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.ngAfterViewInit = function () {
-            this.getPrintTemplates();
+        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) {
+                    return [2 /*return*/, this.stockService.getAllPrinters(true).then(function (list) {
                             _this.printerList = list;
                         })];
                 });
@@ -2425,7 +2786,11 @@
             this.startSignatureClicked.emit();
         };
         SendMethodDialogComponent.prototype.handlePrintClicked = function () {
-            this.printButtonClicked.emit();
+            // this.printButtonClicked.emit();
+            console.log(this.stockService.printSticker);
+            if (this.stockService.printSticker.printerName) {
+                this.stockService.getPrintStockStickers(this.stockService.printSticker);
+            }
         };
         SendMethodDialogComponent.prototype.togglePrinterSelection = function () {
             this.getPrinters();
@@ -2440,13 +2805,53 @@
         };
         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;
-            var data = new stockStickersPrintLayouts_bo.StockStickersPrintLayoutsBo();
-            this._stockService.getStockStickerTemplates(data).then(function (templates) {
-                _this.printTemplates = templates;
+            if (!this.printTemplates) {
+                var data = new stockStickersPrintLayouts_bo.StockStickersPrintLayoutsBo();
+                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;
@@ -2454,7 +2859,7 @@
     SendMethodDialogComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "ione-send-method-dialog",
-                    template: "\n    <div class=\"send-method-dialog-wrapper\">\n      <co-dialog-wizard id=\"sendOptionsDialog\" *ngIf=\"showDialog\" [showCloseIcon]=\"showExitButton\" (closeClick)=\"closeDialogClick()\">\n        <ng-container header>\n          <span [textContent]=\"headerTitle\"></span>\n        </ng-container>\n        <div class=\"dialog-content-wrapper\">\n          <div class=\"main-content-container\" *ngIf=\"!showPrinterSelections\">\n            <div class=\"send-options-wrapper\">\n              <div class=\"custom-button-wrapper\" *ngFor=\"let sendOption of sendOptions\"\n                   [class.selected-option]=\"sendOption.option === activeSendOption\"\n                   (click)=\"activeSendOption = sendOption.option\">\n                <co-icon [iconData]=\"iconCacheService.getIcon(sendOption.iconName)\"></co-icon>\n              </div>\n            </div>\n\n            <div class=\"email-option-content\" *ngIf=\"activeSendOption === sendOption.Email || activeSendOption === sendOption.Pdf\">\n              <div class=\"emails-container\" *ngIf=\"activeSendOption === sendOption.Email\">\n                <co-input-checkbox\n                  *ngFor=\"let email, let index of emails\"\n                  [name]=\"email\"\n                  [(model)]=\"models[index]\"\n                  [label]=\"email\"\n                  [cssClass]=\"'input-checkbox-wrapper'\"\n                ></co-input-checkbox>\n              </div>\n\n              <div class=\"lov-wrapper\">\n                <co-input-combo-box\n                  [(model)]=\"selectedLayout\"\n                  [collection]=\"layouts\"\n                  [forceReadonly]=\"true\"\n                  placeholder=\"Layout\"\n                ></co-input-combo-box>\n              </div>\n\n              <div class=\"signature-button-wrapper\">\n                <div class=\"custom-button-wrapper signature-button\" (click)=\"handleSignatureStart()\">\n                  <co-icon [iconData]=\"iconCacheService.getIcon(icons.SignatureField)\"></co-icon>\n                </div>\n              </div>\n            </div>\n\n            <div class=\"email-option-content\" *ngIf=\"activeSendOption === sendOption.Print\">\n              <div class=\"lov-wrapper\">\n                <co-input-combo-box\n                  [(model)]=\"selectedLayout\"\n                  [collection]=\"printTemplates\"\n                  [fields]=\"printTemplatesField\"\n                  [forceReadonly]=\"true\"\n                  placeholder=\"Layout\"\n                ></co-input-combo-box>\n              </div>\n\n              <div class=\"lov-wrapper clickable\" (click)=\"togglePrinterSelection()\">\n                <div class=\"selected-printer-wrapper\">\n                  <div class=\"printer-option-list-item\">\n                    <co-icon class=\"printer-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\"></co-icon>\n                    <div class=\"printer-details\" *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)]=\"amountToPrint\" [min]=\"1\"\n                                          [ngModelOptions]=\"{debounce: 1}\">\n                  </co-input-number-picker>\n                </div>\n                <div class=\"custom-button-wrapper print-button\" (click)=\"handlePrintClicked()\">\n                  <span [textContent]=\"'Print'\"></span>\n                </div>\n                <div class=\"custom-button-wrapper signature-button\" (click)=\"handleSignatureStart()\">\n                  <co-icon [iconData]=\"iconCacheService.getIcon(icons.SignatureField)\"></co-icon>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"printer-content-container\" @slideInOut *ngIf=\"showPrinterSelections\">\n            <div class=\"selected-printer-wrapper selection clickable\" *ngFor=\"let printers of printerList\" (click)=\"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  ",
+                    template: "\n    <div class=\"send-method-dialog-wrapper\">\n      <co-dialog-wizard id=\"sendOptionsDialog\" *ngIf=\"showDialog\" [showCloseIcon]=\"showExitButton\" (closeClick)=\"closeDialogClick()\">\n        <ng-container header>\n          <span [textContent]=\"headerTitle\"></span>\n        </ng-container>\n        <div class=\"dialog-content-wrapper\">\n          <div class=\"main-content-container\" *ngIf=\"!showPrinterSelections\">\n            <div class=\"send-options-wrapper\">\n              <div class=\"custom-button-wrapper\" *ngFor=\"let sendOption of sendOptions\"\n                   [class.selected-option]=\"sendOption.option === activeSendOption\"\n                   (click)=\"activeSendOption = sendOption.option\">\n                <co-icon [iconData]=\"iconCacheService.getIcon(sendOption.iconName)\"></co-icon>\n              </div>\n            </div>\n\n            <div class=\"email-option-content\" *ngIf=\"activeSendOption === sendOption.Email || activeSendOption === sendOption.Pdf\">\n              <div class=\"emails-container\" *ngIf=\"activeSendOption === sendOption.Email\">\n                <co-input-checkbox\n                  *ngFor=\"let email, let index of emails\"\n                  [name]=\"email\"\n                  [(model)]=\"models[index]\"\n                  [label]=\"email\"\n                  [cssClass]=\"'input-checkbox-wrapper'\"\n                ></co-input-checkbox>\n              </div>\n\n              <div class=\"lov-wrapper\">\n                <co-input-combo-box\n                  [(model)]=\"selectedLayout\"\n                  [collection]=\"layouts\"\n                  [forceReadonly]=\"true\"\n                  placeholder=\"Layout\"\n                ></co-input-combo-box>\n              </div>\n\n              <div class=\"signature-button-wrapper\">\n                <div class=\"custom-button-wrapper signature-button\" (click)=\"handleSignatureStart()\">\n                  <co-icon [iconData]=\"iconCacheService.getIcon(icons.SignatureField)\"></co-icon>\n                </div>\n              </div>\n            </div>\n\n            <div class=\"email-option-content\" *ngIf=\"activeSendOption === sendOption.Print\" (click)=\"getPrintTemplates()\">\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\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', [
@@ -2467,13 +2872,21 @@
     ];
     SendMethodDialogComponent.ctorParameters = function () { return [
         { type: IconCacheService },
-        { type: StockService }
+        { 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 }],
         options: [{ 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",] }]
@@ -2595,7 +3008,7 @@
                     ],
                     providers: [
                         StockService,
-                        IoneConnectorAdapterService
+                        SharedConnectorService
                     ]
                 },] }
     ];
@@ -2921,18 +3334,21 @@
     exports.LayoutSwitcherModule = LayoutSwitcherModule;
     exports.SendMethodDialogComponent = SendMethodDialogComponent;
     exports.SendMethodDialogModule = SendMethodDialogModule;
+    exports.SharedService = SharedService;
     exports.StockComponent = StockComponent;
     exports.StockModule = StockModule;
     exports["ɵa"] = SignatureComponent;
     exports["ɵb"] = SignaturesComponent;
     exports["ɵc"] = StockService;
-    exports["ɵd"] = IoneConnectorAdapterService;
-    exports["ɵe"] = IconCacheService;
-    exports["ɵf"] = StockInformationComponent;
-    exports["ɵg"] = StockInformationGridComponent;
-    exports["ɵh"] = StockLocationComponent;
-    exports["ɵi"] = StockTransferComponent;
-    exports["ɵj"] = StockChangeAmountComponent;
+    exports["ɵd"] = OptionsService;
+    exports["ɵe"] = DictionaryService;
+    exports["ɵf"] = SharedConnectorService;
+    exports["ɵg"] = IconCacheService;
+    exports["ɵh"] = StockInformationComponent;
+    exports["ɵi"] = StockInformationGridComponent;
+    exports["ɵj"] = StockLocationComponent;
+    exports["ɵk"] = StockTransferComponent;
+    exports["ɵl"] = StockChangeAmountComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });