@colijnit/sharedcomponents 1.0.12 → 1.0.15

package/fesm2015/colijnit-sharedcomponents.js

@@ -1,6 +1,6 @@
 import { __awaiter } from 'tslib';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ViewEncapsulation, ViewChild, ElementRef, Input, Output, HostBinding, NgModule, Injectable } from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, ViewChild, ElementRef, Input, Output, HostBinding, NgModule, Injectable, HostListener } from '@angular/core';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import { PDFDocument } from 'pdf-lib';
 import * as PDFJS from 'pdfjs-dist/legacy/build/pdf';
@@ -23,16 +23,21 @@ import { MapPropertyDecorator } from '@colijnit/articleapi/build/factory/decorat
 import { BooleanTextDecorator as BooleanTextDecorator$1 } from '@colijnit/articleapi/build/factory/decorators/boolean.decorator';
 import { JsonFieldFieldDecorator } from '@colijnit/articleapi/build/factory/decorators/json.decorator';
 import { ComplexArrayDecorator as ComplexArrayDecorator$1 } from '@colijnit/articleapi/build/factory/decorators/complex-array.decorator';
-import { PrintStockStickers } from '@colijnit/articleapi/build/model/print-stock-stickers';
-import { ArticleFlat } from '@colijnit/articleapi/build/model/article-flat.bo';
-import { ArticlesPublic } from '@colijnit/articleapi/build/articles-public';
-import { PrintJob } from '@colijnit/sharedapi/build/model/report/print-job';
+import { PrintStockStickers } from '@colijnit/sharedapi/build/model/print-stock-stickers';
 import { ArticleStockBo } from '@colijnit/articleapi/build/model/article-stock.bo';
+import { StockHistoryBo } from '@colijnit/articleapi/build/model/stock-history.bo';
+import { StockStickersPrintLayoutsBo } from '@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo';
+import { ArticleDetailsBo } from '@colijnit/articleapi/build/model/article-details.bo';
+import { StockStatus } from '@colijnit/articleapi/build/model/stock-status.bo';
+import { StockManagementWarehouses } from '@colijnit/articleapi/build/model/stock-management-warehouses.bo';
+import { StockLocation } from '@colijnit/articleapi/build/model/stock-location.bo';
+import { PrintStockStickers as PrintStockStickers$1 } from '@colijnit/articleapi/build/model/print-stock-stickers';
+import { GetStockHistoryRequest } from '@colijnit/articleapi/build/model/get-stock-history-request';
 import { ArticleStock } from '@colijnit/articleapi/build/model/article-stock';
-import { CoDialogPromptModule, InputCheckboxModule, InputComboBoxModule, IconModule, InputNumberPickerModule, CoDialogWizardModule, ButtonModule, CoGridModule, InputRadioButtonModule, DropDownModule, SimpleGridModule, ImageModule, InputTextModule } from '@colijnit/corecomponents_v12';
+import { CoDialogPromptModule, InputCheckboxModule, InputComboBoxModule, IconModule, InputNumberPickerModule, CoDialogWizardModule, ButtonModule, CoGridModule, InputRadioButtonModule, DropDownModule, SimpleGridModule, ImageModule, InputTextModule, InputTextareaModule } from '@colijnit/corecomponents_v12';
 import * as i1 from '@angular/platform-browser';
 import { DomSanitizer } from '@angular/platform-browser';
-import { PrintStockStickers as PrintStockStickers$1 } from '@colijnit/sharedapi/build/model/print-stock-stickers';
+import { ArticleStockManagement } from '@colijnit/articleapi/build/model/article-stock-management';
 
 class DocsignComponent {
     constructor() {
@@ -1094,26 +1099,13 @@ class IoneConnectorAdapterService {
             });
         });
     }
-    // public async getPrintLayouts(defaultPrinterName: PrintJob): Promise<PrintJob> {
-    //   return new Promise((resolve: Function, reject: Function) => {
-    //     return this.sharedConnector.getPrintTemplates(defaultPrinterName).then((result: DataServiceResponse) => {
-    //       if (result.validationResult && result.validationResult.success) {
-    //         if (result.resultObject) {
-    //           resolve(this._boFactory.makeWithRawBackendData(PrintJob, result.resultObject));
-    //         }
-    //       } else {
-    //         reject(result.validationMessagesAsString);
-    //       }
-    //     })
-    //   })
-    // }
-    getStockHistory(request) {
+    getStockStickerPrintLayouts(stockStickersPrintLayoutsBo) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
-                return this.connector.getStockHistory(request).then((result) => {
+                return this.sharedConnector.getStockStickerPrintLayouts(stockStickersPrintLayoutsBo).then((result) => {
                     if (result.validationResult && result.validationResult.success) {
                         if (result.resultObject) {
-                            resolve(this._boFactory.makeWithRawBackendData(PrintJob, result.resultObject));
+                            resolve(this._boFactory.makeWithRawBackendData(stockStickersPrintLayoutsBo, result.resultObject));
                         }
                     }
                     else {
@@ -1138,13 +1130,13 @@ class IoneConnectorAdapterService {
             });
         });
     }
-    getArticleFlatObject(goodId) {
+    getStockHistory(request) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
-                return this.connector.getArticleFullObject(goodId).then((result) => {
+                return this.connector.getStockHistory(request).then((result) => {
                     if (result.validationResult && result.validationResult.success) {
-                        if (result.resultObject) {
-                            resolve(this._boFactory.makeWithRawBackendData(ArticleFlat, result.resultObject));
+                        if (result.resultObject && result.resultObject.hasOwnProperty("stockHistory")) {
+                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(StockHistoryBo, result.resultObject.stockHistory));
                         }
                     }
                     else {
@@ -1170,13 +1162,107 @@ class IoneConnectorAdapterService {
             });
         });
     }
-    getWarehouses(goodId) {
+    getStockManagementWarehouses() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.connector.getStockManagementWarehouses().then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        if (result.resultObjects) {
+                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(StockManagementWarehouses, result.resultObjects));
+                        }
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
+    getStockManagementLocations(warehouseNo) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.connector.getStockManagementLocations(warehouseNo).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        if (result.resultObjects) {
+                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(StockLocation, result.resultObjects));
+                        }
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
+    getArticleDetails(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.connector.getArticleDetails(data).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        if (result.resultObjects) {
+                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(ArticleDetailsBo, result.resultObjects));
+                        }
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
+    updateArticleDetails(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.connector.updateArticleDetails(data).then((result) => __awaiter(this, void 0, void 0, function* () {
+                    if (result.validationResult && result.validationResult.success) {
+                        yield this.commit();
+                        resolve(true);
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                }));
+            });
+        });
+    }
+    lockArticleDetails(data) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
-                return this.connector.getWarehouses(goodId).then((result) => {
+                return this.connector.lockArticleDetails(data).then((result) => __awaiter(this, void 0, void 0, function* () {
+                    if (result.validationResult && result.validationResult.success) {
+                        yield this.commit();
+                        resolve(true);
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                }));
+            });
+        });
+    }
+    getStockStatus() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.connector.getStockState().then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        if (result.resultObjects) {
+                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(StockStatus, result.resultObjects));
+                        }
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
+    getStockStickerTemplates(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.sharedConnector.getStockStickerPrintLayouts(data).then((result) => {
                     if (result.validationResult && result.validationResult.success) {
                         if (result.resultObject) {
-                            resolve(this._boFactory.makeWithRawBackendData(ArticlesPublic, result.resultObject));
+                            resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(StockStickersPrintLayoutsBo, result.resultObject));
                         }
                     }
                     else {
@@ -1186,6 +1272,9 @@ class IoneConnectorAdapterService {
             });
         });
     }
+    commit() {
+        return this.connector.commit();
+    }
 }
 IoneConnectorAdapterService.ɵprov = i0.ɵɵdefineInjectable({ factory: function IoneConnectorAdapterService_Factory() { return new IoneConnectorAdapterService(); }, token: IoneConnectorAdapterService, providedIn: "root" });
 IoneConnectorAdapterService.decorators = [
@@ -1202,22 +1291,17 @@ class StockService {
     connectConnector(options) {
         this._connector.connect(options);
     }
-    getPrintStockStickers(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this._connector.getPrintStockStickers(data);
-        });
-    }
+    // public async getPrintStockStickers(data: PrintStockStickers): Promise<void> {
+    //   await this._connector.getPrintStockStickers(data);
+    // }
     getAllPrinters(showAll = true) {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this._connector.getAllPrinters(showAll);
         });
     }
-    // public async getPrintTemplates(defaultPrinterName: PrintJob): Promise<PrintJob> {
-    //   return await this._connector.getPrintLayouts(defaultPrinterName);
-    // }
     getStockHistory(data) {
         return __awaiter(this, void 0, void 0, function* () {
-            yield this._connector.getStockHistory(data);
+            return yield this._connector.getStockHistory(data);
         });
     }
     getStockInformation(data) {
@@ -1225,6 +1309,49 @@ class StockService {
             return yield this._connector.getStockInformation(data);
         });
     }
+    getStockStickerPrintLayouts(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._connector.getStockStickerPrintLayouts(data);
+        });
+    }
+    getArticleDetails(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._connector.getArticleDetails(data);
+        });
+    }
+    updateArticleDetails(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._connector.updateArticleDetails(data);
+        });
+    }
+    getStockState() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._connector.getStockStatus();
+        });
+    }
+    getStockStickerTemplates(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._connector.getStockStickerTemplates(data);
+        });
+    }
+    getStockManagementWarehouses() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._connector.getStockManagementWarehouses();
+        });
+    }
+    getStockManagementLocations(warehouseNo) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._connector.getStockManagementLocations(warehouseNo);
+        });
+    }
+    lockArticleDetails(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._connector.lockArticleDetails(data);
+        });
+    }
+    commit() {
+        return this._connector.commit();
+    }
 }
 StockService.decorators = [
     { type: Injectable }
@@ -1240,37 +1367,41 @@ class StockComponent {
         this.showStockInformationGrid = true;
         this.showStockLocation = false;
         this.showStockTransfer = false;
+        this.allAvailableStock = 0;
+        this.allTechnicalStock = 0;
     }
     set options(value) {
         this.stockService.connectConnector(value);
     }
+    set article(article) {
+        this.articleExtended = article;
+        this.getStockInformation(article);
+    }
+    ;
     showClass() {
         return true;
     }
-    ngAfterViewInit() {
-        if (this.article) {
-            this.getStockInformation(this.article);
-        }
-    }
     backToStockLinesClicked() {
         this.showStockLocation = false;
         this.showStockInformationGrid = true;
     }
     handleStockTransferClick(event) {
-        this.stockTransferArticle = event;
+        this.stockTransferArticleDetails = event;
         this.showStockTransfer = !this.showStockTransfer;
         this.showStockInformationGrid = !this.showStockInformationGrid;
-        this.stockService.stockStickers = new PrintStockStickers();
+        this.stockService.stockStickers = new PrintStockStickers$1();
     }
     backToStock() {
         this.showStockTransfer = !this.showStockTransfer;
         this.showStockInformationGrid = !this.showStockInformationGrid;
     }
-    loadStockHistory(data) {
-        this.stockService.getStockHistory(data);
-    }
-    buttonClick() {
-        this.getStockInformation(this.article);
+    getStockHistory() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const stockHistoryInformation = new GetStockHistoryRequest();
+            stockHistoryInformation.type = "B";
+            stockHistoryInformation.goodId = this.articleExtended.goodId.toString();
+            this.stockHistory = yield this.stockService.getStockHistory(stockHistoryInformation);
+        });
     }
     getStockInformation(data) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -1278,12 +1409,8 @@ class StockComponent {
             articleData.goodId = data.goodId.toString();
             articleData.viewKind = "M";
             this.stockInformation = yield this.stockService.getStockInformation(articleData);
-            // const allAvailableStock = this.stockInformation.reduce((a, b) => a.availableStock + b.availableStock ? a : b);
-        });
-    }
-    getStockLocationInformation(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.stockLocationInformation = yield this.stockService.getStockInformation(data);
+            this.stockInformation.forEach((articleStock) => this.allAvailableStock += articleStock.availableStock);
+            this.stockInformation.forEach((articleStock) => this.allTechnicalStock += articleStock.technicalStock);
         });
     }
 }
@@ -1292,16 +1419,20 @@ StockComponent.decorators = [
                 selector: "co-stock",
                 template: `
       <div class="stock-info-container">
-        <co-stock-information [article]="article"
-                              [articleStock]="">
-
+        <co-stock-information [article]="articleExtended"
+                              [articleStock]=""
+                              [allAvailableStockInformation]="allAvailableStock"
+                              [allTechnicalStockInformation]="allTechnicalStock"
+        >
         </co-stock-information>
         <hr>
         <co-stock-information-grid *ngIf="showStockInformationGrid"
                                    [stockLocationData]="stockLocationInformation"
-                                   (locationLineClicked)="getStockLocationInformation($event)"
                                    [articleStockInformation]="stockInformation"
-                                   (transferIconClicked)="handleStockTransferClick($event)">
+                                   (transferIconClicked)="handleStockTransferClick($event)"
+                                   (historyClicked)="getStockHistory()"
+                                   [stockHistoryInformation]="stockHistory"
+        >
         </co-stock-information-grid>
         <co-stock-location *ngIf="showStockLocation"
                            (backToStockLines)="backToStockLinesClicked()">
@@ -1310,13 +1441,13 @@ StockComponent.decorators = [
         <co-stock-transfer *ngIf="showStockTransfer"
                            (handleCancelClicked)="backToStock()"
                             [article]="stockTransferArticle"
+                           [articleToTransfer]="stockTransferArticleDetails"
                            [stockSticker]="stockService.stockStickers"
                            (handleStickerClicked)="handleStickerClicked.emit($event)"
                            [articleWarehouse]="articleWarehouse"
                            [allWarehouses]="allWarehouses"
         >
         </co-stock-transfer>
-        <co-button (click)="buttonClick()"></co-button>
       </div>
   `,
                 encapsulation: ViewEncapsulation.None
@@ -1337,9 +1468,6 @@ StockComponent.propDecorators = {
 
 class StockInformationComponent {
     constructor() {
-        this.stockStatus = "medium";
-        this.show = false;
-        this.hideOrShowLocationTab = false;
     }
 }
 StockInformationComponent.decorators = [
@@ -1368,11 +1496,11 @@ StockInformationComponent.decorators = [
         </div>
         <div class="stock-status">
           <label [textContent]="'AMOUNT_IN_STOCK'"></label>
-          <span [textContent]="article.stockAvailable"></span>
+          <span [textContent]="allTechnicalStockInformation"></span>
         </div>
         <div class="stock-status">
           <label [textContent]="'AMOUNT_AVAILABLE'"></label>
-          <span [textContent]=""></span>
+          <span [textContent]="allAvailableStockInformation"></span>
         </div>
         <div class="stock-status">
           <label [textContent]="'AMOUNT_LATER_AVAILABLE'"></label>
@@ -1386,28 +1514,21 @@ StockInformationComponent.decorators = [
 StockInformationComponent.ctorParameters = () => [];
 StockInformationComponent.propDecorators = {
     article: [{ type: Input }],
-    articleStock: [{ type: Input }]
+    articleStock: [{ type: Input }],
+    allAvailableStockInformation: [{ type: Input }],
+    allTechnicalStockInformation: [{ type: Input }]
 };
 
 /** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
 const IconSvg = {
     "arrow_fat_right": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"37.5 25 25.2 12.7 25.2 20.35 12.5 20.35 12.5 29.66 25.2 29.66 25.2 37.3 37.5 25\" fill=\"#484f60\"/></svg>",
-    "arrow_point_down": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"-280 371 51 51\" enable-background=\"new -280 371 51 51\" ><path fill=\"#29363E\" d=\"M-248.3,392.2c0.3,0,0.6,0.1,0.8,0.3c0.5,0.5,0.5,1.2,0,1.6l-6.2,6.2c-0.2,0.2-0.5,0.3-0.8,0.3c-0.3,0-0.6-0.1-0.8-0.3l-6.2-6.2c-0.2-0.2-0.3-0.5-0.3-0.8c0-0.3,0.1-0.6,0.3-0.8c0.2-0.2,0.5-0.3,0.8-0.3c0.3,0,0.6,0.1,0.8,0.3l5.4,5.4l5.4-5.4C-248.9,392.4-248.6,392.2-248.3,392.2z\"/></svg>",
-    "arrow_point_left": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\" ><path fill=\"#484F5F\" d=\"M31.9,36.7l-14.7-9.6C17.1,27,17,26.9,17,26.7v-2.4c0-0.2,0.1-0.3,0.2-0.4l14.7-9.6c0.2-0.2,0.5-0.1,0.7,0.1l1.4,2.1c0.2,0.2,0.1,0.5-0.1,0.7l-12,7.8c-0.3,0.2-0.3,0.6,0,0.8l12,7.8c0.2,0.2,0.3,0.5,0.1,0.7l-1.4,2.1C32.4,36.8,32.1,36.8,31.9,36.7z\"/></svg>",
-    "arrow_point_right": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\" ><path fill=\"#484F5F\" d=\"M19.1,14.3l14.7,9.6c0.1,0.1,0.2,0.2,0.2,0.4v2.4c0,0.2-0.1,0.3-0.2,0.4l-14.7,9.6c-0.2,0.2-0.5,0.1-0.7-0.1l-1.4-2.1c-0.2-0.2-0.1-0.5,0.1-0.7l12-7.8c0.3-0.2,0.3-0.6,0-0.8l-12-7.8c-0.2-0.2-0.3-0.5-0.1-0.7l1.4-2.1C18.6,14.2,18.9,14.2,19.1,14.3z\"/></svg>",
-    "calendar_day": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 50 50\" enable-background=\"new 0 0 50 50\" ><g><path fill=\"#022D42\" d=\"M35.4,13.7H14.6c-0.6,0-1,0.5-1,1V20h22.9v-5.2C36.4,14.2,36,13.7,35.4,13.7z M19,18.8c-1,0-1.8-0.8-1.8-1.8c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8C20.8,18,20,18.8,19,18.8z M31,18.8c-1,0-1.8-0.8-1.8-1.8c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8C32.7,18,32,18.8,31,18.8z\"/><path fill=\"#022D42\" d=\"M35.4,22.3v12.6L31.3,39H14.6c0,0,0,0,0,0V22.3H35.4 M36.4,21.3H13.6V39c0,0.6,0.5,1,1,1h17.2l4.7-4.7V21.3L36.4,21.3z\"/><rect x=\"18.2\" y=\"10\" fill=\"#022D42\" width=\"1.6\" height=\"5.2\"/><rect x=\"30.2\" y=\"10\" fill=\"#022D42\" width=\"1.6\" height=\"5.2\"/><rect x=\"18.6\" y=\"30.5\" fill=\"#022D42\" width=\"3.4\" height=\"3.4\"/><rect x=\"19.1\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"19.1\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"19.1\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/></g></svg>",
-    "cancel": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"36 35.16 30.45 35.16 14 14.84 19.55 14.84 36 35.16\" fill=\"#484f60\"/><polygon points=\"14 35.16 19.55 35.16 36 14.84 30.45 14.84 14 35.16\" fill=\"#484f60\"/></svg>",
+    "arrow_point_right": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\"><path fill=\"#484F5F\" d=\"M19.1,14.3l14.7,9.6c0.1,0.1,0.2,0.2,0.2,0.4v2.4c0,0.2-0.1,0.3-0.2,0.4l-14.7,9.6c-0.2,0.2-0.5,0.1-0.7-0.1l-1.4-2.1c-0.2-0.2-0.1-0.5,0.1-0.7l12-7.8c0.3-0.2,0.3-0.6,0-0.8l-12-7.8c-0.2-0.2-0.3-0.5-0.1-0.7l1.4-2.1C18.6,14.2,18.9,14.2,19.1,14.3z\"/></svg>",
+    "delete_left_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M432.1 208.1L385.9 256L432.1 303C442.3 312.4 442.3 327.6 432.1 336.1C423.6 346.3 408.4 346.3 399 336.1L352 289.9L304.1 336.1C295.6 346.3 280.4 346.3 271 336.1C261.7 327.6 261.7 312.4 271 303L318.1 256L271 208.1C261.7 199.6 261.7 184.4 271 175C280.4 165.7 295.6 165.7 304.1 175L352 222.1L399 175C408.4 165.7 423.6 165.7 432.1 175C442.3 184.4 442.3 199.6 432.1 208.1V208.1zM512 64C547.3 64 576 92.65 576 128V384C576 419.3 547.3 448 512 448H205.3C188.3 448 172 441.3 160 429.3L9.372 278.6C3.371 272.6 0 264.5 0 256C0 247.5 3.372 239.4 9.372 233.4L160 82.75C172 70.74 188.3 64 205.3 64L512 64zM528 128C528 119.2 520.8 112 512 112H205.3C201 112 196.9 113.7 193.9 116.7L54.63 256L193.9 395.3C196.9 398.3 201 400 205.3 400H512C520.8 400 528 392.8 528 384V128z\"/></svg>",
     "delivery_truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"15.35\" y=\"16.56\" width=\"15.14\" height=\"10.94\" transform=\"translate(-1.83 2.08) rotate(-5)\" fill=\"#484f60\"/><path d=\"M38.5,18.1l-6.9.61L32.41,28l-7.63.67a3.76,3.76,0,0,1,1.43,2.25l7.25-.63A3.83,3.83,0,0,1,41,29.6l1-.1-.52-6Zm.29,5.84-3.91.34a.51.51,0,0,1-.55-.46L34,20.1a.49.49,0,0,1,.45-.54l2.27-.2a.5.5,0,0,1,.48.25l2,3.59A.5.5,0,0,1,38.79,23.94Z\" fill=\"#484f60\"/><path d=\"M19.66,29.09a3.8,3.8,0,0,0-1,2.46l-.74.07-1.82-.94L16,29.41Z\" fill=\"#484f60\"/><path d=\"M34.56,30.62a2.74,2.74,0,1,0,2.49-3A2.73,2.73,0,0,0,34.56,30.62Z\" fill=\"#484f60\"/><path d=\"M19.74,31.91a2.74,2.74,0,1,0,2.49-3A2.74,2.74,0,0,0,19.74,31.91Z\" fill=\"#484f60\"/><rect x=\"7.96\" y=\"17.63\" width=\"5\" height=\"1\" transform=\"translate(-1.54 0.98) rotate(-5)\" fill=\"#484f60\"/><rect x=\"11.02\" y=\"29.71\" width=\"3\" height=\"1\" transform=\"translate(-2.59 1.21) rotate(-5)\" fill=\"#484f60\"/><rect x=\"9.48\" y=\"23.53\" width=\"4\" height=\"1\" transform=\"matrix(1, -0.09, 0.09, 1, -2.05, 1.09)\" fill=\"#484f60\"/></svg>",
-    "edit_pencil": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"12.54 38.16 12 37.62 14.85 29.64 20.52 35.31 12.54 38.16\" fill=\"#484f60\"/><rect x=\"16.33\" y=\"20.52\" width=\"17.99\" height=\"8.64\" transform=\"translate(-10.15 25.18) rotate(-45)\" fill=\"#484f60\"/><path d=\"M37.54,18.73,36,20.32l-6.11-6.1,1.59-1.59a1.55,1.55,0,0,1,2.2,0l3.91,3.9A1.55,1.55,0,0,1,37.54,18.73Z\" fill=\"#484f60\"/></svg>",
     "email": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.79,38.45A17.82,17.82,0,0,1,23.86,40,13.09,13.09,0,0,1,10.41,26.42C10.41,17.63,16.83,10,26.53,10c7.63,0,13.06,5.21,13.06,12.46,0,6.33-3.53,10.3-8.19,10.3a3.42,3.42,0,0,1-3.71-3.32h-.08A6.5,6.5,0,0,1,22,32.76c-2.75,0-4.82-2.11-4.82-5.65a9.85,9.85,0,0,1,10.13-10,12.89,12.89,0,0,1,5.13,1l-1.3,8c-.43,2.54-.13,3.71,1.08,3.75,1.85.09,4.18-2.28,4.18-7.28,0-5.65-3.62-10-10.3-10S13.73,17.76,13.73,26c0,7.25,4.57,11.3,11,11.3A14.81,14.81,0,0,0,31,36ZM28,20.65a5.34,5.34,0,0,0-1.33-.18c-2.85,0-5.09,2.81-5.09,6.12,0,1.64.73,2.68,2.16,2.68,1.59,0,3.27-2,3.66-4.53Z\" fill=\"#484f60\"/></svg>",
     "pdf": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.88c-2.16,0-2.72-.56-2.72-2.72V12.88c0-2.15.56-2.71,2.72-2.71h11.6l8.66,8.88v3.43H32.8V19.6l-7.88-8.09h-11c-1.38,0-1.38,0-1.38,1.37V37.45c0,1.37,0,1.37,1.38,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M27.83,26.63v4.24h1a3.57,3.57,0,0,0,.78-.06,1.22,1.22,0,0,0,.52-.26,1.44,1.44,0,0,0,.34-.62,4.13,4.13,0,0,0,.13-1.18,3.79,3.79,0,0,0-.13-1.14,1.51,1.51,0,0,0-.37-.62,1.14,1.14,0,0,0-.6-.3,5.93,5.93,0,0,0-1.06-.06Z\" fill=\"#484f60\"/><path d=\"M21.86,26.63v1.82h.71a3.57,3.57,0,0,0,1-.1A.88.88,0,0,0,24,28a.84.84,0,0,0,.14-.5.8.8,0,0,0-.2-.57.88.88,0,0,0-.52-.29,6.36,6.36,0,0,0-.93,0Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm6.12,4.24a1.68,1.68,0,0,1-.54.63,1.9,1.9,0,0,1-.67.3,6.57,6.57,0,0,1-1.34.1h-.85V32H20.57V25.54h2.07a7.75,7.75,0,0,1,1.54.1,1.73,1.73,0,0,1,.93.63,2,2,0,0,1,.37,1.25A2,2,0,0,1,25.26,28.51Zm6.45,1.66A2.91,2.91,0,0,1,31,31.31a2.28,2.28,0,0,1-.91.51A4,4,0,0,1,29,32H26.54V25.54H28.9a4.21,4.21,0,0,1,1.22.13,2.08,2.08,0,0,1,1,.59,2.79,2.79,0,0,1,.61,1,4.76,4.76,0,0,1,.21,1.52A4.19,4.19,0,0,1,31.71,30.17Zm5.7-3.54h-3.1v1.52H37v1.08H34.31V32H33V25.54h4.39Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/></svg>",
-    "plus_round": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"-288 379 35 35\" enable-background=\"new -288 379 35 35\" ><path fill=\"#29363E\" d=\"M-270.5,381.5c-8.3,0-15,6.7-15,15c0,8.3,6.7,15,15,15s15-6.7,15-15C-255.5,388.2-262.2,381.5-270.5,381.5z M-261.1,397.3c0,0.9-0.7,1.6-1.6,1.6h-5.5v5.5c0,0.9-0.7,1.6-1.6,1.6h-1.6c-0.9,0-1.6-0.7-1.6-1.6v-5.5h-5.5c-0.9,0-1.6-0.7-1.6-1.6v-1.6c0-0.9,0.7-1.6,1.6-1.6h5.5v-5.5c0-0.9,0.7-1.6,1.6-1.6h1.6c0.9,0,1.6,0.7,1.6,1.6v5.5h5.5c0.9,0,1.6,0.7,1.6,1.6V397.3z\"/></svg>",
     "print": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M38,16.5H12a2,2,0,0,0-2,2v9a2,2,0,0,0,2,2h2v-5H36v5h2a2,2,0,0,0,2-2v-9A2,2,0,0,0,38,16.5ZM37,21a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,37,21Z\" fill=\"#484f60\"/><path d=\"M35,11.5v5H15v-5H35m1-1H14v7H36v-7Z\" fill=\"#484f60\"/><path d=\"M35,25.5v13H15v-13H35m1-1H14v15H36v-15Z\" fill=\"#484f60\"/><rect x=\"17\" y=\"28.3\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/><rect x=\"17\" y=\"31.5\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/><rect x=\"17\" y=\"34.7\" width=\"16\" height=\"0.8\" fill=\"#484f60\"/></svg>",
     "signature_field": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M20.1,25.42a1.1,1.1,0,1,1,1.27,1.45l-3.3,9.07A63.13,63.13,0,0,1,28,28.3l1.26-12-8.26-3-6.77,10A62.4,62.4,0,0,1,17,35.54l3.3-9.07A1.12,1.12,0,0,1,20.1,25.42Z\" fill=\"#484f60\"/><rect x=\"21.62\" y=\"11.43\" width=\"8.79\" height=\"2.34\" transform=\"translate(5.88 -8.14) rotate(20)\" fill=\"#484f60\"/><path d=\"M18.11,37.48c1.44,2.65,4.58,2.94,7.23,2.1,1.41-.44,2.2-1.49,3.44-2.06,2.42-1.1,3.13,1.2,5.36,1.37.42,0,2-.65,1.54-.68-2.55-.19-2.93-3.13-5.51-2.65a4.9,4.9,0,0,0-1.64.71c-.77.49-1.31,1.62-2.07,2l-4.61.56A3.38,3.38,0,0,1,20,37c-.22-.41-2,.28-1.85.5Z\" fill=\"#484f60\"/></svg>",
-    "tag": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M40,29.15v-.68a5.28,5.28,0,0,0-1.34-3.25L24.78,11.34A5.34,5.34,0,0,0,21.53,10H11.9A1.91,1.91,0,0,0,10,11.9v9.63a5.28,5.28,0,0,0,1.34,3.25L25.22,38.66A5.28,5.28,0,0,0,28.47,40h.68a5.28,5.28,0,0,0,3.24-1.34l6.27-6.27A5.28,5.28,0,0,0,40,29.15ZM13.13,16.72a2.54,2.54,0,1,1,3.59,0A2.55,2.55,0,0,1,13.13,16.72Zm15.9,19L17.84,24.55l1.34-1.34L30.37,34.4Zm2.69-2.69L20.52,21.87l1.35-1.35,11.19,11.2Zm2.68-2.69L23.21,19.18l1.34-1.34L35.75,29Z\" fill=\"#484f60\"/></svg>",
-    "thick_lines": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"12.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/><rect x=\"10\" y=\"21.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/><rect x=\"10\" y=\"30.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/></svg>",
-    "thin_lines": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"14.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"20.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"26.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"32.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/></svg>",
-    "txt": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.87c-2.15,0-2.71-.56-2.71-2.72V12.88c0-2.15.56-2.71,2.71-2.71H25.48l8.66,8.88v3.43H32.8V19.6l-7.88-8.09H13.87c-1.37,0-1.37,0-1.37,1.37V37.45c0,1.37,0,1.37,1.37,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm6.68,2.36h-1.9V32h-1.3V26.63h-1.9V25.54h5.1ZM30.4,32,29,29.74,27.55,32H26l2.19-3.34-2-3.07h1.52L29,27.6l1.26-2.06h1.5l-2,3.12L32,32Zm6.86-5.32h-1.9V32H34.07V26.63H32.16V25.54h5.1Z\" fill=\"#484f60\"/></svg>",
     "xml": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.87c-2.15,0-2.71-.56-2.71-2.72V12.88c0-2.15.56-2.71,2.71-2.71H25.48l8.66,8.88v3.43H32.8V19.6l-7.88-8.09H13.87c-1.37,0-1.37,0-1.37,1.37V37.45c0,1.37,0,1.37,1.37,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm5.36,7.41-1.3-2-1.3,2H20.48l2-3.06-1.81-2.8h1.38l1.18,1.88,1.15-1.88h1.37l-1.83,2.85,2,3Zm7.67,0h-1.1V27.07l-1.16,4.61H28.77l-1.16-4.61v4.61H26.52V25.82h1.76l1.07,4,1-4h1.77Zm5.33,0H33.38V25.87h1.18v4.82H37.5Z\" fill=\"#484f60\"/></svg>"
 };
 
@@ -1461,22 +1582,13 @@ IconCacheService.ctorParameters = () => [
 var Icon;
 (function (Icon) {
     Icon["ArrowFatRight"] = "arrow_fat_right";
-    Icon["ArrowPointDown"] = "arrow_point_down";
-    Icon["ArrowPointLeft"] = "arrow_point_left";
     Icon["ArrowPointRight"] = "arrow_point_right";
-    Icon["CalendarDay"] = "calendar_day";
-    Icon["Cancel"] = "cancel";
+    Icon["DeleteLeftRegular"] = "delete_left_regular";
     Icon["DeliveryTruck"] = "delivery_truck";
-    Icon["EditPencil"] = "edit_pencil";
     Icon["Email"] = "email";
     Icon["Pdf"] = "pdf";
-    Icon["PlusRound"] = "plus_round";
     Icon["Print"] = "print";
     Icon["SignatureField"] = "signature_field";
-    Icon["Tag"] = "tag";
-    Icon["ThickLines"] = "thick_lines";
-    Icon["ThinLines"] = "thin_lines";
-    Icon["Txt"] = "txt";
     Icon["Xml"] = "xml";
 })(Icon || (Icon = {}));
 
@@ -1485,27 +1597,17 @@ class StockInformationGridComponent {
         this.iconCacheService = iconCacheService;
         this._stockService = _stockService;
         this.icons = Icon;
-        this.locationLineClicked = new EventEmitter();
         this.transferIconClicked = new EventEmitter();
+        this.historyClicked = new EventEmitter();
         this.show = false;
         this.hideOrShowLocationTab = false;
         this.showStockHistory = false;
         this.showSendMethodDialog = false;
-        this.data = [
-            { test: "test" }
-        ];
-        this.inOrderInformation = [
-            { inOrder: "275432", customer: "Test customer", orderDate: "date", orderAmount: "2", warehouseNumber: "8", warehouseDescription: "A nice warehouse", amountInStock: "17", commission: "4014321" },
-            { inOrder: "275432", customer: "Test customer", orderDate: "date", orderAmount: "2", warehouseNumber: "8", warehouseDescription: "A nice warehouse", amountInStock: "17", commission: "4014321" },
-            { inOrder: "275432", customer: "Test customer", orderDate: "date", orderAmount: "2", warehouseNumber: "8", warehouseDescription: "A nice warehouse", amountInStock: "17", commission: "4014321" },
-            { inOrder: "275432", customer: "Test customer", orderDate: "date", orderAmount: "2", warehouseNumber: "8", warehouseDescription: "A nice warehouse", amountInStock: "17", commission: "4014321" },
-            { inOrder: "275432", customer: "Test customer", orderDate: "date", orderAmount: "2", warehouseNumber: "8", warehouseDescription: "A nice warehouse", amountInStock: "17", commission: "4014321" },
-        ];
-        this.orderInformation = [];
         this.hideOrShowTabs = true;
-        this.dataWareHouseCode = 0;
-        this.dataWareHouseFields = { text: "warehouseDescription", value: "warehouseNumber" };
+        this.dataWareHouseFields = { text: "warehouseDescription", value: "warehouseNo" };
         this.articleStockSearchInfo = new ArticleStock();
+        this.showChangeStockDetails = false;
+        this.articleDetailsInformation = new ArticleStockManagement();
         this.tabs = [
             "STOCK",
             "IN_ORDER2",
@@ -1526,25 +1628,38 @@ class StockInformationGridComponent {
         }
     }
     handleTabClick(tabData) {
+        console.log(tabData);
         this.activeTab = tabData;
+        if (this.activeTab === "IN_ORDER2") {
+            this.getInOrderData();
+        }
+        if (this.activeTab === "ORDERS1") {
+            this.getOrderData();
+        }
     }
     onLocationClick(data) {
         this.articleStockSearchInfo.goodId = data.goodId.toString();
         this.articleStockSearchInfo.wareHouseNo = data.warehouseNo.toString();
         this.articleStockSearchInfo.viewKind = "D";
-        this.locationLineClicked.emit(this.articleStockSearchInfo);
+        if (!this.dataWareHouseCode) {
+            this.getStockManagementWarehouses(data);
+        }
+        this.getArticleDetails(data);
         this.hideOrShowTabs = false;
         this.hideOrShowLocationTab = true;
-    }
-    onPopupClose() {
-        this.show = false;
+        console.log(this.articleDetailsInformation);
+        this._stockService.lockArticleDetails(this.articleDetailsInformation);
     }
     handleHistoryClick() {
-        // console.warn('Not yet implemented');
-        // this.showStockHistory = true;
+        this.historyClicked.emit();
+        this.hideOrShowLocationTab = false;
+        this.showChangeStockDetails = false;
+        this.hideOrShowTabs = false;
+        this.showStockHistory = true;
     }
-    handleCloseClick() {
-        this.onPopupClose();
+    backToStockInformation() {
+        this.showStockHistory = false;
+        this.hideOrShowTabs = true;
     }
     handleStockTransferClick(event) {
         this.transferIconClicked.emit(event);
@@ -1560,14 +1675,60 @@ class StockInformationGridComponent {
         this.showSendMethodDialog = !this.showSendMethodDialog;
     }
     printStockStickers() {
-        this.printSticker = new PrintStockStickers$1();
+        this.printSticker = new PrintStockStickers();
         this.printSticker.goodId = 10;
-        this._stockService.getPrintStockStickers(this.printSticker);
+        // this._stockService.getPrintStockStickers(this.printSticker);
     }
     onOkClick() {
     }
     onCancelClick() {
     }
+    openDialogClick(data) {
+        this.selectedArticleDetailsData = data;
+        this.showChangeStockDetails = true;
+    }
+    getArticleDetails(data) {
+        // const info = new ArticleStockManagement();
+        this.articleDetailsInformation.goodId = data.goodId;
+        this.articleDetailsInformation.lineId = data.lineId;
+        this.articleDetailsInformation.warehouseNumber = data.warehouseNo;
+        this._stockService.getArticleDetails(this.articleDetailsInformation).then((details) => {
+            this.articleDetails = details;
+        });
+    }
+    getStockManagementWarehouses(data) {
+        this._stockService.getStockManagementWarehouses().then((warehouses) => {
+            this.dataWareHouseCode = warehouses;
+            this.selectedWarehouse = data.warehouseNo;
+        });
+    }
+    onSelectWarehouse(event) {
+        this.articleDetailsInformation.warehouseNumber = event;
+        console.log(event);
+        if (this.dataWareHouseCode != null) {
+            this._stockService.getArticleDetails(this.articleDetailsInformation).then((details) => {
+                this.articleDetails = details;
+            });
+        }
+    }
+    getInOrderData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const inOrderData = new GetStockHistoryRequest();
+            inOrderData.type = "O";
+            inOrderData.goodId = this.articleStockInformation[0].goodId.toString();
+            // inOrderData.wareHouseNr = Number(this.articleStockInformation[0].warehouseNo);
+            this.inOrderInformation = yield this._stockService.getStockHistory(inOrderData);
+        });
+    }
+    getOrderData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const inOrderData = new GetStockHistoryRequest();
+            inOrderData.type = "B";
+            inOrderData.goodId = this.articleStockInformation[0].goodId.toString();
+            // inOrderData.wareHouseNr = Number(this.articleStockInformation[0].warehouseNo);
+            this.orderInformation = yield this._stockService.getStockHistory(inOrderData);
+        });
+    }
 }
 StockInformationGridComponent.decorators = [
     { type: Component, args: [{
@@ -1591,14 +1752,14 @@ StockInformationGridComponent.decorators = [
       <co-simple-grid *ngIf="activeTab === tabs[0] && hideOrShowTabs"
                       [data]="articleStockInformation"
       >
-          <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'warehouseNo'"></co-simple-grid-column>
-          <co-simple-grid-column [headerText]="'DESCRIPTION'" [field]="'warehouseName'"></co-simple-grid-column>
-          <co-simple-grid-column [headerText]="'STOCK'" [field]="'technicalStock'"></co-simple-grid-column>
-          <co-simple-grid-column [headerText]="'AVAILABLE_STOCK'" [field]="'availableStock'"></co-simple-grid-column>
-          <co-simple-grid-column [headerText]="'ECONOMICAL_STOCK'" [field]="'economicalStock'"></co-simple-grid-column>
-          <co-simple-grid-column [headerText]="'LOCATION'" [field]="'locationNo'">
+          <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'warehouseNo'" [order]="10"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'DESCRIPTION'" [field]="'warehouseName'" [order]="11"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'STOCK'" [field]="'technicalStock'" [order]="12"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'AVAILABLE_STOCK'" [field]="'availableStock'" [order]="13"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'ECONOMICAL_STOCK'" [field]="'economicalStock'" [order]="14"></co-simple-grid-column>
+          <co-simple-grid-column [headerText]="'LOCATION'" [field]="'locationNo'" [order]="15">
             <ng-template #template let-row="row">
-              <span [textContent]="'bekijken'" (click)="onLocationClick(row)"></span>
+              <span [textContent]="'Bekijken'" (click)="onLocationClick(row)"></span>
             </ng-template>
           </co-simple-grid-column>
       </co-simple-grid>
@@ -1606,12 +1767,12 @@ StockInformationGridComponent.decorators = [
       <co-simple-grid *ngIf="activeTab === tabs[1]"
                       [data]="inOrderInformation"
       >
-        <co-simple-grid-column [headerText]="'IN_ORDER2'" [field]="'inOrder'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'CUSTOMER'" [field]="'customer'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'DATE'" [field]="'orderDate'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'AMOUNT'" [field]="'orderAmount'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'warehouseNumber'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'DESCRIPTION'" [field]="'warehouseDescription'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'IN_ORDER2'" [field]="'amount'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'CUSTOMER'" [field]="'user'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'DATE'" [field]="'mutationDate'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'AMOUNT'" [field]="'amount'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'wareHouseNr'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'DESCRIPTION'" [field]="'locationNr'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'STOCK'" [field]="'amountInStock'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'COMMISSION2'" [field]="'commission'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'TRANSFER'" [field]="'transfer'">
@@ -1629,9 +1790,9 @@ StockInformationGridComponent.decorators = [
       <co-simple-grid *ngIf="activeTab === tabs[2]"
                       [data]="orderInformation"
       >
-        <co-simple-grid-column [headerText]="'PURCHASE_ORDER_NR'" [field]="'purchaseOrderNo'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'DATE'" [field]="'orderDate'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'AMOUNT'" [field]="'orderAmount'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'PURCHASE_ORDER_NR'" [field]="'seriesNr'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'DATE'" [field]="'mutationDate'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'AMOUNT'" [field]="'amount'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'RESERVED'" [field]="'reserved'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'FREE_STOCK'" [field]="'freeStock'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'DELIVERY_DATE1'" [field]="'deliveryDate'"></co-simple-grid-column>
@@ -1645,28 +1806,40 @@ StockInformationGridComponent.decorators = [
           <span class="stock-button-back" [textContent]="'BACK_TO_STOCK_LINES'" (click)="handleBackToStockClick()"></span>
         </div>
         <div class="stock-location-right-group">
-          <co-input-combo-box [(model)]="dataWareHouseCode"
+          <co-drop-down-list  [(model)]="selectedWarehouse"
+                              [collection]="dataWareHouseCode"
                               [fields]="dataWareHouseFields"
                               [placeholder]="'WAREHOUSE'"
+                              (modelChange)="onSelectWarehouse($event)"
                               [required]="true"
-          ></co-input-combo-box>
+          ></co-drop-down-list>
         </div>
       </div>
 
 <!--      TODO move to own component stock-location-->
-      <co-simple-grid [data]="stockLocationData"
+      <co-simple-grid [data]="articleDetails"
       >
         <div class="stock-location-group">
           <div class="stock-location-left-group">
             <co-button class="stock-lines-button" [textContent]="'BACK_TO_STOCK_LINES'" (click)="handleBackToStockClick()"></co-button>
           </div>
         </div>
-        <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'warehouseName'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'warehouseDescription'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'BATCH'" [field]="'batchNo'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'SERIAL_NO'" [field]="'serialNo'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'STOCK'" [field]="'notAssignedStock'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'ALLOCATED'" [field]="'economicalStock'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'AVAILABLE_STOCK'" [field]="'availableStock'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'STOCK'" [field]="'amountInStock'">
+          <ng-template #template let-row="row">
+            <co-input-number-picker (keyup.enter)="openDialogClick(row)" [(model)]="row['amountInStock']">
+
+            </co-input-number-picker>
+          </ng-template>
+        </co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'ALLOCATED'" [field]="'amountInStockFree'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'AVAILABLE_STOCK'" [field]="'perceptibleStorage'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'PHYSICAL_STOCK'" [field]="'amountInStockOriginal'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'VALUTA'" [field]="'currency'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'PURCHASE_PRICE'" [field]="'purchasePrice'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'SUPPLIER_NUMBER'" [field]="'supplierNo'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'TRANSFER'" [field]="'transfer'">
           <ng-template #template let-row="row">
             <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.DeliveryTruck)" (click)="handleStockTransferClick(row)"></co-icon>
@@ -1680,15 +1853,32 @@ StockInformationGridComponent.decorators = [
       </co-simple-grid>
     </div>
 
+    <co-stock-change-amount *ngIf="showChangeStockDetails"
+                            (closeStockChangeAmount)="showChangeStockDetails = false"
+                            [selectedArticleDetailsData]="selectedArticleDetailsData"
+    >
+    </co-stock-change-amount>
+
     <div class="stock-grid" *ngIf="showStockHistory">
+      <div class="stock-button-left-group">
+        <span class="stock-button-back" [textContent]="'BACK_TO_STOCK_LINES'" (click)="backToStockInformation()"></span>
+      </div>
       <co-simple-grid [data]="stockHistoryInformation"
       >
-        <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'location'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'BATCH'" [field]="'batch'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'SERIAL_NO'" [field]="'serialNo'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'STOCK'" [field]="'amountInStock'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'ALLOCATED'" [field]="'allocated'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'AVAILABLE_STOCK'" [field]="'amountAvailable'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'MUTATION_DATE'" [field]="'mutationDate'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'MUTATION_TIME'" [field]="'mutationTime'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'AMOUNT'" [field]="'amount'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'WAREHOUSE'" [field]="'wareHouseNr'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'LOCATION'" [field]="'locationNr'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'TRANSACTION_TYPE'" [field]="'transType'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'DOCUMENT_NUMBER'" [field]="'docNr'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'LINE'" [field]="'posLineNr'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'STOCK_STATE'" [field]="'stockStateId'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'STOCK_REMARK'" [field]="'stockStateRemarkId'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'VALUTA'" [field]="'currencyCode'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'RELATION_ID'" [field]="'relationId'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'USER'" [field]="'user'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'MUTATION_TYPE'" [field]="'mutationType'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'STICKER'" [field]="'sticker'">
           <ng-template #template let-row="row">
             <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.Print)" (click)="openSendMethodDialog()"></co-icon>
@@ -1711,6 +1901,7 @@ StockInformationGridComponent.decorators = [
       </div>
     </div>
     <ione-send-method-dialog
+      *ngIf="showSendMethodDialog"
       [showDialog]="showSendMethodDialog"
       (printButtonClicked)="printStockStickers()"
     ></ione-send-method-dialog>
@@ -1725,31 +1916,22 @@ StockInformationGridComponent.ctorParameters = () => [
 StockInformationGridComponent.propDecorators = {
     stock: [{ type: ViewChild, args: [StockInformationGridComponent,] }],
     articleStockInformation: [{ type: Input }],
-    stockHistoryInformation: [{ type: Input }],
     stockLocationData: [{ type: Input }],
-    locationLineClicked: [{ type: Output }],
-    transferIconClicked: [{ type: Output }]
+    stockHistoryInformation: [{ type: Input }],
+    transferIconClicked: [{ type: Output }],
+    historyClicked: [{ type: Output }]
 };
 
 class StockLocationComponent {
-    constructor() {
+    constructor(_stockService) {
+        this._stockService = _stockService;
         this.backToStockLines = new EventEmitter();
-        this.MAX_GRID_ROWS = 10;
         this.stockLocationColumns = [];
-        this.stockLocation = [
-            { location: "title 1", batch: "1", serieNo: "1", amountInStock: "1", allocated: "1", amountAvailable: "1" },
-            { location: "title 2", amountInStock: "2" },
-            { location: "title 3", amountInStock: "3" },
-            { location: "title 4", amountInStock: "4" },
-            { location: "title 5", amountInStock: "5" },
-        ];
         this.stockLocationColumns.push({ field: "location", headerText: "WAREHOUSE", editType: "none" }, { field: "batch", headerText: "BATCH" }, { field: "serieNo", headerText: "SERIAL_NO" }, { field: "amountInStock", headerText: "STOCK", textAlign: "Right", editType: "numericEdit" }, { field: "allocated", headerText: "ALLOCATED", textAlign: "Right" }, { field: "amountAvailable", headerText: "AVAILABLE_STOCK", textAlign: "Right" }, { field: "PhysicalStock", headerText: "PHYSICAL_STOCK", textAlign: "Right" }, { field: "Valuta", headerText: "VALUTA", textAlign: "Right" }, { field: "PurchasePrice", headerText: "PURSCHASE_PRICE", textAlign: "Right" }, { field: "SupplierNo", headerText: "SUPPLIER_NO", textAlign: "Right" }, { field: "Transfer", headerText: "TRANSFER" }, { field: "sticker", headerText: "STICKER" });
     }
     backToStockInformation() {
         this.backToStockLines.emit();
     }
-    onStickerClick(event) {
-    }
     onOkClick() {
     }
     onCancelClick() {
@@ -1792,7 +1974,9 @@ StockLocationComponent.decorators = [
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
-StockLocationComponent.ctorParameters = () => [];
+StockLocationComponent.ctorParameters = () => [
+    { type: StockService }
+];
 StockLocationComponent.propDecorators = {
     stockLocationInformation: [{ type: Input }],
     backToStockLines: [{ type: Output }]
@@ -1803,15 +1987,29 @@ class StockTransferComponent {
         this._stockService = _stockService;
         this.handleCancelClicked = new EventEmitter();
         this.handleStickerClicked = new EventEmitter();
-        this.allWarehousesDropdownFields = { value: "warehouseNo", text: "description" };
+        this.allWarehousesDropdownFields = { text: "warehouseDescription", value: "warehouseNo" };
+        this.allLocationDropdownFields = { text: "locationNo", value: "locationNo" };
         this.showSendMethodDialog = false;
+        this.stockState = [];
+        this.stockStateDropdownField = { text: "stateDescription", value: "stockStateId" };
     }
-    handleOkClick() {
+    ngAfterViewInit() {
+        this.getStockManagementWarehouses();
+        this.getStockState();
+    }
+    handleOkClick(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            data.selected = true;
+            data.entryDate = new Date;
+            yield this._stockService.updateArticleDetails(data);
+        });
     }
     handleCancelClick() {
         this.handleCancelClicked.emit();
     }
     handleSelectedWarehouse(event) {
+        this.selectedWarehouse = event;
+        this.getStockManagementLocations(this.selectedWarehouse);
     }
     handleStickerClick() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -1819,6 +2017,21 @@ class StockTransferComponent {
             this.showSendMethodDialog = true;
         });
     }
+    getStockManagementWarehouses() {
+        this._stockService.getStockManagementWarehouses().then((warehouses) => {
+            this.warehouses = warehouses;
+        });
+    }
+    getStockManagementLocations(data) {
+        this._stockService.getStockManagementLocations(data).then((locations) => {
+            this.locations = locations;
+        });
+    }
+    getStockState() {
+        this._stockService.getStockState().then((state) => {
+            this.stockState = state;
+        });
+    }
 }
 StockTransferComponent.decorators = [
     { type: Component, args: [{
@@ -1826,16 +2039,15 @@ StockTransferComponent.decorators = [
                 template: `
       <div class="stock-transfer">
         <div class="stock-transfer-columns">
-          <h1 [textContent]="'Nog niet geimplmenteerd'"></h1>
-          <div *ngIf="article" class="stock-transfer-left-column">
+          <div *ngIf="articleToTransfer" class="stock-transfer-left-column">
             <co-input-text disabled
-                           [(model)]="article.warehouseNo"
-                           [textContent]="article.warehouseNo"
+                           [(model)]="articleToTransfer.warehouseDescription"
+                           [textContent]="articleToTransfer.warehouseDescription"
                            [placeholder]="'Standaard magazijn'">
             </co-input-text>
             <co-input-text disabled
-                           [(model)]="article.locationNo"
-                           [textContent]="article.locationNo"
+                           [(model)]="articleToTransfer.locationNo"
+                           [textContent]="articleToTransfer.locationNo"
                            [placeholder]="'Standaard locatie'">
             </co-input-text>
             <co-input-text disabled
@@ -1847,32 +2059,35 @@ StockTransferComponent.decorators = [
                            [placeholder]="'Serie'">
             </co-input-text>
             <co-input-text
-              [(model)]="article.amountAssigned"
+              [(model)]="articleToTransfer.amountTransfer"
               [placeholder]="'Aantal'">
-
             </co-input-text>
           </div>
 
           <div class="stock-transfer-right-column">
-            <co-drop-down-list [collection]="allWarehouses"
+            <co-drop-down-list [collection]="warehouses"
                                [fields]="allWarehousesDropdownFields"
                                (modelChange)="handleSelectedWarehouse($event)"
+                               [(model)]="articleToTransfer.targetWarehouse">
+            </co-drop-down-list>
+            <co-drop-down-list [collection]="locations"
+                               [fields]="allLocationDropdownFields"
+                               [(model)]="articleToTransfer.targetLocation"
             >
             </co-drop-down-list>
-            <co-drop-down-list>
-
+            <co-drop-down-list [collection]="stockState"
+                               [fields]="stockStateDropdownField"
+                               [placeholder]="'Voorraadstatus'"
+                               [(model)]="articleToTransfer.stockStateId">
             </co-drop-down-list>
-            <co-input-text [placeholder]="'Voorraadstatus'">
-
-            </co-input-text>
-            <co-input-text [placeholder]="'Omschrijving'">
-
+            <co-input-text [placeholder]="'Omschrijving'"
+                           [(model)]="articleToTransfer.stockStateRemark">
             </co-input-text>
           </div>
         </div>
 
         <div class="ok-cancel-buttons">
-          <co-button [textContent]="'Ok'" (click)="handleOkClick()"></co-button>
+          <co-button [textContent]="'Ok'" (click)="handleOkClick(articleToTransfer)"></co-button>
           <co-button [textContent]="'Annuleren'" (click)="handleCancelClick()"></co-button>
           <co-button [textContent]="'Sticker'" (click)="handleStickerClick()"></co-button>
         </div>
@@ -1887,6 +2102,7 @@ StockTransferComponent.ctorParameters = () => [
 StockTransferComponent.propDecorators = {
     stockSticker: [{ type: Input }],
     article: [{ type: Input }],
+    articleToTransfer: [{ type: Input }],
     articleWarehouse: [{ type: Input }],
     allWarehouses: [{ type: Input }],
     handleCancelClicked: [{ type: Output }],
@@ -1922,6 +2138,7 @@ class SendMethodDialogComponent {
         this.showStandardPrinterOptions = false;
         this.showPrinterSelections = false;
         this.showExitButton = true;
+        this.printTemplatesField = { text: "name", value: "name" };
         this.emails = ['lars.vdv@colijn-it.nl', 'david@colijn-it.nl', 'ruben@colijn-it.nl'];
         this.models = [false, false, true];
         this.layouts = ['Layout 1', 'Layout 2', 'Layout 3'];
@@ -1932,6 +2149,9 @@ class SendMethodDialogComponent {
     showClass() {
         return true;
     }
+    ngAfterViewInit() {
+        this.getPrintTemplates();
+    }
     getPrinters() {
         return __awaiter(this, void 0, void 0, function* () {
             return this._stockService.getAllPrinters(true).then((list) => {
@@ -1959,14 +2179,16 @@ class SendMethodDialogComponent {
             this.headerTitle = 'Verzendopties';
         }
     }
-    loadLayouts() {
-        const printJob = new PrintJob();
-        // this.printLayouts = this._stockService.getPrintTemplates(printJob);
-    }
     onPrinterClicked(printer) {
         this.defaultPrinter = printer.name;
         this.showPrinterSelections = !this.showPrinterSelections;
     }
+    getPrintTemplates() {
+        const data = new StockStickersPrintLayoutsBo();
+        this._stockService.getStockStickerTemplates(data).then((templates) => {
+            this.printTemplates = templates;
+        });
+    }
 }
 SendMethodDialogComponent.decorators = [
     { type: Component, args: [{
@@ -2018,7 +2240,8 @@ SendMethodDialogComponent.decorators = [
               <div class="lov-wrapper">
                 <co-input-combo-box
                   [(model)]="selectedLayout"
-                  [collection]="layouts"
+                  [collection]="printTemplates"
+                  [fields]="printTemplatesField"
                   [forceReadonly]="true"
                   placeholder="Layout"
                 ></co-input-combo-box>
@@ -2137,6 +2360,71 @@ SendMethodDialogModule.decorators = [
             },] }
 ];
 
+class StockChangeAmountComponent {
+    constructor(_stockService) {
+        this._stockService = _stockService;
+        this.closeStockChangeAmount = new EventEmitter();
+        this.stockState = [];
+        this.stockStateDropdownField = { text: "stateDescription", value: "stockStateId" };
+    }
+    ngAfterViewInit() {
+        this.getStockState();
+    }
+    closeDialogClick() {
+        this.closeStockChangeAmount.emit();
+    }
+    handleOkClick(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this._stockService.updateArticleDetails(data);
+        });
+    }
+    handleCancelClick() {
+        this.closeStockChangeAmount.emit();
+    }
+    getStockState() {
+        this._stockService.getStockState().then((state) => {
+            this.stockState = state;
+        });
+    }
+}
+StockChangeAmountComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-stock-change-amount",
+                template: `
+      <div class="stock-transfer">
+        <co-dialog-wizard [showCloseIcon]="true" (closeClick)="closeDialogClick()">
+          <ng-container header>
+            <span [textContent]="'STOCK_CHANGE_REASON'"></span>
+          </ng-container>
+          <div class="popup-wrapper">
+            <co-drop-down-list [collection]="stockState"
+                               [fields]="stockStateDropdownField"
+                               [placeholder]="'STOCK_STATE'"
+                               [(model)]="selectedArticleDetailsData.stockStateId"
+            ></co-drop-down-list>
+
+            <co-input-textarea [(model)]="selectedArticleDetailsData.stockStateRemark"
+
+            ></co-input-textarea>
+            <div class="ok-cancel-buttons">
+              <co-button [textContent]="'Ok'" (click)="handleOkClick(selectedArticleDetailsData)"></co-button>
+              <co-button [textContent]="'Annuleren'" (click)="handleCancelClick()"></co-button>
+            </div>
+          </div>
+        </co-dialog-wizard>
+      </div>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+StockChangeAmountComponent.ctorParameters = () => [
+    { type: StockService }
+];
+StockChangeAmountComponent.propDecorators = {
+    selectedArticleDetailsData: [{ type: Input }],
+    closeStockChangeAmount: [{ type: Output }]
+};
+
 class StockModule {
 }
 StockModule.decorators = [
@@ -2152,14 +2440,18 @@ StockModule.decorators = [
                     ImageModule,
                     InputTextModule,
                     SendMethodDialogModule,
-                    IconModule
+                    IconModule,
+                    InputNumberPickerModule,
+                    CoDialogWizardModule,
+                    InputTextareaModule
                 ],
                 declarations: [
                     StockComponent,
                     StockInformationComponent,
                     StockInformationGridComponent,
                     StockLocationComponent,
-                    StockTransferComponent
+                    StockTransferComponent,
+                    StockChangeAmountComponent
                 ],
                 exports: [
                     StockComponent
@@ -2171,6 +2463,242 @@ StockModule.decorators = [
             },] }
 ];
 
+var KeyboardCode;
+(function (KeyboardCode) {
+    KeyboardCode["Backspace"] = "Backspace";
+    KeyboardCode["Digit0"] = "Digit0";
+    KeyboardCode["Digit1"] = "Digit1";
+    KeyboardCode["Digit2"] = "Digit2";
+    KeyboardCode["Digit3"] = "Digit3";
+    KeyboardCode["Digit4"] = "Digit4";
+    KeyboardCode["Digit5"] = "Digit5";
+    KeyboardCode["Digit6"] = "Digit6";
+    KeyboardCode["Digit7"] = "Digit7";
+    KeyboardCode["Digit8"] = "Digit8";
+    KeyboardCode["Digit9"] = "Digit9";
+    KeyboardCode["Enter"] = "Enter";
+    KeyboardCode["Escape"] = "Escape";
+    KeyboardCode["Minus"] = "Minus";
+    KeyboardCode["Numpad0"] = "Numpad0";
+    KeyboardCode["Numpad1"] = "Numpad1";
+    KeyboardCode["Numpad2"] = "Numpad2";
+    KeyboardCode["Numpad3"] = "Numpad3";
+    KeyboardCode["Numpad4"] = "Numpad4";
+    KeyboardCode["Numpad5"] = "Numpad5";
+    KeyboardCode["Numpad6"] = "Numpad6";
+    KeyboardCode["Numpad7"] = "Numpad7";
+    KeyboardCode["Numpad8"] = "Numpad8";
+    KeyboardCode["Numpad9"] = "Numpad9";
+    KeyboardCode["NumpadDecimal"] = "NumpadDecimal";
+    KeyboardCode["NumpadEnter"] = "NumpadEnter";
+    KeyboardCode["NumpadSubtract"] = "NumpadSubtract";
+    KeyboardCode["Period"] = "Period";
+})(KeyboardCode || (KeyboardCode = {}));
+
+class KeyPadComponent {
+    constructor(iconCacheService) {
+        this.iconCacheService = iconCacheService;
+        this.icons = Icon;
+        this.showValue = true;
+        this.emitModelChangeOnEnter = true;
+        this.modelChange = new EventEmitter();
+        this.internalModelChange = new EventEmitter();
+        this.enterClick = new EventEmitter();
+        this._validKeyMap = new Map([
+            [KeyboardCode.Digit0, "0"],
+            [KeyboardCode.Digit1, "1"],
+            [KeyboardCode.Digit2, "2"],
+            [KeyboardCode.Digit3, "3"],
+            [KeyboardCode.Digit4, "4"],
+            [KeyboardCode.Digit5, "5"],
+            [KeyboardCode.Digit6, "6"],
+            [KeyboardCode.Digit7, "7"],
+            [KeyboardCode.Digit8, "8"],
+            [KeyboardCode.Digit9, "9"],
+            [KeyboardCode.Numpad0, "0"],
+            [KeyboardCode.Numpad1, "1"],
+            [KeyboardCode.Numpad2, "2"],
+            [KeyboardCode.Numpad3, "3"],
+            [KeyboardCode.Numpad4, "4"],
+            [KeyboardCode.Numpad5, "5"],
+            [KeyboardCode.Numpad6, "6"],
+            [KeyboardCode.Numpad7, "7"],
+            [KeyboardCode.Numpad8, "8"],
+            [KeyboardCode.Numpad9, "9"],
+            [KeyboardCode.NumpadDecimal, "."],
+            [KeyboardCode.Period, "."]
+        ]);
+        this.isNegative = false;
+        this._model = 0;
+        this._internalModel = "0";
+        this._maxCharacters = 11;
+    }
+    set model(value) {
+        this._model = value;
+        this._internalModel = this._model + "";
+    }
+    get model() {
+        return this._model;
+    }
+    showClass() {
+        return true;
+    }
+    handleKeyDown(event) {
+        this._keyDown(event);
+    }
+    set internalModel(value) {
+        this._internalModel = value;
+        this.isNegative = parseFloat(this._internalModel) < 0;
+        this.internalModelChange.emit(this._internalModel);
+    }
+    get internalModel() {
+        return this._internalModel;
+    }
+    handleMinusClick(event) {
+        const model = parseFloat(this.internalModel);
+        if (model !== 0) {
+            if (model < 0) {
+                this.internalModel = Math.abs(model) + "";
+            }
+            else {
+                this.internalModel = -model + "";
+            }
+        }
+        this._emitModelChange();
+    }
+    handleClearClick(event) {
+        this.internalModel = "0";
+        this._emitModelChange();
+    }
+    handleBsClick(event) {
+        let wish = this.internalModel;
+        wish = wish.slice(0, wish.length - 1) || "0";
+        if (!isNaN(parseFloat(wish))) {
+            this.internalModel = parseFloat(wish) + "";
+        }
+        this._emitModelChange();
+    }
+    handleButtonClick(chr) {
+        this._updateModel(chr);
+    }
+    handleEnterClick(event) {
+        this._emitModelChange(true);
+        this.enterClick.emit();
+    }
+    _updateModel(value) {
+        if (value === undefined || value === null ||
+            (value === '.' && this.internalModel.indexOf('.') > -1) ||
+            this.internalModel.length >= this._maxCharacters) {
+            return;
+        }
+        this.internalModel = this.internalModel !== "0" ? this.internalModel + value : value;
+        this._emitModelChange();
+    }
+    _keyDown(event) {
+        if (this._isEnter(event)) {
+            this.handleEnterClick(event);
+        }
+        else if (this._isMinus(event)) {
+            this.handleMinusClick(event);
+        }
+        else if (this._isEscape(event)) {
+            this.handleClearClick(event);
+        }
+        else if (this._isBackspace(event)) {
+            this.handleBsClick(event);
+        }
+        else {
+            this._updateModel(this._validKeyMap.get(event.code));
+        }
+    }
+    _isEnter(event) {
+        return event.code === KeyboardCode.Enter || event.code === KeyboardCode.NumpadEnter;
+    }
+    _isMinus(event) {
+        return event.code === KeyboardCode.Minus || event.code === KeyboardCode.NumpadSubtract;
+    }
+    _isEscape(event) {
+        return event.code === KeyboardCode.Escape;
+    }
+    _isBackspace(event) {
+        return event.code === KeyboardCode.Backspace;
+    }
+    _emitModelChange(enter = false) {
+        if ((enter && this.emitModelChangeOnEnter) || (!enter && !this.emitModelChangeOnEnter)) {
+            const model = parseFloat(this.internalModel);
+            if (!isNaN(model)) {
+                if (enter && this.emitModelChangeOnEnter) {
+                    this.model = model;
+                }
+                this.modelChange.emit(model);
+            }
+        }
+    }
+}
+KeyPadComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'co-key-pad',
+                template: `
+    <div class="key-pad-wrapper">
+      <div class="key-pad-model-wrapper" *ngIf="showValue">
+        <div class="key-pad-model" [textContent]="internalModel" [class.negative]="isNegative"></div>
+      </div>
+      <div class="key-pad-button-wrapper">
+        <div class="key-pad-button button-7" [textContent]="'7'" (click)="handleButtonClick('7')"></div>
+        <div class="key-pad-button button-8" [textContent]="'8'" (click)="handleButtonClick('8')"></div>
+        <div class="key-pad-button button-9" [textContent]="'9'" (click)="handleButtonClick('9')"></div>
+        <div class="key-pad-button button-bs" (click)="handleBsClick($event)">
+          <co-icon [iconData]="iconCacheService.getIcon(icons.DeleteLeftRegular)"></co-icon>
+        </div>
+        <div class="key-pad-button button-4" [textContent]="'4'" (click)="handleButtonClick('4')"></div>
+        <div class="key-pad-button button-5" [textContent]="'5'" (click)="handleButtonClick('5')"></div>
+        <div class="key-pad-button button-6" [textContent]="'6'" (click)="handleButtonClick('6')"></div>
+        <div class="key-pad-button button-minus" [textContent]="'-'" (click)="handleMinusClick($event)"></div>
+        <div class="key-pad-button button-1" [textContent]="'1'" (click)="handleButtonClick('1')"></div>
+        <div class="key-pad-button button-2" [textContent]="'2'" (click)="handleButtonClick('2')"></div>
+        <div class="key-pad-button button-3" [textContent]="'3'" (click)="handleButtonClick('3')"></div>
+        <div class="key-pad-button button-enter" (click)="handleEnterClick($event)">
+          <span [textContent]="'enter'"></span>
+        </div>
+        <div class="key-pad-button button-0" [textContent]="'0'" (click)="handleButtonClick('0')"></div>
+        <div class="key-pad-button button-dot" [textContent]="'.'" (click)="handleButtonClick('.')"></div>
+      </div>
+    </div>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+KeyPadComponent.ctorParameters = () => [
+    { type: IconCacheService }
+];
+KeyPadComponent.propDecorators = {
+    model: [{ type: Input }],
+    showValue: [{ type: Input }],
+    emitModelChangeOnEnter: [{ type: Input }],
+    modelChange: [{ type: Output }],
+    internalModelChange: [{ type: Output }],
+    enterClick: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ['class.co-key-pad',] }],
+    handleKeyDown: [{ type: HostListener, args: ['window:keydown', ['$event'],] }]
+};
+
+class KeyPadModule {
+}
+KeyPadModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    IconModule
+                ],
+                declarations: [
+                    KeyPadComponent
+                ],
+                exports: [
+                    KeyPadComponent
+                ]
+            },] }
+];
+
 /*
  * Public API Surface of sharedcomponents
  */
@@ -2179,5 +2707,5 @@ StockModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { DocsignComponent, DocsignModule, SendMethodDialogComponent, SendMethodDialogModule, StockComponent, StockModule, SignatureComponent as ɵa, SignaturesComponent as ɵb, StockService as ɵc, IoneConnectorAdapterService as ɵd, IconCacheService as ɵe, StockInformationComponent as ɵf, StockInformationGridComponent as ɵg, StockLocationComponent as ɵh, StockTransferComponent as ɵi };
+export { DocsignComponent, DocsignModule, KeyPadComponent, KeyPadModule, SendMethodDialogComponent, SendMethodDialogModule, StockComponent, StockModule, SignatureComponent as ɵa, SignaturesComponent as ɵb, StockService as ɵc, IoneConnectorAdapterService as ɵd, IconCacheService as ɵe, StockInformationComponent as ɵf, StockInformationGridComponent as ɵg, StockLocationComponent as ɵh, StockTransferComponent as ɵi, StockChangeAmountComponent as ɵj };
 //# sourceMappingURL=colijnit-sharedcomponents.js.map