@colijnit/sharedcomponents 1.0.18 → 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/article-transaction.bo'), 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/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/article-transaction.bo', '@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.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.articleTransaction_bo, global.getStockHistoryRequest, global.articleStock, global.corecomponents_v12, global.ng.platformBrowser, global.articleStockManagement, global.articleTransaction));
-})(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, articleTransaction_bo, getStockHistoryRequest, articleStock, corecomponents_v12, i1, articleStockManagement, articleTransaction) { '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": {},
+            };
         }
-        IoneConnectorAdapterService.prototype.connect = function (options) {
+        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) {
-                    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._language = language || LanguageCode.Dutch;
+                    this._loadDictionary();
+                    return [2 /*return*/];
+                });
+            });
+        };
+        DictionaryService.prototype._loadDictionary = function () {
+            if (!this._dictionaries.has(this._language)) {
+                var dictionary = new Dictionary();
+                // eslint-disable-next-line no-magic-numbers
+                if (dictionary.strings[this._language.substr(0, 2).toLowerCase()] !== undefined) {
+                    // eslint-disable-next-line no-magic-numbers
+                    this._dictionaries.set(this._language, dictionary.strings[this._language.substr(0, 2).toLowerCase()]);
+                }
+            }
+        };
+        /**
+         * Returns the localized text for the given dictionary key.
+         * @param {string} key
+         * @param {boolean} [upperCaseFirst = true] False for first letter lowercase, true for first letter uppercase for returned dict val
+         * @param {string[]} replacementTexts Rest params for replacement of '|~' in returned dict value
+         * @returns {string} The translated text for given dictionary key
+         */
+        DictionaryService.prototype.get = function (key, upperCaseFirst) {
+            if (upperCaseFirst === void 0) { upperCaseFirst = true; }
+            var replacementTexts = [];
+            for (var _i = 2; _i < arguments.length; _i++) {
+                replacementTexts[_i - 2] = arguments[_i];
+            }
+            if (!StringUtils.IsStringWithLength(key)) {
+                return key || "";
+            }
+            if (this.language === undefined) {
+                this._language = LanguageCode.Dutch;
+                this._loadDictionary();
+            }
+            var text = this._dictionaries.get(this.language)[key];
+            text = StringUtils.IsStringWithLength(text) ? text : key;
+            if (upperCaseFirst) {
+                text = text.charAt(0).toUpperCase() + text.slice(1);
+            }
+            else {
+                text = text.charAt(0).toLowerCase() + text.slice(1);
+            }
+            if (replacementTexts.length > 0) {
+                text = StringUtils.ReplaceOccurrencesIn.apply(StringUtils, __spreadArray([text, this._placeholder], __read(replacementTexts)));
+            }
+            return text;
+        };
+        return DictionaryService;
+    }());
+    DictionaryService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DictionaryService_Factory() { return new DictionaryService(); }, token: DictionaryService, providedIn: "root" });
+    DictionaryService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: "root"
+                },] }
+    ];
+    DictionaryService.ctorParameters = function () { return []; };
+
+    var OptionsService = /** @class */ (function () {
+        function OptionsService(_dictionary) {
+            this._dictionary = _dictionary;
+            this.optionsInitialized = new rxjs.BehaviorSubject(false);
+            this.optionsLoaded = new rxjs.BehaviorSubject(false);
+        }
+        Object.defineProperty(OptionsService.prototype, "options", {
+            get: function () {
+                return this._options;
+            },
+            set: function (value) {
+                this._options = value;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        OptionsService.prototype.createSettingsFromObject = function (obj) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    this.options = new Object();
+                    if (obj.hasOwnProperty("url")) {
+                        this.options.url = obj["url"];
+                    }
+                    if (obj.hasOwnProperty("schema")) {
+                        this.options.schema = obj["schema"];
+                    }
+                    if (obj.hasOwnProperty("version")) {
+                        this.options.version = obj["version"];
+                    }
+                    if (obj.hasOwnProperty("languageCode")) {
+                        this.options.languageCode = obj["languageCode"];
+                    }
+                    else {
+                        this.options.languageCode = "NL";
+                    }
+                    if (obj.hasOwnProperty("username")) {
+                        this.options.username = obj["username"];
                     }
+                    if (obj.hasOwnProperty("password")) {
+                        this.options.password = obj["password"];
+                    }
+                    if (obj.hasOwnProperty("session")) {
+                        this.options.session = obj["session"];
+                    }
+                    if (obj.hasOwnProperty("useLoginEncryption")) {
+                        this.options.useLoginEncryption = obj["useLoginEncryption"];
+                    }
+                    this.optionsLoaded.next(true);
                     return [2 /*return*/];
                 });
             });
         };
-        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) {
@@ -1485,7 +1737,7 @@
         //     })
         //   })
         // }
-        IoneConnectorAdapterService.prototype.getArticleFullObject = function (goodId) {
+        SharedConnectorService.prototype.getArticleFullObject = function (goodId) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
@@ -1503,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) {
@@ -1522,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) {
@@ -1541,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) {
@@ -1560,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) {
@@ -1579,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) {
@@ -1598,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) {
@@ -1624,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) {
@@ -1650,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) {
@@ -1669,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) {
@@ -1688,7 +1940,7 @@
                 });
             });
         };
-        IoneConnectorAdapterService.prototype.getArticleTransaction = function (data) {
+        SharedConnectorService.prototype.getArticleTransaction = function (data) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
@@ -1707,32 +1959,64 @@
                 });
             });
         };
-        IoneConnectorAdapterService.prototype.commit = function () {
+        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;
-            this.printSticker = new printStockStickers.PrintStockStickers();
+    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*/];
+                    }
+                });
+            });
         };
+        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.getPrintStockStickers(data)];
+                        case 0: return [4 /*yield*/, this.connector.getPrintStockStickers(data)];
                         case 1:
                             _a.sent();
                             return [2 /*return*/];
@@ -1745,7 +2029,7 @@
             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 0: return [4 /*yield*/, this.connector.getAllPrinters(showAll)];
                         case 1: return [2 /*return*/, _a.sent()];
                     }
                 });
@@ -1755,7 +2039,7 @@
             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.getStockHistory(data)];
                         case 1: return [2 /*return*/, _a.sent()];
                     }
                 });
@@ -1765,7 +2049,7 @@
             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.getStockInformation(data)];
                         case 1: return [2 /*return*/, _a.sent()];
                     }
                 });
@@ -1778,7 +2062,7 @@
             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()];
                     }
                 });
@@ -1788,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()];
                     }
                 });
@@ -1798,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()];
                     }
                 });
@@ -1808,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()];
                     }
                 });
@@ -1818,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()];
                     }
                 });
@@ -1828,7 +2112,7 @@
             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()];
                     }
                 });
@@ -1838,7 +2122,7 @@
             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 0: return [4 /*yield*/, this.connector.getArticleTransaction(data)];
                         case 1: return [2 /*return*/, _a.sent()];
                     }
                 });
@@ -1848,40 +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;
-    }());
-    StockService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function StockService_Factory() { return new StockService(i0__namespace.ɵɵinject(IoneConnectorAdapterService)); }, token: StockService, providedIn: "root" });
+    }(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, args: [{
                     providedIn: 'root',
                 },] }
-    ];
-    StockService.ctorParameters = function () { return [
-        { type: IoneConnectorAdapterService }
-    ]; };
+    ];
 
     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
@@ -1961,7 +2253,8 @@
                 },] }
     ];
     StockComponent.ctorParameters = function () { return [
-        { type: StockService }
+        { type: StockService },
+        { type: OptionsService }
     ]; };
     StockComponent.propDecorators = {
         stock: [{ type: i0.ViewChild, args: [StockComponent,] }],
@@ -1995,8 +2288,11 @@
 
     /** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
     var IconSvg = {
+        "angle_left_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><path fill=\"#183153\" d=\"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z\"/></svg>",
+        "angle_right_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><path fill=\"#183153\" d=\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\"/></svg>",
         "arrow_fat_right": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"37.5 25 25.2 12.7 25.2 20.35 12.5 20.35 12.5 29.66 25.2 29.66 25.2 37.3 37.5 25\" fill=\"#484f60\"/></svg>",
         "arrow_point_right": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\"><path fill=\"#484F5F\" d=\"M19.1,14.3l14.7,9.6c0.1,0.1,0.2,0.2,0.2,0.4v2.4c0,0.2-0.1,0.3-0.2,0.4l-14.7,9.6c-0.2,0.2-0.5,0.1-0.7-0.1l-1.4-2.1c-0.2-0.2-0.1-0.5,0.1-0.7l12-7.8c0.3-0.2,0.3-0.6,0-0.8l-12-7.8c-0.2-0.2-0.3-0.5-0.1-0.7l1.4-2.1C18.6,14.2,18.9,14.2,19.1,14.3z\"/></svg>",
+        "bring_forward_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"#183153\" d=\"M224 464H448C456.8 464 464 456.8 464 448V224C464 215.2 456.8 208 448 208H384V160H448C483.3 160 512 188.7 512 224V448C512 483.3 483.3 512 448 512H224C188.7 512 160 483.3 160 448V384H208V448C208 456.8 215.2 464 224 464zM64 352C28.65 352 0 323.3 0 288V64C0 28.65 28.65 0 64 0H288C323.3 0 352 28.65 352 64V288C352 323.3 323.3 352 288 352H64z\"/></svg>",
         "delete_left_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M432.1 208.1L385.9 256L432.1 303C442.3 312.4 442.3 327.6 432.1 336.1C423.6 346.3 408.4 346.3 399 336.1L352 289.9L304.1 336.1C295.6 346.3 280.4 346.3 271 336.1C261.7 327.6 261.7 312.4 271 303L318.1 256L271 208.1C261.7 199.6 261.7 184.4 271 175C280.4 165.7 295.6 165.7 304.1 175L352 222.1L399 175C408.4 165.7 423.6 165.7 432.1 175C442.3 184.4 442.3 199.6 432.1 208.1V208.1zM512 64C547.3 64 576 92.65 576 128V384C576 419.3 547.3 448 512 448H205.3C188.3 448 172 441.3 160 429.3L9.372 278.6C3.371 272.6 0 264.5 0 256C0 247.5 3.372 239.4 9.372 233.4L160 82.75C172 70.74 188.3 64 205.3 64L512 64zM528 128C528 119.2 520.8 112 512 112H205.3C201 112 196.9 113.7 193.9 116.7L54.63 256L193.9 395.3C196.9 398.3 201 400 205.3 400H512C520.8 400 528 392.8 528 384V128z\"/></svg>",
         "delivery_truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"15.35\" y=\"16.56\" width=\"15.14\" height=\"10.94\" transform=\"translate(-1.83 2.08) rotate(-5)\" fill=\"#484f60\"/><path d=\"M38.5,18.1l-6.9.61L32.41,28l-7.63.67a3.76,3.76,0,0,1,1.43,2.25l7.25-.63A3.83,3.83,0,0,1,41,29.6l1-.1-.52-6Zm.29,5.84-3.91.34a.51.51,0,0,1-.55-.46L34,20.1a.49.49,0,0,1,.45-.54l2.27-.2a.5.5,0,0,1,.48.25l2,3.59A.5.5,0,0,1,38.79,23.94Z\" fill=\"#484f60\"/><path d=\"M19.66,29.09a3.8,3.8,0,0,0-1,2.46l-.74.07-1.82-.94L16,29.41Z\" fill=\"#484f60\"/><path d=\"M34.56,30.62a2.74,2.74,0,1,0,2.49-3A2.73,2.73,0,0,0,34.56,30.62Z\" fill=\"#484f60\"/><path d=\"M19.74,31.91a2.74,2.74,0,1,0,2.49-3A2.74,2.74,0,0,0,19.74,31.91Z\" fill=\"#484f60\"/><rect x=\"7.96\" y=\"17.63\" width=\"5\" height=\"1\" transform=\"translate(-1.54 0.98) rotate(-5)\" fill=\"#484f60\"/><rect x=\"11.02\" y=\"29.71\" width=\"3\" height=\"1\" transform=\"translate(-2.59 1.21) rotate(-5)\" fill=\"#484f60\"/><rect x=\"9.48\" y=\"23.53\" width=\"4\" height=\"1\" transform=\"matrix(1, -0.09, 0.09, 1, -2.05, 1.09)\" fill=\"#484f60\"/></svg>",
         "email": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.79,38.45A17.82,17.82,0,0,1,23.86,40,13.09,13.09,0,0,1,10.41,26.42C10.41,17.63,16.83,10,26.53,10c7.63,0,13.06,5.21,13.06,12.46,0,6.33-3.53,10.3-8.19,10.3a3.42,3.42,0,0,1-3.71-3.32h-.08A6.5,6.5,0,0,1,22,32.76c-2.75,0-4.82-2.11-4.82-5.65a9.85,9.85,0,0,1,10.13-10,12.89,12.89,0,0,1,5.13,1l-1.3,8c-.43,2.54-.13,3.71,1.08,3.75,1.85.09,4.18-2.28,4.18-7.28,0-5.65-3.62-10-10.3-10S13.73,17.76,13.73,26c0,7.25,4.57,11.3,11,11.3A14.81,14.81,0,0,0,31,36ZM28,20.65a5.34,5.34,0,0,0-1.33-.18c-2.85,0-5.09,2.81-5.09,6.12,0,1.64.73,2.68,2.16,2.68,1.59,0,3.27-2,3.66-4.53Z\" fill=\"#484f60\"/></svg>",
@@ -2060,8 +2356,11 @@
     /** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
     var Icon;
     (function (Icon) {
+        Icon["AngleLeftSolid"] = "angle_left_solid";
+        Icon["AngleRightSolid"] = "angle_right_solid";
         Icon["ArrowFatRight"] = "arrow_fat_right";
         Icon["ArrowPointRight"] = "arrow_point_right";
+        Icon["BringForwardRegular"] = "bring_forward_regular";
         Icon["DeleteLeftRegular"] = "delete_left_regular";
         Icon["DeliveryTruck"] = "delivery_truck";
         Icon["Email"] = "email";
@@ -2389,45 +2688,86 @@
     })(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._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.showStandardPrinterOptions = false;
             this.showPrinterSelections = false;
             this.showExitButton = true;
             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 () {
@@ -2446,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();
@@ -2466,9 +2810,48 @@
         };
         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;
@@ -2476,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)]=\"stockService.printSticker.reportId\"\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)]=\"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  ",
+                    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', [
@@ -2489,9 +2872,16 @@
     ];
     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 }],
@@ -2618,7 +3008,7 @@
                     ],
                     providers: [
                         StockService,
-                        IoneConnectorAdapterService
+                        SharedConnectorService
                     ]
                 },] }
     ];
@@ -2846,6 +3236,88 @@
                 },] }
     ];
 
+    var LayoutSwitcherComponent = /** @class */ (function () {
+        function LayoutSwitcherComponent(iconCacheService) {
+            this.iconCacheService = iconCacheService;
+            this.icon = Icon;
+            this.layoutItems = [];
+            this.layoutSwitchEmit = new i0.EventEmitter();
+            this.showMaskSidebar = false;
+            this._activeIndex = 0;
+        }
+        LayoutSwitcherComponent.prototype.showClass = function () {
+            return true;
+        };
+        Object.defineProperty(LayoutSwitcherComponent.prototype, "activeIndex", {
+            get: function () {
+                return this._activeIndex;
+            },
+            set: function (index) {
+                this._activeIndex = index;
+                this.toggleMaskSidebar();
+                this.layoutSwitchEmit.emit(this.layoutItems[index]);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        LayoutSwitcherComponent.prototype.toggleMaskSidebar = function () {
+            this.showMaskSidebar = !this.showMaskSidebar;
+        };
+        return LayoutSwitcherComponent;
+    }());
+    LayoutSwitcherComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "layout-switcher",
+                    template: "\n    <div class=\"mask-wrapper\" [class.mask-wrapper-active]='showMaskSidebar' @showHideSidebar>\n      <div class=\"icon-wrapper\" (click)=\"toggleMaskSidebar()\">\n        <co-icon class=\"icon-mask\" [iconData]=\"iconCacheService.getIcon(icon.BringForwardRegular)\" [@positionIcon]=\"showMaskSidebar\"></co-icon>\n\n        <co-icon class='icon-mask-sidebar-handle' [@positionHandle]='showMaskSidebar' [iconData]=\"showMaskSidebar ? iconCacheService.getIcon(this.icon.AngleLeftSolid) : iconCacheService.getIcon(this.icon.AngleRightSolid)\"></co-icon>\n      </div>\n\n      <div class=\"mask-content\" *ngIf=\"showMaskSidebar\" @showHideSidebar>\n        <span *ngFor='let item of this.layoutItems' [class.active]=\"this.activeIndex === this.layoutItems.indexOf(item)\" [textContent]=\"item\" (click)='activeIndex = this.layoutItems.indexOf(item)' ></span>\n      </div>\n    </div>\n\n  ",
+                    animations: [
+                        animations.trigger("showHideSidebar", [
+                            animations.state("void", animations.style({ "width": "0" })),
+                            animations.state("*", animations.style({ "width": "*" })),
+                            animations.transition("void <=> *", animations.animate(200))
+                        ]),
+                        animations.trigger("positionIcon", [
+                            animations.state("true", animations.style({ "left": "70px" })),
+                            animations.state("false", animations.style({ "left": "10px" })),
+                            animations.transition("true <=> false", animations.animate(200))
+                        ]),
+                        animations.trigger("positionHandle", [
+                            animations.state("true", animations.style({ "left": "15px" })),
+                            animations.state("false", animations.style({ "left": "75px" })),
+                            animations.transition("true <=> false", animations.animate(200))
+                        ])
+                    ],
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    LayoutSwitcherComponent.ctorParameters = function () { return [
+        { type: IconCacheService }
+    ]; };
+    LayoutSwitcherComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ['class.layout-switcher',] }],
+        layoutItems: [{ type: i0.Input }],
+        layoutSwitchEmit: [{ type: i0.Output }]
+    };
+
+    var LayoutSwitcherModule = /** @class */ (function () {
+        function LayoutSwitcherModule() {
+        }
+        return LayoutSwitcherModule;
+    }());
+    LayoutSwitcherModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.IconModule
+                    ],
+                    declarations: [
+                        LayoutSwitcherComponent,
+                    ],
+                    exports: [
+                        LayoutSwitcherComponent
+                    ]
+                },] }
+    ];
+
     /*
      * Public API Surface of sharedcomponents
      */
@@ -2858,20 +3330,25 @@
     exports.DocsignModule = DocsignModule;
     exports.KeyPadComponent = KeyPadComponent;
     exports.KeyPadModule = KeyPadModule;
+    exports.LayoutSwitcherComponent = LayoutSwitcherComponent;
+    exports.LayoutSwitcherModule = LayoutSwitcherModule;
     exports.SendMethodDialogComponent = SendMethodDialogComponent;
     exports.SendMethodDialogModule = SendMethodDialogModule;
+    exports.SharedService = SharedService;
     exports.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 });