@colijnit/sharedcomponents 255.1.21 → 255.1.22

package/bundles/colijnit-sharedcomponents.umd.js

@@ -2202,7 +2202,7 @@
   ]; };
 
   /** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
-  exports["ɵbs"] = void 0;
+  exports["ɵbt"] = void 0;
   (function (Icon) {
       Icon["Account"] = "account";
       Icon["AngleLeftSolid"] = "angle_left_solid";
@@ -2268,7 +2268,7 @@
       Icon["Trashbin"] = "trashbin";
       Icon["Xml"] = "xml";
       Icon["XSolid"] = "x_solid";
-  })(exports["ɵbs"] || (exports["ɵbs"] = {}));
+  })(exports["ɵbt"] || (exports["ɵbt"] = {}));
 
   /** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
   var IconSvg = {
@@ -2398,7 +2398,7 @@
           this._changeDetector = _changeDetector;
           this._connector = _connector;
           this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbs"];
+          this.icons = exports["ɵbt"];
           this.handleStickerClicked = new i0.EventEmitter();
           this.articleWarehouse = [];
           this.allWarehouses = [];
@@ -2426,7 +2426,7 @@
                   this.articleExtended = articleOrGoodId;
                   this._goodId = articleOrGoodId.goodId;
               }
-              else if (typeof articleOrGoodId === "number") {
+              else if (typeof articleOrGoodId === 'number') {
                   this._goodId = articleOrGoodId;
               }
           },
@@ -2475,7 +2475,7 @@
           var _this = this;
           var articleData = new articleStock.ArticleStock();
           articleData.goodId = goodId.toString();
-          articleData.viewKind = "M";
+          articleData.viewKind = 'M';
           this._stockService.getStockInformation(articleData).then(function (result) {
               _this.stockInformation = result;
               _this.stockInformation.forEach(function (articleStock) { return _this.allAvailableStock += articleStock.availableStock; });
@@ -2557,8 +2557,8 @@
   }());
   StockComponent.decorators = [
       { type: i0.Component, args: [{
-                  selector: "co-stock",
-                  template: "\n      <div class=\"stock-info-container\" *ngIf=\"loaded && articleExtended\">\n        <co-stock-information [article]=\"articleExtended\"\n                              [articleStockState]=\"articleStockState\"\n                              [allAvailableStockInformation]=\"allAvailableStock\"\n                              [allTechnicalStockInformation]=\"allTechnicalStock\"\n                              [economicalStock]=\"economicalStock\"\n        >\n        </co-stock-information>\n        <co-stock-tabs [stockInformation]=\"stockInformation\"\n                       [article]=\"articleExtended\"\n                       [articleFlat]=\"articleFlat\"\n                       (transferIconClicked)=\"handleStockTransferClick($event)\"\n                       (sendMethodDialogClicked)=\"handleSendMethodClick($event)\"\n                       [warehouses]=\"warehouses\"\n                       [showStockTransfer]=\"showStockTransfer\"\n\n        ></co-stock-tabs>\n      </div>\n  ",
+                  selector: 'co-stock',
+                  template: "\n      <div class=\"stock-info-container\" *ngIf=\"loaded && articleExtended\">\n          <co-stock-information [article]=\"articleExtended\"\n                                [articleStockState]=\"articleStockState\"\n                                [allAvailableStockInformation]=\"allAvailableStock\"\n                                [allTechnicalStockInformation]=\"allTechnicalStock\"\n                                [economicalStock]=\"economicalStock\"\n          >\n          </co-stock-information>\n          <co-stock-tabs [stockInformation]=\"stockInformation\"\n                         [article]=\"articleExtended\"\n                         [articleFlat]=\"articleFlat\"\n                         (transferIconClicked)=\"handleStockTransferClick($event)\"\n                         (sendMethodDialogClicked)=\"handleSendMethodClick($event)\"\n                         [warehouses]=\"warehouses\"\n                         [showStockTransfer]=\"showStockTransfer\"\n          ></co-stock-tabs>\n      </div>\n  ",
                   encapsulation: i0.ViewEncapsulation.None
               },] }
   ];
@@ -2578,7 +2578,7 @@
       okButtonClicked: [{ type: i0.Output }],
       cancelButtonClicked: [{ type: i0.Output }],
       handleClick: [{ type: i0.Output }],
-      showClass: [{ type: i0.HostBinding, args: ["class.co-stock",] }]
+      showClass: [{ type: i0.HostBinding, args: ['class.co-stock',] }]
   };
 
   var StockInformationComponent = /** @class */ (function () {
@@ -2605,7 +2605,7 @@
       function StockInformationGridComponent(iconCacheService, _stockService) {
           this.iconCacheService = iconCacheService;
           this._stockService = _stockService;
-          this.icons = exports["ɵbs"];
+          this.icons = exports["ɵbt"];
           this.transferIconClicked = new i0.EventEmitter();
           this.historyClicked = new i0.EventEmitter();
           this.cancelButtonClicked = new i0.EventEmitter();
@@ -2856,7 +2856,7 @@
           this.stockState = [];
           this.locations = [];
           this.stockStatus = [];
-          this.icons = exports["ɵbs"];
+          this.icons = exports["ɵbt"];
       }
       StockTransferComponent.prototype.ngAfterViewInit = function () {
           this.getStockManagementWarehouses();
@@ -3452,14 +3452,14 @@
   }());
 
   var sendMethodsWithIcon = [
-      new SendMethod(sendMethodType_enum.SendMethodType.Fax, "Fax", exports["ɵbs"].PrintRegular),
-      new SendMethod(sendMethodType_enum.SendMethodType.Print, "Print", exports["ɵbs"].PrintSolid),
-      new SendMethod(sendMethodType_enum.SendMethodType.Email, "Email", exports["ɵbs"].AtSolid),
-      new SendMethod(sendMethodType_enum.SendMethodType.Edi, "Edi", exports["ɵbs"].FileExportSolid),
-      new SendMethod(sendMethodType_enum.SendMethodType.EmailTemplate, "Email template", exports["ɵbs"].EnvelopeRegular),
-      new SendMethod(sendMethodType_enum.SendMethodType.Sms, "Sms", exports["ɵbs"].MessageSmsSolid),
-      new SendMethod(sendMethodType_enum.SendMethodType.WebService, "Webservice", exports["ɵbs"].PrintRegular),
-      new SendMethod(sendMethodType_enum.SendMethodType.Pdf, "Pdf", exports["ɵbs"].Pdf)
+      new SendMethod(sendMethodType_enum.SendMethodType.Fax, "Fax", exports["ɵbt"].PrintRegular),
+      new SendMethod(sendMethodType_enum.SendMethodType.Print, "Print", exports["ɵbt"].PrintSolid),
+      new SendMethod(sendMethodType_enum.SendMethodType.Email, "Email", exports["ɵbt"].AtSolid),
+      new SendMethod(sendMethodType_enum.SendMethodType.Edi, "Edi", exports["ɵbt"].FileExportSolid),
+      new SendMethod(sendMethodType_enum.SendMethodType.EmailTemplate, "Email template", exports["ɵbt"].EnvelopeRegular),
+      new SendMethod(sendMethodType_enum.SendMethodType.Sms, "Sms", exports["ɵbt"].MessageSmsSolid),
+      new SendMethod(sendMethodType_enum.SendMethodType.WebService, "Webservice", exports["ɵbt"].PrintRegular),
+      new SendMethod(sendMethodType_enum.SendMethodType.Pdf, "Pdf", exports["ɵbt"].Pdf)
   ];
   var SendMethodDialogComponent = /** @class */ (function () {
       function SendMethodDialogComponent(iconCacheService, _changeDetector, _sharedService, _sendMethodService) {
@@ -3468,7 +3468,7 @@
           this._changeDetector = _changeDetector;
           this._sharedService = _sharedService;
           this._sendMethodService = _sendMethodService;
-          this.icons = exports["ɵbs"];
+          this.icons = exports["ɵbt"];
           this.printerList = [];
           this.emailLayouts = [];
           this.printLayouts = [];
@@ -3695,7 +3695,7 @@
   var LayoutSelectionComponent = /** @class */ (function () {
       function LayoutSelectionComponent(iconCacheService) {
           this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbs"];
+          this.icons = exports["ɵbt"];
           this.layouts = [];
           this.requestChange = new i0.EventEmitter();
           this.showLayoutList = false;
@@ -3771,7 +3771,7 @@
   var SignatureButtonComponent = /** @class */ (function () {
       function SignatureButtonComponent(iconCacheService) {
           this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbs"];
+          this.icons = exports["ɵbt"];
       }
       SignatureButtonComponent.prototype.showClass = function () {
           return true;
@@ -3881,7 +3881,7 @@
           this.sendMethodService = sendMethodService;
           this.iconService = iconService;
           this._service = _service;
-          this.icons = exports["ɵbs"];
+          this.icons = exports["ɵbt"];
           this.printers = [];
           this.showPrinterList = false;
       }
@@ -4148,16 +4148,40 @@
       locationClicked: [{ type: i0.Output }]
   };
 
-  var OrderTabComponent = /** @class */ (function () {
+  var BaseStockComponent = /** @class */ (function () {
+      function BaseStockComponent() {
+      }
+      BaseStockComponent.prototype.ngOnInit = function () {
+          this.getData();
+      };
+      BaseStockComponent.prototype.getData = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                  return [2 /*return*/];
+              });
+          });
+      };
+      return BaseStockComponent;
+  }());
+  BaseStockComponent.decorators = [
+      { type: i0.Directive }
+  ];
+  BaseStockComponent.propDecorators = {
+      goodId: [{ type: i0.Input }]
+  };
+
+  var OrderTabComponent = /** @class */ (function (_super) {
+      __extends(OrderTabComponent, _super);
       function OrderTabComponent(iconCacheService, _stockService) {
-          this.iconCacheService = iconCacheService;
-          this._stockService = _stockService;
-          this.icons = exports["ɵbs"];
-          this.articleStockInformation = [];
-          this.inOrderInformation = [];
-          this.locationClicked = new i0.EventEmitter();
-          this.transferIconClicked = new i0.EventEmitter();
-          this.sendMethodDialogClicked = new i0.EventEmitter();
+          var _this = _super.call(this) || this;
+          _this.iconCacheService = iconCacheService;
+          _this._stockService = _stockService;
+          _this.icons = exports["ɵbt"];
+          _this.locationClicked = new i0.EventEmitter();
+          _this.transferIconClicked = new i0.EventEmitter();
+          _this.sendMethodDialogClicked = new i0.EventEmitter();
+          _this.data = [];
+          return _this;
       }
       OrderTabComponent.prototype.openSendMethodDialog = function (data) {
           this.sendMethodDialogClicked.emit(data);
@@ -4165,12 +4189,27 @@
       OrderTabComponent.prototype.handleStockTransferClick = function (event) {
           this.transferIconClicked.emit(event);
       };
+      OrderTabComponent.prototype.getData = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var inOrderData;
+              var _this = this;
+              return __generator(this, function (_a) {
+                  inOrderData = new articleTransaction.ArticleTransaction();
+                  inOrderData.type = "V";
+                  inOrderData.goodId = this.goodId.toString();
+                  this._stockService.getArticleTransaction(inOrderData).then(function (result) {
+                      _this.data = result;
+                  });
+                  return [2 /*return*/];
+              });
+          });
+      };
       return OrderTabComponent;
-  }());
+  }(BaseStockComponent));
   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_ORDER' | sharedLocalize\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'CUSTOMER' | sharedLocalize\" [field]=\"'customerName'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DATE' | sharedLocalize\">\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' | sharedLocalize\" [field]=\"'amountInOrder'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'WAREHOUSE' | sharedLocalize\" [field]=\"'warehouseNumber'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DESCRIPTION' | sharedLocalize\" [field]=\"'warehouseDescription'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'TRANSFER' | sharedLocalize\" [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' | sharedLocalize\" [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  ",
+                  template: "\n    <co-simple-grid [data]=\"data\"\n                    class=\"simple-grid\"\n                    [rowsPerPage]=\"20\"\n    >\n      <co-simple-grid-column [headerText]=\"'IN_ORDER' | sharedLocalize\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'CUSTOMER' | sharedLocalize\" [field]=\"'customerName'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DATE' | sharedLocalize\">\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' | sharedLocalize\" [field]=\"'amountInOrder'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'WAREHOUSE' | sharedLocalize\" [field]=\"'warehouseNumber'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DESCRIPTION' | sharedLocalize\" [field]=\"'warehouseDescription'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'TRANSFER' | sharedLocalize\" [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' | sharedLocalize\" [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
               },] }
   ];
@@ -4179,8 +4218,6 @@
       { type: StockService }
   ]; };
   OrderTabComponent.propDecorators = {
-      articleStockInformation: [{ type: i0.Input }],
-      inOrderInformation: [{ type: i0.Input }],
       locationClicked: [{ type: i0.Output }],
       transferIconClicked: [{ type: i0.Output }],
       sendMethodDialogClicked: [{ type: i0.Output }]
@@ -4191,24 +4228,12 @@
           this._stockService = _stockService;
           this._dictionaryService = _dictionaryService;
           this._changeDetector = _changeDetector;
-          this.icons = exports["ɵbs"];
+          this.icons = exports["ɵbt"];
           this.stockInformation = [];
           this.warehouses = [];
           this.transferIconClicked = new i0.EventEmitter();
           this.sendMethodDialogClicked = new i0.EventEmitter();
-          this.stockLocations = [];
-          this.stockHistory = [];
-          this.orderSupplyStockHistory = [];
-          this.orderCommissionStockHistory = [];
-          this.orderStockHistory = [];
-          this.orderAllocationStockHistory = [];
-          this.inOrderInformation = [];
-          this.orderInformation = [];
-          this.stockPrognose = [];
           this.selectedWarehouse = new stockManagementWarehouses_bo.StockManagementWarehouses();
-          this.articleDetailsInformation = new articleStockManagement.ArticleStockManagement();
-          this.showWarehouseSelection = false;
-          this.articleDetails = [];
           this.tabs = [];
           this.historyTabs = [];
       }
@@ -4251,107 +4276,12 @@
           this.handleWarehouseSelected(this.selectedWarehouse);
           this.getStockData(this.selectedWarehouse);
       };
-      StockTabsComponent.prototype.getStockHistory = function () {
-          var _this = this;
-          var stockHistoryInformation = new getStockHistoryRequest.GetStockHistoryRequest();
-          stockHistoryInformation.type = "V";
-          stockHistoryInformation.goodId = this.article.goodId.toString();
-          this._stockService.getStockHistory(stockHistoryInformation).then(function (result) {
-              _this.stockHistory = result;
-          });
-      };
-      StockTabsComponent.prototype.getOrderSupplyStockHistory = function () {
-          var _this = this;
-          var stockHistoryInformation = new getStockHistoryRequest.GetStockHistoryRequest();
-          stockHistoryInformation.type = "O";
-          stockHistoryInformation.goodId = this.article.goodId.toString();
-          this._stockService.getStockHistory(stockHistoryInformation).then(function (result) {
-              _this.orderSupplyStockHistory = result;
-          });
-      };
-      StockTabsComponent.prototype.getOrderCommissionStockHistory = function () {
-          var _this = this;
-          var stockHistoryInformation = new getStockHistoryRequest.GetStockHistoryRequest();
-          stockHistoryInformation.type = "C";
-          stockHistoryInformation.goodId = this.article.goodId.toString();
-          this._stockService.getStockHistory(stockHistoryInformation).then(function (result) {
-              _this.orderCommissionStockHistory = result;
-          });
-      };
-      StockTabsComponent.prototype.getOrderStockHistory = function () {
-          var _this = this;
-          var stockHistoryInformation = new getStockHistoryRequest.GetStockHistoryRequest();
-          stockHistoryInformation.type = "B";
-          stockHistoryInformation.goodId = this.article.goodId.toString();
-          this._stockService.getStockHistory(stockHistoryInformation).then(function (result) {
-              _this.orderStockHistory = result;
-          });
-      };
-      StockTabsComponent.prototype.getAllocationStockHistory = function () {
-          var _this = this;
-          var stockHistoryInformation = new getStockHistoryRequest.GetStockHistoryRequest();
-          stockHistoryInformation.type = "T";
-          stockHistoryInformation.goodId = this.article.goodId.toString();
-          this._stockService.getStockHistory(stockHistoryInformation).then(function (result) {
-              _this.orderAllocationStockHistory = result;
-          });
-      };
-      StockTabsComponent.prototype.getInOrderData = function () {
-          var _this = this;
-          var inOrderData = new articleTransaction.ArticleTransaction();
-          inOrderData.type = "V";
-          inOrderData.goodId = this.stockInformation[0].goodId.toString();
-          this._stockService.getArticleTransaction(inOrderData).then(function (result) {
-              _this.inOrderInformation = result;
-          });
-      };
-      StockTabsComponent.prototype.getOrderData = function () {
-          var _this = this;
-          var orderData = new articleTransaction.ArticleTransaction();
-          orderData.type = "I";
-          orderData.goodId = this.stockInformation[0].goodId.toString();
-          this._stockService.getArticleTransaction(orderData).then(function (result) {
-              _this.orderInformation = result;
-          });
-      };
-      StockTabsComponent.prototype.getStockPrognose = function (warehouseNo) {
-          var _this = this;
-          this._stockService.stockPrognose(this.article.goodId, warehouseNo).then(function (result) {
-              _this.stockPrognose = result;
-          });
-      };
       StockTabsComponent.prototype.handleWarehouseSelected = function (event) {
-          var _this = this;
           this.selectedWarehouse = event;
           this._stockService.warehouseSelected.emit(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.toString();
-              this._stockService.getArticleDetails(this.articleDetailsInformation).then(function (details) {
-                  _this.articleDetails = details;
-              });
-          }
-      };
-      StockTabsComponent.prototype.getStockLocations = function () {
-          var _this = this;
-          this._stockService.getStockManagementLocations(this.selectedWarehouse.warehouseNo).then(function (result) {
-              _this.stockLocations = result;
-          });
       };
       StockTabsComponent.prototype.getStockData = function (warehouse) {
           this.handleWarehouseSelected(warehouse);
-          this.getStockPrognose(warehouse.warehouseNo);
-          this.getOrderData();
-          this.getInOrderData();
-          this.getAllocationStockHistory();
-          this.getOrderStockHistory();
-          this.getOrderCommissionStockHistory();
-          this.getOrderSupplyStockHistory();
-          this.getStockHistory();
-          this.getStockLocations();
           this._changeDetector.markForCheck();
           this._changeDetector.detectChanges();
       };
@@ -4363,7 +4293,7 @@
   StockTabsComponent.decorators = [
       { type: i0.Component, args: [{
                   selector: "co-stock-tabs",
-                  template: "\n    <co-tab-bar [wareHouseLabel]=\"'CHOICES' | sharedLocalize\"\n                [wareHouseSearchLabel]=\"'SEARCH' | sharedLocalize\"\n                [tabs]=\"tabs\"\n                [dataWareHouseCode]=\"warehouses\"\n                [selectedWarehouse]=\"selectedWarehouse\"\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                       [articleFlat]=\"articleFlat\"\n                       [selectedWarehouse]=\"selectedWarehouse\"\n                       [dataWareHouseCode]=\"warehouses\"\n                       [stockLocations]=\"stockLocations\"\n                       (transferIconClicked)=\"transferIconClicked.emit($event)\"\n                       (sendMethodDialogClicked)=\"sendMethodDialogClicked.emit($event)\"\n                       [showStockTransfer]=\"showStockTransfer\"\n                       (showStockTransferChange)=\"onShowStockTransferChange($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  ",
+                  template: "\n    <co-tab-bar [wareHouseLabel]=\"'CHOICES' | sharedLocalize\"\n                [wareHouseSearchLabel]=\"'SEARCH' | sharedLocalize\"\n                [tabs]=\"tabs\"\n                [dataWareHouseCode]=\"warehouses\"\n                [selectedWarehouse]=\"selectedWarehouse\"\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                       [goodId]=\"article.goodId\"\n                       [warehouseNo]=\"selectedWarehouse.warehouseNo\"\n    ></co-stock-prognose>\n\n    <co-stock-location *ngIf=\"tabs[2].active\"\n                       [articleStockInformation]=\"stockInformation\"\n                       [goodId]=\"article.goodId\"\n                       [warehouseNo]=\"selectedWarehouse.warehouseNo\"\n                       [articleFlat]=\"articleFlat\"\n                       [dataWareHouseCode]=\"warehouses\"\n                       [showStockTransfer]=\"showStockTransfer\"\n                       (transferIconClicked)=\"transferIconClicked.emit($event)\"\n                       (sendMethodDialogClicked)=\"sendMethodDialogClicked.emit($event)\"\n                       (showStockTransferChange)=\"onShowStockTransferChange($event)\"\n    ></co-stock-location>\n\n    <co-order-tab *ngIf=\"tabs[3].active\"\n                  [goodId]=\"article.goodId\"\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                        [goodId]=\"article.goodId\"\n    ></co-order-stock-tab>\n\n    <co-stock-history *ngIf=\"historyTabs[0].active && tabs[5].active\"\n                      [goodId]=\"article.goodId\"\n    ></co-stock-history>\n\n    <co-order-supply-stock-history *ngIf=\"historyTabs[1].active && tabs[5].active\"\n                                   [goodId]=\"article.goodId\"\n    ></co-order-supply-stock-history>\n\n    <co-order-stock-commission-history *ngIf=\"historyTabs[2].active && tabs[5].active\"\n                                       [goodId]=\"article.goodId\"\n    ></co-order-stock-commission-history>\n\n    <co-order-stock-history *ngIf=\"historyTabs[3].active && tabs[5].active\"\n                            [goodId]=\"article.goodId\"\n    ></co-order-stock-history>\n\n    <co-allocation-stock-history *ngIf=\"historyTabs[4].active && tabs[5].active\"\n                                 [goodId]=\"article.goodId\"\n    ></co-allocation-stock-history>\n\n  ",
                   encapsulation: i0.ViewEncapsulation.None
               },] }
   ];
@@ -4384,7 +4314,7 @@
 
   var StockHistoryTabsComponent = /** @class */ (function () {
       function StockHistoryTabsComponent() {
-          this.icons = exports["ɵbs"];
+          this.icons = exports["ɵbt"];
           this.selectedTab = 0;
       }
       return StockHistoryTabsComponent;
@@ -4400,83 +4330,104 @@
       stockInformation: [{ type: i0.Input }]
   };
 
-  var OrderStockTabComponent = /** @class */ (function () {
+  var OrderStockTabComponent = /** @class */ (function (_super) {
+      __extends(OrderStockTabComponent, _super);
       function OrderStockTabComponent(iconCacheService, _stockService) {
-          this.iconCacheService = iconCacheService;
-          this._stockService = _stockService;
-          this.icons = exports["ɵbs"];
-          this.orderInformation = [];
+          var _this = _super.call(this) || this;
+          _this.iconCacheService = iconCacheService;
+          _this._stockService = _stockService;
+          _this.icons = exports["ɵbt"];
+          _this.data = [];
+          return _this;
       }
+      OrderStockTabComponent.prototype.getData = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var orderData;
+              var _this = this;
+              return __generator(this, function (_a) {
+                  orderData = new articleTransaction.ArticleTransaction();
+                  orderData.type = "I";
+                  orderData.goodId = this.goodId.toString();
+                  this._stockService.getArticleTransaction(orderData).then(function (result) {
+                      _this.data = result;
+                  });
+                  return [2 /*return*/];
+              });
+          });
+      };
       return OrderStockTabComponent;
-  }());
+  }(BaseStockComponent));
   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' | sharedLocalize\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DATE' | sharedLocalize\">\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' | sharedLocalize\" [field]=\"'amountInOrder'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'RESERVED' | sharedLocalize\" [field]=\"'reserved'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'FREE_STOCK' | sharedLocalize\" [field]=\"'InOrderForStock'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | sharedLocalize\">\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  ",
+                  template: "\n    <co-simple-grid [data]=\"data\"\n                    class=\"simple-grid\"\n                    [rowsPerPage]=\"20\"\n    >\n      <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER_NR' | sharedLocalize\" [field]=\"'transactionNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DATE' | sharedLocalize\">\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' | sharedLocalize\" [field]=\"'amountInOrder'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'RESERVED' | sharedLocalize\" [field]=\"'reserved'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'FREE_STOCK' | sharedLocalize\" [field]=\"'InOrderForStock'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | sharedLocalize\">\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 () {
+  var StockLocationComponent = /** @class */ (function (_super) {
+      __extends(StockLocationComponent, _super);
       function StockLocationComponent(iconCacheService, _stockService, _changeDetector) {
-          this.iconCacheService = iconCacheService;
-          this._stockService = _stockService;
-          this._changeDetector = _changeDetector;
-          this.icons = exports["ɵbs"];
-          this.articleStockInfo = [];
-          this.articleStockInformation = [];
-          this.articleWarehouse = [];
-          this.allWarehouses = [];
-          this.dataWareHouseCode = [];
-          this.transferIconClicked = new i0.EventEmitter();
-          this.sendMethodDialogClicked = new i0.EventEmitter();
-          this.showStockTransferChange = new i0.EventEmitter();
-          this.handleStickerClicked = new i0.EventEmitter();
-          this.showConfirmationDialog = false;
-          this.newStockLine = false;
-          this.showConfirmStockRow = false;
-          this.articleDetailsInformation = new articleStockManagement.ArticleStockManagement();
-          this.stockLocations = [];
-          this.stockStatus = [];
-          this.selectedArticleDetailsData = new articleDetails_bo.ArticleDetailsBo();
-          this._subs = [];
+          var _this = _super.call(this) || this;
+          _this.iconCacheService = iconCacheService;
+          _this._stockService = _stockService;
+          _this._changeDetector = _changeDetector;
+          _this.icons = exports["ɵbt"];
+          _this.articleStockInformation = [];
+          _this.articleWarehouse = [];
+          _this.allWarehouses = [];
+          _this.dataWareHouseCode = [];
+          _this.transferIconClicked = new i0.EventEmitter();
+          _this.sendMethodDialogClicked = new i0.EventEmitter();
+          _this.showStockTransferChange = new i0.EventEmitter();
+          _this.handleStickerClicked = new i0.EventEmitter();
+          _this.showConfirmationDialog = false;
+          _this.newStockLine = false;
+          _this.showConfirmStockRow = false;
+          _this.articleDetailsInformation = new articleStockManagement.ArticleStockManagement();
+          _this.stockStatus = [];
+          _this.selectedArticleDetailsData = new articleDetails_bo.ArticleDetailsBo();
+          _this.data = [];
+          _this.stockLocations = [];
+          _this._subs = [];
+          return _this;
       }
-      Object.defineProperty(StockLocationComponent.prototype, "article", {
-          set: function (article) {
+      Object.defineProperty(StockLocationComponent.prototype, "warehouseNo", {
+          get: function () {
+              return this._warehouseNo;
+          },
+          set: function (value) {
+              if (this._warehouseNo !== value) {
+                  this._warehouseNo = value;
+                  this.getData();
+                  this._getWarehouseLocations();
+              }
           },
           enumerable: false,
           configurable: true
       });
-      ;
       StockLocationComponent.prototype.ngOnInit = function () {
           var _this = this;
           this._stockService.getStockState().then(function (result) {
               _this.stockStatus = result;
           });
-          this._subs.push(this._stockService.warehouseSelected.subscribe(function (selectedWarehouse) {
-              _this._stockService.getStockManagementLocations(selectedWarehouse.warehouseNo).then(function (result) {
-                  _this.stockLocations = result;
-              });
+          this._subs.push(this._stockService.warehouseSelected.subscribe(function (warehouse) {
+              _this.selectedWarehouse = warehouse;
           }));
       };
       StockLocationComponent.prototype.ngOnDestroy = function () {
+          this._subs.forEach(function (s) { return s.unsubscribe(); });
       };
       StockLocationComponent.prototype.onShowStockTransferChange = function (show) {
           this.showStockTransfer = show;
           this.showStockTransferChange.emit(this.showStockTransfer);
       };
       StockLocationComponent.prototype.onLocationDropdownClick = function () {
-          var _this = this;
-          this._stockService.getStockManagementLocations(this.selectedWarehouse.warehouseNo).then(function (locations) {
-              _this.stockLocations = locations;
-          });
+          this._getWarehouseLocations();
       };
       StockLocationComponent.prototype.locationChanged = function (row, event) {
           this.selectedLocationNo = event.locationNo;
@@ -4500,11 +4451,11 @@
       };
       StockLocationComponent.prototype.handleAddRow = function () {
           var _a;
-          if (!((_a = this.articleStockInfo) === null || _a === void 0 ? void 0 : _a.length)) {
-              this.articleStockInfo = [];
+          if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.length)) {
+              this.data = [];
           }
-          this.articleStockInfo.push(new articleDetails_bo.ArticleDetailsBo());
-          this.selectedArticleDetailsData = this.articleStockInfo[(this.articleStockInfo.length - 1)];
+          this.data.push(new articleDetails_bo.ArticleDetailsBo());
+          this.selectedArticleDetailsData = this.data[(this.data.length - 1)];
           this.newStockLine = true;
           this.showConfirmationDialog = true;
       };
@@ -4519,7 +4470,7 @@
               this.selectedArticleDetailsData.goodId = parseInt(this.articleDetailsInformation.goodId);
           }
           this.selectedArticleDetailsData.entryDate = new Date();
-          this.selectedArticleDetailsData.warehouseNo = this.selectedWarehouse.warehouseNo;
+          this.selectedArticleDetailsData.warehouseNo = this.warehouseNo;
           if (this.selectedLocationNo) {
               this.selectedArticleDetailsData.locationNo = (_a = this.selectedLocationNo) === null || _a === void 0 ? void 0 : _a.toString();
           }
@@ -4528,7 +4479,7 @@
               _this.articleDetailsInformation.goodId = (_a = _this.selectedArticleDetailsData.goodId) === null || _a === void 0 ? void 0 : _a.toString();
               _this.articleDetailsInformation.warehouseNumber = _this.selectedArticleDetailsData.warehouseNo;
               _this._stockService.getArticleDetails(_this.articleDetailsInformation).then(function (details) {
-                  _this.articleStockInfo = details;
+                  _this.data = details;
               });
           });
           this.showConfirmationDialog = false;
@@ -4558,12 +4509,34 @@
           // If location is not found or description is empty, return locationNo
           return location && location.description && location.description.trim() !== '' ? location.description : locationNo;
       };
+      StockLocationComponent.prototype.getData = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var request;
+              var _this = this;
+              return __generator(this, function (_d) {
+                  request = new articleStockManagement.ArticleStockManagement();
+                  request.goodId = this.goodId.toString();
+                  request.warehouseNumber = this.warehouseNo;
+                  this._stockService.getArticleDetails(request).then(function (details) {
+                      _this.data = details;
+                  });
+                  this._getWarehouseLocations();
+                  return [2 /*return*/];
+              });
+          });
+      };
+      StockLocationComponent.prototype._getWarehouseLocations = function () {
+          var _this = this;
+          this._stockService.getStockManagementLocations(this.warehouseNo).then(function (result) {
+              _this.stockLocations = result;
+          });
+      };
       return StockLocationComponent;
-  }());
+  }(BaseStockComponent));
   StockLocationComponent.decorators = [
       { type: i0.Component, args: [{
-                  selector: "co-stock-location",
-                  template: "\n    <div class=\"stock-grid\">\n      <div class=\"stock-transfer-wrapper\">\n        <co-stock-transfer *ngIf=\"showStockTransfer\"\n                           class=\"stock-transfer-dialog\"\n                           [articleToTransfer]=\"articleDetails\"\n                           (handleStickerClicked)=\"handleStickerClicked.emit($event)\"\n                           [allWarehouses]=\"allWarehouses\"\n                           [stockLocations]=\"stockLocations\"\n                           [articleFlat]=\"articleFlat\"\n                           [showStockTransfer]=\"showStockTransfer\"\n                           (showStockTransferChange)=\"onShowStockTransferChange($event)\">\n        </co-stock-transfer>\n      </div>\n        <co-stock-location-popup\n          [selectedWarehouse]=\"selectedWarehouse\"\n          [articleFlat]=\"articleFlat\"\n          [selectedLocationNo]=\"selectedLocationNo\"\n          [stockLocations]=\"stockLocations\"\n          [articleDetailsInformation]=\"articleDetailsInformation\"\n          [articleStockInfo]=\"articleStockInfo\"\n          [selectedArticleDetailsData]=\"selectedArticleDetailsData\"\n          [showConfirmationDialog]=\"showConfirmationDialog\"\n          [newStockLine]=\"newStockLine\"\n          (togglePopupEvent)=\"showConfirmationDialog = $event\"\n          (updateGridData)=\"articleStockInfo = $event\"\n\n        ></co-stock-location-popup>\n      <co-simple-grid [data]=\"articleStockInfo\"\n                      class=\"simple-grid\"\n                      [showAdd]=\"true\"\n                      [inlineEdit]=\"false\"\n                      [showToolbar]=\"true\"\n                      (addRow)=\"handleAddRow()\"\n      >\n        <co-simple-grid-column [headerText]=\"'STOCK' | sharedLocalize\" [field]=\"'amountInStock'\">\n          <ng-template #template let-row=\"row\">\n            <div class=\"stock-amount\" (click)=\"onOkClickSendLocations(row)\">\n              <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.EditPenRegular)\"></co-icon>\n              <span [textContent]=\"row['amountInStock']\"></span>\n            </div>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [width]=\"150\" [headerText]=\"'LOCATION' | sharedLocalize\" [field]=\"'locationNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-list-of-values\n                               [model]=\"locationForNumber(row['locationNo'])\"\n                               [collection]=\"stockLocations\"\n                               [displayField]=\"'description'\"\n                               [label]=\"'LOCATION' | sharedLocalize\"\n                               [required]=\"true\"\n                               (modelChange)=\"locationChanged(row, $event)\"\n            ></co-list-of-values>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column *ngIf=\"articleFlat?.batch\" [headerText]=\"'BATCH' | sharedLocalize\" [field]=\"'batchNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-input-text [model]=\"selectedArticleDetailsData.batchNo\"\n                           [placeholder]=\"'BATCH' | sharedLocalize\"\n                           (modelChange)=\"row['batchNo'] = $event\"\n            ></co-input-text>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column *ngIf=\"articleFlat?.serial\" [headerText]=\"'SERIAL_NO' | sharedLocalize\" [field]=\"'serialNo'\">\n          <ng-template #editTemplate let-row=\"row\">\n            <co-input-text [model]=\"selectedArticleDetailsData.serialNo\"\n                           [placeholder]=\"'SERIAL_NO' | sharedLocalize\"\n                           (modelChange)=\"row['serialNo'] = $event\"\n            ></co-input-text>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'ALLOCATED' | sharedLocalize\" [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' | sharedLocalize\" [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' | sharedLocalize\" [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' | sharedLocalize\" [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]=\"'SUPPLIERNR' | sharedLocalize\" [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 [readonly]=\"true\" [headerText]=\"'TRANSFER' | sharedLocalize\" [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          <ng-template #editTemplate></ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [readonly]=\"true\" [headerText]=\"'STICKER' | sharedLocalize\" [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          <ng-template #editTemplate></ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n  ",
+                  selector: 'co-stock-location',
+                  template: "\n      <div class=\"stock-grid\">\n          <div class=\"stock-transfer-wrapper\">\n              <co-stock-transfer *ngIf=\"showStockTransfer\"\n                                 class=\"stock-transfer-dialog\"\n                                 [articleToTransfer]=\"articleDetails\"\n                                 (handleStickerClicked)=\"handleStickerClicked.emit($event)\"\n                                 [allWarehouses]=\"allWarehouses\"\n                                 [stockLocations]=\"stockLocations\"\n                                 [articleFlat]=\"articleFlat\"\n                                 [showStockTransfer]=\"showStockTransfer\"\n                                 (showStockTransferChange)=\"onShowStockTransferChange($event)\">\n              </co-stock-transfer>\n          </div>\n          <co-stock-location-popup\n                  [selectedWarehouse]=\"selectedWarehouse\"\n                  [articleFlat]=\"articleFlat\"\n                  [selectedLocationNo]=\"selectedLocationNo\"\n                  [stockLocations]=\"stockLocations\"\n                  [articleDetailsInformation]=\"articleDetailsInformation\"\n                  [articleStockInfo]=\"data\"\n                  [selectedArticleDetailsData]=\"selectedArticleDetailsData\"\n                  [showConfirmationDialog]=\"showConfirmationDialog\"\n                  [newStockLine]=\"newStockLine\"\n                  (togglePopupEvent)=\"showConfirmationDialog = $event\"\n                  (updateGridData)=\"data = $event\"\n\n          ></co-stock-location-popup>\n          <co-simple-grid [data]=\"data\"\n                          class=\"simple-grid\"\n                          [showAdd]=\"true\"\n                          [inlineEdit]=\"false\"\n                          [showToolbar]=\"true\"\n                          (addRow)=\"handleAddRow()\"\n          >\n              <co-simple-grid-column [headerText]=\"'STOCK' | sharedLocalize\" [field]=\"'amountInStock'\">\n                  <ng-template #template let-row=\"row\">\n                      <div class=\"stock-amount\" (click)=\"onOkClickSendLocations(row)\">\n                          <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.EditPenRegular)\"></co-icon>\n                          <span [textContent]=\"row['amountInStock']\"></span>\n                      </div>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [width]=\"150\" [headerText]=\"'LOCATION' | sharedLocalize\" [field]=\"'locationNo'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <co-list-of-values\n                              [model]=\"locationForNumber(row['locationNo'])\"\n                              [collection]=\"stockLocations\"\n                              [displayField]=\"'description'\"\n                              [label]=\"'LOCATION' | sharedLocalize\"\n                              [required]=\"true\"\n                              (modelChange)=\"locationChanged(row, $event)\"\n                      ></co-list-of-values>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column *ngIf=\"articleFlat?.batch\" [headerText]=\"'BATCH' | sharedLocalize\" [field]=\"'batchNo'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <co-input-text [model]=\"selectedArticleDetailsData.batchNo\"\n                                     [placeholder]=\"'BATCH' | sharedLocalize\"\n                                     (modelChange)=\"row['batchNo'] = $event\"\n                      ></co-input-text>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column *ngIf=\"articleFlat?.serial\" [headerText]=\"'SERIAL_NO' | sharedLocalize\" [field]=\"'serialNo'\">\n                  <ng-template #editTemplate let-row=\"row\">\n                      <co-input-text [model]=\"selectedArticleDetailsData.serialNo\"\n                                     [placeholder]=\"'SERIAL_NO' | sharedLocalize\"\n                                     (modelChange)=\"row['serialNo'] = $event\"\n                      ></co-input-text>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'ALLOCATED' | sharedLocalize\" [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' | sharedLocalize\" [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' | sharedLocalize\" [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' | sharedLocalize\" [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]=\"'SUPPLIERNR' | sharedLocalize\" [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 [readonly]=\"true\" [headerText]=\"'TRANSFER' | sharedLocalize\" [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                  <ng-template #editTemplate></ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [readonly]=\"true\" [headerText]=\"'STICKER' | sharedLocalize\" [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                  <ng-template #editTemplate></ng-template>\n              </co-simple-grid-column>\n          </co-simple-grid>\n      </div>\n  ",
                   encapsulation: i0.ViewEncapsulation.None
               },] }
   ];
@@ -4573,36 +4546,51 @@
       { type: i0.ChangeDetectorRef }
   ]; };
   StockLocationComponent.propDecorators = {
-      articleStockInfo: [{ type: i0.Input }],
+      warehouseNo: [{ type: i0.Input }],
       articleStockInformation: [{ type: i0.Input }],
       articleWarehouse: [{ type: i0.Input }],
       allWarehouses: [{ type: i0.Input }],
-      article: [{ type: i0.Input }],
       showStockTransfer: [{ type: i0.Input }],
       articleFlat: [{ type: i0.Input }],
       dataWareHouseCode: [{ type: i0.Input }],
       transferIconClicked: [{ type: i0.Output }],
       sendMethodDialogClicked: [{ type: i0.Output }],
       showStockTransferChange: [{ type: i0.Output }],
-      handleStickerClicked: [{ type: i0.Output }],
-      selectedWarehouse: [{ type: i0.Input }],
-      stockLocations: [{ type: i0.Input }]
+      handleStickerClicked: [{ type: i0.Output }]
   };
 
-  var StockHistoryComponent = /** @class */ (function () {
+  var StockHistoryComponent = /** @class */ (function (_super) {
+      __extends(StockHistoryComponent, _super);
       function StockHistoryComponent(iconCacheService, _stockService) {
-          this.iconCacheService = iconCacheService;
-          this._stockService = _stockService;
-          this.icons = exports["ɵbs"];
-          this.stockHistoryInformation = [];
-          this.stockHistory = [];
+          var _this = _super.call(this) || this;
+          _this.iconCacheService = iconCacheService;
+          _this._stockService = _stockService;
+          _this.icons = exports["ɵbt"];
+          _this.stockHistoryInformation = [];
+          _this.data = [];
+          return _this;
       }
+      StockHistoryComponent.prototype.getData = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var stockHistoryInformation;
+              var _this = this;
+              return __generator(this, function (_a) {
+                  stockHistoryInformation = new getStockHistoryRequest.GetStockHistoryRequest();
+                  stockHistoryInformation.type = "V";
+                  stockHistoryInformation.goodId = this.goodId.toString();
+                  this._stockService.getStockHistory(stockHistoryInformation).then(function (result) {
+                      _this.data = result;
+                  });
+                  return [2 /*return*/];
+              });
+          });
+      };
       return StockHistoryComponent;
-  }());
+  }(BaseStockComponent));
   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' | sharedLocalize\">\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' | sharedLocalize\" [field]=\"'mutationTime'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'AMOUNT' | sharedLocalize\" [field]=\"'amount'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'WAREHOUSE' | sharedLocalize\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'LOCATION' | sharedLocalize\" [field]=\"'locationNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DOCUMENT_NUMBER' | sharedLocalize\" [field]=\"'docNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'LINE' | sharedLocalize\" [field]=\"'transLineNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'STOCK_STATE' | sharedLocalize\" [field]=\"'stockStateId'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'STOCK_REMARK' | sharedLocalize\" [field]=\"'stockStateRemarkId'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'VALUTA' | sharedLocalize\" [field]=\"'currencyCode'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'RELATION_NR' | sharedLocalize\" [field]=\"'relationNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'USER' | sharedLocalize\" [field]=\"'user'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'MUTATION_TYPE' | sharedLocalize\" [field]=\"'mutationType'\"></co-simple-grid-column>\n    </co-simple-grid>\n  ",
+                  template: "\n    <co-simple-grid [data]=\"data\"\n                    class=\"simple-grid\"\n                    [rowsPerPage]=\"20\"\n    >\n      <co-simple-grid-column [headerText]=\"'MUTATION_DATE' | sharedLocalize\">\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' | sharedLocalize\" [field]=\"'mutationTime'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'AMOUNT' | sharedLocalize\" [field]=\"'amount'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'WAREHOUSE' | sharedLocalize\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'LOCATION' | sharedLocalize\" [field]=\"'locationNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DOCUMENT_NUMBER' | sharedLocalize\" [field]=\"'docNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'LINE' | sharedLocalize\" [field]=\"'transLineNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'STOCK_STATE' | sharedLocalize\" [field]=\"'stockStateId'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'STOCK_REMARK' | sharedLocalize\" [field]=\"'stockStateRemarkId'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'VALUTA' | sharedLocalize\" [field]=\"'currencyCode'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'RELATION_NR' | sharedLocalize\" [field]=\"'relationNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'USER' | sharedLocalize\" [field]=\"'user'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'MUTATION_TYPE' | sharedLocalize\" [field]=\"'mutationType'\"></co-simple-grid-column>\n    </co-simple-grid>\n  ",
                   encapsulation: i0.ViewEncapsulation.None
               },] }
   ];
@@ -4612,8 +4600,7 @@
   ]; };
   StockHistoryComponent.propDecorators = {
       stockHistoryInformation: [{ type: i0.Input }],
-      articleGoodId: [{ type: i0.Input }],
-      stockHistory: [{ type: i0.Input }]
+      articleGoodId: [{ type: i0.Input }]
   };
 
   var TabBarComponent = /** @class */ (function () {
@@ -4648,7 +4635,7 @@
   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 *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                               class=\"custom-height\"\n            >\n            </co-list-of-values>\n          </div>\n        </div>\n      </div>\n      <div class=\"tab-bar\">\n        <div class=\"tab-bar-primary\">\n          <div class=\"tab-primary\" *ngFor=\"let tab of tabs\">\n            <co-button\n                    [label]=\"tab.title\"\n                    [screenConfigurationObject]=\"tab.cfg\"\n                    [class.active]=\"tab.active\"\n                    (click)=\"selectTab(tab)\" \n            ></co-button>\n          </div>\n\n        </div>\n        <div class=\"secondary-tab-bar\" *ngIf=\"ActivateSecondaryTabs\">\n          <co-button *ngFor=\"let tab of secondaryTabs\"\n                     [label]=\"tab.title\"\n                     [screenConfigurationObject]=\"tab.cfg\" \n                     [class.active]=\"tab.active\" \n                     (click)=\"selectSecondaryTab(tab)\"\n          ></co-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                               class=\"custom-height\"\n            >\n            </co-list-of-values>\n          </div>\n        </div>\n      </div>\n      <div class=\"tab-bar\">\n        <div class=\"tab-bar-primary\">\n          <div class=\"tab-primary\" *ngFor=\"let tab of tabs\">\n            <co-button\n                    [label]=\"tab.title\"\n                    [class.active]=\"tab.active\"\n                    (click)=\"selectTab(tab)\" \n            ></co-button>\n          </div>\n        </div>\n        <div class=\"secondary-tab-bar\" *ngIf=\"ActivateSecondaryTabs\">\n          <co-button *ngFor=\"let tab of secondaryTabs\"\n                     [label]=\"tab.title\"\n                     [class.active]=\"tab.active\" \n                     (click)=\"selectSecondaryTab(tab)\"\n          ></co-button>\n        </div>\n      </div>\n    </div>\n  ",
                   encapsulation: i0.ViewEncapsulation.None
               },] }
   ];
@@ -4687,93 +4674,153 @@
               },] }
   ];
 
-  var OrderSupplyStockHistoryComponent = /** @class */ (function () {
-      function OrderSupplyStockHistoryComponent(iconCacheService) {
-          this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbs"];
-          this.orderSupplyStockHistory = [];
+  var OrderSupplyStockHistoryComponent = /** @class */ (function (_super) {
+      __extends(OrderSupplyStockHistoryComponent, _super);
+      function OrderSupplyStockHistoryComponent(_stockService) {
+          var _this = _super.call(this) || this;
+          _this._stockService = _stockService;
+          _this.icons = exports["ɵbt"];
+          _this.data = [];
+          return _this;
       }
+      OrderSupplyStockHistoryComponent.prototype.getData = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var stockHistoryInformation;
+              var _this = this;
+              return __generator(this, function (_a) {
+                  stockHistoryInformation = new getStockHistoryRequest.GetStockHistoryRequest();
+                  stockHistoryInformation.type = 'O';
+                  stockHistoryInformation.goodId = this.goodId.toString();
+                  this._stockService.getStockHistory(stockHistoryInformation).then(function (result) {
+                      _this.data = result;
+                  });
+                  return [2 /*return*/];
+              });
+          });
+      };
       return OrderSupplyStockHistoryComponent;
-  }());
+  }(BaseStockComponent));
   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' | sharedLocalize\">\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' | sharedLocalize\" [field]=\"'mutationTime'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'AMOUNT' | sharedLocalize\" [field]=\"'amount'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'WAREHOUSE' | sharedLocalize\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'LOCATION' | sharedLocalize\" [field]=\"'locationNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DOCUMENT_NUMBER' | sharedLocalize\" [field]=\"'docNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'LINE' | sharedLocalize\" [field]=\"'transLineNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'STOCK_STATE' | sharedLocalize\" [field]=\"'stockStateId'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'STOCK_REMARK' | sharedLocalize\" [field]=\"'stockStateRemarkId'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'VALUTA' | sharedLocalize\" [field]=\"'currencyCode'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'RELATION_NR' | sharedLocalize\" [field]=\"'relationNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'USER' | sharedLocalize\" [field]=\"'user'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'MUTATION_TYPE' | sharedLocalize\" [field]=\"'mutationType'\"></co-simple-grid-column>\n    </co-simple-grid>\n  ",
+                  selector: 'co-order-supply-stock-history',
+                  template: "\n      <co-simple-grid [data]=\"data\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n          <co-simple-grid-column [headerText]=\"'MUTATION_DATE' | sharedLocalize\">\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' | sharedLocalize\" [field]=\"'mutationTime'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'AMOUNT' | sharedLocalize\" [field]=\"'amount'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'WAREHOUSE' | sharedLocalize\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'LOCATION' | sharedLocalize\" [field]=\"'locationNr'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'DOCUMENT_NUMBER' | sharedLocalize\" [field]=\"'docNr'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'LINE' | sharedLocalize\" [field]=\"'transLineNr'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'STOCK_STATE' | sharedLocalize\" [field]=\"'stockStateId'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'STOCK_REMARK' | sharedLocalize\" [field]=\"'stockStateRemarkId'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'VALUTA' | sharedLocalize\" [field]=\"'currencyCode'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'RELATION_NR' | sharedLocalize\" [field]=\"'relationNr'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'USER' | sharedLocalize\" [field]=\"'user'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'MUTATION_TYPE' | sharedLocalize\" [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 }]
-  };
+      { type: StockService }
+  ]; };
 
-  var OrderCommissionStockHistoryComponent = /** @class */ (function () {
-      function OrderCommissionStockHistoryComponent(iconCacheService) {
-          this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbs"];
-          this.orderStockCommissionHistory = [];
+  var OrderCommissionStockHistoryComponent = /** @class */ (function (_super) {
+      __extends(OrderCommissionStockHistoryComponent, _super);
+      function OrderCommissionStockHistoryComponent(_stockService) {
+          var _this = _super.call(this) || this;
+          _this._stockService = _stockService;
+          _this.icons = exports["ɵbt"];
+          _this.data = [];
+          return _this;
       }
+      OrderCommissionStockHistoryComponent.prototype.getData = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var stockHistoryInformation;
+              var _this = this;
+              return __generator(this, function (_a) {
+                  stockHistoryInformation = new getStockHistoryRequest.GetStockHistoryRequest();
+                  stockHistoryInformation.type = "C";
+                  stockHistoryInformation.goodId = this.goodId.toString();
+                  this._stockService.getStockHistory(stockHistoryInformation).then(function (result) {
+                      _this.data = result;
+                  });
+                  return [2 /*return*/];
+              });
+          });
+      };
       return OrderCommissionStockHistoryComponent;
-  }());
+  }(BaseStockComponent));
   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' | sharedLocalize\">\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' | sharedLocalize\" [field]=\"'mutationTime'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'AMOUNT' | sharedLocalize\" [field]=\"'amount'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'WAREHOUSE' | sharedLocalize\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'LOCATION' | sharedLocalize\" [field]=\"'locationNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DOCUMENT_NUMBER' | sharedLocalize\" [field]=\"'docNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'LINE' | sharedLocalize\" [field]=\"'transLineNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'STOCK_STATE' | sharedLocalize\" [field]=\"'stockStateId'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'STOCK_REMARK' | sharedLocalize\" [field]=\"'stockStateRemarkId'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'VALUTA' | sharedLocalize\" [field]=\"'currencyCode'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'RELATION_NR' | sharedLocalize\" [field]=\"'relationNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'USER' | sharedLocalize\" [field]=\"'user'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'MUTATION_TYPE' | sharedLocalize\" [field]=\"'mutationType'\"></co-simple-grid-column>\n    </co-simple-grid>\n  ",
+                  template: "\n      <co-simple-grid [data]=\"data\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n          <co-simple-grid-column [headerText]=\"'MUTATION_DATE' | sharedLocalize\">\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' | sharedLocalize\" [field]=\"'mutationTime'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'AMOUNT' | sharedLocalize\" [field]=\"'amount'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'WAREHOUSE' | sharedLocalize\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'LOCATION' | sharedLocalize\" [field]=\"'locationNr'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'DOCUMENT_NUMBER' | sharedLocalize\" [field]=\"'docNr'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'LINE' | sharedLocalize\" [field]=\"'transLineNr'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'STOCK_STATE' | sharedLocalize\" [field]=\"'stockStateId'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'STOCK_REMARK' | sharedLocalize\" [field]=\"'stockStateRemarkId'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'VALUTA' | sharedLocalize\" [field]=\"'currencyCode'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'RELATION_NR' | sharedLocalize\" [field]=\"'relationNr'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'USER' | sharedLocalize\" [field]=\"'user'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'MUTATION_TYPE' | sharedLocalize\" [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 }]
-  };
+      { type: StockService }
+  ]; };
 
-  var OrderStockHistoryComponent = /** @class */ (function () {
-      function OrderStockHistoryComponent(iconCacheService) {
-          this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbs"];
-          this.orderStockHistory = [];
+  var OrderStockHistoryComponent = /** @class */ (function (_super) {
+      __extends(OrderStockHistoryComponent, _super);
+      function OrderStockHistoryComponent(_stockService) {
+          var _this = _super.call(this) || this;
+          _this._stockService = _stockService;
+          _this.icons = exports["ɵbt"];
+          _this.data = [];
+          return _this;
       }
+      OrderStockHistoryComponent.prototype.getData = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var stockHistoryInformation;
+              var _this = this;
+              return __generator(this, function (_a) {
+                  stockHistoryInformation = new getStockHistoryRequest.GetStockHistoryRequest();
+                  stockHistoryInformation.type = 'B';
+                  stockHistoryInformation.goodId = this.goodId.toString();
+                  this._stockService.getStockHistory(stockHistoryInformation).then(function (result) {
+                      _this.data = result;
+                  });
+                  return [2 /*return*/];
+              });
+          });
+      };
       return OrderStockHistoryComponent;
-  }());
+  }(BaseStockComponent));
   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' | sharedLocalize\">\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' | sharedLocalize\" [field]=\"'mutationTime'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'AMOUNT' | sharedLocalize\" [field]=\"'amount'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'WAREHOUSE' | sharedLocalize\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'LOCATION' | sharedLocalize\" [field]=\"'locationNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DOCUMENT_NUMBER' | sharedLocalize\" [field]=\"'docNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'LINE' | sharedLocalize\" [field]=\"'transLineNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'STOCK_STATE' | sharedLocalize\" [field]=\"'stockStateId'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'STOCK_REMARK' | sharedLocalize\" [field]=\"'stockStateRemarkId'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'VALUTA' | sharedLocalize\" [field]=\"'currencyCode'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'RELATION_NR' | sharedLocalize\" [field]=\"'relationNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'USER' | sharedLocalize\" [field]=\"'user'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'MUTATION_TYPE' | sharedLocalize\" [field]=\"'mutationType'\"></co-simple-grid-column>\n    </co-simple-grid>\n  ",
+                  selector: 'co-order-stock-history',
+                  template: "\n      <co-simple-grid [data]=\"data\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n          <co-simple-grid-column [headerText]=\"'MUTATION_DATE' | sharedLocalize\">\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' | sharedLocalize\" [field]=\"'mutationTime'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'AMOUNT' | sharedLocalize\" [field]=\"'amount'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'WAREHOUSE' | sharedLocalize\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'LOCATION' | sharedLocalize\" [field]=\"'locationNr'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'DOCUMENT_NUMBER' | sharedLocalize\" [field]=\"'docNr'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'LINE' | sharedLocalize\" [field]=\"'transLineNr'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'STOCK_STATE' | sharedLocalize\" [field]=\"'stockStateId'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'STOCK_REMARK' | sharedLocalize\" [field]=\"'stockStateRemarkId'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'VALUTA' | sharedLocalize\" [field]=\"'currencyCode'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'RELATION_NR' | sharedLocalize\" [field]=\"'relationNr'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'USER' | sharedLocalize\" [field]=\"'user'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'MUTATION_TYPE' | sharedLocalize\" [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 }]
-  };
+      { type: StockService }
+  ]; };
 
-  var AllocationStockHistoryComponent = /** @class */ (function () {
-      function AllocationStockHistoryComponent(iconCacheService) {
-          this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbs"];
-          this.allocationStockHistory = [];
+  var AllocationStockHistoryComponent = /** @class */ (function (_super) {
+      __extends(AllocationStockHistoryComponent, _super);
+      function AllocationStockHistoryComponent(_stockService) {
+          var _this = _super.call(this) || this;
+          _this._stockService = _stockService;
+          _this.icons = exports["ɵbt"];
+          _this.data = [];
+          return _this;
       }
+      AllocationStockHistoryComponent.prototype.getData = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var stockHistoryInformation;
+              var _this = this;
+              return __generator(this, function (_a) {
+                  stockHistoryInformation = new getStockHistoryRequest.GetStockHistoryRequest();
+                  stockHistoryInformation.type = 'T';
+                  stockHistoryInformation.goodId = this.goodId.toString();
+                  this._stockService.getStockHistory(stockHistoryInformation).then(function (result) {
+                      _this.data = result;
+                  });
+                  return [2 /*return*/];
+              });
+          });
+      };
       return AllocationStockHistoryComponent;
-  }());
+  }(BaseStockComponent));
   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' | sharedLocalize\">\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' | sharedLocalize\" [field]=\"'mutationTime'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'AMOUNT' | sharedLocalize\" [field]=\"'amount'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'WAREHOUSE' | sharedLocalize\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'LOCATION' | sharedLocalize\" [field]=\"'locationNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DOCUMENT_NUMBER' | sharedLocalize\" [field]=\"'docNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'LINE' | sharedLocalize\" [field]=\"'transLineNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'STOCK_STATE' | sharedLocalize\" [field]=\"'stockStateId'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'STOCK_REMARK' | sharedLocalize\" [field]=\"'stockStateRemarkId'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'VALUTA' | sharedLocalize\" [field]=\"'currencyCode'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'RELATION_NR' | sharedLocalize\" [field]=\"'relationNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'USER' | sharedLocalize\" [field]=\"'user'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'MUTATION_TYPE' | sharedLocalize\" [field]=\"'mutationType'\"></co-simple-grid-column>\n    </co-simple-grid>\n  ",
+                  selector: 'co-allocation-stock-history',
+                  template: "\n      <co-simple-grid [data]=\"data\"\n                      class=\"simple-grid\"\n                      [rowsPerPage]=\"20\"\n      >\n          <co-simple-grid-column [headerText]=\"'MUTATION_DATE' | sharedLocalize\">\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' | sharedLocalize\" [field]=\"'mutationTime'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'AMOUNT' | sharedLocalize\" [field]=\"'amount'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'WAREHOUSE' | sharedLocalize\" [field]=\"'wareHouseNr'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'LOCATION' | sharedLocalize\" [field]=\"'locationNr'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'DOCUMENT_NUMBER' | sharedLocalize\" [field]=\"'docNr'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'LINE' | sharedLocalize\" [field]=\"'transLineNr'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'STOCK_STATE' | sharedLocalize\" [field]=\"'stockStateId'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'STOCK_REMARK' | sharedLocalize\" [field]=\"'stockStateRemarkId'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'VALUTA' | sharedLocalize\" [field]=\"'currencyCode'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'RELATION_NR' | sharedLocalize\" [field]=\"'relationNr'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'USER' | sharedLocalize\" [field]=\"'user'\"></co-simple-grid-column>\n          <co-simple-grid-column [headerText]=\"'MUTATION_TYPE' | sharedLocalize\" [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 }]
-  };
+      { type: StockService }
+  ]; };
 
   var GaugeColor$1;
   (function (GaugeColor) {
@@ -5081,19 +5128,48 @@
               },] }
   ];
 
-  var StockPrognoseComponent = /** @class */ (function () {
+  var StockPrognoseComponent = /** @class */ (function (_super) {
+      __extends(StockPrognoseComponent, _super);
       function StockPrognoseComponent(iconCacheService, _stockService) {
-          this.iconCacheService = iconCacheService;
-          this._stockService = _stockService;
-          this.icons = exports["ɵbs"];
-          this.stockPrognose = [];
+          var _this = _super.call(this) || this;
+          _this.iconCacheService = iconCacheService;
+          _this._stockService = _stockService;
+          _this.icons = exports["ɵbt"];
+          _this.data = [];
+          return _this;
       }
+      Object.defineProperty(StockPrognoseComponent.prototype, "warehouseNo", {
+          get: function () {
+              return this._warehouseNo;
+          },
+          set: function (value) {
+              if (this._warehouseNo !== value) {
+                  this._warehouseNo = value;
+                  this.getData();
+              }
+          },
+          enumerable: false,
+          configurable: true
+      });
+      StockPrognoseComponent.prototype.getData = function () {
+          return __awaiter(this, void 0, void 0, function () {
+              var _this = this;
+              return __generator(this, function (_a) {
+                  if (this.goodId && this.warehouseNo !== undefined && this.warehouseNo !== null) {
+                      this._stockService.stockPrognose(this.goodId, this.warehouseNo).then(function (result) {
+                          _this.data = result;
+                      });
+                  }
+                  return [2 /*return*/];
+              });
+          });
+      };
       return StockPrognoseComponent;
-  }());
+  }(BaseStockComponent));
   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' | sharedLocalize\" [field]=\"'available'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'FREE_STOCK' | sharedLocalize\" [field]=\"'freeStock'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'IN_ORDER' | sharedLocalize\" [field]=\"'inOrder'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER' | sharedLocalize\" [field]=\"'transNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER_DATE' | sharedLocalize\" [field]=\"'transactionDate'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | sharedLocalize\">\n        <ng-template #template let-row=\"row\">\n          <span [textContent]=\"row['arrivalDate'] | date:'dd-MM-yyyy'\"></span>\n        </ng-template>\n      </co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'REFERENCE' | sharedLocalize\" [field]=\"'reference'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DELIVERY_DATE_CONFIRMED' | sharedLocalize\" [field]=\"'transConfirmedDate'\">\n      </co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DATE_DELIVERED' | sharedLocalize\">\n        <ng-template #template let-row=\"row\">\n          <span [textContent]=\"row['transDeliveryDate'] | date:'dd-MM-yyyy'\"></span>\n        </ng-template>\n      </co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'FUTURE_FREE_STOCK' | sharedLocalize\" [field]=\"'laterAvailable'\"></co-simple-grid-column>\n    </co-simple-grid>\n  ",
+                  template: "\n    <co-simple-grid [data]=\"data\"\n                    class=\"simple-grid\"\n                    [rowsPerPage]=\"20\"\n    >\n      <co-simple-grid-column [headerText]=\"'AVAILABILITY' | sharedLocalize\" [field]=\"'available'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'FREE_STOCK' | sharedLocalize\" [field]=\"'freeStock'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'IN_ORDER' | sharedLocalize\" [field]=\"'inOrder'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER' | sharedLocalize\" [field]=\"'transNr'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'PURCHASE_ORDER_DATE' | sharedLocalize\" [field]=\"'transactionDate'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | sharedLocalize\">\n        <ng-template #template let-row=\"row\">\n          <span [textContent]=\"row['arrivalDate'] | date:'dd-MM-yyyy'\"></span>\n        </ng-template>\n      </co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'REFERENCE' | sharedLocalize\" [field]=\"'reference'\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DELIVERY_DATE_CONFIRMED' | sharedLocalize\" [field]=\"'transConfirmedDate'\">\n      </co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'DATE_DELIVERED' | sharedLocalize\">\n        <ng-template #template let-row=\"row\">\n          <span [textContent]=\"row['transDeliveryDate'] | date:'dd-MM-yyyy'\"></span>\n        </ng-template>\n      </co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'FUTURE_FREE_STOCK' | sharedLocalize\" [field]=\"'laterAvailable'\"></co-simple-grid-column>\n    </co-simple-grid>\n  ",
                   encapsulation: i0.ViewEncapsulation.None
               },] }
   ];
@@ -5102,7 +5178,7 @@
       { type: StockService }
   ]; };
   StockPrognoseComponent.propDecorators = {
-      stockPrognose: [{ type: i0.Input }]
+      warehouseNo: [{ type: i0.Input }]
   };
 
   var StockLocationPopupComponent = /** @class */ (function () {
@@ -5110,7 +5186,7 @@
           this.iconCacheService = iconCacheService;
           this._stockService = _stockService;
           this._changeDetector = _changeDetector;
-          this.icons = exports["ɵbs"];
+          this.icons = exports["ɵbt"];
           this.showConfirmationDialog = false;
           this.newStockLine = false;
           this.selectedArticleDetailsData = new articleDetails_bo.ArticleDetailsBo();
@@ -5366,7 +5442,7 @@
   var KeyPadComponent = /** @class */ (function () {
       function KeyPadComponent(iconCacheService) {
           this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbs"];
+          this.icons = exports["ɵbt"];
           this.showValue = true;
           this.resetModelOnInit = true;
           this.emitModelChangeOnEnter = true;
@@ -5567,7 +5643,7 @@
   var LayoutSwitcherComponent = /** @class */ (function () {
       function LayoutSwitcherComponent(iconCacheService) {
           this.iconCacheService = iconCacheService;
-          this.icon = exports["ɵbs"];
+          this.icon = exports["ɵbt"];
           this.layoutItems = [];
           this.layoutSwitchEmit = new i0.EventEmitter();
           this.showMaskSidebar = false;
@@ -5847,7 +5923,7 @@
           this.iconCacheService = iconCacheService;
           this.selectedDate = new Date();
           this.selectedDateChange = new i0.EventEmitter();
-          this.icons = exports["ɵbs"];
+          this.icons = exports["ɵbt"];
           this.showMonthYearSelect = false;
           this.expanded = false;
       }
@@ -6584,7 +6660,7 @@
           this._renderer = _renderer;
           this._ngZone = _ngZone;
           this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbs"];
+          this.icons = exports["ɵbt"];
           this.viewTypes = exports.CalendarView;
           this.scrollbarWidth = 15;
           this.today = new Date();
@@ -6996,7 +7072,7 @@
           var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
           _this.view = exports.CalendarView.WeekSelectView;
           _this.week = NULL_WEEK;
-          _this.icons = exports["ɵbs"];
+          _this.icons = exports["ɵbt"];
           return _this;
       }
       AgendaWeekSelectViewComponent.prototype.prepareViewData = function () {
@@ -7242,7 +7318,7 @@
           this._elementRef = _elementRef;
           this._renderer = _renderer;
           this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbs"];
+          this.icons = exports["ɵbt"];
           this.event = NULL_AGENDA_EVENT;
           this.eventChecked = new i0.EventEmitter();
       }
@@ -7464,7 +7540,7 @@
   var AgendaSelectEventComponent = /** @class */ (function () {
       function AgendaSelectEventComponent(iconCacheService) {
           this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbs"];
+          this.icons = exports["ɵbt"];
           this.event = NULL_AGENDA_EVENT;
           this.eventChecked = new i0.EventEmitter();
       }
@@ -7534,7 +7610,7 @@
       function SimpleTagsComponent(iconCacheService, sharedService) {
           this.iconCacheService = iconCacheService;
           this.sharedService = sharedService;
-          this.icon = exports["ɵbs"];
+          this.icon = exports["ɵbt"];
           this.closeClick = new i0.EventEmitter();
           this.saveClick = new i0.EventEmitter();
           this.breadCrumbs = [];
@@ -7595,7 +7671,7 @@
       function SimpleTagsFormComponent(iconCacheService, sharedService) {
           this.iconCacheService = iconCacheService;
           this.sharedService = sharedService;
-          this.icon = exports["ɵbs"];
+          this.icon = exports["ɵbt"];
           this.linkedTagsChange = new i0.EventEmitter();
           this.breadCrumbs = [];
           this.displayTags = [];
@@ -9019,8 +9095,8 @@
       function AppFileDropzoneComponent(dictionary, iconCacheService) {
           this.dictionary = dictionary;
           this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbs"];
-          this.Icons = exports["ɵbs"];
+          this.icons = exports["ɵbt"];
+          this.Icons = exports["ɵbt"];
           this._defaultDropActionMessage = "DROP_ZONE_DOCUMENTS";
       }
       AppFileDropzoneComponent.prototype.showClass = function () {
@@ -9092,7 +9168,7 @@
           this._promptService = _promptService;
           this._fileTypeImgPipe = _fileTypeImgPipe;
           this.iconCacheService = iconCacheService;
-          this.icon = exports["ɵbs"];
+          this.icon = exports["ɵbt"];
           this.useWithoutSettingProps = false;
           this.hasPublicAccessVisible = false;
           this.showDocumentReportPicker = true;
@@ -10565,7 +10641,7 @@
           this._fileTypeImgPipe = _fileTypeImgPipe;
           this.iconService = iconService;
           this._sharedService = _sharedService;
-          this.icons = exports["ɵbs"];
+          this.icons = exports["ɵbt"];
           // Element clickable
           this.link = false;
           this.dropzone = false;
@@ -10775,7 +10851,7 @@
   var TileRenderComponent = /** @class */ (function () {
       function TileRenderComponent(iconCacheService) {
           this.iconCacheService = iconCacheService;
-          this.icons = exports["ɵbs"];
+          this.icons = exports["ɵbt"];
           // Render a large or small tile.
           this.tileSize = TileSizeType.Large;
           // When this tile is selected, this icon will be shown green in the upper-left corner (defaults to 'check').
@@ -10784,7 +10860,7 @@
           this.imageClick = new i0.EventEmitter();
           // Emits when the info wrapper was clicked (bottom half of this component).
           this.infoClick = new i0.EventEmitter();
-          this.Icon = exports["ɵbs"];
+          this.Icon = exports["ɵbt"];
       }
       Object.defineProperty(TileRenderComponent.prototype, "inSmallTileMode", {
           get: function () {
@@ -11028,7 +11104,7 @@
           this.enableditemsChange = new i0.EventEmitter();
           // Outputs the sum of cgrefkeys of all newly enabled items
           this.onPropertyItemChange = new i0.EventEmitter();
-          this.Icons = exports["ɵbs"];
+          this.Icons = exports["ɵbt"];
           this.objectifiedEnum = [];
           this.enabledItemNumberList = [];
       }
@@ -11195,14 +11271,14 @@
       function ActivityListComponent(iconCacheService, _dictionaryService) {
           this.iconCacheService = iconCacheService;
           this._dictionaryService = _dictionaryService;
-          this.Icon = exports["ɵbs"];
+          this.Icon = exports["ɵbt"];
           this.RelationKind = relationKind_enum.RelationKind;
           this.ActivityType = activityType.ActivityType;
           this.TimeUtils = timeUtils.TimeUtils;
-          this.remarkIcon = exports["ɵbs"].CommentRegular;
-          this.workIcon = exports["ɵbs"].PersonDiggingRegular;
-          this.statusIcon = exports["ɵbs"].DiagramProjectRegular;
-          this.taskIcon = exports["ɵbs"].Task;
+          this.remarkIcon = exports["ɵbt"].CommentRegular;
+          this.workIcon = exports["ɵbt"].PersonDiggingRegular;
+          this.statusIcon = exports["ɵbt"].DiagramProjectRegular;
+          this.taskIcon = exports["ɵbt"].Task;
       }
       ActivityListComponent.prototype.showClass = function () {
           return true;
@@ -11872,7 +11948,7 @@
           this._dictionary = _dictionary;
           this.iconService = iconService;
           this.sharedService = sharedService;
-          this.icons = exports["ɵbs"];
+          this.icons = exports["ɵbt"];
           this.editingComplete = new i0.EventEmitter();
           this.activitySaved = new i0.EventEmitter();
           this.activityDeleted = new i0.EventEmitter();
@@ -11885,7 +11961,7 @@
           this.showNewForm = false;
           this.showModificationForm = false;
           this.taskEditting = false;
-          this.Icon = exports["ɵbs"];
+          this.Icon = exports["ɵbt"];
       }
       Object.defineProperty(TaskModifierComponent.prototype, "readonly", {
           get: function () {
@@ -12157,7 +12233,7 @@
           this._dialogService = _dialogService;
           this._dictionaryService = _dictionaryService;
           this._sharedService = _sharedService;
-          this.icon = exports["ɵbs"];
+          this.icon = exports["ɵbt"];
           this.cfgNames = ActivityCfgName;
           this.taskCfgNames = {
               timeRegistrationMandatory: ActivityCfgName.TimeRegistrationMandatory,
@@ -12473,7 +12549,7 @@
           var _this = _super.call(this) || this;
           _this.sharedService = sharedService;
           _this.tabs = personalActivityTab_enum.PersonalActivityTabEnum;
-          _this.icons = exports["ɵbs"];
+          _this.icons = exports["ɵbt"];
           _this.activityClass = activity_bo.Activity;
           _this.activitySortType = activitySortType_enum.ActivitySortType;
           _this.showActivityHeader = true;
@@ -12730,11 +12806,11 @@
           _this.dialogService = dialogService;
           _this.dictionaryService = dictionaryService;
           _this.sharedService = sharedService;
-          _this.Icon = exports["ɵbs"];
-          _this.remarkIcon = exports["ɵbs"].CommentRegular;
-          _this.workIcon = exports["ɵbs"].PersonDiggingRegular;
-          _this.statusIcon = exports["ɵbs"].DiagramProjectRegular;
-          _this.taskIcon = exports["ɵbs"].ListUlRegular;
+          _this.Icon = exports["ɵbt"];
+          _this.remarkIcon = exports["ɵbt"].CommentRegular;
+          _this.workIcon = exports["ɵbt"].PersonDiggingRegular;
+          _this.statusIcon = exports["ɵbt"].DiagramProjectRegular;
+          _this.taskIcon = exports["ɵbt"].ListUlRegular;
           return _this;
       }
       ComponentActivityOverviewComponent.prototype.showClass = function () {
@@ -12972,7 +13048,7 @@
           _this.dialogService = dialogService;
           _this.iconCacheService = iconCacheService;
           _this.sharedService = sharedService;
-          _this.Icon = exports["ɵbs"];
+          _this.Icon = exports["ɵbt"];
           _this.showStatusDropdown = false;
           return _this;
       }
@@ -13043,7 +13119,7 @@
       function ActivitySummaryBlockComponent(_formMaster, elementRef) {
           this._formMaster = _formMaster;
           this.elementRef = elementRef;
-          this.Icon = exports["ɵbs"];
+          this.Icon = exports["ɵbt"];
           this.noBorder = false;
           this.readonly = false;
           this.showButtons = false;
@@ -13155,7 +13231,7 @@
           _this.dialogService = dialogService;
           _this.iconService = iconService;
           _this.sharedService = sharedService;
-          _this.Icon = exports["ɵbs"];
+          _this.Icon = exports["ɵbt"];
           return _this;
       }
       StatusSummaryBlockComponent.prototype.showClass = function () {
@@ -13226,7 +13302,7 @@
           _this.dialogService = dialogService;
           _this.sharedService = sharedService;
           _this.locale = locale;
-          _this.Icon = exports["ɵbs"];
+          _this.Icon = exports["ɵbt"];
           _this.taskCategories = [];
           _this.priorityDomainColl = [];
           return _this;
@@ -13330,7 +13406,7 @@
           _this.dialogService = dialogService;
           _this.sharedService = sharedService;
           _this.RelationType = RelationType;
-          _this.Icon = exports["ɵbs"];
+          _this.Icon = exports["ɵbt"];
           _this._textSearchParams = new relationRequest.RelationRequest();
           _this.personnel = [];
           return _this;
@@ -13403,7 +13479,7 @@
           _this.dictionaryService = dictionaryService;
           _this.dialogService = dialogService;
           _this.sharedService = sharedService;
-          _this.Icon = exports["ɵbs"];
+          _this.Icon = exports["ɵbt"];
           _this.WorkflowCategoryType = workflowCategory_enum.WorkflowCategoryType;
           _this.listItems = [];
           return _this;
@@ -13501,7 +13577,7 @@
           this.iconService = iconService;
           this.sharedService = sharedService;
           this.renderer = renderer;
-          this.icons = exports["ɵbs"];
+          this.icons = exports["ɵbt"];
           this.recipientLabel = 'RECIPIENTS';
           this.fieldLabel = '';
           this.extraLabel = '';
@@ -13692,7 +13768,7 @@
       function EmailSelectorComponent(iconService, sharedService) {
           this.iconService = iconService;
           this.sharedService = sharedService;
-          this.icons = exports["ɵbs"];
+          this.icons = exports["ɵbt"];
           this.showBCC = false;
           this.buttonIcon = this.iconService.getIcon(this.icons.SquarePlusRegular);
           this.emailAddressesChange = new i0.EventEmitter();
@@ -13933,7 +14009,7 @@
   var ActivityListHeaderComponent = /** @class */ (function () {
       function ActivityListHeaderComponent(iconService) {
           this.iconService = iconService;
-          this.icons = exports["ɵbs"];
+          this.icons = exports["ɵbt"];
           this.activitySortType = activitySortType_enum.ActivitySortType;
           this.title = 'MY_WORK';
           this.searchTextChange = new i0.EventEmitter();
@@ -13974,7 +14050,7 @@
       function WorkflowNotificationTogglePopupComponent(element, iconService) {
           this.element = element;
           this.iconService = iconService;
-          this.icons = exports["ɵbs"];
+          this.icons = exports["ɵbt"];
           this.workflowProcesses = [];
           this.closePopupClicked = new i0.EventEmitter();
           this.workflowProcessClicked = new i0.EventEmitter();
@@ -14007,7 +14083,7 @@
           this.iconService = iconService;
           this.sharedService = sharedService;
           this._overlayService = _overlayService;
-          this.icons = exports["ɵbs"];
+          this.icons = exports["ɵbt"];
           this.workflowProcesses = [];
           this.showPopup = false;
       }
@@ -14616,7 +14692,7 @@
           this.element = element;
           this.iconService = iconService;
           this._overlayService = _overlayService;
-          this.icon = exports["ɵbs"];
+          this.icon = exports["ɵbt"];
           this.possibleFilters = [
               period_enum.Period.All,
               period_enum.Period.Today,
@@ -14787,8 +14863,8 @@
       function WorkflowInfoTilesComponent(iconCacheService, sharedService) {
           this.iconCacheService = iconCacheService;
           this.sharedService = sharedService;
-          this.Icon = exports["ɵbs"];
-          this.icons = exports["ɵbs"];
+          this.Icon = exports["ɵbt"];
+          this.icons = exports["ɵbt"];
           this.workflowProcessInfoPerStatusClicked = new i0.EventEmitter();
       }
       Object.defineProperty(WorkflowInfoTilesComponent.prototype, "workflowCategory", {
@@ -14839,7 +14915,7 @@
       function WorkflowInfoTileComponent(iconCacheService, colorService) {
           this.iconCacheService = iconCacheService;
           this.colorService = colorService;
-          this.Icon = exports["ɵbs"];
+          this.Icon = exports["ɵbt"];
       }
       WorkflowInfoTileComponent.prototype.showClass = function () {
           return true;
@@ -14916,7 +14992,7 @@
           this.sharedService = sharedService;
           this._dialogService = _dialogService;
           this._formMasterService = _formMasterService;
-          this.icons = exports["ɵbs"];
+          this.icons = exports["ɵbt"];
           this.table = tableName_enum.TableName.Transactions;
           this.activityCreated = new i0.EventEmitter();
           this.optionCollection = [
@@ -15384,101 +15460,102 @@
   exports["ɵbd"] = StockChangeAmountComponent;
   exports["ɵbe"] = StockTabComponent;
   exports["ɵbf"] = OrderTabComponent;
-  exports["ɵbg"] = StockTabsComponent;
-  exports["ɵbh"] = StockHistoryTabsComponent;
-  exports["ɵbi"] = OrderStockTabComponent;
-  exports["ɵbj"] = StockLocationComponent;
-  exports["ɵbk"] = StockHistoryComponent;
-  exports["ɵbl"] = OrderSupplyStockHistoryComponent;
-  exports["ɵbm"] = OrderCommissionStockHistoryComponent;
-  exports["ɵbn"] = OrderStockHistoryComponent;
-  exports["ɵbo"] = AllocationStockHistoryComponent;
-  exports["ɵbp"] = StockPrognoseComponent;
-  exports["ɵbq"] = StockLocationPopupComponent;
-  exports["ɵbr"] = SendMethod;
-  exports["ɵbt"] = CalendarAllYearsComponent;
-  exports["ɵbu"] = CalendarAllMonthsComponent;
-  exports["ɵbv"] = CalendarHeaderComponent;
-  exports["ɵbw"] = CalendarComponent;
-  exports["ɵbx"] = CalendarViewComponent;
-  exports["ɵby"] = AgendaHeaderComponent;
-  exports["ɵbz"] = AgendaViewComponent;
+  exports["ɵbg"] = BaseStockComponent;
+  exports["ɵbh"] = StockTabsComponent;
+  exports["ɵbi"] = StockHistoryTabsComponent;
+  exports["ɵbj"] = OrderStockTabComponent;
+  exports["ɵbk"] = StockLocationComponent;
+  exports["ɵbl"] = StockHistoryComponent;
+  exports["ɵbm"] = OrderSupplyStockHistoryComponent;
+  exports["ɵbn"] = OrderCommissionStockHistoryComponent;
+  exports["ɵbo"] = OrderStockHistoryComponent;
+  exports["ɵbp"] = AllocationStockHistoryComponent;
+  exports["ɵbq"] = StockPrognoseComponent;
+  exports["ɵbr"] = StockLocationPopupComponent;
+  exports["ɵbs"] = SendMethod;
+  exports["ɵbu"] = CalendarAllYearsComponent;
+  exports["ɵbv"] = CalendarAllMonthsComponent;
+  exports["ɵbw"] = CalendarHeaderComponent;
+  exports["ɵbx"] = CalendarComponent;
+  exports["ɵby"] = CalendarViewComponent;
+  exports["ɵbz"] = AgendaHeaderComponent;
   exports["ɵc"] = StockService;
-  exports["ɵca"] = AgendaMonthViewComponent;
-  exports["ɵcb"] = AgendaBaseViewComponent;
-  exports["ɵcc"] = AgendaDayViewComponent;
-  exports["ɵcd"] = AgendaWeekViewComponent;
-  exports["ɵce"] = AgendaWeekSelectViewComponent;
-  exports["ɵcf"] = AgendaHourViewComponent;
-  exports["ɵcg"] = AgendaHourCellComponent;
-  exports["ɵch"] = AgendaHourViewLabelsComponent;
-  exports["ɵci"] = AgendaHalfHourCellComponent;
-  exports["ɵcj"] = AgendaEventsComponent;
-  exports["ɵck"] = AgendaEventComponent;
-  exports["ɵcl"] = ViewSelectComponent;
-  exports["ɵcm"] = AgendaSelectEventComponent;
-  exports["ɵcn"] = MASTER_PIPES;
-  exports["ɵco"] = ArrayNumberPipe;
-  exports["ɵcp"] = UCfirstPipe;
-  exports["ɵcq"] = FileTypeImagePipe;
-  exports["ɵcr"] = BaseFileUploadComponent;
-  exports["ɵcs"] = InputBoolean;
-  exports["ɵct"] = ImageDisplayModule;
-  exports["ɵcu"] = ImageDisplayComponent;
-  exports["ɵcv"] = FileUploadModule;
-  exports["ɵcw"] = TileRenderModule;
-  exports["ɵcx"] = TileRenderComponent;
-  exports["ɵcy"] = FileUploadComponent;
-  exports["ɵcz"] = FileUploadPopupModule;
+  exports["ɵca"] = AgendaViewComponent;
+  exports["ɵcb"] = AgendaMonthViewComponent;
+  exports["ɵcc"] = AgendaBaseViewComponent;
+  exports["ɵcd"] = AgendaDayViewComponent;
+  exports["ɵce"] = AgendaWeekViewComponent;
+  exports["ɵcf"] = AgendaWeekSelectViewComponent;
+  exports["ɵcg"] = AgendaHourViewComponent;
+  exports["ɵch"] = AgendaHourCellComponent;
+  exports["ɵci"] = AgendaHourViewLabelsComponent;
+  exports["ɵcj"] = AgendaHalfHourCellComponent;
+  exports["ɵck"] = AgendaEventsComponent;
+  exports["ɵcl"] = AgendaEventComponent;
+  exports["ɵcm"] = ViewSelectComponent;
+  exports["ɵcn"] = AgendaSelectEventComponent;
+  exports["ɵco"] = MASTER_PIPES;
+  exports["ɵcp"] = ArrayNumberPipe;
+  exports["ɵcq"] = UCfirstPipe;
+  exports["ɵcr"] = FileTypeImagePipe;
+  exports["ɵcs"] = BaseFileUploadComponent;
+  exports["ɵct"] = InputBoolean;
+  exports["ɵcu"] = ImageDisplayModule;
+  exports["ɵcv"] = ImageDisplayComponent;
+  exports["ɵcw"] = FileUploadModule;
+  exports["ɵcx"] = TileRenderModule;
+  exports["ɵcy"] = TileRenderComponent;
+  exports["ɵcz"] = FileUploadComponent;
   exports["ɵd"] = SharedConnectorService;
-  exports["ɵda"] = MultiplePropertyTogglerModule;
-  exports["ɵdb"] = MultiplePropertyTogglerComponent;
-  exports["ɵdc"] = FileUploadPopupComponent;
-  exports["ɵdd"] = AppFileDropzoneModule;
-  exports["ɵde"] = AppFileDropzoneComponent;
-  exports["ɵdf"] = DragDropContainerComponent;
-  exports["ɵdg"] = DragDropService;
-  exports["ɵdh"] = BaseActivityListComponent;
-  exports["ɵdi"] = PersonalActivityOverviewComponent;
-  exports["ɵdj"] = BaseActivityOverviewComponent;
-  exports["ɵdk"] = TaskModifierComponent;
-  exports["ɵdl"] = ModifyTaskFormComponent;
-  exports["ɵdm"] = PersonalActivityOverviewModule;
-  exports["ɵdn"] = ComponentActivityOverviewModule;
-  exports["ɵdo"] = TaskModifyerModule;
-  exports["ɵdp"] = ModifyTaskFormModule;
-  exports["ɵdq"] = TaskDetailsModule;
-  exports["ɵdr"] = TaskDetailsComponent;
-  exports["ɵds"] = BaseActivitySummaryComponent;
-  exports["ɵdt"] = ExecutiveSummaryBlockModule;
-  exports["ɵdu"] = ActivitySummaryBlockModule;
-  exports["ɵdv"] = ActivitySummaryBlockComponent;
-  exports["ɵdw"] = ExecutiveSummaryBlockComponent;
-  exports["ɵdx"] = StatusSummaryBlockModule;
-  exports["ɵdy"] = StatusSummaryBlockComponent;
-  exports["ɵdz"] = CreationSummaryBlockModule;
+  exports["ɵda"] = FileUploadPopupModule;
+  exports["ɵdb"] = MultiplePropertyTogglerModule;
+  exports["ɵdc"] = MultiplePropertyTogglerComponent;
+  exports["ɵdd"] = FileUploadPopupComponent;
+  exports["ɵde"] = AppFileDropzoneModule;
+  exports["ɵdf"] = AppFileDropzoneComponent;
+  exports["ɵdg"] = DragDropContainerComponent;
+  exports["ɵdh"] = DragDropService;
+  exports["ɵdi"] = BaseActivityListComponent;
+  exports["ɵdj"] = PersonalActivityOverviewComponent;
+  exports["ɵdk"] = BaseActivityOverviewComponent;
+  exports["ɵdl"] = TaskModifierComponent;
+  exports["ɵdm"] = ModifyTaskFormComponent;
+  exports["ɵdn"] = PersonalActivityOverviewModule;
+  exports["ɵdo"] = ComponentActivityOverviewModule;
+  exports["ɵdp"] = TaskModifyerModule;
+  exports["ɵdq"] = ModifyTaskFormModule;
+  exports["ɵdr"] = TaskDetailsModule;
+  exports["ɵds"] = TaskDetailsComponent;
+  exports["ɵdt"] = BaseActivitySummaryComponent;
+  exports["ɵdu"] = ExecutiveSummaryBlockModule;
+  exports["ɵdv"] = ActivitySummaryBlockModule;
+  exports["ɵdw"] = ActivitySummaryBlockComponent;
+  exports["ɵdx"] = ExecutiveSummaryBlockComponent;
+  exports["ɵdy"] = StatusSummaryBlockModule;
+  exports["ɵdz"] = StatusSummaryBlockComponent;
   exports["ɵe"] = OptionsService;
-  exports["ɵea"] = CreationSummaryBlockComponent;
-  exports["ɵeb"] = NotificationSummaryBlockModule;
-  exports["ɵec"] = EmailSelectorModule;
-  exports["ɵed"] = EmailSelectorComponent;
-  exports["ɵee"] = NotificationSummaryBlockComponent;
-  exports["ɵef"] = ComponentActivityOverviewComponent;
-  exports["ɵeg"] = ActivityListHeaderModule;
-  exports["ɵeh"] = WorkflowNotificationToggleModule;
-  exports["ɵei"] = DirectivesModule;
-  exports["ɵej"] = AbsoluteOverlayTemplateDirective;
-  exports["ɵek"] = AppAbsoluteOverlayOutletService;
-  exports["ɵel"] = AlignWithDirective;
-  exports["ɵem"] = ClickOutsideDirective;
-  exports["ɵen"] = WorkflowNotificationToggleComponent;
-  exports["ɵeo"] = WorkflowNotificationTogglePopupComponent;
-  exports["ɵep"] = PeriodFilterModule;
-  exports["ɵeq"] = PeriodFilterComponent;
-  exports["ɵer"] = PeriodFilterPopupComponent;
-  exports["ɵes"] = ActivityListHeaderComponent;
-  exports["ɵet"] = WorkflowInfoTileModule;
-  exports["ɵeu"] = WorkflowInfoTileComponent;
+  exports["ɵea"] = CreationSummaryBlockModule;
+  exports["ɵeb"] = CreationSummaryBlockComponent;
+  exports["ɵec"] = NotificationSummaryBlockModule;
+  exports["ɵed"] = EmailSelectorModule;
+  exports["ɵee"] = EmailSelectorComponent;
+  exports["ɵef"] = NotificationSummaryBlockComponent;
+  exports["ɵeg"] = ComponentActivityOverviewComponent;
+  exports["ɵeh"] = ActivityListHeaderModule;
+  exports["ɵei"] = WorkflowNotificationToggleModule;
+  exports["ɵej"] = DirectivesModule;
+  exports["ɵek"] = AbsoluteOverlayTemplateDirective;
+  exports["ɵel"] = AppAbsoluteOverlayOutletService;
+  exports["ɵem"] = AlignWithDirective;
+  exports["ɵen"] = ClickOutsideDirective;
+  exports["ɵeo"] = WorkflowNotificationToggleComponent;
+  exports["ɵep"] = WorkflowNotificationTogglePopupComponent;
+  exports["ɵeq"] = PeriodFilterModule;
+  exports["ɵer"] = PeriodFilterComponent;
+  exports["ɵes"] = PeriodFilterPopupComponent;
+  exports["ɵet"] = ActivityListHeaderComponent;
+  exports["ɵeu"] = WorkflowInfoTileModule;
+  exports["ɵev"] = WorkflowInfoTileComponent;
   exports["ɵf"] = IconCacheService;
   exports["ɵh"] = SendMethodService;
   exports["ɵi"] = SendMethodEmailModule;