@colijnit/sharedcomponents 1.0.63 → 1.0.65

package/fesm2015/colijnit-sharedcomponents.js

@@ -1225,6 +1225,7 @@ var Icon;
     Icon["DeleteLeftRegular"] = "delete_left_regular";
     Icon["DeliveryTruck"] = "delivery_truck";
     Icon["Dropzone"] = "dropzone";
+    Icon["EditPenRegular"] = "edit_pen_regular";
     Icon["Email"] = "email";
     Icon["EnvelopeRegular"] = "envelope_regular";
     Icon["EyeRegular"] = "eye_regular";
@@ -1272,6 +1273,7 @@ const IconSvg = {
     "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>",
     "dropzone": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><g><rect x=\"2\" y=\"1.67\" width=\"14\" height=\"6\" rx=\"2\" ry=\"2\" fill=\"#484f60\" opacity=\".5\"/><path d=\"M16.52,13.16l-.94-.47-1.61-2.53-1.23-1.62-.65-.85-1.53-1.59-2.06-1.17h-1.15l-.7,.7,.41,.91,2.47,2.2,.56,1.2,1.7,2.71,.82,2.26,.06,.74,.09,2.38-.23-.85-.97-.94-.79-.97-1.76-1.76-1.06-.35-.88,.24-.7,.62,1.32,1.44,1.56,1.97,2.14,3.73,2.2,2,1.82,1.14,2.44,1.06,1.91,1,2,1.03,.23,1.29,6.02-5.99v-.91s-.91-1-1-1.03c-.09-.03-.82-1.65-.82-1.65l-.47-1.91-.35-.97-1.32-1.67-.85-1.12-.5-.82-.88-1.14-.79-.77-1.33-.86-.22,.42,1.39,2.12-.94-.47-.86-1.48-1.33-1.38-1.06-.16-.03,.6,2.1,3.09-.94-.47-1.8-2.9-1.21-.86-1.29,.12,.18,.56,2.85,4.14Z\" fill=\"#484f60\"/><path d=\"M16,1.67h-1c1.1,0,2,.9,2,2v2c0,1.1-.9,2-2,2h1c1.1,0,2-.9,2-2V3.67c0-1.1-.9-2-2-2Z\" fill=\"#484f60\" opacity=\".5\"/><path d=\"M18,1.67h-1c1.1,0,2,.9,2,2v2c0,1.1-.9,2-2,2h1c1.1,0,2-.9,2-2V3.67c0-1.1-.9-2-2-2Z\" fill=\"#484f60\" opacity=\".25\"/><path d=\"M20,1.67h-1c1.1,0,2,.9,2,2v2c0,1.1-.9,2-2,2h1c1.1,0,2-.9,2-2V3.67c0-1.1-.9-2-2-2Z\" fill=\"#484f60\" opacity=\".1\"/></g></g></svg>",
+    "edit_pen_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152V424c0 48.6 39.4 88 88 88H360c48.6 0 88-39.4 88-88V312c0-13.3-10.7-24-24-24s-24 10.7-24 24V424c0 22.1-17.9 40-40 40H88c-22.1 0-40-17.9-40-40V152c0-22.1 17.9-40 40-40H200c13.3 0 24-10.7 24-24s-10.7-24-24-24H88z\"/></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>",
     "envelope_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z\"/></svg>",
     "eye_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z\"/></svg>",
@@ -1493,7 +1495,6 @@ StockComponent.decorators = [
                               [economicalStock]="economicalStock"
         >
         </co-stock-information>
-        <hr>
         <co-stock-tabs [stockInformation]="stockInformation"
                        [article]="articleExtended"
                        [articleFlat]="articleFlat"
@@ -1587,9 +1588,8 @@ StockInformationComponent.decorators = [
           </div>
         </div>
         <div class="stock-status">
-          <label class="stock-label" [textContent]="'STOCK_STATUS' | localize"></label>
-          <span class="stock-span" [textContent]="article.stockStatus"></span>
-          <co-stock-statusbar [value]="articleStockState"></co-stock-statusbar>
+          <label class="stock-label" [textContent]="'ARTICLE_NUMBER' | localize"></label>
+          <span class="stock-span" [textContent]="article.articleNumber"></span>
         </div>
         <div class="stock-status">
           <label class="stock-label" [textContent]="'AMOUNT_IN_STOCK' | localize"></label>
@@ -3161,14 +3161,14 @@ StockTabComponent.decorators = [
                     class="simple-grid"
                     [rowsPerPage]="20"
     >
-      <co-simple-grid-column [headerText]="'WAREHOUSE' | localize" [field]="'warehouseNo'" [order]="10"></co-simple-grid-column>
+      <co-simple-grid-column [width]="100" [headerText]="'WAREHOUSE' | localize" [field]="'warehouseNo'" [order]="10"></co-simple-grid-column>
       <co-simple-grid-column [headerText]="'DESCRIPTION' | localize" [field]="'warehouseName'" [order]="11"></co-simple-grid-column>
       <co-simple-grid-column [headerText]="'STOCK' | localize" [field]="'technicalStock'" [order]="12"></co-simple-grid-column>
       <co-simple-grid-column [headerText]="'AVAILABLE_STOCK' | localize" [field]="'availableStock'" [order]="13"></co-simple-grid-column>
       <co-simple-grid-column [headerText]="'ECONOMICAL_STOCK' | localize" [field]="'economicalStock'" [order]="14"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'LOCATION' | localize" [field]="'locationNo'" [order]="15">
+      <co-simple-grid-column [headerText]="'DETAILS' | localize" [field]="'locationNo'" [order]="15">
         <ng-template #template let-row="row">
-          <span class="location-link" [textContent]="'LOOK_AT' | localize" (click)="onLocationClick(row)"></span>
+          <span class="location-link" [textContent]="'OPEN_DETAILS' | localize" (click)="onLocationClick(row)"></span>
         </ng-template>
       </co-simple-grid-column>
     </co-simple-grid>
@@ -3254,6 +3254,7 @@ class StockTabsComponent {
         this.warehouses = [];
         this.transferIconClicked = new EventEmitter();
         this.sendMethodDialogClicked = new EventEmitter();
+        this.stockLocations = [];
         this.stockHistory = [];
         this.orderSupplyStockHistory = [];
         this.orderCommissionStockHistory = [];
@@ -3377,6 +3378,11 @@ class StockTabsComponent {
             });
         }
     }
+    getStockLocations() {
+        this._stockService.getStockManagementLocations(this.selectedWarehouse.warehouseNo).then(result => {
+            this.stockLocations = result;
+        });
+    }
     getStockData(warehouse) {
         this.handleWarehouseSelected(warehouse);
         this.getStockPrognose(warehouse.warehouseNo);
@@ -3387,6 +3393,7 @@ class StockTabsComponent {
         this.getOrderCommissionStockHistory();
         this.getOrderSupplyStockHistory();
         this.getStockHistory();
+        this.getStockLocations();
         this._changeDetector.markForCheck();
         this._changeDetector.detectChanges();
     }
@@ -3425,6 +3432,7 @@ StockTabsComponent.decorators = [
                        [articleFlat]="articleFlat"
                        [selectedWarehouse]="selectedWarehouse"
                        [dataWareHouseCode]="warehouses"
+                       [stockLocations]="stockLocations"
                        (transferIconClicked)="transferIconClicked.emit($event)"
                        (sendMethodDialogClicked)="sendMethodDialogClicked.emit($event)"
 
@@ -3565,6 +3573,7 @@ class StockLocationComponent {
         this.transferIconClicked = new EventEmitter();
         this.sendMethodDialogClicked = new EventEmitter();
         this.showConfirmationDialog = false;
+        this.newStockLine = false;
         this.showConfirmStockRow = false;
         this.articleDetailsInformation = new ArticleStockManagement();
         this.stockLocations = [];
@@ -3606,16 +3615,35 @@ class StockLocationComponent {
     handleStockTransferClick(event) {
         this.transferIconClicked.emit(event);
     }
-    onOkClickSendLocations() {
+    onOkClickSendLocations(row) {
+        this.selectedArticleDetailsData = row;
+        this.newStockLine = false;
+        this.showConfirmationDialog = true;
+    }
+    handleAddRow() {
+        var _a;
+        if (!((_a = this.articleStockInfo) === null || _a === void 0 ? void 0 : _a.length)) {
+            this.articleStockInfo = [];
+        }
+        this.articleStockInfo.push(new ArticleDetailsBo());
+        this.selectedArticleDetailsData = this.articleStockInfo[(this.articleStockInfo.length - 1)];
+        this.newStockLine = true;
         this.showConfirmationDialog = true;
     }
     handleOkClick() {
         var _a;
         this.selectedArticleDetailsData.selected = true;
-        this.selectedArticleDetailsData.goodId = this.articleFlat.goodId;
+        if (this.articleFlat.goodId) {
+            this.selectedArticleDetailsData.goodId = this.articleFlat.goodId;
+        }
+        else if (this.articleDetailsInformation.goodId) {
+            this.selectedArticleDetailsData.goodId = parseInt(this.articleDetailsInformation.goodId);
+        }
         this.selectedArticleDetailsData.entryDate = new Date();
         this.selectedArticleDetailsData.warehouseNo = this.selectedWarehouse.warehouseNo;
-        this.selectedArticleDetailsData.locationNo = (_a = this.selectedLocationNo) === null || _a === void 0 ? void 0 : _a.toString();
+        if (this.selectedLocationNo) {
+            this.selectedArticleDetailsData.locationNo = (_a = this.selectedLocationNo) === null || _a === void 0 ? void 0 : _a.toString();
+        }
         this._stockService.updateArticleDetails(this.selectedArticleDetailsData).then(result => {
             var _a;
             this.articleDetailsInformation.goodId = (_a = this.selectedArticleDetailsData.goodId) === null || _a === void 0 ? void 0 : _a.toString();
@@ -3657,56 +3685,32 @@ StockLocationComponent.decorators = [
                 selector: "co-stock-location",
                 template: `
     <div class="stock-grid">
-      <co-dialog *ngIf="showConfirmationDialog"
-                 [showCloseIcon]="true"
-                 [modal]="true"
-                 [headerTemplate]="headerTemplate"
-                 [footerTemplate]="footerTemplate">
-        <ng-template #headerTemplate>
-          <div class="header-wrapper">
-            <span [textContent]="'CONFIRM_STOCK_CHANGE' | localize"></span>
-          </div>
-        </ng-template>
-        <div class="dialog-wrapper">
-          <co-list-of-values [label]="'STATUS' | localize"
-                             [model]="statusForId(selectedArticleDetailsData.stockStateId)"
-                             [collection]="stockStatus"
-                             [displayField]="'stateDescription'"
-                             (modelChange)="handleStockStatusChange($event)"
-          ></co-list-of-values>
-          <co-input-text [placeholder]="'REMARK' | localize"
-                         (modelChange)="handleStockStatusRemarkChange($event)"></co-input-text>
-        </div>
-        <ng-template #footerTemplate>
-          <div class="button-wrapper ok-cancel-buttons">
-            <co-button class="save-button"
-                       (click)="handleOkClick()"
-                       [iconData]="iconCacheService.getIcon(icons.CheckDuotone)"
-                       [disabled]="disabled()">
-            </co-button>
-            <co-button class="cancel-button"
-                       (click)="showConfirmationDialog = false"
-                       [iconData]="iconCacheService.getIcon(icons.CrossSkinny)">
-            </co-button>
-          </div>
-        </ng-template>
-      </co-dialog>
+        <co-stock-location-popup
+          [selectedWarehouse]="selectedWarehouse"
+          [articleFlat]="articleFlat"
+          [selectedLocationNo]="selectedLocationNo"
+          [stockLocations]="stockLocations"
+          [articleDetailsInformation]="articleDetailsInformation"
+          [articleStockInfo]="articleStockInfo"
+          [selectedArticleDetailsData]="selectedArticleDetailsData"
+          [showConfirmationDialog]="showConfirmationDialog"
+          [newStockLine]="newStockLine"
+          (togglePopupEvent)="showConfirmationDialog = $event"
+
+        ></co-stock-location-popup>
       <co-simple-grid [data]="articleStockInfo"
                       class="simple-grid"
                       [showAdd]="true"
-                      [inlineEdit]="true"
-                      (selectRow)="onLocationDropdownClick()"
+                      [inlineEdit]="false"
                       [showToolbar]="true"
-                      (saveRow)="onOkClickSendLocations()"
-                      (keydown.enter)="onOkClickSendLocations()"
-
+                      (addRow)="handleAddRow()"
       >
         <co-simple-grid-column [headerText]="'STOCK' | localize" [field]="'amountInStock'">
-          <ng-template #editTemplate let-row="row">
-            <co-input-text [(model)]="row['amountInStock']"
-                           [label]="'STOCK' | localize"
-                           (modelChange)="amountInStockChanged($event)"
-            ></co-input-text>
+          <ng-template #template let-row="row">
+            <div class="stock-amount" (click)="onOkClickSendLocations(row)">
+              <co-icon class="menu-icon" [iconData]="iconCacheService.getIcon(icons.EditPenRegular)"></co-icon>
+              <span [textContent]="row['amountInStock']"></span>
+            </div>
           </ng-template>
         </co-simple-grid-column>
         <co-simple-grid-column [width]="150" [headerText]="'LOCATION' | localize" [field]="'locationNo'">
@@ -3795,7 +3799,8 @@ StockLocationComponent.propDecorators = {
     dataWareHouseCode: [{ type: Input }],
     transferIconClicked: [{ type: Output }],
     sendMethodDialogClicked: [{ type: Output }],
-    selectedWarehouse: [{ type: Input }]
+    selectedWarehouse: [{ type: Input }],
+    stockLocations: [{ type: Input }]
 };
 
 class StockHistoryComponent {
@@ -4529,6 +4534,210 @@ LocalizationModule.decorators = [
             },] }
 ];
 
+class StockLocationPopupComponent {
+    constructor(iconCacheService, _stockService, _changeDetector) {
+        this.iconCacheService = iconCacheService;
+        this._stockService = _stockService;
+        this._changeDetector = _changeDetector;
+        this.icons = Icon;
+        this.showConfirmationDialog = false;
+        this.newStockLine = false;
+        this.selectedArticleDetailsData = new ArticleDetailsBo();
+        this.articleDetailsInformation = new ArticleStockManagement();
+        this.articleStockInfo = [];
+        this.togglePopupEvent = new EventEmitter();
+        this.stockLocations = [];
+        this.stockStatus = [];
+    }
+    ngOnInit() {
+        this._stockService.getStockState().then(result => {
+            this.stockStatus = result;
+        });
+    }
+    statusForId(id) {
+        return this.stockStatus.find(status => status.stockStateId === id);
+    }
+    handleStockStatusChange(status) {
+        this.selectedArticleDetailsData.stockStateId = status.stockStateId;
+    }
+    handleStockStatusRemarkChange(remark) {
+        this.selectedArticleDetailsData.stockStateRemark = remark;
+    }
+    amountInStockChanged(data) {
+        this.selectedArticleDetailsData.amountInStock = data;
+    }
+    disabled() {
+        var _a, _b, _c;
+        return (!((_a = this.selectedArticleDetailsData) === null || _a === void 0 ? void 0 : _a.stockStateId) && ((_c = (_b = this.selectedArticleDetailsData) === null || _b === void 0 ? void 0 : _b.stockStateRemark) === null || _c === void 0 ? void 0 : _c.length) <= 1);
+    }
+    handleOkClick() {
+        this.handleStockChange();
+        this.togglePopupEvent.emit(!this.showConfirmationDialog);
+        this._changeDetector.detectChanges();
+    }
+    ngOnDestroy() {
+    }
+    togglePopup() {
+        this.togglePopupEvent.emit(!this.showConfirmationDialog);
+    }
+    getStockLocations() {
+        this._stockService.getStockManagementLocations(this.selectedWarehouse.warehouseNo).then((locations) => {
+            this.stockLocations = locations;
+        });
+    }
+    locationForNumber(number) {
+        var _a;
+        return (_a = this.stockLocations) === null || _a === void 0 ? void 0 : _a.find(location => location.locationNo === number);
+    }
+    locationChanged(event) {
+        var _a;
+        this.selectedLocationNo = event.locationNo;
+        this.selectedArticleDetailsData.locationNo = event.locationNo;
+        if (((_a = this.articleStockInfo) === null || _a === void 0 ? void 0 : _a.length) === 1) {
+            this.handleStockChange();
+        }
+        this.getStockLocations();
+    }
+    handleStockChange() {
+        var _a;
+        this.selectedArticleDetailsData.selected = true;
+        if (this.articleFlat.goodId) {
+            this.selectedArticleDetailsData.goodId = this.articleFlat.goodId;
+        }
+        else if (this.articleDetailsInformation.goodId) {
+            this.selectedArticleDetailsData.goodId = parseInt(this.articleDetailsInformation.goodId);
+        }
+        this.selectedArticleDetailsData.entryDate = new Date();
+        this.selectedArticleDetailsData.warehouseNo = this.selectedWarehouse.warehouseNo;
+        if (this.selectedLocationNo) {
+            this.selectedArticleDetailsData.locationNo = (_a = this.selectedLocationNo) === null || _a === void 0 ? void 0 : _a.toString();
+        }
+        this._stockService.updateArticleDetails(this.selectedArticleDetailsData).then(result => {
+            var _a;
+            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((details) => {
+                this.articleStockInfo = details;
+            });
+        });
+    }
+}
+StockLocationPopupComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-stock-location-popup",
+                template: `
+    <div class="stock-grid">
+      <co-dialog *ngIf="showConfirmationDialog"
+                 [showCloseIcon]="true"
+                 [modal]="true"
+                 (closeClick)="togglePopup()"
+                 [headerTemplate]="headerTemplate"
+                 [footerTemplate]="footerTemplate">
+        <ng-template #headerTemplate>
+          <div class="co-dialog-header-title-wrapper">
+            <co-icon [iconData]="iconCacheService.getIcon(icons.Cubes)"></co-icon>
+            <div class="co-dialog-header-title" [textContent]="'CONFIRM_STOCK_CHANGE' | localize"></div>
+          </div>
+        </ng-template>
+        <div class="dialog-wrapper">
+          <div class="stock-dialog-header">
+            <span class="stock-header" *ngIf="newStockLine" [textContent]="'NEW_STOCK_LINE' | localize"></span>
+            <span class="stock-header" *ngIf="!newStockLine" [textContent]="'CHANGE_STOCK_LINE' | localize"></span>
+          </div>
+          <div class="stock-dialog-row">
+            <co-input-text [model]="selectedWarehouse.warehouseDescription"
+                           [placeholder]="'WAREHOUSE' | localize"
+                           [readonly]="true"
+            ></co-input-text>
+
+            <co-list-of-values
+              [model]="locationForNumber(selectedLocationNo)"
+              [collection]="stockLocations"
+              [displayField]="'locationNo'"
+              [label]="'LOCATION' | localize"
+              [required]="true"
+              (modelChange)="locationChanged($event)"
+            ></co-list-of-values>
+          </div>
+          <div class="stock-dialog-row">
+            <co-input-text [(model)]="selectedArticleDetailsData.serialNo"
+                           [placeholder]="'SERIAL_NO' | localize"
+                           [readonly]="false"
+            ></co-input-text>
+            <co-input-text [(model)]="selectedArticleDetailsData.batchNo"
+                           [placeholder]="'BATCH' | localize"
+                           [readonly]="false"
+            ></co-input-text>
+          </div>
+          <div class="stock-dialog-row">
+            <div class="stock-dialog-row-row">
+              <co-input-text [model]="articleStockInfo[0]?.purchasePrice | currency:'EUR'"
+                             [placeholder]="'PURCHASE_PRICE' | localize"
+                             [readonly]="false"
+              ></co-input-text>
+              <co-input-text [(model)]="articleStockInfo[0].currency"
+                             [placeholder]="'VALUTA' | localize"
+                             [readonly]="false"
+              ></co-input-text>
+            </div>
+            <co-input-text [model]="selectedArticleDetailsData?.entryDate | date"
+                           [placeholder]="'DATE' | localize"
+                           [readonly]="false"
+            ></co-input-text>
+          </div>
+          <div class="stock-dialog-row">
+            <co-list-of-values [label]="'STATUS' | localize"
+                               [model]="statusForId(selectedArticleDetailsData?.stockStateId)"
+                               [collection]="stockStatus"
+                               [displayField]="'stateDescription'"
+                               (modelChange)="handleStockStatusChange($event)"
+            ></co-list-of-values>
+            <co-input-text [placeholder]="'REMARK' | localize"
+                           (modelChange)="handleStockStatusRemarkChange($event)"></co-input-text>
+          </div>
+          <co-input-number-picker
+                         [model]="selectedArticleDetailsData?.amountInStock"
+                         [label]="'STOCK' | localize"
+                         (modelChange)="amountInStockChanged($event)"
+          ></co-input-number-picker>
+        </div>
+        <ng-template #footerTemplate>
+          <div class="button-wrapper ok-cancel-buttons">
+            <co-button class="save-button"
+                       (click)="handleOkClick()"
+                       [iconData]="iconCacheService.getIcon(icons.CheckDuotone)"
+                       [disabled]="disabled()">
+            </co-button>
+            <co-button class="cancel-button"
+                       (click)="togglePopup()"
+                       [iconData]="iconCacheService.getIcon(icons.CrossSkinny)">
+            </co-button>
+          </div>
+        </ng-template>
+      </co-dialog>
+    </div>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+StockLocationPopupComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: StockService },
+    { type: ChangeDetectorRef }
+];
+StockLocationPopupComponent.propDecorators = {
+    showConfirmationDialog: [{ type: Input }],
+    newStockLine: [{ type: Input }],
+    selectedArticleDetailsData: [{ type: Input }],
+    articleFlat: [{ type: Input }],
+    articleDetailsInformation: [{ type: Input }],
+    selectedWarehouse: [{ type: Input }],
+    selectedLocationNo: [{ type: Input }],
+    articleStockInfo: [{ type: Input }],
+    togglePopupEvent: [{ type: Output }],
+    stockLocations: [{ type: Input }]
+};
+
 class StockModule {
 }
 StockModule.decorators = [
@@ -4570,7 +4779,8 @@ StockModule.decorators = [
                     OrderCommissionStockHistoryComponent,
                     OrderStockHistoryComponent,
                     AllocationStockHistoryComponent,
-                    StockPrognoseComponent
+                    StockPrognoseComponent,
+                    StockLocationPopupComponent
                 ],
                 exports: [
                     StockComponent
@@ -4591,12 +4801,14 @@ class Translation {
         this.AMOUNT_AVAILABLE = 'AMOUNT_AVAILABLE';
         this.AMOUNT_IN_STOCK = 'AMOUNT_IN_STOCK';
         this.AMOUNT_LATER_AVAILABLE = 'AMOUNT_LATER_AVAILABLE';
+        this.ARTICLE_NUMBER = 'ARTICLE_NUMBER';
         this.AVAILABILITY = 'AVAILABILITY';
         this.AVAILABLE_STOCK = 'AVAILABLE_STOCK';
         this.BACK_TO_STOCK_LINES = 'BACK_TO_STOCK_LINES';
         this.BATCH = 'BATCH';
         this.BATCH_NO = 'BATCH_NO';
         this.CANCEL = 'CANCEL';
+        this.CHANGE_STOCK_LINE = 'CHANGE_STOCK_LINE';
         this.CHOICES = 'CHOICES';
         this.CONFIRM_STOCK_CHANGE = 'CONFIRM_STOCK_CHANGE';
         this.CUSTOMER = 'CUSTOMER';
@@ -4617,7 +4829,9 @@ class Translation {
         this.MUTATION_DATE = 'MUTATION_DATE';
         this.MUTATION_TIME = 'MUTATION_TIME';
         this.MUTATION_TYPE = 'MUTATION_TYPE';
+        this.NEW_STOCK_LINE = 'NEW_STOCK_LINE';
         this.OK = 'OK';
+        this.OPEN_DETAILS = 'OPEN_DETAILS';
         this.ORDER = 'ORDER';
         this.ORDER_COMMISSION = 'ORDER_COMMISSION';
         this.ORDER_STOCK = 'ORDER_STOCK';
@@ -10633,5 +10847,5 @@ ActivityListModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { ActivityListComponent, ActivityListModule, AgendaEvent, AgendaEventPerDay, CalendarView, CoLinearGaugeComponent, CoLinearGaugeModule, DatePlanningComponent, DatePlanningModule, DocsignComponent, DocsignModule, FilesUploadComponent, FilesUploadModule, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, SendMethodDialogComponent, SendMethodDialogModule, SharedService, SimpleTagsComponent, SimpleTagsModule, StatusbarComponent, StatusbarModule, StockComponent, StockModule, Translation, sendMethodsWithIcon, SignatureComponent as ɵa, SignaturesComponent as ɵb, LocalizationModule as ɵba, LocalizePipe as ɵbb, StockInformationComponent as ɵbc, StockInformationGridComponent as ɵbd, StockTransferComponent as ɵbe, StockChangeAmountComponent as ɵbf, StockTabComponent as ɵbg, OrderTabComponent as ɵbh, StockTabsComponent as ɵbi, StockHistoryTabsComponent as ɵbj, OrderStockTabComponent as ɵbk, StockLocationComponent as ɵbl, StockHistoryComponent as ɵbm, OrderSupplyStockHistoryComponent as ɵbn, OrderCommissionStockHistoryComponent as ɵbo, OrderStockHistoryComponent as ɵbp, AllocationStockHistoryComponent as ɵbq, StockPrognoseComponent as ɵbr, SendMethod as ɵbs, Icon as ɵbt, CalendarAllYearsComponent as ɵbu, CalendarAllMonthsComponent as ɵbv, CalendarHeaderComponent as ɵbw, CalendarComponent as ɵbx, CalendarViewComponent as ɵby, LanguageCode as ɵbz, StockService as ɵc, AgendaHeaderComponent as ɵca, AgendaViewComponent as ɵcb, AgendaMonthViewComponent as ɵcc, AgendaBaseViewComponent as ɵcd, AgendaDayViewComponent as ɵce, AgendaWeekViewComponent as ɵcf, AgendaWeekSelectViewComponent as ɵcg, AgendaHourViewComponent as ɵch, AgendaHourCellComponent as ɵci, AgendaHourViewLabelsComponent as ɵcj, AgendaHalfHourCellComponent as ɵck, AgendaEventsComponent as ɵcl, AgendaEventComponent as ɵcm, ViewSelectComponent as ɵcn, AgendaSelectEventComponent as ɵco, MASTER_PIPES as ɵcp, ArrayNumberPipe as ɵcq, UCfirstPipe as ɵcr, FileTypeImagePipe as ɵcs, BaseFileUploadComponent as ɵct, InputBoolean as ɵcu, ImageDisplayModule as ɵcv, ImageDisplayComponent as ɵcw, FileUploadModule as ɵcx, TileRenderModule as ɵcy, TileRenderComponent as ɵcz, SharedConnectorService as ɵd, FileUploadComponent as ɵda, FileUploadPopupModule as ɵdb, MultiplePropertyTogglerModule as ɵdc, MultiplePropertyTogglerComponent as ɵdd, FileUploadPopupComponent as ɵde, AppFileDropzoneModule as ɵdf, AppFileDropzoneComponent as ɵdg, DragDropContainerComponent as ɵdh, DragDropService as ɵdi, OptionsService as ɵe, DictionaryService as ɵf, LocalizeService as ɵg, IconCacheService as ɵh, SendMethodService as ɵi, SendMethodEmailModule as ɵj, LayoutSelectionModule as ɵk, LayoutSelectionComponent as ɵl, SignatureButtonModule as ɵm, SignatureButtonComponent as ɵn, SendMethodEmailComponent as ɵo, SendMethodPrinterModule as ɵp, PrinterSelectionModule as ɵq, PrinterSelectionComponent as ɵr, SendMethodPrinterComponent as ɵs, SendMethodPdfModule as ɵt, SendMethodPdfComponent as ɵu, TabBarModule as ɵv, TabBarComponent as ɵw, StatusbarPopupComponent as ɵx, StockStatusbarModule as ɵy, StockStatusbarComponent as ɵz };
+export { ActivityListComponent, ActivityListModule, AgendaEvent, AgendaEventPerDay, CalendarView, CoLinearGaugeComponent, CoLinearGaugeModule, DatePlanningComponent, DatePlanningModule, DocsignComponent, DocsignModule, FilesUploadComponent, FilesUploadModule, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, SendMethodDialogComponent, SendMethodDialogModule, SharedService, SimpleTagsComponent, SimpleTagsModule, StatusbarComponent, StatusbarModule, StockComponent, StockModule, Translation, sendMethodsWithIcon, SignatureComponent as ɵa, SignaturesComponent as ɵb, LocalizationModule as ɵba, LocalizePipe as ɵbb, StockInformationComponent as ɵbc, StockInformationGridComponent as ɵbd, StockTransferComponent as ɵbe, StockChangeAmountComponent as ɵbf, StockTabComponent as ɵbg, OrderTabComponent as ɵbh, StockTabsComponent as ɵbi, StockHistoryTabsComponent as ɵbj, OrderStockTabComponent as ɵbk, StockLocationComponent as ɵbl, StockHistoryComponent as ɵbm, OrderSupplyStockHistoryComponent as ɵbn, OrderCommissionStockHistoryComponent as ɵbo, OrderStockHistoryComponent as ɵbp, AllocationStockHistoryComponent as ɵbq, StockPrognoseComponent as ɵbr, StockLocationPopupComponent as ɵbs, SendMethod as ɵbt, Icon as ɵbu, CalendarAllYearsComponent as ɵbv, CalendarAllMonthsComponent as ɵbw, CalendarHeaderComponent as ɵbx, CalendarComponent as ɵby, CalendarViewComponent as ɵbz, StockService as ɵc, LanguageCode as ɵca, AgendaHeaderComponent as ɵcb, AgendaViewComponent as ɵcc, AgendaMonthViewComponent as ɵcd, AgendaBaseViewComponent as ɵce, AgendaDayViewComponent as ɵcf, AgendaWeekViewComponent as ɵcg, AgendaWeekSelectViewComponent as ɵch, AgendaHourViewComponent as ɵci, AgendaHourCellComponent as ɵcj, AgendaHourViewLabelsComponent as ɵck, AgendaHalfHourCellComponent as ɵcl, AgendaEventsComponent as ɵcm, AgendaEventComponent as ɵcn, ViewSelectComponent as ɵco, AgendaSelectEventComponent as ɵcp, MASTER_PIPES as ɵcq, ArrayNumberPipe as ɵcr, UCfirstPipe as ɵcs, FileTypeImagePipe as ɵct, BaseFileUploadComponent as ɵcu, InputBoolean as ɵcv, ImageDisplayModule as ɵcw, ImageDisplayComponent as ɵcx, FileUploadModule as ɵcy, TileRenderModule as ɵcz, SharedConnectorService as ɵd, TileRenderComponent as ɵda, FileUploadComponent as ɵdb, FileUploadPopupModule as ɵdc, MultiplePropertyTogglerModule as ɵdd, MultiplePropertyTogglerComponent as ɵde, FileUploadPopupComponent as ɵdf, AppFileDropzoneModule as ɵdg, AppFileDropzoneComponent as ɵdh, DragDropContainerComponent as ɵdi, DragDropService as ɵdj, OptionsService as ɵe, DictionaryService as ɵf, LocalizeService as ɵg, IconCacheService as ɵh, SendMethodService as ɵi, SendMethodEmailModule as ɵj, LayoutSelectionModule as ɵk, LayoutSelectionComponent as ɵl, SignatureButtonModule as ɵm, SignatureButtonComponent as ɵn, SendMethodEmailComponent as ɵo, SendMethodPrinterModule as ɵp, PrinterSelectionModule as ɵq, PrinterSelectionComponent as ɵr, SendMethodPrinterComponent as ɵs, SendMethodPdfModule as ɵt, SendMethodPdfComponent as ɵu, TabBarModule as ɵv, TabBarComponent as ɵw, StatusbarPopupComponent as ɵx, StockStatusbarModule as ɵy, StockStatusbarComponent as ɵz };
 //# sourceMappingURL=colijnit-sharedcomponents.js.map