@colijnit/sharedcomponents 1.0.36 → 1.0.38

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/articleapi/build/model/article-stock.bo'), require('@colijnit/articleapi/build/model/stock-history.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/mainapi'), require('@colijnit/mainapi/build/model/printer.bo'), require('@colijnit/ioneconnector/build/factory/business-object-factory'), require('@colijnit/mainapi/build/model/send-method.bo'), require('@colijnit/sharedapi/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'), require('@colijnit/articleapi/build/model/article-transaction'), require('@colijnit/sharedapi/build/model/print-price-stickers.bo'), require('@colijnit/mainapi/build/model/reporting-document-print-base-request'), require('@colijnit/mainapi/build/model/reporting-document-email-base-request'), require('@colijnit/mainapi/build/model/reporting-document-pdf-base-request'), require('@colijnit/mainapi/build/enum/send-method-type.enum'), require('@syncfusion/ej2-angular-circulargauge'), require('moment')) :
-    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/articleapi/build/model/article-stock.bo', '@colijnit/articleapi/build/model/stock-history.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/mainapi', '@colijnit/mainapi/build/model/printer.bo', '@colijnit/ioneconnector/build/factory/business-object-factory', '@colijnit/mainapi/build/model/send-method.bo', '@colijnit/sharedapi/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', '@colijnit/articleapi/build/model/article-transaction', '@colijnit/sharedapi/build/model/print-price-stickers.bo', '@colijnit/mainapi/build/model/reporting-document-print-base-request', '@colijnit/mainapi/build/model/reporting-document-email-base-request', '@colijnit/mainapi/build/model/reporting-document-pdf-base-request', '@colijnit/mainapi/build/enum/send-method-type.enum', '@syncfusion/ej2-angular-circulargauge', 'moment'], 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.articleStock_bo, global.stockHistory_bo, global.articleDetails_bo, global.stockStatus_bo, global.stockManagementWarehouses_bo, global.stockLocation_bo, global.articleTransaction_bo, global.rxjs, global.mainapi, global.printer_bo, global.businessObjectFactory, global.sendMethod_bo, global.printStockStickers, global.getStockHistoryRequest, global.articleStock, global.corecomponents_v12, global.ng.platformBrowser, global.articleStockManagement, global.articleTransaction, global.printPriceStickers_bo, global.reportingDocumentPrintBaseRequest, global.reportingDocumentEmailBaseRequest, global.reportingDocumentPdfBaseRequest, global.sendMethodType_enum, global.ej2AngularCirculargauge, global.moment));
-})(this, (function (exports, i0, animations, pdfLib, PDFJS, pdfjsWorker, common, SignaturePad, articles, sharedapi, articleStock_bo, stockHistory_bo, articleDetails_bo, stockStatus_bo, stockManagementWarehouses_bo, stockLocation_bo, articleTransaction_bo, rxjs, mainapi, printer_bo, businessObjectFactory, sendMethod_bo, printStockStickers, getStockHistoryRequest, articleStock, corecomponents_v12, i1, articleStockManagement, articleTransaction, printPriceStickers_bo, reportingDocumentPrintBaseRequest, reportingDocumentEmailBaseRequest, reportingDocumentPdfBaseRequest, sendMethodType_enum, ej2AngularCirculargauge, moment) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('pdf-lib'), require('pdfjs-dist/legacy/build/pdf'), require('pdfjs-dist/build/pdf.worker.entry'), require('@angular/common'), require('signature_pad'), require('@colijnit/articleapi/build/articles'), require('@colijnit/sharedapi/build/sharedapi'), require('@colijnit/articleapi/build/model/article-stock.bo'), require('@colijnit/articleapi/build/model/stock-history.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/mainapi'), require('@colijnit/mainapi/build/model/printer.bo'), require('@colijnit/ioneconnector/build/factory/business-object-factory'), require('@colijnit/mainapi/build/model/send-method.bo'), require('@colijnit/sharedapi/build/model/print-stock-stickers'), require('@colijnit/articleapi/build/model/article-stock'), require('@colijnit/corecomponents_v12'), require('@angular/platform-browser'), require('@colijnit/articleapi/build/model/article-stock-management'), require('@colijnit/articleapi/build/model/article-transaction'), require('@colijnit/sharedapi/build/model/print-price-stickers.bo'), require('@colijnit/mainapi/build/model/reporting-document-print-base-request'), require('@colijnit/mainapi/build/model/reporting-document-email-base-request'), require('@colijnit/mainapi/build/model/reporting-document-pdf-base-request'), require('@colijnit/mainapi/build/enum/send-method-type.enum'), require('@colijnit/articleapi/build/model/get-stock-history-request'), require('@syncfusion/ej2-angular-circulargauge'), require('moment')) :
+    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/articleapi/build/model/article-stock.bo', '@colijnit/articleapi/build/model/stock-history.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/mainapi', '@colijnit/mainapi/build/model/printer.bo', '@colijnit/ioneconnector/build/factory/business-object-factory', '@colijnit/mainapi/build/model/send-method.bo', '@colijnit/sharedapi/build/model/print-stock-stickers', '@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', '@colijnit/sharedapi/build/model/print-price-stickers.bo', '@colijnit/mainapi/build/model/reporting-document-print-base-request', '@colijnit/mainapi/build/model/reporting-document-email-base-request', '@colijnit/mainapi/build/model/reporting-document-pdf-base-request', '@colijnit/mainapi/build/enum/send-method-type.enum', '@colijnit/articleapi/build/model/get-stock-history-request', '@syncfusion/ej2-angular-circulargauge', 'moment'], 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.articleStock_bo, global.stockHistory_bo, global.articleDetails_bo, global.stockStatus_bo, global.stockManagementWarehouses_bo, global.stockLocation_bo, global.articleTransaction_bo, global.rxjs, global.mainapi, global.printer_bo, global.businessObjectFactory, global.sendMethod_bo, global.printStockStickers, global.articleStock, global.corecomponents_v12, global.ng.platformBrowser, global.articleStockManagement, global.articleTransaction, global.printPriceStickers_bo, global.reportingDocumentPrintBaseRequest, global.reportingDocumentEmailBaseRequest, global.reportingDocumentPdfBaseRequest, global.sendMethodType_enum, global.getStockHistoryRequest, global.ej2AngularCirculargauge, global.moment));
+})(this, (function (exports, i0, animations, pdfLib, PDFJS, pdfjsWorker, common, SignaturePad, articles, sharedapi, articleStock_bo, stockHistory_bo, articleDetails_bo, stockStatus_bo, stockManagementWarehouses_bo, stockLocation_bo, articleTransaction_bo, rxjs, mainapi, printer_bo, businessObjectFactory, sendMethod_bo, printStockStickers, articleStock, corecomponents_v12, i1, articleStockManagement, articleTransaction, printPriceStickers_bo, reportingDocumentPrintBaseRequest, reportingDocumentEmailBaseRequest, reportingDocumentPdfBaseRequest, sendMethodType_enum, getStockHistoryRequest, ej2AngularCirculargauge, moment) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -730,13 +730,13 @@
                 },] }
     ];
 
-    exports["ɵbc"] = void 0;
+    exports["ɵbo"] = void 0;
     (function (LanguageCode) {
         LanguageCode["Dutch"] = "nl-NL";
         LanguageCode["English"] = "en-GB";
         LanguageCode["German"] = "de-DE";
         LanguageCode["French"] = "fr-FR";
-    })(exports["ɵbc"] || (exports["ɵbc"] = {}));
+    })(exports["ɵbo"] || (exports["ɵbo"] = {}));
 
     // Static utility functions holder related to strings.
     var StringUtils = /** @class */ (function () {
@@ -850,7 +850,7 @@
         DictionaryService.prototype.setDictionary = function (language) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
-                    this._language = language || exports["ɵbc"].Dutch;
+                    this._language = language || exports["ɵbo"].Dutch;
                     this._loadDictionary();
                     return [2 /*return*/];
                 });
@@ -883,7 +883,7 @@
                 return key || "";
             }
             if (this.language === undefined) {
-                this._language = exports["ɵbc"].Dutch;
+                this._language = exports["ɵbo"].Dutch;
                 this._loadDictionary();
             }
             var text = this._dictionaries.get(this.language)[key];
@@ -992,12 +992,6 @@
         { type: DictionaryService }
     ]; };
 
-    var ArticleStockStatus = /** @class */ (function () {
-        function ArticleStockStatus() {
-        }
-        return ArticleStockStatus;
-    }());
-
     var SharedConnectorService = /** @class */ (function () {
         function SharedConnectorService(_optionsService) {
             this._optionsService = _optionsService;
@@ -1282,25 +1276,6 @@
                 });
             });
         };
-        SharedConnectorService.prototype.getArtStockStatus = function (goodId, branchNo, requestedAmount, warehouseId) {
-            return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    return [2 /*return*/, new Promise(function (resolve, reject) {
-                            return _this.articleConnector.getArtStockStatus(goodId, branchNo, requestedAmount, warehouseId).then(function (result) {
-                                if (result.validationResult && result.validationResult.success) {
-                                    if (result.resultObjects) {
-                                        resolve(_this._boFactory.makeBOArrayFromRawBackendDataArray(ArticleStockStatus, result.resultObjects));
-                                    }
-                                }
-                                else {
-                                    reject(result.validationMessagesAsString);
-                                }
-                            });
-                        })];
-                });
-            });
-        };
         // public async getStockStickerTemplates(data: StockStickersPrintLayouts): Promise<StockStickersPrintLayouts[]> {
         //   return new Promise((resolve: Function, reject: Function) => {
         //     return this.mainConnector.getStockStickerPrintLayouts(data).then((result: DataServiceResponseData) => {
@@ -1411,16 +1386,6 @@
                 });
             });
         };
-        StockService.prototype.getArtStockStatus = function (goodId, branchNo, requestedAmount, warehouseId) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._sharedService.getArtStockStatus(goodId, branchNo, requestedAmount, warehouseId)];
-                        case 1: return [2 /*return*/, _a.sent()];
-                    }
-                });
-            });
-        };
         // public async getStockStickerTemplates(data: StockStickersPrintLayouts): Promise<StockStickersPrintLayouts[]> {
         //   return await this._sharedService.getStockStickerTemplates(data);
         // }
@@ -1499,11 +1464,10 @@
             this.okButtonClicked = new i0.EventEmitter();
             this.cancelButtonClicked = new i0.EventEmitter();
             this.showStockInformationGrid = true;
-            this.showStockLocation = false;
             this.showStockTransfer = false;
             this.allAvailableStock = 0;
             this.allTechnicalStock = 0;
-            this.allAmountLaterAvailable = 0;
+            this.showSendMethodDialog = false;
             this._subscriptions = [];
             this._subscriptions.push(this._optionsService.optionsLoaded.subscribe(function (loaded) { return _this._handleSettingsLoaded(loaded); }));
         }
@@ -1522,38 +1486,20 @@
         StockComponent.prototype.ngOnDestroy = function () {
             this._subscriptions.forEach(function (subscription) { return subscription.unsubscribe(); });
         };
-        StockComponent.prototype.backToStockLinesClicked = function () {
-            this.showStockLocation = false;
-            this.showStockInformationGrid = true;
-        };
         StockComponent.prototype.handleStockTransferClick = function (event) {
             this.stockTransferArticleDetails = event;
             this.showStockTransfer = !this.showStockTransfer;
             this.showStockInformationGrid = !this.showStockInformationGrid;
             this.stockService.stockStickers = new printStockStickers.PrintStockStickers();
         };
+        StockComponent.prototype.handleSendMethodClick = function (event) {
+            this.showSendMethodDialog = true;
+            console.log(event);
+        };
         StockComponent.prototype.backToStock = function () {
             this.showStockTransfer = !this.showStockTransfer;
             this.showStockInformationGrid = !this.showStockInformationGrid;
         };
-        StockComponent.prototype.getStockHistory = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var stockHistoryInformation, _a;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            stockHistoryInformation = new getStockHistoryRequest.GetStockHistoryRequest();
-                            stockHistoryInformation.type = "B";
-                            stockHistoryInformation.goodId = this.articleExtended.goodId.toString();
-                            _a = this;
-                            return [4 /*yield*/, this.stockService.getStockHistory(stockHistoryInformation)];
-                        case 1:
-                            _a.stockHistory = _b.sent();
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
         StockComponent.prototype.getStockInformation = function (data) {
             return __awaiter(this, void 0, void 0, function () {
                 var articleData, _a;
@@ -1570,15 +1516,11 @@
                             _a.stockInformation = _b.sent();
                             this.stockInformation.forEach(function (articleStock) { return _this.allAvailableStock += articleStock.availableStock; });
                             this.stockInformation.forEach(function (articleStock) { return _this.allTechnicalStock += articleStock.technicalStock; });
-                            this.stockInformation.forEach(function (articleStock) { return _this.allAmountLaterAvailable += articleStock.economicalStock; });
                             return [2 /*return*/];
                     }
                 });
             });
         };
-        StockComponent.prototype.getArtStockStatus = function () {
-            console.log(this.stockService.getArtStockStatus(this.articleExtended.goodId));
-        };
         StockComponent.prototype._handleSettingsLoaded = function (loaded) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
@@ -1620,7 +1562,7 @@
     StockComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-stock",
-                    template: "\n      <div class=\"stock-info-container\">\n        <co-stock-information [article]=\"articleExtended\"\n                              [articleStock]=\"\"\n                              [allAvailableStockInformation]=\"allAvailableStock\"\n                              [allTechnicalStockInformation]=\"allTechnicalStock\"\n                              [allAmountLaterAvailable]=\"allAmountLaterAvailable\"\n        >\n        </co-stock-information>\n        <hr>\n        <co-stock-information-grid *ngIf=\"showStockInformationGrid\"\n                                   [article]=\"articleExtended\"\n                                   [stockLocationData]=\"stockLocationInformation\"\n                                   [articleStockInformation]=\"stockInformation\"\n                                   (transferIconClicked)=\"handleStockTransferClick($event)\"\n                                   (historyClicked)=\"getStockHistory()\"\n                                   [stockHistoryInformation]=\"stockHistory\"\n                                   (okButtonClicked)=\"okButtonClicked.emit()\"\n                                   (cancelButtonClicked)=\"cancelButtonClicked.emit()\"\n        >\n        </co-stock-information-grid>\n        <co-stock-location *ngIf=\"showStockLocation\"\n                           (backToStockLines)=\"backToStockLinesClicked()\">\n\n        </co-stock-location>\n        <co-stock-transfer *ngIf=\"showStockTransfer\"\n                           (handleClick)=\"backToStock()\"\n                            [article]=\"stockTransferArticle\"\n                           [articleToTransfer]=\"stockTransferArticleDetails\"\n                           (handleStickerClicked)=\"handleStickerClicked.emit($event)\"\n                           [articleWarehouse]=\"articleWarehouse\"\n                           [allWarehouses]=\"allWarehouses\"\n        >\n        </co-stock-transfer>\n      </div>\n  ",
+                    template: "\n      <div class=\"stock-info-container\">\n        <co-stock-information [article]=\"articleExtended\"\n                              [articleStock]=\"\"\n                              [allAvailableStockInformation]=\"allAvailableStock\"\n                              [allTechnicalStockInformation]=\"allTechnicalStock\"\n        >\n        </co-stock-information>\n        <hr>\n        <co-stock-tabs [stockInformation]=\"stockInformation\"\n                       [article]=\"articleExtended\"\n                       (transferIconClicked)=\"handleStockTransferClick($event)\"\n                       (sendMethodDialogClicked)=\"handleSendMethodClick($event)\"\n        ></co-stock-tabs>\n\n        <co-dialog *ngIf=\"showStockTransfer\">\n          <co-stock-transfer (handleClick)=\"backToStock()\"\n                             class=\"stock-transfer-dialog\"\n                             [article]=\"stockTransferArticle\"\n                             [articleToTransfer]=\"stockTransferArticleDetails\"\n                             (handleStickerClicked)=\"handleStickerClicked.emit($event)\"\n                             [articleWarehouse]=\"articleWarehouse\"\n                             [allWarehouses]=\"allWarehouses\"\n          >\n          </co-stock-transfer>\n        </co-dialog>\n\n        <co-send-method-dialog *ngIf=\"showSendMethodDialog\">\n\n        </co-send-method-dialog>\n      </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -1649,7 +1591,7 @@
     StockInformationComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-stock-information",
-                    template: "\n      <div class=\"stock-info\" *ngIf=\"article\">\n        <div class=\"stock-info-row\" >\n          <div class=\"stock-info-row-image\">\n            <div class=\"stock-image\">\n              <co-image class=\"stock-image\" [source]=\"article.imageData\"></co-image>\n            </div>\n          </div>\n          <div class=\"stock-good-info\">\n            <div>\n              <span [textContent]=\"article.description\"></span>\n            </div>\n            <div>\n              <span [textContent]=\"article.articleNumber\"></span>\n            </div>\n          </div>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'STOCK_STATUS'\"></label>\n          <span [textContent]=\"article.stockStatus\"></span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'AMOUNT_IN_STOCK'\"></label>\n          <span [textContent]=\"allTechnicalStockInformation\"></span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'AMOUNT_AVAILABLE'\"></label>\n          <span [textContent]=\"allAvailableStockInformation\"></span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'AMOUNT_LATER_AVAILABLE'\"></label>\n          <span [textContent]=\"allAmountLaterAvailable\"></span>\n        </div>\n      </div>\n  ",
+                    template: "\n      <div class=\"stock-info\" *ngIf=\"article\">\n        <div class=\"stock-info-row\" >\n          <div class=\"stock-info-row-image\">\n            <div class=\"stock-image\">\n              <co-image class=\"stock-image\" [source]=\"article.imageData\"></co-image>\n            </div>\n          </div>\n          <div class=\"stock-good-info\">\n            <div>\n              <span [textContent]=\"article.description\"></span>\n            </div>\n            <div>\n              <span [textContent]=\"article.articleNumber\"></span>\n            </div>\n          </div>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'STOCK_STATUS'\"></label>\n          <span [textContent]=\"article.stockStatus\"></span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'AMOUNT_IN_STOCK'\"></label>\n          <span [textContent]=\"allTechnicalStockInformation\"></span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'AMOUNT_AVAILABLE'\"></label>\n          <span [textContent]=\"allAvailableStockInformation\"></span>\n        </div>\n        <div class=\"stock-status\">\n          <label [textContent]=\"'AMOUNT_LATER_AVAILABLE'\"></label>\n          <span [textContent]=\"\"></span>\n        </div>\n      </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -1658,8 +1600,7 @@
         article: [{ type: i0.Input }],
         articleStock: [{ type: i0.Input }],
         allAvailableStockInformation: [{ type: i0.Input }],
-        allTechnicalStockInformation: [{ type: i0.Input }],
-        allAmountLaterAvailable: [{ type: i0.Input }]
+        allTechnicalStockInformation: [{ type: i0.Input }]
     };
 
     /** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
@@ -1742,7 +1683,7 @@
     ]; };
 
     /** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
-    exports["ɵw"] = void 0;
+    exports["ɵbi"] = void 0;
     (function (Icon) {
         Icon["AngleLeftSolid"] = "angle_left_solid";
         Icon["AngleRightSolid"] = "angle_right_solid";
@@ -1768,13 +1709,13 @@
         Icon["PrintSolid"] = "print_solid";
         Icon["SignatureField"] = "signature_field";
         Icon["Xml"] = "xml";
-    })(exports["ɵw"] || (exports["ɵw"] = {}));
+    })(exports["ɵbi"] || (exports["ɵbi"] = {}));
 
     var StockInformationGridComponent = /** @class */ (function () {
         function StockInformationGridComponent(iconCacheService, _stockService) {
             this.iconCacheService = iconCacheService;
             this._stockService = _stockService;
-            this.icons = exports["ɵw"];
+            this.icons = exports["ɵbi"];
             this.transferIconClicked = new i0.EventEmitter();
             this.historyClicked = new i0.EventEmitter();
             this.cancelButtonClicked = new i0.EventEmitter();
@@ -1948,7 +1889,6 @@
             });
         };
         StockInformationGridComponent.prototype.onLocationSelected = function (location) {
-            console.log(location);
             this.selectedArticleDetailsData.locationNo = location;
         };
         StockInformationGridComponent.prototype.onOkClickSendLocations = function () {
@@ -1957,7 +1897,6 @@
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
-                            console.log(this.article);
                             this.selectedArticleDetailsData.selected = true;
                             this.selectedArticleDetailsData.goodId = this.article.goodId;
                             this.selectedArticleDetailsData.entryDate = new Date();
@@ -1988,7 +1927,7 @@
     StockInformationGridComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-stock-information-grid",
-                    template: "\n    <div class=\"tab-link show\" *ngIf=\"hideOrShowTabs\">\n      <span class=\"tab-link-buttons\"\n            *ngFor=\"let tab of tabs\"\n            (click)=\"handleTabClick(tab)\"\n            [textContent]=\"tab\"\n            [class.active]=\"tab === activeTab\"\n      ></span>\n    </div>\n\n    <div class=\"stock-line\">\n      <div [textContent]=\"activeTabText\"></div>\n\n    </div>\n\n    <div class=\"stock-grid\">\n      <co-simple-grid *ngIf=\"activeTab === tabs[0] && hideOrShowTabs\"\n                      [data]=\"articleStockInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n          <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'warehouseNo'\" [order]=\"10\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'warehouseName'\" [order]=\"11\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'technicalStock'\" [order]=\"12\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'availableStock'\" [order]=\"13\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'ECONOMICAL_STOCK'\" [field]=\"'economicalStock'\" [order]=\"14\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNo'\" [order]=\"15\">\n            <ng-template #template let-row=\"row\">\n              <span class=\"location-link\" [textContent]=\"'Bekijken'\" (click)=\"onLocationClick(row)\"></span>\n            </ng-template>\n          </co-simple-grid-column>\n      </co-simple-grid>\n\n      <co-simple-grid *ngIf=\"activeTab === tabs[1]\"\n                      [data]=\"inOrderInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <co-simple-grid-column [headerText]=\"'IN_ORDER2'\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'CUSTOMER'\" [field]=\"'customerName'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DATE'\">\n          <ng-template #template let-row=\"row\">\n            <span [textContent]=\"row.transactionDate | date:'dd-MM-yyyy'\"></span>\n          </ng-template>\n        </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]=\"'warehouseNumber'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'warehouseDescription'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSFER'\" [field]=\"'transfer'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\" (click)=\"handleStockTransferClick($event)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n\n      <co-simple-grid *ngIf=\"activeTab === tabs[2]\"\n                      [data]=\"orderInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER_NR'\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DATE'\">\n          <ng-template #template let-row=\"row\">\n            <span [textContent]=\"row.transactionDate | date:'dd-MM-yyyy'\"></span>\n          </ng-template>\n        </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]=\"'InOrderForStock'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DELIVERY_DATE1'\">\n          <ng-template #template let-row=\"row\">\n            <span [textContent]=\"row.deliveryDate | date:'dd-MM-yyyy'\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <div class=\"stock-grid\" *ngIf=\"hideOrShowLocationTab\">\n      <div class=\"stock-location-group\">\n        <div class=\"stock-location-left-group\">\n          <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"handleBackToStockClick()\"></span>\n        </div>\n        <div class=\"stock-location-right-group\">\n          <co-drop-down-list  [(model)]=\"selectedWarehouse\"\n                              [collection]=\"dataWareHouseCode\"\n                              [fields]=\"dataWareHouseFields\"\n                              [placeholder]=\"'WAREHOUSE'\"\n                              (modelChange)=\"onSelectWarehouse($event)\"\n                              [required]=\"true\"\n          ></co-drop-down-list>\n        </div>\n      </div>\n\n<!--      TODO move to own component stock-location-->\n      <co-simple-grid [data]=\"articleDetails\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n                      [showAdd]=\"true\"\n                      [showToolbar]=\"true\"\n                      [showDelete]=\"true\"\n                      [inlineEdit]=\"true\"\n                      (dblClickRow)=\"lockSelectedRow($event)\"\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]=\"'LOCATION'\" [field]=\"'locationNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-drop-down-list [(model)]=\"row.locationNo\"\n                               [collection]=\"stockLocations\"\n                               [fields]=\"dataLocationFields\"\n                               [placeholder]=\"'LOCATION'\"\n                               (modelChange)=\"onLocationSelected($event)\"\n                               (click)=\"onLocationDropdownClick()\"\n                               [required]=\"true\"\n            ></co-drop-down-list>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column *ngIf=\"articleDetails\" [headerText]=\"'BATCH'\" [field]=\"'batchNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-input-text [(model)]=\"row.batchNo\"\n                           [placeholder]=\"'BATCH'\"\n            ></co-input-text>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column *ngIf=\"articleDetails\" [headerText]=\"'SERIAL_NO'\" [field]=\"'serialNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-input-text [(model)]=\"row.serialNo\"\n                           [placeholder]=\"'SERIAL_NO'\"\n            ></co-input-text>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-input-text  [(model)]=\"row.amountInStock\"\n                            [label]=\"'STOCK'\"\n                            (modelChange)=\"amountInStockChanged($event)\"\n            ></co-input-text>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'ALLOCATED'\" [field]=\"'stockAssigned'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row.stockAssigned\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'amountInStockFree'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row.amountInStockFree\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'VALUTA'\" [field]=\"'currency'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row.currency\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'PURCHASE_PRICE'\" [field]=\"'purchasePrice'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row.purchasePrice\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'SUPPLIER_NUMBER'\" [field]=\"'supplierNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row.supplierNo\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSFER'\" [field]=\"'transfer'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\" (click)=\"handleStockTransferClick(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <co-stock-change-amount *ngIf=\"showChangeStockDetails\"\n                            (closeStockChangeAmount)=\"showChangeStockDetails = false\"\n                            [selectedArticleDetailsData]=\"selectedArticleDetailsData\"\n    >\n    </co-stock-change-amount>\n\n    <div class=\"stock-grid\" *ngIf=\"showStockHistory\">\n      <div class=\"stock-button-left-group\">\n        <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"backToStockInformation()\"></span>\n      </div>\n      <co-simple-grid [data]=\"stockHistoryInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <co-simple-grid-column [headerText]=\"'MUTATION_DATE'\">\n          <ng-template #template let-row=\"row\">\n            <span [textContent]=\"row.mutationDate | date:'dd-MM-yyyy'\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'MUTATION_TIME'\" [field]=\"'mutationTime'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amount'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSACTION_TYPE'\" [field]=\"'transType'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DOCUMENT_NUMBER'\" [field]=\"'docNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'LINE'\" [field]=\"'posLineNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK_STATE'\" [field]=\"'stockStateId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK_REMARK'\" [field]=\"'stockStateRemarkId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'VALUTA'\" [field]=\"'currencyCode'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RELATION_ID'\" [field]=\"'relationId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'USER'\" [field]=\"'user'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'MUTATION_TYPE'\" [field]=\"'mutationType'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <div class=\"stock-button-toolbar\">\n      <div class=\"stock-button-left-group\">\n        <co-button *ngIf=\"activeTab === tabs[0]\" [label]=\"'HISTORY'\" (click)=\"handleHistoryClick()\"></co-button>\n      </div>\n      <div class=\"stock-button-middle-group\" *ngIf=\"activeTab !== tabs[0]\">\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\n      <div class=\"stock-button-middle-group\" *ngIf=\"hideOrShowLocationTab\">\n        <div class=\"button-left\">\n          <co-button [textContent]=\"'Ok'\" (click)=\"onOkClickSendLocations()\"></co-button>\n        </div>\n        <div class=\"button-right\">\n          <co-button [textContent]=\"'Annuleren'\" (click)=\"onCancelClickSendLocations()\"></co-button>\n        </div>\n      </div>\n    </div>\n    <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n                           (closeClick)=\"showSendMethodDialog = false\"\n    ></co-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                      [rowsPerPage]=\"20\"\n      >\n          <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'warehouseNo'\" [order]=\"10\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'warehouseName'\" [order]=\"11\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'technicalStock'\" [order]=\"12\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'availableStock'\" [order]=\"13\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'ECONOMICAL_STOCK'\" [field]=\"'economicalStock'\" [order]=\"14\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNo'\" [order]=\"15\">\n            <ng-template #template let-row=\"row\">\n              <span class=\"location-link\" [textContent]=\"'Bekijken'\" (click)=\"onLocationClick(row)\"></span>\n            </ng-template>\n          </co-simple-grid-column>\n      </co-simple-grid>\n\n      <co-simple-grid *ngIf=\"activeTab === tabs[1]\"\n                      [data]=\"inOrderInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <co-simple-grid-column [headerText]=\"'IN_ORDER2'\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'CUSTOMER'\" [field]=\"'customerName'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DATE'\">\n          <ng-template #template let-row=\"row\">\n            <span [textContent]=\"row.transactionDate | date:'dd-MM-yyyy'\"></span>\n          </ng-template>\n        </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]=\"'warehouseNumber'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'warehouseDescription'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSFER'\" [field]=\"'transfer'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\" (click)=\"handleStockTransferClick($event)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n\n      <co-simple-grid *ngIf=\"activeTab === tabs[2]\"\n                      [data]=\"orderInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER_NR'\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DATE'\">\n          <ng-template #template let-row=\"row\">\n            <span [textContent]=\"row.transactionDate | date:'dd-MM-yyyy'\"></span>\n          </ng-template>\n        </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]=\"'InOrderForStock'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DELIVERY_DATE1'\">\n          <ng-template #template let-row=\"row\">\n            <span [textContent]=\"row.deliveryDate | date:'dd-MM-yyyy'\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <div class=\"stock-grid\" *ngIf=\"hideOrShowLocationTab\">\n      <div class=\"stock-location-group\">\n        <div class=\"stock-location-left-group\">\n          <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"handleBackToStockClick()\"></span>\n        </div>\n        <div class=\"stock-location-right-group\">\n          <co-drop-down-list  [(model)]=\"selectedWarehouse\"\n                              [collection]=\"dataWareHouseCode\"\n                              [fields]=\"dataWareHouseFields\"\n                              [placeholder]=\"'WAREHOUSE'\"\n                              (modelChange)=\"onSelectWarehouse($event)\"\n                              [required]=\"true\"\n          ></co-drop-down-list>\n        </div>\n      </div>\n\n<!--      TODO move to own component stock-location-->\n      <co-simple-grid [data]=\"articleDetails\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n                      [showAdd]=\"true\"\n                      [showToolbar]=\"true\"\n                      [showDelete]=\"true\"\n                      [inlineEdit]=\"true\"\n                      (dblClickRow)=\"lockSelectedRow($event)\"\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]=\"'LOCATION'\" [field]=\"'locationNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-drop-down-list [(model)]=\"row.locationNo\"\n                               [collection]=\"stockLocations\"\n                               [fields]=\"dataLocationFields\"\n                               [placeholder]=\"'LOCATION'\"\n                               (click)=\"onLocationDropdownClick()\"\n                               [required]=\"true\"\n            ></co-drop-down-list>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column *ngIf=\"articleDetails\" [headerText]=\"'BATCH'\" [field]=\"'batchNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-input-text [(model)]=\"row.batchNo\"\n                           [placeholder]=\"'BATCH'\"\n            ></co-input-text>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column *ngIf=\"articleDetails\" [headerText]=\"'SERIAL_NO'\" [field]=\"'serialNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-input-text [(model)]=\"row.serialNo\"\n                           [placeholder]=\"'SERIAL_NO'\"\n            ></co-input-text>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-input-text  [(model)]=\"row.amountInStock\"\n                            [label]=\"'STOCK'\"\n                            (modelChange)=\"amountInStockChanged($event)\"\n            ></co-input-text>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'ALLOCATED'\" [field]=\"'stockAssigned'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row.stockAssigned\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'amountInStockFree'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row.amountInStockFree\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'VALUTA'\" [field]=\"'currency'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row.currency\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'PURCHASE_PRICE'\" [field]=\"'purchasePrice'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row.purchasePrice\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'SUPPLIER_NUMBER'\" [field]=\"'supplierNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <span [textContent]=\"row.supplierNo\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSFER'\" [field]=\"'transfer'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\" (click)=\"handleStockTransferClick(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <co-stock-change-amount *ngIf=\"showChangeStockDetails\"\n                            (closeStockChangeAmount)=\"showChangeStockDetails = false\"\n                            [selectedArticleDetailsData]=\"selectedArticleDetailsData\"\n    >\n    </co-stock-change-amount>\n\n    <div class=\"stock-grid\" *ngIf=\"showStockHistory\">\n      <div class=\"stock-button-left-group\">\n        <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"backToStockInformation()\"></span>\n      </div>\n      <co-simple-grid [data]=\"stockHistoryInformation\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n        <co-simple-grid-column [headerText]=\"'MUTATION_DATE'\">\n          <ng-template #template let-row=\"row\">\n            <span [textContent]=\"row.mutationDate | date:'dd-MM-yyyy'\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'MUTATION_TIME'\" [field]=\"'mutationTime'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT'\" [field]=\"'amount'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSACTION_TYPE'\" [field]=\"'transType'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DOCUMENT_NUMBER'\" [field]=\"'docNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'LINE'\" [field]=\"'posLineNr'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK_STATE'\" [field]=\"'stockStateId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STOCK_REMARK'\" [field]=\"'stockStateRemarkId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'VALUTA'\" [field]=\"'currencyCode'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RELATION_ID'\" [field]=\"'relationId'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'USER'\" [field]=\"'user'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'MUTATION_TYPE'\" [field]=\"'mutationType'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'STICKER'\" [field]=\"'sticker'\">\n          <ng-template #template let-row=\"row\">\n            <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\" (click)=\"openSendMethodDialog(row)\"></co-icon>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n\n    <div class=\"stock-button-toolbar\">\n      <div class=\"stock-button-left-group\">\n        <co-button *ngIf=\"activeTab === tabs[0]\" [label]=\"'HISTORY'\" (click)=\"handleHistoryClick()\"></co-button>\n      </div>\n      <div class=\"stock-button-middle-group\" *ngIf=\"activeTab !== tabs[0]\">\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\n      <div class=\"stock-button-middle-group\" *ngIf=\"hideOrShowLocationTab\">\n        <div class=\"button-left\">\n          <co-button [textContent]=\"'Ok'\" (click)=\"onOkClickSendLocations()\"></co-button>\n        </div>\n        <div class=\"button-right\">\n          <co-button [textContent]=\"'Annuleren'\" (click)=\"onCancelClickSendLocations()\"></co-button>\n        </div>\n      </div>\n    </div>\n    <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n                           (closeClick)=\"showSendMethodDialog = false\"\n    ></co-send-method-dialog>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -2008,39 +1947,6 @@
         okButtonClicked: [{ type: i0.Output }]
     };
 
-    var StockLocationComponent = /** @class */ (function () {
-        function StockLocationComponent(_stockService) {
-            this._stockService = _stockService;
-            this.backToStockLines = new i0.EventEmitter();
-            this.stockLocationColumns = [];
-            this.stockLocationColumns.push({ field: "location", headerText: "WAREHOUSE", editType: "none" }, { field: "batch", headerText: "BATCH" }, { field: "serieNo", headerText: "SERIAL_NO" }, { field: "amountInStock", headerText: "STOCK", textAlign: "Right", editType: "numericEdit" }, { field: "allocated", headerText: "ALLOCATED", textAlign: "Right" }, { field: "amountAvailable", headerText: "AVAILABLE_STOCK", textAlign: "Right" }, { field: "PhysicalStock", headerText: "PHYSICAL_STOCK", textAlign: "Right" }, { field: "Valuta", headerText: "VALUTA", textAlign: "Right" }, { field: "PurchasePrice", headerText: "PURSCHASE_PRICE", textAlign: "Right" }, { field: "SupplierNo", headerText: "SUPPLIER_NO", textAlign: "Right" }, { field: "Transfer", headerText: "TRANSFER" }, { field: "sticker", headerText: "STICKER" });
-        }
-        StockLocationComponent.prototype.backToStockInformation = function () {
-            this.backToStockLines.emit();
-        };
-        StockLocationComponent.prototype.onOkClick = function () {
-        };
-        StockLocationComponent.prototype.onCancelClick = function () {
-        };
-        StockLocationComponent.prototype.onSelectWarehouse = function (event) {
-        };
-        return StockLocationComponent;
-    }());
-    StockLocationComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: "co-stock-location",
-                    template: "\n    <div class=\"stock-location-wrapper\">\n      <div class=\"buttons-wrapper\">\n        <div class=\"stock-button-left-group\">\n          <span class=\"stock-button-back\" [textContent]=\"'BACK_TO_STOCK_LINES'\" (click)=\"backToStockInformation()\"></span>\n        </div>\n        <div class=\"dropdown-wrapper\">\n          <co-drop-down-list\n            [collection]=\"allWarehouses\"\n            [placeholder]=\"'WAREHOUSES'\"\n            (modelChange)=\"onSelectWarehouse($event)\"\n          ></co-drop-down-list>\n        </div>\n      </div>\n\n      <div class=\"stock-grid\">\n\n      </div>\n      <div class=\"button-wrapper\">\n        <div class=\"button-left\">\n          <co-button (click)=\"onOkClick()\"></co-button>\n        </div>\n        <div class=\"button-right\">\n          <co-button (click)=\"onCancelClick()\"></co-button>\n        </div>\n      </div>\n    </div>\n\n  ",
-                    encapsulation: i0.ViewEncapsulation.None
-                },] }
-    ];
-    StockLocationComponent.ctorParameters = function () { return [
-        { type: StockService }
-    ]; };
-    StockLocationComponent.propDecorators = {
-        stockLocationInformation: [{ type: i0.Input }],
-        backToStockLines: [{ type: i0.Output }]
-    };
-
     var StockTransferComponent = /** @class */ (function () {
         function StockTransferComponent(_stockService) {
             this._stockService = _stockService;
@@ -2111,7 +2017,7 @@
     StockTransferComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-stock-transfer",
-                    template: "\n      <div class=\"stock-transfer\">\n        <div class=\"stock-transfer-columns\">\n          <div *ngIf=\"articleToTransfer\" class=\"stock-transfer-left-column\">\n            <co-input-text disabled\n                           [label]=\"'Standaard magazijn'\"\n                           [(model)]=\"articleToTransfer.warehouseDescription\"\n                           [textContent]=\"articleToTransfer.warehouseDescription\"\n                           [placeholder]=\"'Standaard magazijn'\"\n            >\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"articleToTransfer.locationNo\"\n                           [textContent]=\"articleToTransfer.locationNo\"\n                           [placeholder]=\"'Standaard locatie'\">\n            </co-input-text>\n            <co-input-text *ngIf=\"articleToTransfer.batchNo\"\n                           disabled\n                           [(model)]=\"articleToTransfer.batchNo\"\n                           [placeholder]=\"'Batch'\">\n            </co-input-text>\n            <co-input-text *ngIf=\"articleToTransfer.serialNo\"\n                           disabled\n                           [(model)]=\"articleToTransfer.serialNo\"\n                           [placeholder]=\"'Serie'\">\n            </co-input-text>\n            <co-input-text\n              [(model)]=\"articleToTransfer.amountTransfer\"\n              [placeholder]=\"'Aantal'\">\n            </co-input-text>\n          </div>\n\n          <div class=\"stock-transfer-right-column\">\n            <co-drop-down-list [collection]=\"warehouses\"\n                               [fields]=\"allWarehousesDropdownFields\"\n                               (modelChange)=\"handleSelectedWarehouse($event)\"\n                               [placeholder]=\"'Magazijn'\"\n                               [(model)]=\"articleToTransfer.targetWarehouse\">\n            </co-drop-down-list>\n            <co-drop-down-list [collection]=\"locations\"\n                               [fields]=\"allLocationDropdownFields\"\n                               [(model)]=\"articleToTransfer.targetLocation\"\n                               [placeholder]=\"'Locatie'\"\n            >\n            </co-drop-down-list>\n            <co-drop-down-list [collection]=\"stockState\"\n                               [fields]=\"stockStateDropdownField\"\n                               [placeholder]=\"'Voorraadstatus'\"\n                               [(model)]=\"articleToTransfer.stockStateId\"\n            >\n            </co-drop-down-list>\n            <co-input-text [placeholder]=\"'Omschrijving'\"\n                           [(model)]=\"articleToTransfer.stockStateRemark\">\n            </co-input-text>\n          </div>\n        </div>\n\n        <div class=\"ok-cancel-buttons\">\n          <co-button [textContent]=\"'Ok'\" (click)=\"handleOkClick(articleToTransfer)\"></co-button>\n          <co-button [textContent]=\"'Annuleren'\" (click)=\"handleCancelClick()\"></co-button>\n          <co-button [textContent]=\"'Sticker'\" (click)=\"handleStickerClick()\"></co-button>\n        </div>\n      </div>\n  ",
+                    template: "\n      <div class=\"stock-transfer\">\n        <div class=\"stock-transfer-columns\">\n          <div *ngIf=\"articleToTransfer\" class=\"stock-transfer-left-column\">\n            <co-input-text disabled\n                           [label]=\"'Standaard magazijn'\"\n                           [(model)]=\"articleToTransfer.warehouseDescription\"\n                           [textContent]=\"articleToTransfer.warehouseDescription\"\n                           [placeholder]=\"'Standaard magazijn'\"\n            >\n            </co-input-text>\n            <co-input-text disabled\n                           [(model)]=\"articleToTransfer.locationNo\"\n                           [textContent]=\"articleToTransfer.locationNo\"\n                           [placeholder]=\"'Standaard locatie'\">\n            </co-input-text>\n<!--            <co-input-text disabled-->\n<!--                           [(model)]=\"stockSticker.batch\"-->\n<!--                           [placeholder]=\"'Batch'\">-->\n<!--            </co-input-text>-->\n<!--            <co-input-text disabled-->\n<!--                           [(model)]=\"stockSticker.serial\"-->\n<!--                           [placeholder]=\"'Serie'\">-->\n<!--            </co-input-text>-->\n            <co-input-text\n              [(model)]=\"articleToTransfer.amountTransfer\"\n              [placeholder]=\"'Aantal'\">\n            </co-input-text>\n          </div>\n\n          <div class=\"stock-transfer-right-column\">\n            <co-drop-down-list [collection]=\"warehouses\"\n                               [fields]=\"allWarehousesDropdownFields\"\n                               (modelChange)=\"handleSelectedWarehouse($event)\"\n                               [placeholder]=\"'Magazijn'\"\n                               [(model)]=\"articleToTransfer.targetWarehouse\">\n            </co-drop-down-list>\n            <co-drop-down-list [collection]=\"locations\"\n                               [fields]=\"allLocationDropdownFields\"\n                               [(model)]=\"articleToTransfer.targetLocation\"\n                               [placeholder]=\"'Locatie'\"\n            >\n            </co-drop-down-list>\n            <co-drop-down-list [collection]=\"stockState\"\n                               [fields]=\"stockStateDropdownField\"\n                               [placeholder]=\"'Voorraadstatus'\"\n                               [(model)]=\"articleToTransfer.stockStateId\"\n            >\n            </co-drop-down-list>\n            <co-input-text [placeholder]=\"'Omschrijving'\"\n                           [(model)]=\"articleToTransfer.stockStateRemark\">\n            </co-input-text>\n          </div>\n        </div>\n\n        <div class=\"ok-cancel-buttons\">\n          <co-button [textContent]=\"'Ok'\" (click)=\"handleOkClick(articleToTransfer)\"></co-button>\n          <co-button [textContent]=\"'Annuleren'\" (click)=\"handleCancelClick()\"></co-button>\n          <co-button [textContent]=\"'Sticker'\" (click)=\"handleStickerClick()\"></co-button>\n        </div>\n      </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -2256,13 +2162,13 @@
     }());
 
     var sendMethodsWithIcon = [
-        new SendMethod(sendMethodType_enum.SendMethodType.Fax, "Fax", exports["ɵw"].PrintRegular),
-        new SendMethod(sendMethodType_enum.SendMethodType.Print, "Print", exports["ɵw"].PrintSolid),
-        new SendMethod(sendMethodType_enum.SendMethodType.Email, "Email", exports["ɵw"].AtSolid),
-        new SendMethod(sendMethodType_enum.SendMethodType.Edi, "Edi", exports["ɵw"].FileExportSolid),
-        new SendMethod(sendMethodType_enum.SendMethodType.EmailTemplate, "Email template", exports["ɵw"].EnvelopeRegular),
-        new SendMethod(sendMethodType_enum.SendMethodType.Sms, "Sms", exports["ɵw"].MessageSmsSolid),
-        new SendMethod(sendMethodType_enum.SendMethodType.WebService, "Webservice", exports["ɵw"].PrintRegular)
+        new SendMethod(sendMethodType_enum.SendMethodType.Fax, "Fax", exports["ɵbi"].PrintRegular),
+        new SendMethod(sendMethodType_enum.SendMethodType.Print, "Print", exports["ɵbi"].PrintSolid),
+        new SendMethod(sendMethodType_enum.SendMethodType.Email, "Email", exports["ɵbi"].AtSolid),
+        new SendMethod(sendMethodType_enum.SendMethodType.Edi, "Edi", exports["ɵbi"].FileExportSolid),
+        new SendMethod(sendMethodType_enum.SendMethodType.EmailTemplate, "Email template", exports["ɵbi"].EnvelopeRegular),
+        new SendMethod(sendMethodType_enum.SendMethodType.Sms, "Sms", exports["ɵbi"].MessageSmsSolid),
+        new SendMethod(sendMethodType_enum.SendMethodType.WebService, "Webservice", exports["ɵbi"].PrintRegular)
     ];
     var SendMethodDialogComponent = /** @class */ (function () {
         function SendMethodDialogComponent(iconCacheService, _optionsService, _dictionary, _changeDetector, _sharedService, _sendMethodService) {
@@ -2273,7 +2179,7 @@
             this._changeDetector = _changeDetector;
             this._sharedService = _sharedService;
             this._sendMethodService = _sendMethodService;
-            this.icons = exports["ɵw"];
+            this.icons = exports["ɵbi"];
             this.emailLayouts = [];
             this.printLayouts = [];
             this.emailAddresses = [];
@@ -2642,7 +2548,7 @@
             this.sendMethodService = sendMethodService;
             this.iconService = iconService;
             this._service = _service;
-            this.icons = exports["ɵw"];
+            this.icons = exports["ɵbi"];
             this.printers = [];
             this.showPrinterList = false;
         }
@@ -2818,6 +2724,554 @@
         closeStockChangeAmount: [{ type: i0.Output }]
     };
 
+    var StockTabComponent = /** @class */ (function () {
+        function StockTabComponent() {
+            this.locationClicked = new i0.EventEmitter();
+        }
+        StockTabComponent.prototype.onLocationClick = function (data) {
+            this.locationClicked.emit(data);
+        };
+        return StockTabComponent;
+    }());
+    StockTabComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-stock-tab",
+                    template: "\n    <co-simple-grid [data]=\"articleStockInformation\"\n                    class=\"simple-grid\"\n                    [rowsPerPage]=\"20\"\n    >\n      <co-simple-grid-column [headerText]=\"'WAREHOUSE'\" [field]=\"'warehouseNo'\" [order]=\"10\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'warehouseName'\" [order]=\"11\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'technicalStock'\" [order]=\"12\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'availableStock'\" [order]=\"13\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'ECONOMICAL_STOCK'\" [field]=\"'economicalStock'\" [order]=\"14\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNo'\" [order]=\"15\">\n        <ng-template #template let-row=\"row\">\n          <span class=\"location-link\" [textContent]=\"'Bekijken'\" (click)=\"onLocationClick(row)\"></span>\n        </ng-template>\n      </co-simple-grid-column>\n    </co-simple-grid>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    StockTabComponent.ctorParameters = function () { return []; };
+    StockTabComponent.propDecorators = {
+        articleStockInformation: [{ type: i0.Input }],
+        locationClicked: [{ type: i0.Output }]
+    };
+
+    var OrderTabComponent = /** @class */ (function () {
+        function OrderTabComponent(iconCacheService, _stockService) {
+            this.iconCacheService = iconCacheService;
+            this._stockService = _stockService;
+            this.icons = exports["ɵbi"];
+            this.locationClicked = new i0.EventEmitter();
+            this.transferIconClicked = new i0.EventEmitter();
+            this.sendMethodDialogClicked = new i0.EventEmitter();
+        }
+        OrderTabComponent.prototype.openSendMethodDialog = function (data) {
+            this.sendMethodDialogClicked.emit(data);
+        };
+        OrderTabComponent.prototype.handleStockTransferClick = function (event) {
+            this.transferIconClicked.emit(event);
+        };
+        return OrderTabComponent;
+    }());
+    OrderTabComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-order-tab",
+                    template: "\n    <co-simple-grid [data]=\"inOrderInformation\"\n                    class=\"simple-grid\"\n                    [rowsPerPage]=\"20\"\n    >\n      <co-simple-grid-column [headerText]=\"'IN_ORDER2'\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'CUSTOMER'\" [field]=\"'customerName'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DATE'\">\n        <ng-template #template let-row=\"row\">\n          <span [textContent]=\"row.transactionDate | date:'dd-MM-yyyy'\"></span>\n        </ng-template>\n      </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]=\"'warehouseNumber'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DESCRIPTION'\" [field]=\"'warehouseDescription'\"></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  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    OrderTabComponent.ctorParameters = function () { return [
+        { type: IconCacheService },
+        { type: StockService }
+    ]; };
+    OrderTabComponent.propDecorators = {
+        articleStockInformation: [{ type: i0.Input }],
+        inOrderInformation: [{ type: i0.Input }],
+        locationClicked: [{ type: i0.Output }],
+        transferIconClicked: [{ type: i0.Output }],
+        sendMethodDialogClicked: [{ type: i0.Output }]
+    };
+
+    var StockTabsComponent = /** @class */ (function () {
+        function StockTabsComponent(_stockService) {
+            this._stockService = _stockService;
+            this.icons = exports["ɵbi"];
+            this.transferIconClicked = new i0.EventEmitter();
+            this.sendMethodDialogClicked = new i0.EventEmitter();
+            this.tabs = [
+                { title: 'Overzicht', active: true },
+                { title: 'Voorraaddetails', active: false, clickHandler: this.getStockManagementWarehouses.bind(this) },
+                { title: 'In order', active: false, clickHandler: this.getInOrderData.bind(this) },
+                { title: 'In bestelling', active: false, clickHandler: this.getOrderData.bind(this) },
+                { title: 'Historie', active: false },
+            ];
+            this.historyTabs = [
+                { title: 'Voorraad', active: false, clickHandler: this.getStockHistory.bind(this) },
+                { title: 'Order voorraad', active: false, clickHandler: this.getOrderSupplyStockHistory.bind(this) },
+                { title: 'Order commissie', active: false, clickHandler: this.getOrderCommissionStockHistory.bind(this) },
+                { title: 'Bestelling', active: false, clickHandler: this.getOrderStockHistory.bind(this) },
+                { title: 'Toewijzing', active: false, clickHandler: this.getAllocationStockHistory.bind(this) },
+            ];
+        }
+        StockTabsComponent.prototype.handleLocationClicked = function (data) {
+            this.clickedLocation = data.warehouseNo;
+            this.tabs[0].active = false;
+            this.tabs[1].active = true;
+        };
+        StockTabsComponent.prototype.getStockHistory = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var stockHistoryInformation, _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            if (!!this.stockHistory) return [3 /*break*/, 2];
+                            stockHistoryInformation = new getStockHistoryRequest.GetStockHistoryRequest();
+                            stockHistoryInformation.type = "V";
+                            stockHistoryInformation.goodId = this.article;
+                            _a = this;
+                            return [4 /*yield*/, this._stockService.getStockHistory(stockHistoryInformation)];
+                        case 1:
+                            _a.stockHistory = _b.sent();
+                            _b.label = 2;
+                        case 2: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        StockTabsComponent.prototype.getOrderSupplyStockHistory = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var stockHistoryInformation, _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            if (!!this.orderSupplyStockHistory) return [3 /*break*/, 2];
+                            stockHistoryInformation = new getStockHistoryRequest.GetStockHistoryRequest();
+                            stockHistoryInformation.type = "O";
+                            stockHistoryInformation.goodId = this.article;
+                            _a = this;
+                            return [4 /*yield*/, this._stockService.getStockHistory(stockHistoryInformation)];
+                        case 1:
+                            _a.orderSupplyStockHistory = _b.sent();
+                            _b.label = 2;
+                        case 2: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        StockTabsComponent.prototype.getOrderCommissionStockHistory = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var stockHistoryInformation, _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            if (!!this.orderCommissionStockHistory) return [3 /*break*/, 2];
+                            stockHistoryInformation = new getStockHistoryRequest.GetStockHistoryRequest();
+                            stockHistoryInformation.type = "C";
+                            stockHistoryInformation.goodId = this.article;
+                            _a = this;
+                            return [4 /*yield*/, this._stockService.getStockHistory(stockHistoryInformation)];
+                        case 1:
+                            _a.orderCommissionStockHistory = _b.sent();
+                            _b.label = 2;
+                        case 2: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        StockTabsComponent.prototype.getOrderStockHistory = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var stockHistoryInformation, _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            if (!!this.orderStockHistory) return [3 /*break*/, 2];
+                            stockHistoryInformation = new getStockHistoryRequest.GetStockHistoryRequest();
+                            stockHistoryInformation.type = "B";
+                            stockHistoryInformation.goodId = this.article;
+                            _a = this;
+                            return [4 /*yield*/, this._stockService.getStockHistory(stockHistoryInformation)];
+                        case 1:
+                            _a.orderStockHistory = _b.sent();
+                            _b.label = 2;
+                        case 2: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        StockTabsComponent.prototype.getAllocationStockHistory = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var stockHistoryInformation, _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            if (!!this.orderAllocationStockHistory) return [3 /*break*/, 2];
+                            stockHistoryInformation = new getStockHistoryRequest.GetStockHistoryRequest();
+                            stockHistoryInformation.type = "T";
+                            stockHistoryInformation.goodId = this.article;
+                            _a = this;
+                            return [4 /*yield*/, this._stockService.getStockHistory(stockHistoryInformation)];
+                        case 1:
+                            _a.orderAllocationStockHistory = _b.sent();
+                            _b.label = 2;
+                        case 2: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        StockTabsComponent.prototype.getInOrderData = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var inOrderData, _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            if (!!this.inOrderInformation) return [3 /*break*/, 2];
+                            inOrderData = new articleTransaction.ArticleTransaction();
+                            inOrderData.type = "V";
+                            inOrderData.goodId = this.stockInformation[0].goodId.toString();
+                            _a = this;
+                            return [4 /*yield*/, this._stockService.getArticleTransaction(inOrderData)];
+                        case 1:
+                            _a.inOrderInformation = _b.sent();
+                            _b.label = 2;
+                        case 2: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        StockTabsComponent.prototype.getStockManagementWarehouses = function () {
+            var _this = this;
+            this._stockService.getStockManagementWarehouses().then(function (warehouses) {
+                _this.warehouses = warehouses;
+            });
+        };
+        StockTabsComponent.prototype.getOrderData = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var orderData, _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            if (!!this.orderInformation) return [3 /*break*/, 2];
+                            orderData = new articleTransaction.ArticleTransaction();
+                            orderData.type = "I";
+                            orderData.goodId = this.stockInformation[0].goodId.toString();
+                            _a = this;
+                            return [4 /*yield*/, this._stockService.getArticleTransaction(orderData)];
+                        case 1:
+                            _a.orderInformation = _b.sent();
+                            _b.label = 2;
+                        case 2: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        return StockTabsComponent;
+    }());
+    StockTabsComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-stock-tabs",
+                    template: "\n    <co-tab-bar [tabs]=\"tabs\" [secondaryTabs]=\"historyTabs\" [ActivateSecondaryTabs]=\"tabs[4].active\"></co-tab-bar>\n\n    <co-stock-tab *ngIf=\"tabs[0].active\"\n                  [articleStockInformation]=\"stockInformation\"\n                  (locationClicked)=\"handleLocationClicked($event)\"\n    ></co-stock-tab>\n\n    <co-stock-location *ngIf=\"tabs[1].active\"\n                       [articleStockInformation]=\"stockInformation\"\n                       [article]=\"article\"\n                       [clickedLocation]=\"clickedLocation\"\n                       [dataWareHouseCode]=\"warehouses\"\n                       (transferIconClicked)=\"transferIconClicked.emit($event)\"\n                       (sendMethodDialogClicked)=\"sendMethodDialogClicked.emit($event)\"\n    ></co-stock-location>\n\n    <co-order-tab *ngIf=\"tabs[2].active\"\n                  [articleStockInformation]=\"stockInformation\"\n                  [inOrderInformation]=\"inOrderInformation\"\n                  (transferIconClicked)=\"transferIconClicked.emit($event)\"\n                  (sendMethodDialogClicked)=\"sendMethodDialogClicked.emit($event)\"\n    ></co-order-tab>\n\n    <co-order-stock-tab *ngIf=\"tabs[3].active\"\n                        [orderInformation]=\"orderInformation\"\n    ></co-order-stock-tab>\n\n    <co-stock-history *ngIf=\"historyTabs[0].active && tabs[4].active\"\n                      [stockHistory]=\"stockHistory\"\n    ></co-stock-history>\n\n    <co-order-supply-stock-history *ngIf=\"historyTabs[1].active && tabs[4].active\"\n                            [orderSupplyStockHistory]=\"orderSupplyStockHistory\"\n    ></co-order-supply-stock-history>\n\n    <co-order-stock-commission-history *ngIf=\"historyTabs[2].active && tabs[4].active\"\n                                       [orderStockCommissionHistory]=\"orderCommissionStockHistory\"\n    ></co-order-stock-commission-history>\n\n    <co-order-stock-history *ngIf=\"historyTabs[3].active && tabs[4].active\"\n                            [orderStockHistory]=\"orderStockHistory\"\n    ></co-order-stock-history>\n\n    <co-allocation-stock-history *ngIf=\"historyTabs[4].active && tabs[4].active\"\n                                 [allocationStockHistory]=\"orderAllocationStockHistory\"\n    ></co-allocation-stock-history>\n\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    StockTabsComponent.ctorParameters = function () { return [
+        { type: StockService }
+    ]; };
+    StockTabsComponent.propDecorators = {
+        stockInformation: [{ type: i0.Input }],
+        article: [{ type: i0.Input }],
+        transferIconClicked: [{ type: i0.Output }],
+        sendMethodDialogClicked: [{ type: i0.Output }]
+    };
+
+    var StockHistoryTabsComponent = /** @class */ (function () {
+        function StockHistoryTabsComponent() {
+            this.icons = exports["ɵbi"];
+            this.selectedTab = 0;
+        }
+        return StockHistoryTabsComponent;
+    }());
+    StockHistoryTabsComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-stock-history-tabs",
+                    template: "\n    <div class=\"stock-history-tabs-wrapper\">\n      <div class=\"tab-container\">\n        <div class=\"tab-header\">\n          <button class=\"tab-button\" (click)=\"selectedTab = 0\" [class.active]=\"selectedTab === 0\">Voorraad</button>\n          <button class=\"tab-button\" (click)=\"selectedTab = 1\" [class.active]=\"selectedTab === 1\">Order voorraad</button>\n          <button class=\"tab-button\" (click)=\"selectedTab = 2\" [class.active]=\"selectedTab === 2\">Order commissie</button>\n          <button class=\"tab-button\" (click)=\"selectedTab = 3\" [class.active]=\"selectedTab === 3\">Bestelling</button>\n          <button class=\"tab-button\" (click)=\"selectedTab = 4\" [class.active]=\"selectedTab === 4\">Toewijzing</button>\n        </div>\n      </div>\n    </div>\n\n\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    StockHistoryTabsComponent.ctorParameters = function () { return []; };
+    StockHistoryTabsComponent.propDecorators = {
+        stockInformation: [{ type: i0.Input }]
+    };
+
+    var OrderStockTabComponent = /** @class */ (function () {
+        function OrderStockTabComponent(iconCacheService, _stockService) {
+            this.iconCacheService = iconCacheService;
+            this._stockService = _stockService;
+            this.icons = exports["ɵbi"];
+        }
+        return OrderStockTabComponent;
+    }());
+    OrderStockTabComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-order-stock-tab",
+                    template: "\n    <co-simple-grid [data]=\"orderInformation\"\n                    class=\"simple-grid\"\n                    [rowsPerPage]=\"20\"\n    >\n      <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER_NR'\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DATE'\">\n        <ng-template #template let-row=\"row\">\n          <span [textContent]=\"row.transactionDate | date:'dd-MM-yyyy'\"></span>\n        </ng-template>\n      </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]=\"'InOrderForStock'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DELIVERY_DATE1'\">\n        <ng-template #template let-row=\"row\">\n          <span [textContent]=\"row.deliveryDate | date:'dd-MM-yyyy'\"></span>\n        </ng-template>\n      </co-simple-grid-column>\n    </co-simple-grid>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    OrderStockTabComponent.ctorParameters = function () { return [
+        { type: IconCacheService },
+        { type: StockService }
+    ]; };
+    OrderStockTabComponent.propDecorators = {
+        orderInformation: [{ type: i0.Input }]
+    };
+
+    var StockLocationComponent = /** @class */ (function () {
+        function StockLocationComponent(iconCacheService, _stockService, _changeDetector) {
+            this.iconCacheService = iconCacheService;
+            this._stockService = _stockService;
+            this._changeDetector = _changeDetector;
+            this.icons = exports["ɵbi"];
+            this.transferIconClicked = new i0.EventEmitter();
+            this.sendMethodDialogClicked = new i0.EventEmitter();
+            this.selectedWarehouse = 0;
+            this.dataWareHouseFields = { text: "warehouseDescription", value: "warehouseNo" };
+            this.dataLocationFields = { text: "locationNo", value: "locationNo" };
+            this.articleDetailsInformation = new articleStockManagement.ArticleStockManagement();
+            this.selectedArticleDetailsData = new articleDetails_bo.ArticleDetailsBo();
+        }
+        StockLocationComponent.prototype.ngOnInit = function () {
+            if (this.clickedLocation) {
+                this.selectedWarehouse = this.clickedLocation;
+                this.onSelectWarehouse(this.selectedWarehouse);
+            }
+        };
+        StockLocationComponent.prototype.onSelectWarehouse = function (event) {
+            var _this = this;
+            this.articleDetailsInformation.warehouseNumber = event;
+            this.articleDetailsInformation.goodId = this.article.goodId;
+            if (this.selectedWarehouse || this.selectedWarehouse === 0) {
+                this._stockService.getArticleDetails(this.articleDetailsInformation).then(function (details) {
+                    _this.articleDetails = details;
+                });
+            }
+        };
+        StockLocationComponent.prototype.lockSelectedRow = function (row) {
+            this._stockService.lockArticleDetails(row);
+        };
+        StockLocationComponent.prototype.onLocationDropdownClick = function () {
+            var _this = this;
+            this._stockService.getStockManagementLocations(this.selectedWarehouse).then(function (locations) {
+                _this.stockLocations = locations;
+            });
+        };
+        StockLocationComponent.prototype.amountInStockChanged = function (data) {
+            this.selectedArticleDetailsData.amountInStock = data;
+        };
+        StockLocationComponent.prototype.openSendMethodDialog = function (data) {
+            this.sendMethodDialogClicked.emit(data);
+        };
+        StockLocationComponent.prototype.handleStockTransferClick = function (event) {
+            this.transferIconClicked.emit(event);
+        };
+        return StockLocationComponent;
+    }());
+    StockLocationComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-stock-location",
+                    template: "\n      <div class=\"stock-grid\">\n          <div class=\"stock-location-group\">\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          <co-simple-grid [data]=\"articleDetails\"\n                          class=\"simple-grid\"\n                          [rowsPerPage]=\"20\"\n                          [showAdd]=\"true\"\n                          [showDelete]=\"true\"\n                          [inlineEdit]=\"true\"\n                          (dblClickRow)=\"lockSelectedRow($event)\"\n                          [rightToolbar]=\"true\"\n                          [showToolbar]=\"true\"\n          >\n              <co-simple-grid-column [headerText]=\"'LOCATION'\" [field]=\"'locationNo'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <co-drop-down-list [(model)]=\"row.locationNo\"\n                                         [collection]=\"stockLocations\"\n                                         [fields]=\"dataLocationFields\"\n                                         [placeholder]=\"'LOCATION'\"\n                                         (click)=\"onLocationDropdownClick()\"\n                                         [required]=\"true\"\n                      ></co-drop-down-list>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column *ngIf=\"articleDetails\" [headerText]=\"'BATCH'\" [field]=\"'batchNo'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <co-input-text [(model)]=\"row.batchNo\"\n                                     [placeholder]=\"'BATCH'\"\n                      ></co-input-text>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column *ngIf=\"articleDetails\" [headerText]=\"'SERIAL_NO'\" [field]=\"'serialNo'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <co-input-text [(model)]=\"row.serialNo\"\n                                     [placeholder]=\"'SERIAL_NO'\"\n                      ></co-input-text>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'STOCK'\" [field]=\"'amountInStock'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <co-input-text [(model)]=\"row.amountInStock\"\n                                     [label]=\"'STOCK'\"\n                                     (modelChange)=\"amountInStockChanged($event)\"\n                      ></co-input-text>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'ALLOCATED'\" [field]=\"'stockAssigned'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <span [textContent]=\"row.stockAssigned\"></span>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK'\" [field]=\"'amountInStockFree'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <span [textContent]=\"row.amountInStockFree\"></span>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'VALUTA'\" [field]=\"'currency'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <span [textContent]=\"row.currency\"></span>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'PURCHASE_PRICE'\" [field]=\"'purchasePrice'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <span [textContent]=\"row.purchasePrice\"></span>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'SUPPLIER_NUMBER'\" [field]=\"'supplierNo'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <span [textContent]=\"row.supplierNo\"></span>\n                  </ng-template>\n              </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)\"\n                               (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)\"\n                               (click)=\"openSendMethodDialog(row)\"></co-icon>\n                  </ng-template>\n              </co-simple-grid-column>\n          </co-simple-grid>\n      </div>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    StockLocationComponent.ctorParameters = function () { return [
+        { type: IconCacheService },
+        { type: StockService },
+        { type: i0.ChangeDetectorRef }
+    ]; };
+    StockLocationComponent.propDecorators = {
+        articleStockInformation: [{ type: i0.Input }],
+        article: [{ type: i0.Input }],
+        clickedLocation: [{ type: i0.Input }],
+        dataWareHouseCode: [{ type: i0.Input }],
+        transferIconClicked: [{ type: i0.Output }],
+        sendMethodDialogClicked: [{ type: i0.Output }]
+    };
+
+    var StockHistoryComponent = /** @class */ (function () {
+        function StockHistoryComponent(iconCacheService, _stockService) {
+            this.iconCacheService = iconCacheService;
+            this._stockService = _stockService;
+            this.icons = exports["ɵbi"];
+        }
+        StockHistoryComponent.prototype.openSendMethodDialog = function (data) {
+            if (!(this._stockService.printLayoutParams instanceof printPriceStickers_bo.PrintPriceStickers)) {
+                this._stockService.printLayoutParams.goodId = data.goodId;
+                this._stockService.printLayoutParams.warehouse = data.warehouseNo;
+            }
+        };
+        StockHistoryComponent.prototype.getStockHistory = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var stockHistoryInformation, _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            stockHistoryInformation = new getStockHistoryRequest.GetStockHistoryRequest();
+                            stockHistoryInformation.type = "B";
+                            stockHistoryInformation.goodId = this.articleGoodId;
+                            _a = this;
+                            return [4 /*yield*/, this._stockService.getStockHistory(stockHistoryInformation)];
+                        case 1:
+                            _a.stockHistory = _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        return StockHistoryComponent;
+    }());
+    StockHistoryComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-stock-history",
+                    template: "\n    <co-simple-grid [data]=\"stockHistory\"\n                    class=\"simple-grid\"\n                    [rowsPerPage]=\"20\"\n    >\n      <co-simple-grid-column [headerText]=\"'MUTATION_DATE'\">\n        <ng-template #template let-row=\"row\">\n          <span [textContent]=\"row.mutationDate | date:'dd-MM-yyyy'\"></span>\n        </ng-template>\n      </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]=\"'DOCUMENT_NUMBER'\" [field]=\"'docNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'LINE'\" [field]=\"'transLineNr'\"></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_NR'\" [field]=\"'relationNr'\"></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>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    StockHistoryComponent.ctorParameters = function () { return [
+        { type: IconCacheService },
+        { type: StockService }
+    ]; };
+    StockHistoryComponent.propDecorators = {
+        stockHistoryInformation: [{ type: i0.Input }],
+        articleGoodId: [{ type: i0.Input }],
+        stockHistory: [{ type: i0.Input }]
+    };
+
+    var TabBarComponent = /** @class */ (function () {
+        function TabBarComponent() {
+            this.ActivateSecondaryTabs = false;
+        }
+        TabBarComponent.prototype.selectTab = function (tab) {
+            if (tab.clickHandler) {
+                tab.clickHandler();
+            }
+            this.tabs.forEach(function (t) { return t.active = false; });
+            tab.active = true;
+        };
+        TabBarComponent.prototype.selectSecondaryTab = function (secondaryTab) {
+            if (secondaryTab.clickHandler) {
+                secondaryTab.clickHandler();
+            }
+            this.secondaryTabs.forEach(function (t) { return t.active = false; });
+            secondaryTab.active = true;
+        };
+        return TabBarComponent;
+    }());
+    TabBarComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-tab-bar",
+                    template: "\n    <div class=\"tab-bar\">\n        <button *ngFor=\"let tab of tabs\" [class.active]=\"tab.active\" (click)=\"selectTab(tab)\">\n          {{tab.title}}\n        </button>\n    </div>\n    <div class=\"secondary-tab-bar\" *ngIf=\"ActivateSecondaryTabs\">\n        <button *ngFor=\"let tab of secondaryTabs\" [class.active]=\"tab.active\" (click)=\"selectSecondaryTab(tab)\">\n          {{tab.title}}\n        </button>\n    </div>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    TabBarComponent.ctorParameters = function () { return []; };
+    TabBarComponent.propDecorators = {
+        tabs: [{ type: i0.Input }],
+        secondaryTabs: [{ type: i0.Input }],
+        ActivateSecondaryTabs: [{ type: i0.Input }]
+    };
+
+    var TabBarModule = /** @class */ (function () {
+        function TabBarModule() {
+        }
+        return TabBarModule;
+    }());
+    TabBarModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                    ],
+                    declarations: [
+                        TabBarComponent
+                    ],
+                    exports: [
+                        TabBarComponent
+                    ]
+                },] }
+    ];
+
+    var OrderSupplyStockHistoryComponent = /** @class */ (function () {
+        function OrderSupplyStockHistoryComponent(iconCacheService) {
+            this.iconCacheService = iconCacheService;
+            this.icons = exports["ɵbi"];
+        }
+        return OrderSupplyStockHistoryComponent;
+    }());
+    OrderSupplyStockHistoryComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-order-supply-stock-history",
+                    template: "\n    <co-simple-grid [data]=\"orderSupplyStockHistory\"\n                    class=\"simple-grid\"\n                    [rowsPerPage]=\"20\"\n    >\n      <co-simple-grid-column [headerText]=\"'MUTATION_DATE'\">\n        <ng-template #template let-row=\"row\">\n          <span [textContent]=\"row.mutationDate | date:'dd-MM-yyyy'\"></span>\n        </ng-template>\n      </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]=\"'DOCUMENT_NUMBER'\" [field]=\"'docNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'LINE'\" [field]=\"'transLineNr'\"></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_NR'\" [field]=\"'relationNr'\"></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>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    OrderSupplyStockHistoryComponent.ctorParameters = function () { return [
+        { type: IconCacheService }
+    ]; };
+    OrderSupplyStockHistoryComponent.propDecorators = {
+        orderSupplyStockHistory: [{ type: i0.Input }]
+    };
+
+    var OrderCommissionStockHistoryComponent = /** @class */ (function () {
+        function OrderCommissionStockHistoryComponent(iconCacheService) {
+            this.iconCacheService = iconCacheService;
+            this.icons = exports["ɵbi"];
+        }
+        return OrderCommissionStockHistoryComponent;
+    }());
+    OrderCommissionStockHistoryComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-order-stock-commission-history",
+                    template: "\n    <co-simple-grid [data]=\"orderStockCommissionHistory\"\n                    class=\"simple-grid\"\n                    [rowsPerPage]=\"20\"\n    >\n      <co-simple-grid-column [headerText]=\"'MUTATION_DATE'\">\n        <ng-template #template let-row=\"row\">\n          <span [textContent]=\"row.mutationDate | date:'dd-MM-yyyy'\"></span>\n        </ng-template>\n      </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]=\"'DOCUMENT_NUMBER'\" [field]=\"'docNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'LINE'\" [field]=\"'transLineNr'\"></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_NR'\" [field]=\"'relationNr'\"></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>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    OrderCommissionStockHistoryComponent.ctorParameters = function () { return [
+        { type: IconCacheService }
+    ]; };
+    OrderCommissionStockHistoryComponent.propDecorators = {
+        orderStockCommissionHistory: [{ type: i0.Input }]
+    };
+
+    var OrderStockHistoryComponent = /** @class */ (function () {
+        function OrderStockHistoryComponent(iconCacheService) {
+            this.iconCacheService = iconCacheService;
+            this.icons = exports["ɵbi"];
+        }
+        return OrderStockHistoryComponent;
+    }());
+    OrderStockHistoryComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-order-stock-history",
+                    template: "\n    <co-simple-grid [data]=\"orderStockHistory\"\n                    class=\"simple-grid\"\n                    [rowsPerPage]=\"20\"\n    >\n      <co-simple-grid-column [headerText]=\"'MUTATION_DATE'\">\n        <ng-template #template let-row=\"row\">\n          <span [textContent]=\"row.mutationDate | date:'dd-MM-yyyy'\"></span>\n        </ng-template>\n      </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]=\"'DOCUMENT_NUMBER'\" [field]=\"'docNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'LINE'\" [field]=\"'transLineNr'\"></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_NR'\" [field]=\"'relationNr'\"></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>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    OrderStockHistoryComponent.ctorParameters = function () { return [
+        { type: IconCacheService }
+    ]; };
+    OrderStockHistoryComponent.propDecorators = {
+        orderStockHistory: [{ type: i0.Input }]
+    };
+
+    var AllocationStockHistoryComponent = /** @class */ (function () {
+        function AllocationStockHistoryComponent(iconCacheService) {
+            this.iconCacheService = iconCacheService;
+            this.icons = exports["ɵbi"];
+        }
+        return AllocationStockHistoryComponent;
+    }());
+    AllocationStockHistoryComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-allocation-stock-history",
+                    template: "\n    <co-simple-grid [data]=\"allocationStockHistory\"\n                    class=\"simple-grid\"\n                    [rowsPerPage]=\"20\"\n    >\n      <co-simple-grid-column [headerText]=\"'MUTATION_DATE'\">\n        <ng-template #template let-row=\"row\">\n          <span [textContent]=\"row.mutationDate | date:'dd-MM-yyyy'\"></span>\n        </ng-template>\n      </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]=\"'DOCUMENT_NUMBER'\" [field]=\"'docNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'LINE'\" [field]=\"'transLineNr'\"></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_NR'\" [field]=\"'relationNr'\"></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>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    AllocationStockHistoryComponent.ctorParameters = function () { return [
+        { type: IconCacheService }
+    ]; };
+    AllocationStockHistoryComponent.propDecorators = {
+        allocationStockHistory: [{ type: i0.Input }]
+    };
+
     var StockModule = /** @class */ (function () {
         function StockModule() {
         }
@@ -2839,15 +3293,27 @@
                         corecomponents_v12.IconModule,
                         corecomponents_v12.InputNumberPickerModule,
                         corecomponents_v12.CoDialogWizardModule,
-                        corecomponents_v12.InputTextareaModule
+                        corecomponents_v12.InputTextareaModule,
+                        TabBarModule,
+                        corecomponents_v12.CoDialogModule
                     ],
                     declarations: [
                         StockComponent,
                         StockInformationComponent,
                         StockInformationGridComponent,
-                        StockLocationComponent,
                         StockTransferComponent,
-                        StockChangeAmountComponent
+                        StockChangeAmountComponent,
+                        StockTabComponent,
+                        OrderTabComponent,
+                        StockTabsComponent,
+                        StockHistoryTabsComponent,
+                        OrderStockTabComponent,
+                        StockLocationComponent,
+                        StockHistoryComponent,
+                        OrderSupplyStockHistoryComponent,
+                        OrderCommissionStockHistoryComponent,
+                        OrderStockHistoryComponent,
+                        AllocationStockHistoryComponent
                     ],
                     exports: [
                         StockComponent
@@ -2893,7 +3359,7 @@
     var KeyPadComponent = /** @class */ (function () {
         function KeyPadComponent(iconCacheService) {
             this.iconCacheService = iconCacheService;
-            this.icons = exports["ɵw"];
+            this.icons = exports["ɵbi"];
             this.showValue = true;
             this.emitModelChangeOnEnter = true;
             this.modelChange = new i0.EventEmitter();
@@ -3084,7 +3550,7 @@
     var LayoutSwitcherComponent = /** @class */ (function () {
         function LayoutSwitcherComponent(iconCacheService) {
             this.iconCacheService = iconCacheService;
-            this.icon = exports["ɵw"];
+            this.icon = exports["ɵbi"];
             this.layoutItems = [];
             this.layoutSwitchEmit = new i0.EventEmitter();
             this.showMaskSidebar = false;
@@ -3266,7 +3732,7 @@
             }
         };
         CoCircularGaugeComponent.prototype._setColor = function () {
-            if (this.value == 0) {
+            if (this.value <= 0) {
                 this._color = GaugeColor.Lowest;
             }
             else if (this.value >= 1 && this.value < 25) {
@@ -3281,7 +3747,7 @@
             else if (this.value >= 75 && this.value < 100) {
                 this._color = GaugeColor.High;
             }
-            else if (this.value == 100) {
+            else if (this.value >= 100) {
                 this._color = GaugeColor.Highest;
             }
         };
@@ -3342,7 +3808,7 @@
             return "linear-gradient(90deg, " + this.color + " 0 " + this.value + "%, white " + this.value + "% 100%";
         };
         CoLinearGaugeComponent.prototype._setColor = function () {
-            if (this.value == 0) {
+            if (this.value <= 0) {
                 this.color = GaugeColor.Lowest;
             }
             else if (this.value >= 1 && this.value < 25) {
@@ -3357,7 +3823,7 @@
             else if (this.value >= 75 && this.value < 100) {
                 this.color = GaugeColor.High;
             }
-            else if (this.value == 100) {
+            else if (this.value >= 100) {
                 this.color = GaugeColor.Highest;
             }
         };
@@ -3668,7 +4134,7 @@
             this.iconCacheService = iconCacheService;
             this.selectedDate = new Date();
             this.selectedDateChange = new i0.EventEmitter();
-            this.icons = exports["ɵw"];
+            this.icons = exports["ɵbi"];
             this.showMonthYearSelect = false;
             this.expanded = false;
         }
@@ -4229,7 +4695,7 @@
                 },] }
     ];
     CalendarViewComponent.ctorParameters = function () { return [
-        { type: exports["ɵbc"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] }
+        { type: exports["ɵbo"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] }
     ]; };
     CalendarViewComponent.propDecorators = {
         view: [{ type: i0.Input }],
@@ -4317,7 +4783,7 @@
     CalendarUtils.Locale = undefined;
     CalendarUtils.Now = new Date();
     CalendarUtils.ctorParameters = function () { return [
-        { type: exports["ɵbc"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] }
+        { type: exports["ɵbo"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] }
     ]; };
 
     var AgendaEvent = /** @class */ (function () {
@@ -4374,7 +4840,7 @@
             this._renderer = _renderer;
             this._ngZone = _ngZone;
             this.iconCacheService = iconCacheService;
-            this.icons = exports["ɵw"];
+            this.icons = exports["ɵbi"];
             this.viewTypes = CalendarView;
             this.scrollbarWidth = 15;
             this.view = CalendarView.WeekSelectView;
@@ -4550,7 +5016,7 @@
                 },] }
     ];
     AgendaHeaderComponent.ctorParameters = function () { return [
-        { type: exports["ɵbc"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] },
+        { type: exports["ɵbo"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] },
         { type: i0.ElementRef },
         { type: i0.Renderer2 },
         { type: i0.NgZone },
@@ -4650,7 +5116,7 @@
         { type: i0.Directive }
     ];
     AgendaBaseViewComponent.ctorParameters = function () { return [
-        { type: exports["ɵbc"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] },
+        { type: exports["ɵbo"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] },
         { type: IconCacheService }
     ]; };
     AgendaBaseViewComponent.propDecorators = {
@@ -4766,7 +5232,7 @@
             var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
             _this.view = CalendarView.WeekSelectView;
             _this.week = NULL_WEEK;
-            _this.icons = exports["ɵw"];
+            _this.icons = exports["ɵbi"];
             return _this;
         }
         AgendaWeekSelectViewComponent.prototype.prepareViewData = function () {
@@ -5011,7 +5477,7 @@
             this._elementRef = _elementRef;
             this._renderer = _renderer;
             this.iconCacheService = iconCacheService;
-            this.icons = exports["ɵw"];
+            this.icons = exports["ɵbi"];
             this.event = NULL_AGENDA_EVENT;
             this.eventChecked = new i0.EventEmitter();
         }
@@ -5180,7 +5646,7 @@
     var AgendaSelectEventComponent = /** @class */ (function () {
         function AgendaSelectEventComponent(iconCacheService) {
             this.iconCacheService = iconCacheService;
-            this.icons = exports["ɵw"];
+            this.icons = exports["ɵbi"];
             this.event = NULL_AGENDA_EVENT;
             this.eventChecked = new i0.EventEmitter();
         }
@@ -5276,27 +5742,38 @@
     exports.sendMethodsWithIcon = sendMethodsWithIcon;
     exports["ɵa"] = SignatureComponent;
     exports["ɵb"] = SignaturesComponent;
-    exports["ɵba"] = CalendarComponent;
-    exports["ɵbb"] = CalendarViewComponent;
-    exports["ɵbd"] = AgendaHeaderComponent;
-    exports["ɵbe"] = AgendaViewComponent;
-    exports["ɵbf"] = AgendaMonthViewComponent;
-    exports["ɵbg"] = AgendaBaseViewComponent;
-    exports["ɵbh"] = AgendaDayViewComponent;
-    exports["ɵbi"] = AgendaWeekViewComponent;
-    exports["ɵbj"] = AgendaWeekSelectViewComponent;
-    exports["ɵbk"] = AgendaHourViewComponent;
-    exports["ɵbl"] = AgendaHourCellComponent;
-    exports["ɵbm"] = AgendaHourViewLabelsComponent;
-    exports["ɵbn"] = AgendaHalfHourCellComponent;
-    exports["ɵbo"] = AgendaEventsComponent;
-    exports["ɵbp"] = AgendaEventComponent;
-    exports["ɵbq"] = ViewSelectComponent;
-    exports["ɵbr"] = AgendaSelectEventComponent;
-    exports["ɵbs"] = MASTER_PIPES;
-    exports["ɵbt"] = ArrayNumberPipe;
-    exports["ɵbu"] = UCfirstPipe;
+    exports["ɵba"] = OrderStockTabComponent;
+    exports["ɵbb"] = StockLocationComponent;
+    exports["ɵbc"] = StockHistoryComponent;
+    exports["ɵbd"] = OrderSupplyStockHistoryComponent;
+    exports["ɵbe"] = OrderCommissionStockHistoryComponent;
+    exports["ɵbf"] = OrderStockHistoryComponent;
+    exports["ɵbg"] = AllocationStockHistoryComponent;
+    exports["ɵbh"] = SendMethod;
+    exports["ɵbj"] = CalendarAllYearsComponent;
+    exports["ɵbk"] = CalendarAllMonthsComponent;
+    exports["ɵbl"] = CalendarHeaderComponent;
+    exports["ɵbm"] = CalendarComponent;
+    exports["ɵbn"] = CalendarViewComponent;
+    exports["ɵbp"] = AgendaHeaderComponent;
+    exports["ɵbq"] = AgendaViewComponent;
+    exports["ɵbr"] = AgendaMonthViewComponent;
+    exports["ɵbs"] = AgendaBaseViewComponent;
+    exports["ɵbt"] = AgendaDayViewComponent;
+    exports["ɵbu"] = AgendaWeekViewComponent;
+    exports["ɵbv"] = AgendaWeekSelectViewComponent;
+    exports["ɵbw"] = AgendaHourViewComponent;
+    exports["ɵbx"] = AgendaHourCellComponent;
+    exports["ɵby"] = AgendaHourViewLabelsComponent;
+    exports["ɵbz"] = AgendaHalfHourCellComponent;
     exports["ɵc"] = StockService;
+    exports["ɵca"] = AgendaEventsComponent;
+    exports["ɵcb"] = AgendaEventComponent;
+    exports["ɵcc"] = ViewSelectComponent;
+    exports["ɵcd"] = AgendaSelectEventComponent;
+    exports["ɵce"] = MASTER_PIPES;
+    exports["ɵcf"] = ArrayNumberPipe;
+    exports["ɵcg"] = UCfirstPipe;
     exports["ɵd"] = SharedConnectorService;
     exports["ɵe"] = OptionsService;
     exports["ɵf"] = DictionaryService;
@@ -5310,15 +5787,16 @@
     exports["ɵn"] = PrinterSelectionModule;
     exports["ɵo"] = PrinterSelectionComponent;
     exports["ɵp"] = SendMethodPrinterComponent;
-    exports["ɵq"] = StockInformationComponent;
-    exports["ɵr"] = StockInformationGridComponent;
-    exports["ɵs"] = StockLocationComponent;
-    exports["ɵt"] = StockTransferComponent;
-    exports["ɵu"] = StockChangeAmountComponent;
-    exports["ɵv"] = SendMethod;
-    exports["ɵx"] = CalendarAllYearsComponent;
-    exports["ɵy"] = CalendarAllMonthsComponent;
-    exports["ɵz"] = CalendarHeaderComponent;
+    exports["ɵq"] = TabBarModule;
+    exports["ɵr"] = TabBarComponent;
+    exports["ɵs"] = StockInformationComponent;
+    exports["ɵt"] = StockInformationGridComponent;
+    exports["ɵu"] = StockTransferComponent;
+    exports["ɵv"] = StockChangeAmountComponent;
+    exports["ɵw"] = StockTabComponent;
+    exports["ɵx"] = OrderTabComponent;
+    exports["ɵy"] = StockTabsComponent;
+    exports["ɵz"] = StockHistoryTabsComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });