@colijnit/sharedcomponents 1.0.43 → 1.0.44

package/bundles/colijnit-sharedcomponents.umd.js

@@ -730,13 +730,13 @@
                 },] }
     ];
 
-    exports["ɵbt"] = void 0;
+    exports["ɵbu"] = void 0;
     (function (LanguageCode) {
         LanguageCode["Dutch"] = "nl-NL";
         LanguageCode["English"] = "en-GB";
         LanguageCode["German"] = "de-DE";
         LanguageCode["French"] = "fr-FR";
-    })(exports["ɵbt"] || (exports["ɵbt"] = {}));
+    })(exports["ɵbu"] || (exports["ɵbu"] = {}));
 
     // 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["ɵbt"].Dutch;
+                    this._language = language || exports["ɵbu"].Dutch;
                     this._loadDictionary();
                     return [2 /*return*/];
                 });
@@ -883,7 +883,7 @@
                 return key || "";
             }
             if (this.language === undefined) {
-                this._language = exports["ɵbt"].Dutch;
+                this._language = exports["ɵbu"].Dutch;
                 this._loadDictionary();
             }
             var text = this._dictionaries.get(this.language)[key];
@@ -1327,6 +1327,25 @@
                 });
             });
         };
+        SharedConnectorService.prototype.getStockPrognose = function (goodId, warehouseNumber) {
+            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.getStockForecast(goodId, warehouseNumber).then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    if (result.resultObjects) {
+                                        resolve(result.resultObjects);
+                                    }
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
         SharedConnectorService.prototype.commit = function () {
             return this.articleConnector.commit();
         };
@@ -1457,6 +1476,16 @@
                 });
             });
         };
+        StockService.prototype.stockPrognose = function (goodId, warehouseNumber) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._sharedService.getStockPrognose(goodId, warehouseNumber)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
         StockService.prototype.lockArticleDetails = function (data) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
@@ -1630,7 +1659,6 @@
         };
         StockComponent.prototype.handleSendMethodClick = function (event) {
             this.showSendMethodDialog = true;
-            console.log(event);
         };
         StockComponent.prototype.backToStock = function () {
             this.showStockTransfer = !this.showStockTransfer;
@@ -1841,7 +1869,7 @@
     ]; };
 
     /** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
-    exports["ɵbn"] = void 0;
+    exports["ɵbo"] = void 0;
     (function (Icon) {
         Icon["AngleLeftSolid"] = "angle_left_solid";
         Icon["AngleRightSolid"] = "angle_right_solid";
@@ -1867,13 +1895,13 @@
         Icon["PrintSolid"] = "print_solid";
         Icon["SignatureField"] = "signature_field";
         Icon["Xml"] = "xml";
-    })(exports["ɵbn"] || (exports["ɵbn"] = {}));
+    })(exports["ɵbo"] || (exports["ɵbo"] = {}));
 
     var StockInformationGridComponent = /** @class */ (function () {
         function StockInformationGridComponent(iconCacheService, _stockService) {
             this.iconCacheService = iconCacheService;
             this._stockService = _stockService;
-            this.icons = exports["ɵbn"];
+            this.icons = exports["ɵbo"];
             this.transferIconClicked = new i0.EventEmitter();
             this.historyClicked = new i0.EventEmitter();
             this.cancelButtonClicked = new i0.EventEmitter();
@@ -2320,13 +2348,13 @@
     }());
 
     var sendMethodsWithIcon = [
-        new SendMethod(sendMethodType_enum.SendMethodType.Fax, "Fax", exports["ɵbn"].PrintRegular),
-        new SendMethod(sendMethodType_enum.SendMethodType.Print, "Print", exports["ɵbn"].PrintSolid),
-        new SendMethod(sendMethodType_enum.SendMethodType.Email, "Email", exports["ɵbn"].AtSolid),
-        new SendMethod(sendMethodType_enum.SendMethodType.Edi, "Edi", exports["ɵbn"].FileExportSolid),
-        new SendMethod(sendMethodType_enum.SendMethodType.EmailTemplate, "Email template", exports["ɵbn"].EnvelopeRegular),
-        new SendMethod(sendMethodType_enum.SendMethodType.Sms, "Sms", exports["ɵbn"].MessageSmsSolid),
-        new SendMethod(sendMethodType_enum.SendMethodType.WebService, "Webservice", exports["ɵbn"].PrintRegular)
+        new SendMethod(sendMethodType_enum.SendMethodType.Fax, "Fax", exports["ɵbo"].PrintRegular),
+        new SendMethod(sendMethodType_enum.SendMethodType.Print, "Print", exports["ɵbo"].PrintSolid),
+        new SendMethod(sendMethodType_enum.SendMethodType.Email, "Email", exports["ɵbo"].AtSolid),
+        new SendMethod(sendMethodType_enum.SendMethodType.Edi, "Edi", exports["ɵbo"].FileExportSolid),
+        new SendMethod(sendMethodType_enum.SendMethodType.EmailTemplate, "Email template", exports["ɵbo"].EnvelopeRegular),
+        new SendMethod(sendMethodType_enum.SendMethodType.Sms, "Sms", exports["ɵbo"].MessageSmsSolid),
+        new SendMethod(sendMethodType_enum.SendMethodType.WebService, "Webservice", exports["ɵbo"].PrintRegular)
     ];
     var SendMethodDialogComponent = /** @class */ (function () {
         function SendMethodDialogComponent(iconCacheService, _changeDetector, _sharedService, _sendMethodService) {
@@ -2335,7 +2363,7 @@
             this._changeDetector = _changeDetector;
             this._sharedService = _sharedService;
             this._sendMethodService = _sendMethodService;
-            this.icons = exports["ɵbn"];
+            this.icons = exports["ɵbo"];
             this.printerList = [];
             this.emailLayouts = [];
             this.printLayouts = [];
@@ -2676,7 +2704,7 @@
             this.sendMethodService = sendMethodService;
             this.iconService = iconService;
             this._service = _service;
-            this.icons = exports["ɵbn"];
+            this.icons = exports["ɵbo"];
             this.printers = [];
             this.showPrinterList = false;
         }
@@ -2874,7 +2902,7 @@
         function OrderTabComponent(iconCacheService, _stockService) {
             this.iconCacheService = iconCacheService;
             this._stockService = _stockService;
-            this.icons = exports["ɵbn"];
+            this.icons = exports["ɵbo"];
             this.locationClicked = new i0.EventEmitter();
             this.transferIconClicked = new i0.EventEmitter();
             this.sendMethodDialogClicked = new i0.EventEmitter();
@@ -2910,9 +2938,11 @@
         function StockTabsComponent(_stockService, _localizeService) {
             this._stockService = _stockService;
             this._localizeService = _localizeService;
-            this.icons = exports["ɵbn"];
+            this.icons = exports["ɵbo"];
             this.transferIconClicked = new i0.EventEmitter();
             this.sendMethodDialogClicked = new i0.EventEmitter();
+            this.articleDetailsInformation = new articleStockManagement.ArticleStockManagement();
+            this.showWarehouseSelection = false;
             this.tabs = [];
             this.historyTabs = [];
         }
@@ -2920,6 +2950,7 @@
             var _this = this;
             this.tabs = [
                 { title: this._localizeService.get('OVERVIEW'), active: true },
+                { title: this._localizeService.get('STOCK_FORECAST'), active: false },
                 { title: this._localizeService.get('STOCK_DETAILS'), active: false },
                 { title: this._localizeService.get('ALREADY_IN_ORDER'), active: false, clickHandler: function () { return _this.getInOrderData(); } },
                 { title: this._localizeService.get('IN_ORDER'), active: false, clickHandler: function () { return _this.getOrderData(); } },
@@ -2932,11 +2963,13 @@
                 { title: this._localizeService.get('ORDER'), active: false, clickHandler: function () { return _this.getOrderStockHistory(); } },
                 { title: this._localizeService.get('ALLOCATION'), active: false, clickHandler: function () { return _this.getAllocationStockHistory(); } },
             ];
+            console.log(this.tabs[0]);
+            console.log(this.historyTabs[5]);
         };
         StockTabsComponent.prototype.handleLocationClicked = function (data) {
             this.selectedLocation = data.warehouseNo;
             this.tabs[0].active = false;
-            this.tabs[1].active = true;
+            this.tabs[2].active = true;
         };
         StockTabsComponent.prototype.getStockHistory = function () {
             return __awaiter(this, void 0, void 0, function () {
@@ -3078,12 +3111,41 @@
                 });
             });
         };
+        StockTabsComponent.prototype.getStockPrognose = function (warehouseNo) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            _a = this;
+                            return [4 /*yield*/, this._stockService.stockPrognose(this.article.goodId, warehouseNo)];
+                        case 1:
+                            _a.stockPrognose = _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        StockTabsComponent.prototype.handleWarehouseSelected = function (event) {
+            var _this = this;
+            this.selectedWarehouse = event;
+            if (this.tabs[1].active) {
+                this.getStockPrognose(this.selectedWarehouse.warehouseNo);
+            }
+            if (this.tabs[2].active) {
+                this.articleDetailsInformation.warehouseNumber = event.warehouseNo;
+                this.articleDetailsInformation.goodId = this.article.goodId;
+                this._stockService.getArticleDetails(this.articleDetailsInformation).then(function (details) {
+                    _this.articleDetails = details;
+                });
+            }
+        };
         return StockTabsComponent;
     }());
     StockTabsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-stock-tabs",
-                    template: "\n    <co-tab-bar [wareHouseLabel]=\"'CHOICES' | localize\" [wareHouseSearchLabel]=\"'SEARCH' | localize\" \n                [tabs]=\"tabs\" [dataWareHouseCode]=\"warehouses\" [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]=\"selectedLocation\"\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  ",
+                    template: "\n    <co-tab-bar [wareHouseLabel]=\"'CHOICES' | localize\"\n                [wareHouseSearchLabel]=\"'SEARCH' | localize\"\n                [tabs]=\"tabs\"\n                [dataWareHouseCode]=\"warehouses\"\n                [secondaryTabs]=\"historyTabs\"\n                [ActivateSecondaryTabs]=\"tabs[5].active\"\n                [showWarehouseSelection]=\"tabs[1].active || tabs[2].active\"\n                (warehouseSelected)=\"handleWarehouseSelected($event)\"\n    ></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-prognose *ngIf=\"tabs[1].active\"\n                       [stockPrognose]=\"stockPrognose\"\n    ></co-stock-prognose>\n\n    <co-stock-location *ngIf=\"tabs[2].active\"\n                       [articleStockInfo]=\"articleDetails\"\n                       [articleStockInformation]=\"stockInformation\"\n                       [article]=\"article\"\n                       [clickedLocation]=\"selectedLocation\"\n                       [dataWareHouseCode]=\"warehouses\"\n                       (transferIconClicked)=\"transferIconClicked.emit($event)\"\n                       (sendMethodDialogClicked)=\"sendMethodDialogClicked.emit($event)\"\n    ></co-stock-location>\n\n    <co-order-tab *ngIf=\"tabs[3].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[4].active\"\n                        [orderInformation]=\"orderInformation\"\n    ></co-order-stock-tab>\n\n    <co-stock-history *ngIf=\"historyTabs[0].active && tabs[5].active\"\n                      [stockHistory]=\"stockHistory\"\n    ></co-stock-history>\n\n    <co-order-supply-stock-history *ngIf=\"historyTabs[1].active && tabs[5].active\"\n                            [orderSupplyStockHistory]=\"orderSupplyStockHistory\"\n    ></co-order-supply-stock-history>\n\n    <co-order-stock-commission-history *ngIf=\"historyTabs[2].active && tabs[5].active\"\n                                       [orderStockCommissionHistory]=\"orderCommissionStockHistory\"\n    ></co-order-stock-commission-history>\n\n    <co-order-stock-history *ngIf=\"historyTabs[3].active && tabs[5].active\"\n                            [orderStockHistory]=\"orderStockHistory\"\n    ></co-order-stock-history>\n\n    <co-allocation-stock-history *ngIf=\"historyTabs[4].active && tabs[5].active\"\n                                 [allocationStockHistory]=\"orderAllocationStockHistory\"\n    ></co-allocation-stock-history>\n\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -3101,7 +3163,7 @@
 
     var StockHistoryTabsComponent = /** @class */ (function () {
         function StockHistoryTabsComponent() {
-            this.icons = exports["ɵbn"];
+            this.icons = exports["ɵbo"];
             this.selectedTab = 0;
         }
         return StockHistoryTabsComponent;
@@ -3121,7 +3183,7 @@
         function OrderStockTabComponent(iconCacheService, _stockService) {
             this.iconCacheService = iconCacheService;
             this._stockService = _stockService;
-            this.icons = exports["ɵbn"];
+            this.icons = exports["ɵbo"];
         }
         return OrderStockTabComponent;
     }());
@@ -3145,7 +3207,7 @@
             this.iconCacheService = iconCacheService;
             this._stockService = _stockService;
             this._changeDetector = _changeDetector;
-            this.icons = exports["ɵbn"];
+            this.icons = exports["ɵbo"];
             this.transferIconClicked = new i0.EventEmitter();
             this.sendMethodDialogClicked = new i0.EventEmitter();
             this.dataWareHouseFields = { text: "warehouseDescription", value: "warehouseNo" };
@@ -3219,7 +3281,7 @@
     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' | localize\"\n                                     (modelChange)=\"onSelectWarehouse($event)\"\n                                     [required]=\"true\"\n                  ></co-drop-down-list>\n                <co-list-of-values [label]=\"'CHOICES' | localize\"\n                                   [displayField]=\"'warehouseDescription'\"\n                                   [collection]=\"dataWareHouseCode\"\n                                   [model]=\"selectedWarehouseModel\"\n                                   [multiselect]=\"false\"\n                                   [required]=\"false\"\n                                   [readonly]=\"true\"\n                                   [customCssClass]=\"'mini-scrollbar'\"\n                                   [searchPlaceholder]=\"'SEARCH' | localize\"\n                                   (modelChange)=\"onSelectWarehouse($event)\"\n                >\n                </co-list-of-values>\n              </div>\n          </div>\n\n          <co-simple-grid [data]=\"articleDetails\"\n                          class=\"simple-grid\"\n                          [rowsPerPage]=\"20\"\n                          [showAdd]=\"true\"\n                          [inlineEdit]=\"true\"\n                          (dblClickRow)=\"lockSelectedRow($event)\"\n                          [showToolbar]=\"true\"\n                          (keydown.enter)=\"onOkClickSendLocations()\"\n          >\n              <co-simple-grid-column [headerText]=\"'LOCATION' | localize\" [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' | localize\"\n                                         (click)=\"onLocationDropdownClick()\"\n                                         [required]=\"true\"\n                                         (modelChange)=\"locationChanged($event)\"\n                      ></co-drop-down-list>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column *ngIf=\"articleDetails\" [headerText]=\"'BATCH' | localize\" [field]=\"'batchNo'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <co-input-text [(model)]=\"row.batchNo\"\n                                     [placeholder]=\"'BATCH' | localize\"\n                      ></co-input-text>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column *ngIf=\"articleDetails\" [headerText]=\"'SERIAL_NO' | localize\" [field]=\"'serialNo'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <co-input-text [(model)]=\"row.serialNo\"\n                                     [placeholder]=\"'SERIAL_NO' | localize\"\n                      ></co-input-text>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'STOCK' | localize\" [field]=\"'amountInStock'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <co-input-text [(model)]=\"row.amountInStock\"\n                                     [label]=\"'STOCK' | localize\"\n                                     (modelChange)=\"amountInStockChanged($event)\"\n                      ></co-input-text>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'ALLOCATED' | localize\" [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' | localize\" [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' | localize\" [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' | localize\" [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' | localize\" [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' | localize\" [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' | localize\" [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  ",
+                    template: "\n      <div class=\"stock-grid\">\n          <co-simple-grid [data]=\"articleDetails\"\n                          class=\"simple-grid\"\n                          [rowsPerPage]=\"20\"\n                          [showAdd]=\"true\"\n                          [inlineEdit]=\"true\"\n                          (dblClickRow)=\"lockSelectedRow($event)\"\n                          [showToolbar]=\"true\"\n                          (keydown.enter)=\"onOkClickSendLocations()\"\n          >\n              <co-simple-grid-column [headerText]=\"'LOCATION' | localize\" [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' | localize\"\n                                         (click)=\"onLocationDropdownClick()\"\n                                         [required]=\"true\"\n                                         (modelChange)=\"locationChanged($event)\"\n                      ></co-drop-down-list>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column *ngIf=\"articleDetails\" [headerText]=\"'BATCH' | localize\" [field]=\"'batchNo'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <co-input-text [(model)]=\"row.batchNo\"\n                                     [placeholder]=\"'BATCH' | localize\"\n                      ></co-input-text>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column *ngIf=\"articleDetails\" [headerText]=\"'SERIAL_NO' | localize\" [field]=\"'serialNo'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <co-input-text [(model)]=\"row.serialNo\"\n                                     [placeholder]=\"'SERIAL_NO' | localize\"\n                      ></co-input-text>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'STOCK' | localize\" [field]=\"'amountInStock'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <co-input-text [(model)]=\"row.amountInStock\"\n                                     [label]=\"'STOCK' | localize\"\n                                     (modelChange)=\"amountInStockChanged($event)\"\n                      ></co-input-text>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'ALLOCATED' | localize\" [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' | localize\" [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' | localize\" [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' | localize\" [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' | localize\" [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' | localize\" [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' | localize\" [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
                 },] }
     ];
@@ -3229,6 +3291,7 @@
         { type: i0.ChangeDetectorRef }
     ]; };
     StockLocationComponent.propDecorators = {
+        articleStockInfo: [{ type: i0.Input }],
         articleStockInformation: [{ type: i0.Input }],
         article: [{ type: i0.Input }],
         clickedLocation: [{ type: i0.Input }],
@@ -3241,7 +3304,7 @@
         function StockHistoryComponent(iconCacheService, _stockService) {
             this.iconCacheService = iconCacheService;
             this._stockService = _stockService;
-            this.icons = exports["ɵbn"];
+            this.icons = exports["ɵbo"];
         }
         return StockHistoryComponent;
     }());
@@ -3266,8 +3329,8 @@
         function TabBarComponent(_stockService) {
             this._stockService = _stockService;
             this.ActivateSecondaryTabs = false;
-            this.dataWareHouseFields = { text: "warehouseDescription", value: "warehouseNo" };
-            this.articleDetailsInformation = new articleStockManagement.ArticleStockManagement();
+            this.showWarehouseSelection = false;
+            this.warehouseSelected = new i0.EventEmitter();
         }
         TabBarComponent.prototype.selectTab = function (tab) {
             if (tab.clickHandler) {
@@ -3284,21 +3347,14 @@
             secondaryTab.active = true;
         };
         TabBarComponent.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;
-                });
-            }
+            this.warehouseSelected.emit(event);
         };
         return TabBarComponent;
     }());
     TabBarComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-tab-bar",
-                    template: "\n    <div class=\"tab-bar-wrapper\">\n      <div class=\"tab-bar-warehouse-wrapper\">\n        <div class=\"stock-location-group\">\n          <div class=\"stock-location-right-group\">\n            <co-list-of-values [label]=\"wareHouseLabel\"\n                               [displayField]=\"'warehouseDescription'\"\n                               [collection]=\"dataWareHouseCode\"\n                               [multiselect]=\"false\"\n                               [required]=\"false\"\n                               [readonly]=\"true\"\n                               [customCssClass]=\"'mini-scrollbar'\"\n                               [searchPlaceholder]=\"wareHouseSearchLabel\"\n                               (modelChange)=\"onSelectWarehouse($event)\"\n            >\n            </co-list-of-values>\n          </div>\n        </div>\n      </div>\n      <div class=\"tab-bar\">\n        <div class=\"tab-bar-primary\">\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      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"tab-bar-wrapper\">\n      <div class=\"tab-bar-warehouse-wrapper\">\n        <div class=\"stock-location-group\">\n          <div class=\"stock-location-right-group\">\n            <co-list-of-values *ngIf=\"showWarehouseSelection\"\n                               [label]=\"wareHouseLabel\"\n                               [displayField]=\"'warehouseDescription'\"\n                               [collection]=\"dataWareHouseCode\"\n                               [multiselect]=\"false\"\n                               [required]=\"false\"\n                               [readonly]=\"false\"\n                               [customCssClass]=\"'mini-scrollbar'\"\n                               [searchPlaceholder]=\"wareHouseSearchLabel\"\n                               [model]=\"selectedWarehouse\"\n                               (modelChange)=\"onSelectWarehouse($event)\"\n            >\n            </co-list-of-values>\n          </div>\n        </div>\n      </div>\n      <div class=\"tab-bar\">\n        <div class=\"tab-bar-primary\">\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      </div>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -3312,7 +3368,9 @@
         secondaryTabs: [{ type: i0.Input }],
         ActivateSecondaryTabs: [{ type: i0.Input }],
         dataWareHouseCode: [{ type: i0.Input }],
-        article: [{ type: i0.Input }]
+        article: [{ type: i0.Input }],
+        showWarehouseSelection: [{ type: i0.Input }],
+        warehouseSelected: [{ type: i0.Output }]
     };
 
     var TabBarModule = /** @class */ (function () {
@@ -3339,7 +3397,7 @@
     var OrderSupplyStockHistoryComponent = /** @class */ (function () {
         function OrderSupplyStockHistoryComponent(iconCacheService) {
             this.iconCacheService = iconCacheService;
-            this.icons = exports["ɵbn"];
+            this.icons = exports["ɵbo"];
         }
         return OrderSupplyStockHistoryComponent;
     }());
@@ -3360,7 +3418,7 @@
     var OrderCommissionStockHistoryComponent = /** @class */ (function () {
         function OrderCommissionStockHistoryComponent(iconCacheService) {
             this.iconCacheService = iconCacheService;
-            this.icons = exports["ɵbn"];
+            this.icons = exports["ɵbo"];
         }
         return OrderCommissionStockHistoryComponent;
     }());
@@ -3381,7 +3439,7 @@
     var OrderStockHistoryComponent = /** @class */ (function () {
         function OrderStockHistoryComponent(iconCacheService) {
             this.iconCacheService = iconCacheService;
-            this.icons = exports["ɵbn"];
+            this.icons = exports["ɵbo"];
         }
         return OrderStockHistoryComponent;
     }());
@@ -3402,7 +3460,7 @@
     var AllocationStockHistoryComponent = /** @class */ (function () {
         function AllocationStockHistoryComponent(iconCacheService) {
             this.iconCacheService = iconCacheService;
-            this.icons = exports["ɵbn"];
+            this.icons = exports["ɵbo"];
         }
         return AllocationStockHistoryComponent;
     }());
@@ -3804,6 +3862,29 @@
                 },] }
     ];
 
+    var StockPrognoseComponent = /** @class */ (function () {
+        function StockPrognoseComponent(iconCacheService, _stockService) {
+            this.iconCacheService = iconCacheService;
+            this._stockService = _stockService;
+            this.icons = exports["ɵbo"];
+        }
+        return StockPrognoseComponent;
+    }());
+    StockPrognoseComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-stock-prognose",
+                    template: "\n    <co-simple-grid [data]=\"stockPrognose\"\n                    class=\"simple-grid\"\n                    [rowsPerPage]=\"20\"\n    >\n      <co-simple-grid-column [headerText]=\"'AVAILABILITY'\" [field]=\"'available'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'FREE_STOCK'\" [field]=\"'freeStock'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'IN_ORDER'\" [field]=\"'inOrder'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER'\" [field]=\"'transNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER_DATE'\" [field]=\"'transactionDate'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DELIVERY_DATE'\" [field]=\"'docNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'REFERENCE'\" [field]=\"'reference'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DELIVERY_DATE_CONFIRMED'\" [field]=\"'transConfirmedDate'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DATE_DELIVERED'\" [field]=\"'transDeliveryDate'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'FUTURE_FREE_STOCK'\" [field]=\"'laterAvailable'\"></co-simple-grid-column>\n    </co-simple-grid>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    StockPrognoseComponent.ctorParameters = function () { return [
+        { type: IconCacheService },
+        { type: StockService }
+    ]; };
+    StockPrognoseComponent.propDecorators = {
+        stockPrognose: [{ type: i0.Input }]
+    };
+
     var LocalizePipe = /** @class */ (function () {
         function LocalizePipe(_localizeService) {
             this._localizeService = _localizeService;
@@ -3877,7 +3958,8 @@
                         OrderCommissionStockHistoryComponent,
                         OrderStockHistoryComponent,
                         AllocationStockHistoryComponent,
-                        LocalizePipe
+                        LocalizePipe,
+                        StockPrognoseComponent
                     ],
                     exports: [
                         StockComponent
@@ -3924,7 +4006,7 @@
     var KeyPadComponent = /** @class */ (function () {
         function KeyPadComponent(iconCacheService) {
             this.iconCacheService = iconCacheService;
-            this.icons = exports["ɵbn"];
+            this.icons = exports["ɵbo"];
             this.showValue = true;
             this.emitModelChangeOnEnter = true;
             this.modelChange = new i0.EventEmitter();
@@ -4115,7 +4197,7 @@
     var LayoutSwitcherComponent = /** @class */ (function () {
         function LayoutSwitcherComponent(iconCacheService) {
             this.iconCacheService = iconCacheService;
-            this.icon = exports["ɵbn"];
+            this.icon = exports["ɵbo"];
             this.layoutItems = [];
             this.layoutSwitchEmit = new i0.EventEmitter();
             this.showMaskSidebar = false;
@@ -4380,7 +4462,7 @@
             this.iconCacheService = iconCacheService;
             this.selectedDate = new Date();
             this.selectedDateChange = new i0.EventEmitter();
-            this.icons = exports["ɵbn"];
+            this.icons = exports["ɵbo"];
             this.showMonthYearSelect = false;
             this.expanded = false;
         }
@@ -4941,7 +5023,7 @@
                 },] }
     ];
     CalendarViewComponent.ctorParameters = function () { return [
-        { type: exports["ɵbt"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] }
+        { type: exports["ɵbu"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] }
     ]; };
     CalendarViewComponent.propDecorators = {
         view: [{ type: i0.Input }],
@@ -5029,7 +5111,7 @@
     CalendarUtils.Locale = undefined;
     CalendarUtils.Now = new Date();
     CalendarUtils.ctorParameters = function () { return [
-        { type: exports["ɵbt"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] }
+        { type: exports["ɵbu"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] }
     ]; };
 
     var AgendaEvent = /** @class */ (function () {
@@ -5086,7 +5168,7 @@
             this._renderer = _renderer;
             this._ngZone = _ngZone;
             this.iconCacheService = iconCacheService;
-            this.icons = exports["ɵbn"];
+            this.icons = exports["ɵbo"];
             this.viewTypes = CalendarView;
             this.scrollbarWidth = 15;
             this.view = CalendarView.WeekSelectView;
@@ -5262,7 +5344,7 @@
                 },] }
     ];
     AgendaHeaderComponent.ctorParameters = function () { return [
-        { type: exports["ɵbt"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] },
+        { type: exports["ɵbu"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] },
         { type: i0.ElementRef },
         { type: i0.Renderer2 },
         { type: i0.NgZone },
@@ -5362,7 +5444,7 @@
         { type: i0.Directive }
     ];
     AgendaBaseViewComponent.ctorParameters = function () { return [
-        { type: exports["ɵbt"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] },
+        { type: exports["ɵbu"], decorators: [{ type: i0.Inject, args: [i0.LOCALE_ID,] }] },
         { type: IconCacheService }
     ]; };
     AgendaBaseViewComponent.propDecorators = {
@@ -5478,7 +5560,7 @@
             var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
             _this.view = CalendarView.WeekSelectView;
             _this.week = NULL_WEEK;
-            _this.icons = exports["ɵbn"];
+            _this.icons = exports["ɵbo"];
             return _this;
         }
         AgendaWeekSelectViewComponent.prototype.prepareViewData = function () {
@@ -5723,7 +5805,7 @@
             this._elementRef = _elementRef;
             this._renderer = _renderer;
             this.iconCacheService = iconCacheService;
-            this.icons = exports["ɵbn"];
+            this.icons = exports["ɵbo"];
             this.event = NULL_AGENDA_EVENT;
             this.eventChecked = new i0.EventEmitter();
         }
@@ -5892,7 +5974,7 @@
     var AgendaSelectEventComponent = /** @class */ (function () {
         function AgendaSelectEventComponent(iconCacheService) {
             this.iconCacheService = iconCacheService;
-            this.icons = exports["ɵbn"];
+            this.icons = exports["ɵbo"];
             this.event = NULL_AGENDA_EVENT;
             this.eventChecked = new i0.EventEmitter();
         }
@@ -6001,31 +6083,32 @@
     exports["ɵbj"] = OrderStockHistoryComponent;
     exports["ɵbk"] = AllocationStockHistoryComponent;
     exports["ɵbl"] = LocalizePipe;
-    exports["ɵbm"] = SendMethod;
-    exports["ɵbo"] = CalendarAllYearsComponent;
-    exports["ɵbp"] = CalendarAllMonthsComponent;
-    exports["ɵbq"] = CalendarHeaderComponent;
-    exports["ɵbr"] = CalendarComponent;
-    exports["ɵbs"] = CalendarViewComponent;
-    exports["ɵbu"] = AgendaHeaderComponent;
-    exports["ɵbv"] = AgendaViewComponent;
-    exports["ɵbw"] = AgendaMonthViewComponent;
-    exports["ɵbx"] = AgendaBaseViewComponent;
-    exports["ɵby"] = AgendaDayViewComponent;
-    exports["ɵbz"] = AgendaWeekViewComponent;
+    exports["ɵbm"] = StockPrognoseComponent;
+    exports["ɵbn"] = SendMethod;
+    exports["ɵbp"] = CalendarAllYearsComponent;
+    exports["ɵbq"] = CalendarAllMonthsComponent;
+    exports["ɵbr"] = CalendarHeaderComponent;
+    exports["ɵbs"] = CalendarComponent;
+    exports["ɵbt"] = CalendarViewComponent;
+    exports["ɵbv"] = AgendaHeaderComponent;
+    exports["ɵbw"] = AgendaViewComponent;
+    exports["ɵbx"] = AgendaMonthViewComponent;
+    exports["ɵby"] = AgendaBaseViewComponent;
+    exports["ɵbz"] = AgendaDayViewComponent;
     exports["ɵc"] = StockService;
-    exports["ɵca"] = AgendaWeekSelectViewComponent;
-    exports["ɵcb"] = AgendaHourViewComponent;
-    exports["ɵcc"] = AgendaHourCellComponent;
-    exports["ɵcd"] = AgendaHourViewLabelsComponent;
-    exports["ɵce"] = AgendaHalfHourCellComponent;
-    exports["ɵcf"] = AgendaEventsComponent;
-    exports["ɵcg"] = AgendaEventComponent;
-    exports["ɵch"] = ViewSelectComponent;
-    exports["ɵci"] = AgendaSelectEventComponent;
-    exports["ɵcj"] = MASTER_PIPES;
-    exports["ɵck"] = ArrayNumberPipe;
-    exports["ɵcl"] = UCfirstPipe;
+    exports["ɵca"] = AgendaWeekViewComponent;
+    exports["ɵcb"] = AgendaWeekSelectViewComponent;
+    exports["ɵcc"] = AgendaHourViewComponent;
+    exports["ɵcd"] = AgendaHourCellComponent;
+    exports["ɵce"] = AgendaHourViewLabelsComponent;
+    exports["ɵcf"] = AgendaHalfHourCellComponent;
+    exports["ɵcg"] = AgendaEventsComponent;
+    exports["ɵch"] = AgendaEventComponent;
+    exports["ɵci"] = ViewSelectComponent;
+    exports["ɵcj"] = AgendaSelectEventComponent;
+    exports["ɵck"] = MASTER_PIPES;
+    exports["ɵcl"] = ArrayNumberPipe;
+    exports["ɵcm"] = UCfirstPipe;
     exports["ɵd"] = SharedConnectorService;
     exports["ɵe"] = OptionsService;
     exports["ɵf"] = DictionaryService;