@colijnit/transaction 12.1.65 → 12.1.67

package/fesm2015/colijnit-transaction.js

@@ -3,7 +3,6 @@ import * as i0 from '@angular/core';
 import { Injectable, EventEmitter, Component, ViewEncapsulation, Input, HostBinding, ChangeDetectorRef, Output, Directive, Injector, ComponentFactoryResolver, ApplicationRef, ViewChild, Pipe, NgModule, ElementRef, ContentChildren, HostListener, ViewChildren } from '@angular/core';
 import { PendingReasonType } from '@colijnit/transactionapi/build/enum/pending-reason-type.enum';
 import { SequenceName } from '@colijnit/transactionapi/build/enum/sequence-name.enum';
-import { TransactionKind } from '@colijnit/transactionapi/build/enum/transaction-kind.enum';
 import { TransactionLineType } from '@colijnit/transactionapi/build/enum/transaction-line-type.enum';
 import { BehaviorSubject, Subject, throwError } from 'rxjs';
 import { TransactionInfoResponse } from '@colijnit/transactionapi/build/model/transaction-info-response.bo';
@@ -46,6 +45,8 @@ import { SalesPerson } from '@colijnit/relationapi/build/model/sales-person.bo';
 import { StockStickersPrintLayouts } from '@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo';
 import { Sharedapi } from '@colijnit/sharedapi/build/sharedapi';
 import { AvailableStock } from '@colijnit/transactionapi/build/model/available-stock.bo';
+import { GoodsAllocationStatus } from '@colijnit/transactionapi/build/model/goods-allocation-status.bo';
+import { GoodsAllocationStatusWithHistory } from '@colijnit/transactionapi/build/model/goods-allocation-status-with-history.bo';
 import { ResolveLinePendingReasonRequest } from '@colijnit/transactionapi/build/model/resolve-pending-reason-request.bo';
 import { Articles } from '@colijnit/articleapi/build/articles';
 import { StockLocation } from '@colijnit/articleapi/build/model/stock-location.bo';
@@ -63,6 +64,7 @@ import { RelationApi } from '@colijnit/relationapi';
 import { SupplierFullObject } from '@colijnit/relationapi/build/model/supplier-full-object.bo';
 import { RelationListObject } from '@colijnit/relationapi/build/model/relation-list-object.bo';
 import { BranchLov } from '@colijnit/relationapi/build/model/branch-lov.bo';
+import { TransactionKind } from '@colijnit/transactionapi/build/enum/transaction-kind.enum';
 import { FormMasterService, CoDialogModule, ButtonModule, CollapsibleModule, InputCheckboxModule, InputTextModule, InputComboBoxModule, FormModule, InputRadioButtonModule, IconModule, InputTextComponent, InputListboxModule, DropDownModule, InputSearchModule, ColumnAlign, SimpleGridColumnDirective, ObserveVisibilityModule, ColorSequenceService, PriceDisplayPipeModule, InputDatePickerModule, Carousel3dModule, CarouselModule, FilterPipeModule, InputDatePickerComponent, InputTextareaComponent, InputTextareaModule, InputNumberPickerModule, CoDialogPromptModule, MultiSelectListModule, PopupModule, CoSidebarModule, CoGridModule, CoRichTextEditorModule, SimpleGridModule, GridToolbarButtonModule, InputDateRangePickerModule, ClickoutsideModule, CheckmarkOverlayModule, CoOrientation, CoDirection, FilterItemModule, PaginationModule, PaginationBarModule, IconCollapseHandleModule } from '@colijnit/corecomponents_v12';
 import { FlexModule } from '@angular/flex-layout';
 import { trigger, state, style, transition, animate } from '@angular/animations';
@@ -85,6 +87,8 @@ import { GetPurchaseOrderConfirmation } from '@colijnit/transactionapi/build/mod
 import { ReceiveGoodsForPurchaseOrderRequest } from '@colijnit/transactionapi/build/model/receive-goods-for-purchase-order-request.bo';
 import { PurchaseOrderLineReceiptDetails } from '@colijnit/transactionapi/build/model/purchase-order-line-receipt-details.bo';
 import { StockStatus } from '@colijnit/transactionapi/build/enum/refcode/stock-status.enum';
+import { AllocateGoodsForSalesOrderRequest } from '@colijnit/transactionapi/build/model/allocate-goods-for-sales-order-request';
+import { SalesOrderLineAllocationDetails } from '@colijnit/transactionapi/build/model/sales-order-line-allocation-details';
 import { RelationRequest } from '@colijnit/relationapi/build/model/relation-request';
 import { CoDocument } from '@colijnit/sharedapi/build/model/co-document.bo';
 import { ValidationResult } from '@colijnit/ioneconnector/build/model/validation-result';
@@ -101,6 +105,9 @@ import { ReceiveGoodsForPurchaseOrderCorrectionRequest } from '@colijnit/transac
 import { PurchaseOrderLineReceiptCorrectionDetails } from '@colijnit/transactionapi/build/model/purchase-order-line-receipt-correction-details.bo';
 import { GetPurchasePortalLine } from '@colijnit/transactionapi/build/model/get-purchase-portal-line';
 import { PurchasePortalFilters } from '@colijnit/transactionapi/build/model/purchase-portal-filters.bo';
+import { AllocateGoodsForSalesOrderCorrectionRequest } from '@colijnit/transactionapi/build/model/allocate-goods-for-sales-order-correction-request';
+import { SalesOrderLineAllocationCorrectionDetails } from '@colijnit/transactionapi/build/model/sales-order-line-allocation-correction-details';
+import { IoneCatalogModule } from '@colijnit/catalog';
 import { GoodsReceiptStatus } from '@colijnit/transactionapi/build/model/goods-receipt-status.bo';
 import { EmailOrderConfirmation } from '@colijnit/sharedapi/build/model/report/email-order-confirmation';
 import { PrintOrderConfirmation } from '@colijnit/sharedapi/build/model/report/print-order-confirmation';
@@ -189,6 +196,7 @@ class Dictionary {
                 "COUNTRY": "Land",
                 "CREATE_ACCOUNT": "Maak een account aan",
                 "CREATE_ACCOUNT_IN_2_MIN": "Maak binnen 2 minuten een account aan.",
+                "CREATE_TRANSACTION": "Opslaan",
                 "CUSTOMER": "Klant",
                 "CUSTOMER_GROUP": "Klantgroep",
                 "CUSTOMER_NAME": "Klantnaam",
@@ -548,6 +556,7 @@ class Dictionary {
                 "COUNTRY": "Country",
                 "CREATE_ACCOUNT": "Create an account",
                 "CREATE_ACCOUNT_IN_2_MIN": "Create an account in 2 minutes.",
+                "CREATE_TRANSACTION": "Save",
                 "CUSTOMER": "Customer",
                 "CUSTOMER_GROUP": "Customergroup",
                 "CUSTOMER_NAME": "Customer name",
@@ -1382,6 +1391,7 @@ var Icon;
     Icon["PalletBoxesSolid"] = "pallet_boxes_solid";
     Icon["PercentSolid"] = "percent_solid";
     Icon["PlusRound"] = "plus_round";
+    Icon["PlusSimple"] = "plus_simple";
     Icon["PrintSolid"] = "print_solid";
     Icon["Purchase"] = "purchase";
     Icon["Resize"] = "resize";
@@ -1455,6 +1465,7 @@ const IconSvg = {
     "pallet_boxes_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M96 255.1L288 256c17.6 0 32-14.4 32-32V31.1c0-17.6-14.4-31.1-32-31.1L96 0c-17.6 0-32 14.4-32 32V224C64 241.6 78.4 255.1 96 255.1zM416 255.1h128c17.6 0 32-14.4 32-31.1v-128c0-17.6-14.4-32-32-32h-128c-17.6 0-32 14.4-32 32v128C384 241.6 398.4 255.1 416 255.1zM624 384c8.75 0 16-7.25 16-16v-32c0-8.75-7.25-16-16-16h-608C7.25 320 0 327.3 0 336v32C0 376.8 7.25 384 16 384H64v64H16C7.25 448 0 455.3 0 464v32C0 504.8 7.25 512 16 512h608c8.75 0 16-7.25 16-16v-32c0-8.75-7.25-16-16-16H576v-64H624zM288 448H128v-64h160V448zM512 448h-160v-64h160V448z\"/></svg>",
     "percent_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M374.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-320 320c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l320-320zM128 128c0-35.3-28.7-64-64-64S0 92.7 0 128s28.7 64 64 64s64-28.7 64-64zM384 384c0-35.3-28.7-64-64-64s-64 28.7-64 64s28.7 64 64 64s64-28.7 64-64z\"/></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>",
+    "plus_simple": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><g ><path d=\"M13.86,27c-.32,0-.58-.26-.58-.57v-9.72H3.58c-.32,0-.58-.26-.58-.57v-2.29c0-.31,.26-.57,.58-.57H13.29V3.57c0-.31,.26-.57,.58-.57h2.28c.31,0,.57,.26,.57,.57V13.29h9.72c.31,0,.57,.26,.57,.57v2.29c0,.31-.26,.57-.57,.57h-9.72v9.72c0,.31-.26,.57-.57,.57h-2.28Z\" fill=\"#484f60\"/></g></g><g /></svg>",
     "print_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M448 192H64C28.65 192 0 220.7 0 256v96c0 17.67 14.33 32 32 32h32v96c0 17.67 14.33 32 32 32h320c17.67 0 32-14.33 32-32v-96h32c17.67 0 32-14.33 32-32V256C512 220.7 483.3 192 448 192zM384 448H128v-96h256V448zM432 296c-13.25 0-24-10.75-24-24c0-13.27 10.75-24 24-24s24 10.73 24 24C456 285.3 445.3 296 432 296zM128 64h229.5L384 90.51V160h64V77.25c0-8.484-3.375-16.62-9.375-22.62l-45.25-45.25C387.4 3.375 379.2 0 370.8 0H96C78.34 0 64 14.33 64 32v128h64V64z\"/></svg>",
     "purchase": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><g opacity=\"0.75\"><polygon points=\"33.34 25.04 27.34 28.52 33.35 31.97 39.34 28.49 33.34 25.04\" fill=\"#484f60\"/><polygon points=\"33.99 33.08 39.99 29.6 40 36.53 34.01 40.01 33.99 33.08\" fill=\"#484f60\" opacity=\"0.5\"/><polygon points=\"26.72 36.55 26.71 29.63 32.71 33.08 32.72 40.01 26.72 36.55\" fill=\"#484f60\" opacity=\"0.25\"/><polygon points=\"12.78 28.54 18.79 32 24.78 28.52 18.77 25.07 12.78 28.54\" fill=\"#484f60\"/><polygon points=\"19.43 33.1 25.42 29.63 25.44 36.56 19.44 40.03 19.43 33.1\" fill=\"#484f60\" opacity=\"0.5\"/><polygon points=\"12.15 36.58 12.14 29.65 18.15 33.11 18.16 40.04 12.15 36.58\" fill=\"#484f60\" opacity=\"0.25\"/><polygon points=\"32.04 15.89 26.03 12.44 22.09 14.73 27.52 14.73 24.03 18.21 26.05 19.37 32.04 15.89\" fill=\"#484f60\"/><polygon points=\"32.68 17 26.69 20.48 26.7 27.41 32.7 23.93 32.68 17\" fill=\"#484f60\" opacity=\"0.5\"/><polygon points=\"23.1 19.15 19.41 22.83 19.41 23.95 25.42 27.41 25.41 20.48 23.1 19.15\" fill=\"#484f60\" opacity=\"0.25\"/></g><polygon points=\"19.03 16.34 19.03 10.3 14.61 10.3 14.61 16.34 14.61 16.34 10 16.34 16.82 23.16 23.64 16.34 19.03 16.34\" fill=\"#484f60\"/></svg>",
     "resize": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 51 51\"><polygon points=\"1.1 49.9 1.1 30.6 7.8 37.3 37.3 8 30.6 1.3 49.9 1.3 49.9 20.6 43.2 13.9 13.7 43.2 20.5 49.9 1.1 49.9\" fill=\"#4d5050\"/></svg>",
@@ -3597,6 +3608,54 @@ class TransactionConnectorAdapterService {
             }
         });
     }
+    allocateGoodsForSalesOrder(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.allocateGoodsForSalesOrder(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                return true;
+            }
+            else {
+                this._handleExceptionFromResponse(response);
+                return null;
+            }
+        });
+    }
+    allocateGoodsForSalesOrderCorrection(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.allocateGoodsForSalesOrderCorrection(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                return true;
+            }
+            else {
+                this._handleExceptionFromResponse(response);
+                return null;
+            }
+        });
+    }
+    getGoodsAllocationStatus(transId, lineNr) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.getGoodsAllocationStatus(transId, lineNr);
+            if (response && response.resultObject) {
+                return this._boFactory.makeWithRawBackendData(GoodsAllocationStatus, response.resultObject);
+            }
+            else {
+                this._handleExceptionFromResponse(response);
+                return null;
+            }
+        });
+    }
+    getGoodsAllocationStatusWithHistory(transId, lineNr) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.getGoodsAllocationStatusWithHistory(transId, lineNr);
+            if (response && response.resultObject) {
+                return this._boFactory.makeWithRawBackendData(GoodsAllocationStatusWithHistory, response.resultObject);
+            }
+            else {
+                this._handleExceptionFromResponse(response);
+                return null;
+            }
+        });
+    }
     _handleExceptionFromResponse(result) {
         this._errorService.showValidationError(result);
     }
@@ -4148,6 +4207,26 @@ class TransactionConnectorService {
             return yield this._adapterService.getAvailableStockGroupedByWLBSByTransIdLineNr(transId, lineNr);
         });
     }
+    allocateGoodsForSalesOrder(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._adapterService.allocateGoodsForSalesOrder(request);
+        });
+    }
+    allocateGoodsForSalesOrderCorrection(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._adapterService.allocateGoodsForSalesOrderCorrection(request);
+        });
+    }
+    getGoodsAllocationStatus(transId, lineNr) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._adapterService.getGoodsAllocationStatus(transId, lineNr);
+        });
+    }
+    getGoodsAllocationStatusWithHistory(transId, lineNr) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._adapterService.getGoodsAllocationStatusWithHistory(transId, lineNr);
+        });
+    }
 }
 TransactionConnectorService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TransactionConnectorService_Factory() { return new TransactionConnectorService(i0.ɵɵinject(TransactionConnectorAdapterService), i0.ɵɵinject(SelectSingleCacheService), i0.ɵɵinject(SelectMultipleCacheService), i0.ɵɵinject(SelectMultipleParameterizedCacheService)); }, token: TransactionConnectorService, providedIn: "root" });
 TransactionConnectorService.decorators = [
@@ -4186,6 +4265,7 @@ class TransactionEventService {
         this.generateCommissionOrders = new Subject();
         this.allowPartialDeliveryChanged = new Subject();
         this.connectionInitialized = new BehaviorSubject(false);
+        this.createTransaction = new Subject();
     }
 }
 TransactionEventService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TransactionEventService_Factory() { return new TransactionEventService(); }, token: TransactionEventService, providedIn: "root" });
@@ -4478,6 +4558,7 @@ class PendingReasonService {
         this.relationUpdated = new BehaviorSubject(undefined);
         this.applicationUser = false;
         this.invoiceAddressSameAsDelivery = true;
+        this.transactionKind = TransactionKind.SalesOrder;
         this.currentTransaction = new TransactionInfoResponse();
         this.purchasePortalLine = [];
         this.docDeliveryBatch = new DocDeliveryBatch();
@@ -5041,7 +5122,7 @@ class TransactionService extends PendingReasonService {
     createTransaction() {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
-                this.connector.createTransaction(TransactionKind.SalesOrder, "1").then((response) => {
+                this.connector.createTransaction(this.transactionKind, "1").then((response) => {
                     this.rememberCurrentTransaction(response);
                     resolve(true);
                 }, (error) => {
@@ -5091,14 +5172,11 @@ class TransactionService extends PendingReasonService {
     commit() {
         return this.connector.commit();
     }
-    saveTransaction(close = false) {
+    saveTransaction() {
         return __awaiter(this, void 0, void 0, function* () {
             const response = yield this.connector.saveTransaction(this.currentTransaction.transactionInfo.uuid);
             if (response && response.isSuccess) {
-                const lockSuccess = yield this.tryToLockTransaction(response.transactionInfo.id, response.transactionInfo.version);
-                if (lockSuccess) {
-                    this.rememberCurrentTransaction(response);
-                }
+                this.rememberCurrentTransaction(response);
             }
             return response;
         });
@@ -5371,6 +5449,26 @@ class TransactionService extends PendingReasonService {
             return yield this.connector.getAvailableStockGroupedByWLBSByTransIdLineNr(transId, lineNr);
         });
     }
+    allocateGoodsForSalesOrder(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.allocateGoodsForSalesOrder(request);
+        });
+    }
+    allocateGoodsForSalesOrderCorrection(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.allocateGoodsForSalesOrderCorrection(request);
+        });
+    }
+    getGoodsAllocationStatus(transId, lineNr) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getGoodsAllocationStatus(transId, lineNr);
+        });
+    }
+    getGoodsAllocationStatusWithHistory(transId, lineNr) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getGoodsAllocationStatusWithHistory(transId, lineNr);
+        });
+    }
     // private _cleanRelationBeforeSave(): void {
     //   ArrayUtils.RemoveElementsByFilter(this.currentTransaction.transactionInfo.relation.contactOptions, ((item: ContactOption) => {
     //     return isNill(item.value);
@@ -5398,6 +5496,8 @@ class CheckoutComponent {
         this.service = service;
         this._dictionary = _dictionary;
         this._dialogService = _dialogService;
+        this.transactionType = TransactionKind.SalesOrder;
+        this.showCreateTransactionButton = false;
         this.transactionFinished = new EventEmitter();
         this.deliveryAddressNawNr = 0;
         this.invoiceAddressNawNr = 0;
@@ -5409,9 +5509,30 @@ class CheckoutComponent {
         // TODO: return this.userService.isApplicationUser;
         return true;
     }
+    ngOnInit() {
+        this.service.transactionKind = this.transactionType;
+    }
     // ngOnDestroy(): void {
     //   this._subscriptions.forEach(subscription => subscription.unsubscribe());
     // }
+    handleCreateTransaction(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.stepper.activeStep === 0 && (yield this.handleRelationValidation())) {
+                const success = yield this.service.saveRelation();
+                if (success) {
+                    yield this.service.updateHeaderTransactionDefinitive(this.service.currentTransaction.transactionInfo.uuid, true);
+                }
+            }
+            const response = yield this.service.saveTransaction();
+            if (response && response.isSuccess) {
+                const id = this.service.currentTransaction.transactionInfo.id;
+                this.service.currentTransaction = new TransactionInfoResponse();
+                this.service.relation = new CustomerFullObject();
+                this.service.articleAmount = 0;
+                this.transactionFinished.emit({ id: id, fromCheckout: this.showCreateTransactionButton });
+            }
+        });
+    }
     handleRelationValidation() {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.checkoutRelation && this.stepRelation) {
@@ -5419,6 +5540,7 @@ class CheckoutComponent {
                 if (valid) {
                     this.stepRelation.completed = yield this.saveRelation();
                 }
+                return valid;
             }
         });
     }
@@ -5435,13 +5557,7 @@ class CheckoutComponent {
                         }
                     }
                 }
-            }
-        });
-    }
-    handleFinishStep() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if ( /*this.checkoutDelivery && */this.stepPay) {
-                this.stepPay.completed = true;
+                return valid;
             }
         });
     }
@@ -5475,14 +5591,18 @@ class CheckoutComponent {
         this.service.currentTransaction = new TransactionInfoResponse();
         this.service.relation = new CustomerFullObject();
         this.service.articleAmount = 0;
-        this.transactionFinished.emit(id);
+        this.transactionFinished.emit({ id: id, fromCheckout: this.showCreateTransactionButton });
     }
 }
 CheckoutComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-checkout",
                 template: `
-    <co-stepper #stepper [finishButtonLabel]="'CHECKOUT_FINISH' | localize" (finishStep)="handleFinishStep()">
+    <co-stepper #stepper
+                [finishButtonLabel]="'CHECKOUT_FINISH' | localize"
+                [showCreate]="showCreateTransactionButton"
+                (createClicked)="handleCreateTransaction($event)"
+    >
       <co-stepper-step #stepRelation [index]="1" [label]="'YOUR_DATA' | localize" (validateStep)="handleRelationValidation()">
         <co-checkout-overview-relation-edit #checkoutRelation *ngIf="stepRelation.show" [(relation)]="service.relation"
                                             [deliveryAddressNawNr]="deliveryAddressNawNr"
@@ -5510,7 +5630,7 @@ CheckoutComponent.decorators = [
         <div class="co-checkout-right-panel-relation">
           <co-avatar [relationId]="sellerId"></co-avatar>
         </div>
-        <co-shopping-cart-preview [showCheckoutButton]="false" [withoutBorder]="true"></co-shopping-cart-preview>
+        <co-shopping-cart-preview *ngIf="!showCreateTransactionButton" [showCheckoutButton]="false" [withoutBorder]="true"></co-shopping-cart-preview>
       </div>
     </co-stepper>
   `,
@@ -5532,6 +5652,8 @@ CheckoutComponent.propDecorators = {
     checkoutDelivery: [{ type: ViewChild, args: ["checkoutDelivery",] }],
     checkoutPayment: [{ type: ViewChild, args: ["checkoutPayment",] }],
     sellerId: [{ type: Input }],
+    transactionType: [{ type: Input }],
+    showCreateTransactionButton: [{ type: Input }],
     transactionFinished: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-checkout",] }]
 };
@@ -7224,7 +7346,8 @@ StepperStepComponent.propDecorators = {
 class StepperComponent {
     constructor() {
         this.icons = Icon;
-        this.finishStep = new EventEmitter();
+        this.showCreate = false;
+        this.createClicked = new EventEmitter();
         this.firstStep = 0;
         this.truckPosition = 0;
         this._activeStep = 0;
@@ -7327,7 +7450,7 @@ StepperComponent.decorators = [
       <div class="stepper-button-wrapper">
         <co-button [label]="'BACK' | localize" *ngIf="canPrevious" (click)="gotoPrevious()"></co-button>
         <co-button [label]="'CONTINUE' | localize" *ngIf="canNext" (click)="gotoNext()"></co-button>
-        <co-button [label]="finishButtonLabel" *ngIf="finished" (click)="finishStep.emit()"></co-button>
+        <co-button [label]="'CREATE_TRANSACTION' | localize" *ngIf="showCreate" (click)="createClicked.emit($event)"></co-button>
       </div>
     </ng-template>
   `,
@@ -7338,7 +7461,8 @@ StepperComponent.propDecorators = {
     content: [{ type: ContentChildren, args: [StepperStepComponent,] }],
     child: [{ type: ViewChild, args: ['deliveryTruck', { read: ElementRef },] }],
     finishButtonLabel: [{ type: Input }],
-    finishStep: [{ type: Output }],
+    showCreate: [{ type: Input }],
+    createClicked: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-stepper",] }]
 };
 
@@ -9074,6 +9198,7 @@ var TransactionTypeCategory;
     TransactionTypeCategory["PurchaseOrderMenu"] = "purchaseOrderMenu";
     TransactionTypeCategory["SalesOrderOverview"] = "salesOrderOverview";
     TransactionTypeCategory["SalesOrderPurchase"] = "salesOrderPurchase";
+    TransactionTypeCategory["SalesOrderAllocation"] = "salesOrderAllocation";
     TransactionTypeCategory["SalesOrderLogistics"] = "salesOrderLogistics";
     TransactionTypeCategory["SalesOrderPlanning"] = "salesOrderPlanning";
     TransactionTypeCategory["SalesOrderDeliveryNote"] = "salesOrderDeliveryNote";
@@ -9226,9 +9351,7 @@ class TransactionReceiveGoodsService {
         this._subscriptions = [];
         this._subscriptions.push(this._transactionEventService.commitReceivePurchaseOrders.subscribe((value => {
             this.handleReceiveSelectedPurchaseOrders(value);
-        })), this._transactionEventService.transactionLineChanged.subscribe((value) => {
-            this._handleTransactionLineChanged(value);
-        }));
+        })));
     }
     handleReceiveSelectedPurchaseOrders(value) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -9260,15 +9383,9 @@ class TransactionReceiveGoodsService {
         selectedLines.forEach((line) => {
             line.quantityReceived += line.quantityToReceive;
             line.quantityToReceive -= line.quantityToReceive;
-            this._transactionEventService.selectAllLines.next(false);
+            this._transactionEventService.transactionLineChanged.next(line);
         });
-    }
-    _handleTransactionLineChanged(change) {
-        const receiveGoodViewModel = this.lines.find((line) => line.lineNr === change.transactionLine.lineNr);
-        if (receiveGoodViewModel) {
-            receiveGoodViewModel.quantityToReceive = change.goodsReceiptStatus.quantityToReceive;
-            receiveGoodViewModel.quantityReceived = change.goodsReceiptStatus.quantityReceived;
-        }
+        this._transactionEventService.selectAllLines.next(false);
     }
 }
 TransactionReceiveGoodsService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TransactionReceiveGoodsService_Factory() { return new TransactionReceiveGoodsService(i0.ɵɵinject(TransactionService), i0.ɵɵinject(TransactionEventService)); }, token: TransactionReceiveGoodsService, providedIn: "root" });
@@ -9341,7 +9458,6 @@ TransactionQuickAccessReceivedGoodsComponent.decorators = [
         <div class="button-wrapper receive" (click)="handleCommitEvent({date: this.commitDate, id: this.commitReferenceId})">
           <co-checkmark-overlay [successful]="resultSuccessful" [visible]="awaitingResult"></co-checkmark-overlay>
           <co-icon class="button-icon" [iconData]="iconService.getIcon(icons.GearSolid)" [class.hidden]="!iconVisible"></co-icon>
-<!--          <span class="button-title" [textContent]="'INSIDE' | localize"></span>-->
         </div>
         <div class="button-wrapper print">
           <co-icon class="button-icon" [iconData]="iconService.getIcon(icons.PrintSolid)"></co-icon>
@@ -9367,22 +9483,79 @@ TransactionQuickAccessReceivedGoodsComponent.propDecorators = {
 };
 
 class TransactionQuickAccessOverviewComponent extends TransactionBaseComponent {
+    constructor(iconService, service) {
+        super(service);
+        this.iconService = iconService;
+        this.service = service;
+        this.icons = Icon;
+        this.catalogOptions = {
+            searchOnStart: true,
+            showAddToCart: false,
+            showLookAtArticleButton: false,
+            showAddArticleButton: false
+        };
+        this.catalogParameters = {};
+        this.showCatalog = false;
+        this.searchText = "";
+    }
     showClass() {
         return true;
     }
+    handleSearch(text) {
+        this.showCatalogDialog();
+    }
+    handleAddArticle(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.service.addArticle(this.searchText);
+    }
+    handleSearchCatalog(event) {
+        this.showCatalogDialog();
+    }
+    handleCatalogArticleClick(article) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (yield this.service.addArticle(article.articleNumber)) {
+                this.showCatalog = false;
+            }
+        });
+    }
+    showCatalogDialog() {
+        this.catalogParameters.general = this.searchText;
+        this.catalogParameters.publicationCode = 71; // todo: fix this?
+        this.showCatalog = true;
+    }
 }
 TransactionQuickAccessOverviewComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-quick-access-overview",
                 template: `
         <co-input-search
+          [(model)]="searchText"
           [placeholder]="'SEARCH_ADD_ARTICLE' | localize"
           [centerLabel]="true"
+          [useLeftIcon]="true"
+          [leftIconData]="iconService.getIcon(icons.CartShoppingSolid)"
+          [useRightIcon]="true"
+          (leftIconClick)="handleAddArticle($event)"
+          (rightIconClick)="handleSearchCatalog($event)"
+          (search)="handleSearch($event)"
         ></co-input-search>
+        <co-dialog-catalog *ngIf="showCatalog"
+                           [options]="catalogOptions"
+                           [parameters]="catalogParameters"
+                           [showNavigation]="true"
+                           (closeClick)="showCatalog = false"
+                           (articleClicked)="handleCatalogArticleClick($event)"
+        >
+        </co-dialog-catalog>
     `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
+TransactionQuickAccessOverviewComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: TransactionService }
+];
 TransactionQuickAccessOverviewComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ["class.co-transaction-quick-access-overview",] }]
 };
@@ -9615,11 +9788,11 @@ class TransactionLineActionButtonsComponent {
         this.alignDirection = Direction.Down;
         this.waitingForUserAction = new EventEmitter();
         this.sidePanelButtonClicked = new EventEmitter();
-        this.showActionButtons = false;
         this.showActionButtonsDelayed = false;
         this.showTransactionArticleText = false;
         this.showTransactionArticleTextOverview = false;
         this.readonly = false;
+        this._showActionButtons = false;
     }
     set transactionLine(value) {
         this._transactionLine = value;
@@ -9628,6 +9801,15 @@ class TransactionLineActionButtonsComponent {
     get transactionLine() {
         return this._transactionLine;
     }
+    set showActionButtons(value) {
+        this._showActionButtons = value;
+        setTimeout(() => {
+            this.showActionButtonsDelayed = this._showActionButtons;
+        });
+    }
+    get showActionButtons() {
+        return this._showActionButtons;
+    }
     showClass() {
         return true;
     }
@@ -9705,6 +9887,7 @@ TransactionLineActionButtonsComponent.decorators = [
                 selector: "co-transaction-line-action-buttons",
                 template: `
     <div class="transaction-line-action-buttons-wrapper">
+<!--
       <div class="menu-button-container">
         <co-button
           class="action-menu-button circle"
@@ -9712,11 +9895,11 @@ TransactionLineActionButtonsComponent.decorators = [
           (click)="handleShowHideClick()">
         </co-button>
       </div>
+-->
 
-      <div class="action-buttons-container" clickOutside
+      <div class="action-buttons-container"
            *ngIf="showActionButtons"
-           [ngClass]="alignDirection"
-           (clickOutside)="handleShowHideClick()">
+           [ngClass]="alignDirection">
 
         <co-button
           class="transaction-line-overview-button circle action-button"
@@ -9768,6 +9951,7 @@ TransactionLineActionButtonsComponent.ctorParameters = () => [
 TransactionLineActionButtonsComponent.propDecorators = {
     transactionLine: [{ type: Input }],
     alignDirection: [{ type: Input }],
+    showActionButtons: [{ type: Input }],
     waitingForUserAction: [{ type: Output }],
     sidePanelButtonClicked: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-line-action-buttons",] }]
@@ -9786,7 +9970,6 @@ class TransactionLinesLineBaseComponent {
         this._line = value;
         this.isText = this._line.isText;
         this.isArticle = this._line.isArticle;
-        this.isSelected = this._line.isSelected;
         this.readonly = this._line.hasInvoices;
         this.transactionLineSet();
     }
@@ -9810,7 +9993,7 @@ TransactionLinesLineBaseComponent.propDecorators = {
     waitingForUserAction: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-base-line",] }],
     preview: [{ type: HostBinding, args: ["class.preview",] }, { type: Input }],
-    isSelected: [{ type: HostBinding, args: ["class.is-selected",] }, { type: Input, args: ['selected',] }],
+    selected: [{ type: HostBinding, args: ["class.is-selected",] }, { type: Input }],
     isText: [{ type: HostBinding, args: ["class.is-text",] }],
     isArticle: [{ type: HostBinding, args: ["class.is-article",] }]
 };
@@ -9861,7 +10044,7 @@ TransactionOverviewLineComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-overview-line",
                 template: `
-    <co-transaction-base-line [line]="line" [preview]="preview">
+    <co-transaction-base-line [line]="line" [preview]="preview" [selected]="selected">
       <ng-container *ngIf="line.isArticle">
         <div class="transaction-line-wrapper">
           <div *ngIf=!preview class="transaction-line-extended-wrapper">
@@ -10003,7 +10186,7 @@ TransactionOrderDeliveryLineComponent.decorators = [
         </div>
         <div class="row-2">
           <co-transaction-line-delivery-date-button [transactionLine]="line"></co-transaction-line-delivery-date-button>
-          <co-transaction-line-statusbar [transaction]="line" [transactionKind]="transactionKind"></co-transaction-line-statusbar>
+          <co-transaction-line-statusbar [transaction]="line" [transactionKind]="transactionKind" [transactionTypeCategory]="activeCategory"></co-transaction-line-statusbar>
         </div>
       </div>
       <div class="transaction-line-totals-custom-grid" [class.hidden]="!deliveryOrderStatus">
@@ -10027,7 +10210,7 @@ TransactionOrderDeliveryLineComponent.decorators = [
         ></co-editable-label>
         <div class="transaction-line-totals-amount" *ngIf="deliveryOrderStatus?.quantityToDeliver !== 0 && service.currentTransaction.transactionInfo.allowPartialDelivery"
              [class.fully-delivered]="line.quantityDelivered === line.amount"
-             [class.partially-delivered]="line.quantityDelivered !== line.amount">
+             [class.partially-delivered]="line.quantityDelivered !== line.amount && line.quantityDelivered !== 0">
           <co-input-number-picker class="amount-number-picker"
                                   [(model)]="localAmount"
                                   [min]="!service.currentTransaction.transactionInfo.allowPartialDelivery ? line.amount : 1"
@@ -10037,7 +10220,7 @@ TransactionOrderDeliveryLineComponent.decorators = [
         </div>
         <co-editable-label class="transaction-line-totals-total price" *ngIf="deliveryOrderStatus?.quantityToDeliver === 0 || !service.currentTransaction.transactionInfo.allowPartialDelivery"
                            [class.fully-delivered]="line.quantityDelivered === line.amount"
-                           [class.partially-delivered]="line.quantityDelivered !== line.amount"
+                           [class.partially-delivered]="line.quantityDelivered !== line.amount && line.quantityDelivered !== 0"
                            [model]="deliveryOrderStatus?.quantityToDeliver.toString()"
                            [readonly]="true"
         ></co-editable-label>
@@ -10117,7 +10300,7 @@ TransactionQuickAccessOrderDeliveryComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ["class.co-transaction-quick-access-order-delivery",] }]
 };
 
-class ReceiveGoodViewModel extends TransactionLineInfo {
+class ExtendedTransactionLineViewModel extends TransactionLineInfo {
 }
 
 class TransactionReceiveGoodsLineComponent extends TransactionLinesLineBaseComponent {
@@ -10129,7 +10312,7 @@ class TransactionReceiveGoodsLineComponent extends TransactionLinesLineBaseCompo
         this._transactionEventService = _transactionEventService;
         this._transactionReceiveGoodsService = _transactionReceiveGoodsService;
         this.icons = Icon;
-        this.viewModel = new ReceiveGoodViewModel();
+        this.viewModel = new ExtendedTransactionLineViewModel();
         this._subscriptions = [];
     }
     showClass() {
@@ -10140,7 +10323,12 @@ class TransactionReceiveGoodsLineComponent extends TransactionLinesLineBaseCompo
         this._initViewModel();
         this._subscriptions.push(this._transactionEventService.selectAllLines.subscribe((value) => {
             this.viewModel.selected = this.viewModel.quantityReceived === this.viewModel.amount || this.viewModel.quantityToReceive < 0 ? false : value;
-        }), this.lineVisible.subscribe(() => this.handleRowVisible()));
+        }), this._transactionEventService.transactionLineChanged.subscribe((line) => {
+            if (line.lineNr === this.viewModel.lineNr) {
+                this.viewModel.quantityToReceive = line.quantityToReceive;
+                this.viewModel.quantityReceived = line.quantityReceived;
+            }
+        }));
     }
     ngOnDestroy() {
         this._subscriptions.forEach(s => s.unsubscribe());
@@ -10187,7 +10375,7 @@ TransactionReceiveGoodsLineComponent.decorators = [
         ></co-editable-label>
         <div class="transaction-line-totals-amount"
              [class.fully-delivered]="viewModel.quantityReceived === viewModel.amount"
-             [class.partially-delivered]="viewModel.quantityReceived !== viewModel.amount">
+             [class.partially-delivered]="viewModel.quantityReceived !== viewModel.amount && viewModel.quantityReceived !== 0">
           <co-input-number-picker class="amount-number-picker"
                                   [(model)]="viewModel.quantityToReceive"
                                   [min]="!allowPartialDelivery ? viewModel.amount : 1"
@@ -10262,7 +10450,7 @@ TransactionPurchaseLineComponent.decorators = [
             </div>
             <div class="column2">
               <co-transaction-line-delivery-button [transactionLine]="line" [transactionInfo]="service.currentTransaction.transactionInfo"></co-transaction-line-delivery-button>
-              <co-transaction-line-statusbar [transaction]="line" [transactionKind]="service.currentTransaction.transactionInfo.transactionKind"></co-transaction-line-statusbar>
+              <co-transaction-line-statusbar [transaction]="line" [transactionKind]="service.currentTransaction.transactionInfo.transactionKind" [transactionTypeCategory]="activeCategory"></co-transaction-line-statusbar>
             </div>
             <div class="column3">
               <co-transaction-line-supplier-button [transactionLine]="line" [transactionInfo]="service.currentTransaction.transactionInfo"></co-transaction-line-supplier-button>
@@ -10427,110 +10615,328 @@ TransactionSalesPurchaseButtonBarButtonComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ['class.co-transaction-sales-purchase-button-bar-button',] }]
 };
 
-class TransactionMappingService {
-    constructor() {
-        this._buttonBarTransaction = new Map([
-            [TransactionKind.PurchaseOrder, [
-                    { title: 'OVERVIEW', icon: Icon.CartShoppingSolid, category: TransactionTypeCategory.PurchaseOrderOverview },
-                    { title: 'CONFIRMATION', icon: Icon.MemoCircleCheckSolid, category: TransactionTypeCategory.PurchaseOrderOrderConfirmation },
-                    { title: 'TRANSPORT', icon: Icon.TruckContainerSolid, category: TransactionTypeCategory.PurchaseOrderTransport },
-                    { title: 'RECEIVED', icon: Icon.CartFlatbedBoxesSolid, category: TransactionTypeCategory.PurchaseOrderReceivedGoods },
-                    { title: 'INVOICE_CHECK', icon: Icon.Tag, category: TransactionTypeCategory.PurchaseOrderInvoiceCheck },
-                    { title: 'MENU', icon: Icon.Tag, category: TransactionTypeCategory.PurchaseOrderMenu }
-                ]],
-            [TransactionKind.SalesOrder, [
-                    { title: 'OVERVIEW', icon: Icon.CartShoppingSolid, category: TransactionTypeCategory.SalesOrderOverview },
-                    { title: 'PURCHASE', icon: Icon.PalletBoxesSolid, category: TransactionTypeCategory.SalesOrderPurchase, component: TransactionSalesPurchaseButtonBarButtonComponent },
-                    { title: 'LOGISTICS', icon: Icon.ShelvesSolid, category: TransactionTypeCategory.SalesOrderLogistics },
-                    { title: 'PLANNING', icon: Icon.TruckMovingSolid, category: TransactionTypeCategory.SalesOrderPlanning },
-                    { title: 'DELIVERY_NOTE', icon: Icon.MemoCircleCheckSolid, category: TransactionTypeCategory.SalesOrderDeliveryNote },
-                    { title: 'INVOICE', icon: Icon.CartCheck, category: TransactionTypeCategory.SalesOrderInvoice }
-                ]],
-        ]);
-        this._quickAccessComponent = new Map([
-            [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderOrderConfirmation }, TransactionQuickAccessOrderConfirmationComponent],
-            [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderReceivedGoods }, TransactionQuickAccessReceivedGoodsComponent],
-            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderOverview }, TransactionQuickAccessOverviewComponent],
-            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderPurchase }, TransactionQuickAccessOrderPurchaseComponent],
-            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderDeliveryNote }, TransactionQuickAccessOrderDeliveryComponent]
-        ]);
-        this._transactionGridComponent = new Map([
-            [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderOverview }, TransactionLinesGridComponent],
-            [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderOrderConfirmation }, TransactionOrderConfirmationGridComponent],
-            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderOverview }, TransactionLinesGridComponent]
-        ]);
-        this._transactionLineComponent = new Map([
-            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderOverview }, TransactionOverviewLineComponent],
-            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderPurchase }, TransactionPurchaseLineComponent],
-            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderDeliveryNote }, TransactionOrderDeliveryLineComponent],
-            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderInvoice }, TransactionOrderDeliveryLineComponent],
-            [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderReceivedGoods }, TransactionReceiveGoodsLineComponent],
-        ]);
-        this._transactionFilterComponent = new Map([
-            [{ type: TransactionKind.SalesOrder }, TransactionSalesOrderFilterComponent],
-            [{ type: TransactionKind.PurchaseOrder }, TransactionPurchaseOrderFilterComponent],
-        ]);
-        this._transactionSearchGridComponent = new Map([
-            [{ type: TransactionKind.SalesOrder }, TransactionSearchSalesOrderGridComponent],
-            [{ type: TransactionKind.PurchaseOrder }, TransactionSearchPurchaseOrderGridComponent],
-        ]);
-        this._transactionSearchTileComponent = new Map([
-            [{ type: TransactionKind.SalesOrder }, TransactionSearchSalesOrderTileComponent],
-            [{ type: TransactionKind.PurchaseOrder }, TransactionSearchPurchaseOrderTileComponent],
-        ]);
-    }
-    getButtonBar(type) {
-        if (this._buttonBarTransaction.has(type)) {
-            return this._buttonBarTransaction.get(type);
-        }
-        return [];
+class TransactionAllocateGoodsService {
+    constructor(_transactionService, _transactionEventService) {
+        this._transactionService = _transactionService;
+        this._transactionEventService = _transactionEventService;
+        this.lines = [];
+        this._subscriptions = [];
+        this._subscriptions.push(this._transactionEventService.commitReceivePurchaseOrders.subscribe(() => {
+            this.handleAllocateSelectedPurchaseOrders();
+        }));
     }
-    getQuickAccessComponent(type, category) {
-        const key = {
-            type: type,
-            category: category
-        };
-        let entry;
-        this._quickAccessComponent.forEach((v, t, m) => {
-            if (t.type === key.type && t.category === key.category) {
-                entry = v;
-                return;
+    handleAllocateSelectedPurchaseOrders() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const selectedLines = this.lines.filter((line) => line.selected && line.quantityToAllocate > 0);
+            if (selectedLines.length > 0) {
+                const allocateGoodsRequest = new AllocateGoodsForSalesOrderRequest();
+                allocateGoodsRequest.transId = selectedLines[0].transId;
+                allocateGoodsRequest.salesOrderLineAllocationDetailsDTOS = [];
+                selectedLines.forEach((line) => {
+                    const detail = new SalesOrderLineAllocationDetails();
+                    detail.lineNr = line.lineNr;
+                    detail.quantityToAllocate = line.quantityToAllocate;
+                    detail.warehouseNr = line.warehouseNumber;
+                    detail.locationNr = line.locationNr;
+                    allocateGoodsRequest.salesOrderLineAllocationDetailsDTOS.push(detail);
+                });
+                const success = yield this._transactionService.allocateGoodsForSalesOrder(allocateGoodsRequest);
+                if (success) {
+                    this._handleAfterCommitReceivedOrders(selectedLines);
+                }
+                return !!success;
             }
+            return false;
         });
-        return entry;
     }
-    getTransactionGridComponent(type, category) {
-        const key = {
-            type: type,
-            category: category
-        };
-        let entry;
-        this._transactionGridComponent.forEach((v, t, m) => {
-            if (t.type === key.type && t.category === key.category) {
-                entry = v;
-                return;
-            }
+    _handleAfterCommitReceivedOrders(selectedLines) {
+        selectedLines.forEach((line) => {
+            line.quantityAllocated += line.quantityToAllocate;
+            line.quantityToAllocate -= line.quantityToAllocate;
+            this._transactionEventService.transactionLineChanged.next(line);
         });
-        return entry;
+        this._transactionEventService.selectAllLines.next(false);
     }
-    getTransactionLineComponent(type, category) {
-        const key = {
-            type: type,
-            category: category
-        };
-        let entry;
-        this._transactionLineComponent.forEach((v, t) => {
-            if (t.type === key.type && t.category === key.category) {
-                entry = v;
-                return;
+}
+TransactionAllocateGoodsService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TransactionAllocateGoodsService_Factory() { return new TransactionAllocateGoodsService(i0.ɵɵinject(TransactionService), i0.ɵɵinject(TransactionEventService)); }, token: TransactionAllocateGoodsService, providedIn: "root" });
+TransactionAllocateGoodsService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: "root"
+            },] }
+];
+TransactionAllocateGoodsService.ctorParameters = () => [
+    { type: TransactionService },
+    { type: TransactionEventService }
+];
+
+class TransactionGoodsAllocationLineComponent extends TransactionLinesLineBaseComponent {
+    constructor(iconCacheService, service, _transactionService, _transactionEventService, _transactionAllocateGoodsService) {
+        super();
+        this.iconCacheService = iconCacheService;
+        this.service = service;
+        this._transactionService = _transactionService;
+        this._transactionEventService = _transactionEventService;
+        this._transactionAllocateGoodsService = _transactionAllocateGoodsService;
+        this.icons = Icon;
+        this.viewModel = new ExtendedTransactionLineViewModel();
+        this._subscriptions = [];
+    }
+    showClass() {
+        return true;
+    }
+    ngOnInit() {
+        this._initViewModel();
+        this.transactionKind = this.service.currentTransaction.transactionInfo.transactionKind;
+        this._subscriptions.push(this._transactionEventService.selectAllLines.subscribe((value) => {
+            this.viewModel.selected = this.viewModel.quantityAllocated === this.viewModel.amount || this.viewModel.quantityToAllocate < 0 ? false : value;
+        }), this._transactionEventService.transactionLineChanged.subscribe((line) => {
+            if (line.lineNr === this.viewModel.lineNr) {
+                this.viewModel.quantityToAllocate = line.quantityToAllocate;
+                this.viewModel.quantityAllocated = line.quantityAllocated;
             }
-        });
-        return entry;
+        }));
     }
-    getTransactionFilterComponent(type) {
-        const key = {
-            type: type
-        };
+    ngOnDestroy() {
+        this._subscriptions.forEach(s => s.unsubscribe());
+        this._transactionAllocateGoodsService.lines = [];
+    }
+    handleRowVisible() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.line.isArticle) {
+                const goodsAllocationStatus = yield this._transactionService.getGoodsAllocationStatus(this.transactionId, this.line.lineNr);
+                this.viewModel.quantityToAllocate = goodsAllocationStatus.quantityToAllocate;
+                this.viewModel.quantityAllocated = goodsAllocationStatus.quantityAllocated;
+                this.viewModel.selected = this.viewModel.quantityAllocated !== this.viewModel.amount && !this.viewModel.isSerialNrRequired && !this.viewModel.isBatchNrRequired && this.viewModel.quantityToAllocate > 0;
+                this._transactionAllocateGoodsService.lines.push(this.viewModel);
+            }
+        });
+    }
+    handleLineClicked(mouseClick) {
+        const target = mouseClick.target;
+        if (target && target.dataset && target.dataset['action'] && target.dataset['action'] === 'openSidePanel') {
+            this._transactionEventService.openSidePanel.next(this.line);
+        }
+    }
+    _initViewModel() {
+        Object.assign(this.viewModel, this.line);
+        this.viewModel.quantityToAllocate = 0;
+        this.viewModel.quantityAllocated = 0;
+        this.viewModel.lineNr = this.line.lineNr;
+        this.viewModel.transId = this.transactionId;
+    }
+}
+TransactionGoodsAllocationLineComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-goods-allocation-line",
+                template: `
+    <co-transaction-base-line [line]="viewModel" [preview]="preview" [actionButtons]="false" (click)="handleLineClicked($event)" observeVisibility (visible)="handleRowVisible()">
+      <div class="line-content-wrapper" data-action="openSidePanel">
+        <co-transaction-line-warehouse-button [transactionLine]="viewModel" [readonly]="viewModel.quantityAllocated === viewModel.amount" [transactionInfo]="service.currentTransaction.transactionInfo"></co-transaction-line-warehouse-button>
+        <co-transaction-line-warehouse-location-button [readonly]="viewModel.quantityAllocated === viewModel.amount || !viewModel.isLocationRequired" [line]="viewModel"></co-transaction-line-warehouse-location-button>
+        <co-editable-label class="transaction-line-totals-total price"
+                           [model]="viewModel.amount.toString() + 'x'"
+                           [readonly]="true"
+        ></co-editable-label>
+        <co-transaction-line-statusbar class="status-bar-wrapper" [transaction]="line" [transactionKind]="transactionKind" [transactionTypeCategory]="activeCategory"></co-transaction-line-statusbar>
+        <div class="transaction-line-totals-amount"
+             [class.fully-delivered]="viewModel.quantityAllocated === viewModel.amount"
+             [class.partially-delivered]="viewModel.quantityAllocated !== viewModel.amount && viewModel.quantityAllocated !== 0">
+          <co-input-number-picker class="amount-number-picker"
+                                  [(model)]="viewModel.quantityToAllocate"
+                                  [min]="1"
+                                  [max]="viewModel.amount - viewModel.quantityAllocated"
+                                  [readonly]="readonly || viewModel.quantityAllocated === viewModel.amount"
+          ></co-input-number-picker>
+        </div>
+        <co-input-checkbox class="transaction-line-checkbox"
+                           [(model)]="viewModel.selected"
+                           [disabled]="viewModel.quantityAllocated === viewModel.amount"
+        ></co-input-checkbox>
+      </div>
+    </co-transaction-base-line>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionGoodsAllocationLineComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: TransactionService },
+    { type: TransactionService },
+    { type: TransactionEventService },
+    { type: TransactionAllocateGoodsService }
+];
+TransactionGoodsAllocationLineComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-goods-allocation-line",] }]
+};
+
+class TransactionQuickAccessGoodsAllocationComponent extends TransactionBaseComponent {
+    constructor(iconService, _transactionService, _transactionEventService, _allocateGoodsService) {
+        super(_transactionService);
+        this.iconService = iconService;
+        this._transactionService = _transactionService;
+        this._transactionEventService = _transactionEventService;
+        this._allocateGoodsService = _allocateGoodsService;
+        this.icons = Icon;
+        this.awaitingResult = false;
+        this.resultSuccessful = false;
+        this.iconVisible = true;
+    }
+    showClass() {
+        return true;
+    }
+    handleSelectAllLines(value) {
+        this._transactionEventService.selectAllLines.next(value);
+    }
+    handleCommitEvent() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.iconVisible = false;
+            this.resultSuccessful = false;
+            this.awaitingResult = true;
+            this.resultSuccessful = yield this._allocateGoodsService.handleAllocateSelectedPurchaseOrders();
+            this.awaitingResult = false;
+            setTimeout(() => {
+                this.iconVisible = true;
+            }, 600);
+        });
+    }
+}
+TransactionQuickAccessGoodsAllocationComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-quick-access-goods-allocation",
+                template: `
+    <div class="quick-access-content-wrapper">
+      <div class="select-all-wrapper">
+        <co-input-checkbox
+          [label]="'SELECT_ALL_LINES' | localize"
+          (modelChange)="handleSelectAllLines($event)"
+        ></co-input-checkbox>
+      </div>
+      <div class="button-wrapper" (click)="handleCommitEvent()">
+        <co-checkmark-overlay [successful]="resultSuccessful" [visible]="awaitingResult"></co-checkmark-overlay>
+        <co-icon class="button-icon" [iconData]="iconService.getIcon(icons.GearSolid)" [class.hidden]="!iconVisible"></co-icon>
+      </div>
+    </div>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionQuickAccessGoodsAllocationComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: TransactionService },
+    { type: TransactionEventService },
+    { type: TransactionAllocateGoodsService }
+];
+TransactionQuickAccessGoodsAllocationComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-quick-access-goods-allocation",] }]
+};
+
+class TransactionMappingService {
+    constructor() {
+        this._buttonBarTransaction = new Map([
+            [TransactionKind.PurchaseOrder, [
+                    { title: 'OVERVIEW', icon: Icon.CartShoppingSolid, category: TransactionTypeCategory.PurchaseOrderOverview },
+                    { title: 'CONFIRMATION', icon: Icon.MemoCircleCheckSolid, category: TransactionTypeCategory.PurchaseOrderOrderConfirmation },
+                    { title: 'TRANSPORT', icon: Icon.TruckContainerSolid, category: TransactionTypeCategory.PurchaseOrderTransport },
+                    { title: 'RECEIVED', icon: Icon.CartFlatbedBoxesSolid, category: TransactionTypeCategory.PurchaseOrderReceivedGoods },
+                    { title: 'INVOICE_CHECK', icon: Icon.Tag, category: TransactionTypeCategory.PurchaseOrderInvoiceCheck },
+                    { title: 'MENU', icon: Icon.Tag, category: TransactionTypeCategory.PurchaseOrderMenu }
+                ]],
+            [TransactionKind.SalesOrder, [
+                    { title: 'OVERVIEW', icon: Icon.CartShoppingSolid, category: TransactionTypeCategory.SalesOrderOverview },
+                    { title: 'PURCHASE', icon: Icon.PalletBoxesSolid, category: TransactionTypeCategory.SalesOrderPurchase, component: TransactionSalesPurchaseButtonBarButtonComponent },
+                    { title: 'ALLOCATION', icon: Icon.ShelvesSolid, category: TransactionTypeCategory.SalesOrderAllocation },
+                    { title: 'LOGISTICS', icon: Icon.ShelvesSolid, category: TransactionTypeCategory.SalesOrderLogistics },
+                    { title: 'PLANNING', icon: Icon.TruckMovingSolid, category: TransactionTypeCategory.SalesOrderPlanning },
+                    { title: 'DELIVERY_NOTE', icon: Icon.MemoCircleCheckSolid, category: TransactionTypeCategory.SalesOrderDeliveryNote },
+                    { title: 'INVOICE', icon: Icon.CartCheck, category: TransactionTypeCategory.SalesOrderInvoice }
+                ]],
+        ]);
+        this._quickAccessComponent = new Map([
+            [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderOrderConfirmation }, TransactionQuickAccessOrderConfirmationComponent],
+            [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderReceivedGoods }, TransactionQuickAccessReceivedGoodsComponent],
+            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderOverview }, TransactionQuickAccessOverviewComponent],
+            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderPurchase }, TransactionQuickAccessOrderPurchaseComponent],
+            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderAllocation }, TransactionQuickAccessGoodsAllocationComponent],
+            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderDeliveryNote }, TransactionQuickAccessOrderDeliveryComponent]
+        ]);
+        this._transactionGridComponent = new Map([
+            [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderOverview }, TransactionLinesGridComponent],
+            [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderOrderConfirmation }, TransactionOrderConfirmationGridComponent],
+            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderOverview }, TransactionLinesGridComponent]
+        ]);
+        this._transactionLineComponent = new Map([
+            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderOverview }, TransactionOverviewLineComponent],
+            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderPurchase }, TransactionPurchaseLineComponent],
+            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderAllocation }, TransactionGoodsAllocationLineComponent],
+            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderDeliveryNote }, TransactionOrderDeliveryLineComponent],
+            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderInvoice }, TransactionOrderDeliveryLineComponent],
+            [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderReceivedGoods }, TransactionReceiveGoodsLineComponent],
+        ]);
+        this._transactionFilterComponent = new Map([
+            [{ type: TransactionKind.SalesOrder }, TransactionSalesOrderFilterComponent],
+            [{ type: TransactionKind.PurchaseOrder }, TransactionPurchaseOrderFilterComponent],
+        ]);
+        this._transactionSearchGridComponent = new Map([
+            [{ type: TransactionKind.SalesOrder }, TransactionSearchSalesOrderGridComponent],
+            [{ type: TransactionKind.PurchaseOrder }, TransactionSearchPurchaseOrderGridComponent],
+        ]);
+        this._transactionSearchTileComponent = new Map([
+            [{ type: TransactionKind.SalesOrder }, TransactionSearchSalesOrderTileComponent],
+            [{ type: TransactionKind.PurchaseOrder }, TransactionSearchPurchaseOrderTileComponent],
+        ]);
+    }
+    getButtonBar(type) {
+        if (this._buttonBarTransaction.has(type)) {
+            return this._buttonBarTransaction.get(type);
+        }
+        return [];
+    }
+    getQuickAccessComponent(type, category) {
+        const key = {
+            type: type,
+            category: category
+        };
+        let entry;
+        this._quickAccessComponent.forEach((v, t, m) => {
+            if (t.type === key.type && t.category === key.category) {
+                entry = v;
+                return;
+            }
+        });
+        return entry;
+    }
+    getTransactionGridComponent(type, category) {
+        const key = {
+            type: type,
+            category: category
+        };
+        let entry;
+        this._transactionGridComponent.forEach((v, t, m) => {
+            if (t.type === key.type && t.category === key.category) {
+                entry = v;
+                return;
+            }
+        });
+        return entry;
+    }
+    getTransactionLineComponent(type, category) {
+        const key = {
+            type: type,
+            category: category
+        };
+        let entry;
+        this._transactionLineComponent.forEach((v, t) => {
+            if (t.type === key.type && t.category === key.category) {
+                entry = v;
+                return;
+            }
+        });
+        return entry;
+    }
+    getTransactionFilterComponent(type) {
+        const key = {
+            type: type
+        };
         let entry;
         this._transactionFilterComponent.forEach((v, t, m) => {
             if (t.type === key.type) {
@@ -10638,6 +11044,7 @@ class TransactionLineComponent {
             this._componentRef.instance.selected = this.selected;
             this._componentRef.instance.line = this.line;
             this._componentRef.instance.transactionId = this.transactionId;
+            this._componentRef.instance.activeCategory = this.activeCategory;
             this._componentRef.instance.waitingForUserAction = this.waitingForUserAction;
             this._componentRef.instance.lineVisible = this.lineVisible;
         }
@@ -10817,7 +11224,9 @@ TransactionLinesComponent.decorators = [
         </div>
       </div>
     </div>
-        <co-button *ngIf=!preview class="add-text-button circle" [iconData]="iconCacheService.getIcon(icons.TextSolid)" (click)="handleTransactionArticleText($event)"></co-button>
+    <co-button *ngIf="!preview && transactionLines.length === 0" class="add-text-button circle"
+               [iconData]="iconCacheService.getIcon(icons.TextSolid)"
+               (click)="handleTransactionArticleText($event)"></co-button>
     <co-transaction-article-text *ngIf="showTransactionArticleText"
                                  [header]="'PRODUCT_DESCRIPTION_AND_TEXTS' | localize"
                                  [transactionLine]="selectedArticleText"
@@ -12671,7 +13080,7 @@ CheckoutOverviewPaymentComponent.decorators = [
     </div>
     <co-payment
       [transactionUuid]="transaction.transactionInfo.uuid"
-      [amount]="transaction.transactionTotal.netAmount"
+      [amount]="transaction.transactionInfo.toDownPayAmount"
       [currencyId]="transaction.transactionInfo.currencyId"
       (payed)="handlePayed()"
     ></co-payment>
@@ -13981,7 +14390,7 @@ TransactionHeaderDownpaymentAmountComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-header-downpayment-amount",
                 template: `
-    <span *ngIf="(!editMode  || readonly) && !defaultEditMode" [textContent]="transactionInfo.toDownPayAmount | coCurrency"></span>
+    <span *ngIf="(!editMode  || readonly) && !defaultEditMode" [textContent]="(transactionInfo.toDownPayAmount | coCurrency) || '...'"></span>
     <co-input-text #input *ngIf="editMode || defaultEditMode"
                    [type]="'number'"
                    [placeholder]="showLabel ? ('DOWNPAYMENT' | localize) : ''"
@@ -14524,7 +14933,7 @@ TransactionLineSidePanelComponent.decorators = [
           <span class="side-panel-header-field" [textContent]="transactionLine.amount"></span>
         </div>
         <div class="side-panel-header-divider"></div>
-        <div class="transaction-line-side-panel-header-item">
+        <div class="transaction-line-side-panel-header-item hidden">
         <span class="side-panel-header-label"
               [textContent]="activeCategory === categories.PurchaseOrderReceivedGoods ? ('OPEN' | localize) : ('PRICE' | localize)"></span>
           <span class="side-panel-header-field"
@@ -14548,6 +14957,13 @@ TransactionLineSidePanelComponent.decorators = [
               (quantityToReceiveChange)="quantityToReceive = $event"
             ></co-transaction-line-side-panel-purchase>
           </ng-container>
+          <ng-container *ngSwitchCase="transactionTypes.SalesOrder">
+            <co-transaction-line-side-panel-sales
+              [transactionLine]="transactionLine"
+              [transactionInfo]="transactionInfo"
+              [category]="activeCategory"
+            ></co-transaction-line-side-panel-sales>
+          </ng-container>
           <ng-container *ngSwitchDefault>
             <co-transaction-line-side-panel-purchase
               [transactionLine]="transactionLine"
@@ -14688,6 +15104,7 @@ TransactionComponent.decorators = [
       <co-transaction-tile
         *ngFor="let transaction of transaction.transactionLines"
         [transactionLine]="transaction"
+        [activeCategory]="activeCategory"
         (showSidePanelClicked)="handleShowSidePanel($event)"
       ></co-transaction-tile>
     </div>
@@ -14735,25 +15152,27 @@ TransactionComponent.ctorParameters = () => [
     { type: TransactionEventService }
 ];
 TransactionComponent.propDecorators = {
+    sidePanelComponents: [{ type: ViewChildren, args: [TransactionLineSidePanelComponent,] }],
     relation: [{ type: Input }],
     transaction: [{ type: Input }],
     transactionId: [{ type: Input }],
     showHeader: [{ type: Input }],
     showQuickAccess: [{ type: HostBinding, args: ['class.show-quick-access',] }, { type: Input }],
     showButtonBar: [{ type: HostBinding, args: ['class.show-button-bar',] }, { type: Input }],
-    showClass: [{ type: HostBinding, args: ["class.co-transaction",] }],
-    sidePanelComponents: [{ type: ViewChildren, args: [TransactionLineSidePanelComponent,] }]
+    showClass: [{ type: HostBinding, args: ["class.co-transaction",] }]
 };
 
 class TransactionHeaderComponent {
     constructor() {
         this.icons = Icon;
         this.relation = new CustomerFullObject();
+        this.isPurchaseOrder = false;
         this._transaction = new TransactionInfoResponse();
     }
     set transaction(value) {
         if (value) {
             this._transaction = value;
+            this.isPurchaseOrder = this._transaction.transactionInfo.transactionKind === TransactionKind.PurchaseOrder;
         }
     }
     get transaction() {
@@ -14770,8 +15189,8 @@ TransactionHeaderComponent.decorators = [
     <div class="transaction-header-wrapper">
       <co-carousel>
         <co-transaction-header-relation #carouselItem [relation]="relation"></co-transaction-header-relation>
-        <div class="transaction-header-divider">&nbsp;</div>
-        <co-transaction-header-order #carouselItem [transaction]="transaction"></co-transaction-header-order>
+        <div class="transaction-header-divider" *ngIf="!isPurchaseOrder">&nbsp;</div>
+        <co-transaction-header-order *ngIf="!isPurchaseOrder" #carouselItem [transaction]="transaction"></co-transaction-header-order>
         <div class="transaction-header-divider">&nbsp;</div>
         <co-transaction-header-payment #carouselItem [transaction]="transaction"></co-transaction-header-payment>
         <div class="transaction-header-divider">&nbsp;</div>
@@ -15240,9 +15659,9 @@ TransactionHeaderPaymentComponent.decorators = [
       <div class="header-block-balance" *ngIf="transactionInfo.transactionKind !== transactionKind.PurchaseOrder" (click)="openPayment($event)">
         <co-icon class="payment-icon" [iconData]="iconService.getIcon(icons.CreditCardSolid)"></co-icon>
         <div class="payment-payed-wrapper">
-          <span class="payment-to-pay" [textContent]="toPay | priceDisplay"></span>
+          <span class="payment-to-pay" [textContent]="(toPay | priceDisplay) || 0"></span>
           <span class="payment-divider" [textContent]="'/'"></span>
-          <span class="payment-paid" [class.success]="paid >= toPay" [textContent]="paid | priceDisplay"></span>
+          <span class="payment-paid" [class.success]="paid >= toPay" [textContent]="(paid | priceDisplay) || 0"></span>
         </div>
       </div>
     </ng-template>
@@ -15350,9 +15769,11 @@ TransactionHeaderModule.decorators = [
 ];
 
 class TransactionLineStatusbarComponent {
-    constructor(_dictionary) {
+    constructor(_dictionary, _transactionEventService) {
         this._dictionary = _dictionary;
+        this._transactionEventService = _transactionEventService;
         this.showClass = true;
+        this._subscriptions = [];
     }
     set transaction(value) {
         this._transaction = value;
@@ -15363,6 +15784,15 @@ class TransactionLineStatusbarComponent {
     }
     ngOnInit() {
         this.setStatusbarData();
+        this._subscriptions.push(this._transactionEventService.transactionLineChanged.subscribe((line) => {
+            if (line.lineNr === this.transaction.lineNr) {
+                this.transaction.quantityAllocatedFromStock = line.quantityAllocated;
+                this.setStatusbarData();
+            }
+        }));
+    }
+    ngOnDestroy() {
+        this._subscriptions.forEach((subscription) => subscription.unsubscribe());
     }
     setStatusbarData() {
         if (this.transactionKind === TransactionKind.PurchaseOrder) {
@@ -15371,6 +15801,7 @@ class TransactionLineStatusbarComponent {
         else {
             this.setStatusbardataForSalesOrder();
         }
+        this.setFocusedStatusBlock();
     }
     setStatusbardataForSalesOrder() {
         const transaction = this._transaction;
@@ -15406,22 +15837,40 @@ class TransactionLineStatusbarComponent {
         }
         return Math.floor((amount / totalAmount) * 100);
     }
+    setFocusedStatusBlock() {
+        switch (this.transactionTypeCategory) {
+            case TransactionTypeCategory.SalesOrderPurchase:
+                this.focusedStatusIndex = 0;
+                break;
+            case TransactionTypeCategory.SalesOrderAllocation:
+                this.focusedStatusIndex = 1;
+                break;
+            case TransactionTypeCategory.SalesOrderDeliveryNote:
+                this.focusedStatusIndex = 7;
+                break;
+            case TransactionTypeCategory.SalesOrderInvoice:
+                this.focusedStatusIndex = 8;
+                break;
+        }
+    }
 }
 TransactionLineStatusbarComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-line-statusbar",
                 template: `
-    <co-statusbar [statusbarData]="statusbarData"></co-statusbar>
+    <co-statusbar [statusbarData]="statusbarData" [focusedStatusIndex]="focusedStatusIndex"></co-statusbar>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
 TransactionLineStatusbarComponent.ctorParameters = () => [
-    { type: DictionaryService }
+    { type: DictionaryService },
+    { type: TransactionEventService }
 ];
 TransactionLineStatusbarComponent.propDecorators = {
     transaction: [{ type: Input }],
     transactionKind: [{ type: Input }],
+    transactionTypeCategory: [{ type: Input }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-line-statusbar",] }]
 };
 
@@ -16936,7 +17385,7 @@ class TransactionReceivingGoodsHistoryComponent {
             const request = new ReceiveGoodsForPurchaseOrderCorrectionRequest();
             const correctionDetails = new PurchaseOrderLineReceiptCorrectionDetails();
             request.allowedToRemovePickedAllocations = false;
-            request.transId = this.transactionId;
+            request.transId = this.transactionInfo.id;
             request.purchaseOrderLineReceiptCorrectionDetailsDTOS = [correctionDetails];
             correctionDetails.lineNr = this.transactionLine.lineNr;
             correctionDetails.quantityToCorrect = row.quantity;
@@ -16983,8 +17432,8 @@ TransactionReceivingGoodsHistoryComponent.ctorParameters = () => [
 ];
 TransactionReceivingGoodsHistoryComponent.propDecorators = {
     goodsReceiptHistory: [{ type: Input }],
+    transactionInfo: [{ type: Input }],
     transactionLine: [{ type: Input }],
-    transactionId: [{ type: Input }],
     reloadReceivingGoodsHistory: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-receiving-goods-history",] }]
 };
@@ -17012,268 +17461,19 @@ TransactionReceivingGoodsHistoryModule.decorators = [
             },] }
 ];
 
-class ArticleService {
-    constructor(_articleConnectorService, _selectMultipleCacheService) {
-        this._articleConnectorService = _articleConnectorService;
-        this._selectMultipleCacheService = _selectMultipleCacheService;
+class TransactionButtonBarComponent {
+    constructor(_mappingService) {
+        this._mappingService = _mappingService;
+        this.buttonClicked = new EventEmitter();
+        this.buttons = [];
+        this._transactionType = TransactionKind.SalesOrder;
     }
-    getWarehouseLocations(warehouseNr) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // @ts-ignore
-            return this._selectMultipleCacheService.requestCache(StockLocation, () => {
-                return this._articleConnectorService.getWarehouseLocations(warehouseNr);
-            }).getValue();
-        });
-    }
-}
-ArticleService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ArticleService_Factory() { return new ArticleService(i0.ɵɵinject(ArticleConnectorService), i0.ɵɵinject(SelectMultipleCacheService)); }, token: ArticleService, providedIn: "root" });
-ArticleService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: "root"
-            },] }
-];
-ArticleService.ctorParameters = () => [
-    { type: ArticleConnectorService },
-    { type: SelectMultipleCacheService }
-];
-
-class TransactionReceivingGoodsDetailsComponent {
-    constructor(iconCacheService, _formMaster, _service, _articleService, _dialogService, _receiveGoodsService) {
-        this.iconCacheService = iconCacheService;
-        this._formMaster = _formMaster;
-        this._service = _service;
-        this._articleService = _articleService;
-        this._dialogService = _dialogService;
-        this._receiveGoodsService = _receiveGoodsService;
-        this.icons = Icon;
-        this.reloadReceivingGoodsHistory = new EventEmitter();
-        this.receiptDetails = new PurchaseOrderLineReceiptDetails();
-        this.request = new ReceiveGoodsForPurchaseOrderRequest();
-        this.saveButtonDisabled = false;
-        this.locationDropdownFields = { text: "locationNo", value: "locationNo" };
-        this.readonly = false;
-        this._subscriptions = [];
-        this.request.purchaseOrderLineReceiptDetailsDTOS = [this.receiptDetails];
-        const timeElapsed = Date.now();
-        this.request.receivedDate = new Date(timeElapsed);
-    }
-    set amountLeftToReceive(value) {
-        this._amountLeftToReceive = value;
-        this.receiptDetails.quantityToReceive = value;
-    }
-    set transactionLine(value) {
-        this._transactionLine = value;
-        this.readonly = this._transactionLine.hasInvoices;
-        this.receiptDetails.warehouseNr = value.warehouseNumber;
-        this.receiptDetails.lineNr = value.lineNr;
-    }
-    showClass() {
-        return true;
-    }
-    get amountLeftToReceive() {
-        return this._amountLeftToReceive;
-    }
-    get transactionLine() {
-        return this._transactionLine;
-    }
-    ngOnInit() {
-        this._subscriptions.push(this._receiveGoodsService.returnArticleSelected.subscribe((availableStock) => {
-            this._handleReturnStock(availableStock);
-        }));
-    }
-    ngOnDestroy() {
-        this._subscriptions.forEach((subscription) => subscription.unsubscribe());
-    }
-    submit() {
-        return this._formMaster.submitSlaves();
-    }
-    locationRequired() {
-        return this._transactionLine.isLocationRequired ||
-            this._transactionLine.isBatchNrRequired ||
-            this._transactionLine.isSerialNrRequired;
-    }
-    handleSaveDetailsEdit() {
-        const valid = this.submit();
-        if (valid) {
-            this.saveButtonDisabled = true;
-            const request = this.request;
-            this.receiptDetails.quantityToReceive = this.returnStockMode() ?
-                -this.receiptDetails.quantityToReceive : this.receiptDetails.quantityToReceive;
-            request.transId = this.transactionId;
-            this._service.receiveGoodsForPurchaseOrder(request).then(() => {
-                if (this.returnStockMode()) {
-                    this._receiveGoodsService.reloadAvailableStockData.next();
-                    this.receiptDetails.locationNr = undefined;
-                }
-                this.reloadReceivingGoodsHistory.next();
-            }).catch((e) => {
-                this.saveButtonDisabled = false;
-            });
-            this.saveButtonDisabled = false;
-        }
-    }
-    handleCancelDetailsEdit() {
-        // Velden resetten
-    }
-    handleDropDownSelected(warehouseNr) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.locations) {
-                this.locations = yield this._articleService.getWarehouseLocations(warehouseNr);
-            }
-        });
-    }
-    openWarehouseLocationDialog() {
-        if (!this.returnStockMode()) {
-            this._dialogService.showWarehouseLocation(this.receiptDetails.warehouseNr, true, true, true, this.transactionLine)
-                .then(() => this.receiptDetails.locationNr = this.transactionLine.locationNr);
-        }
-    }
-    returnStockMode() {
-        return this.transactionLine.amount < 0;
-    }
-    _handleReturnStock(availableStock) {
-        const maxToReturn = this.amountLeftToReceive < 0 ? Math.abs(this.amountLeftToReceive) : this.amountLeftToReceive;
-        this.returnMaxToReceive = maxToReturn > availableStock.availableQuantity ? availableStock.availableQuantity : maxToReturn;
-        this.receiptDetails.quantityToReceive = this.returnMaxToReceive;
-        this.receiptDetails.warehouseNr = availableStock.warehouseNumber;
-        this.receiptDetails.locationNr = availableStock.locationNumber;
-        this.receiptDetails.serialNr = availableStock.serialNumber;
-        this.receiptDetails.batchNr = availableStock.batchNumber;
-        this.receiptDetails.lineNr = this.transactionLine.lineNr;
-    }
-}
-TransactionReceivingGoodsDetailsComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'co-transaction-receiving-goods-details',
-                template: `
-    <div class="receipt-details-wrapper">
-      <co-form>
-        <div class="details-header" [textContent]="returnStockMode() ? ('RETURN_DETAILS' | localize | uppercase) : ('RECEIPT_DETAILS' | localize | uppercase)"></div>
-        <div class="columns-wrapper">
-          <div class="details-column">
-            <co-input-text class="details-input"
-                           [max]="returnStockMode() ? returnMaxToReceive : amountLeftToReceive"
-                           [(model)]="receiptDetails.serialNr ? 1 : receiptDetails.quantityToReceive"
-                           [disabled]="!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0"
-                           [readonly]="!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || readonly"
-                           [required]="true"
-                           [type]="'number'"
-                           [min]="1"
-                           [placeholder]="'AMOUNT' | localize"></co-input-text>
-            <co-input-text class="details-input" [(model)]="receiptDetails.warehouseNr"
-                           [type]="'number'"
-                           [hideArrowButtons]="true"
-                           [readonly]="transactionLine.warehouseNumber !== undefined || readonly || returnStockMode()"
-                           [disabled]="transactionLine.warehouseNumber !== undefined || returnStockMode()"
-                           [required]="transactionLine.isWarehouseRequired"
-                           [placeholder]="'WAREHOUSE' | localize"></co-input-text>
-            <div class="location-wrapper" [class.clickable]="!returnStockMode()" (click)="openWarehouseLocationDialog()">
-              <span *ngIf="!receiptDetails.locationNr && transactionLine.isLocationRequired" class="required" [textContent]="'*'"></span>
-              <co-icon *ngIf="receiptDetails.locationNr" [iconData]="iconCacheService.getIcon(icons.ShelvesLight)"></co-icon>
-              <div [textContent]="receiptDetails.locationNr ? receiptDetails.locationNr : ('LOCATION' | localize)"></div>
-            </div>
-            <co-input-text class="details-input"
-                           *ngIf="!returnStockMode()"
-                           [(model)]="request.packingSlipNr"
-                           [placeholder]="'PACKING_SLIP' | localize"
-                           [required]="true"
-                           [readonly]="readonly"
-            ></co-input-text>
-          </div>
-          <div class="divider-wrapper">
-            <div class="divider"></div>
-          </div>
-          <div class="details-column">
-            <co-input-date class="details-input"
-                           [(model)]="request.receivedDate"
-                           [readonly]="readonly"
-            ></co-input-date>
-            <co-input-text *ngIf="transactionLine.isBatchNrRequired" class="details-input" [(model)]="receiptDetails.batchNr"
-                           [type]="'number'"
-                           [hideArrowButtons]="true"
-                           [readonly]="readonly || returnStockMode()"
-                           [disabled]="returnStockMode()"
-                           [required]="transactionLine.isBatchNrRequired"
-                           [placeholder]="'BATCH_NUMBER' | localize"></co-input-text>
-            <co-input-text *ngIf="transactionLine.isSerialNrRequired" class="details-input" [(model)]="receiptDetails.serialNr"
-                           [type]="'number'"
-                           [hideArrowButtons]="true"
-                           [readonly]="readonly || returnStockMode()"
-                           [disabled]="returnStockMode()"
-                           [required]="transactionLine.isSerialNrRequired"
-                           [placeholder]="'SERIAL_NUMBER' | localize"></co-input-text>
-            <!--          <co-input-text class="details-input" [(model)]="receiptDetails.refLineNr"-->
-            <!--                         [placeholder]="'REFERENCE_ID' | localize"></co-input-text>-->
-          </div>
-        </div>
-      </co-form>
-
-      <div class="receive-button-wrapper">
-        <div class="receive-button clickable" *ngIf="!readonly" (click)="handleSaveDetailsEdit()" [class.disabled]="saveButtonDisabled || amountLeftToReceive === 0">
-          <span class="receive-text" [textContent]="returnStockMode() ? ('RETURN_STOCK' | localize) : ('RECEIVE' | localize)"></span>
-        </div>
-      </div>
-    </div>
-  `,
-                providers: [
-                    FormMasterService
-                ],
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-TransactionReceivingGoodsDetailsComponent.ctorParameters = () => [
-    { type: IconCacheService },
-    { type: FormMasterService },
-    { type: TransactionService },
-    { type: ArticleService },
-    { type: DialogService },
-    { type: TransactionReceiveGoodsService }
-];
-TransactionReceivingGoodsDetailsComponent.propDecorators = {
-    amountLeftToReceive: [{ type: Input }],
-    transactionId: [{ type: Input }],
-    transactionLine: [{ type: Input }],
-    reloadReceivingGoodsHistory: [{ type: Output }],
-    showClass: [{ type: HostBinding, args: ["class.co-transaction-receiving-goods-details",] }]
-};
-
-class TransactionReceivingGoodsDetailsModule {
-}
-TransactionReceivingGoodsDetailsModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    CoreModule,
-                    PipeModule,
-                    InputTextModule,
-                    FormModule,
-                    InputDatePickerModule,
-                    ButtonModule,
-                    DropDownModule,
-                    IconModule,
-                ],
-                declarations: [
-                    TransactionReceivingGoodsDetailsComponent
-                ],
-                exports: [
-                    TransactionReceivingGoodsDetailsComponent
-                ]
-            },] }
-];
-
-class TransactionButtonBarComponent {
-    constructor(_mappingService) {
-        this._mappingService = _mappingService;
-        this.buttonClicked = new EventEmitter();
-        this.buttons = [];
-        this._transactionType = TransactionKind.SalesOrder;
-    }
-    set transactionType(value) {
-        this._transactionType = value;
-        this.buttons = this._mappingService.getButtonBar(this._transactionType);
-        if (this.buttons && this.buttons.length > 0 && !this.selectedCategory) {
-            this.selectCategory(0);
-        }
+    set transactionType(value) {
+        this._transactionType = value;
+        this.buttons = this._mappingService.getButtonBar(this._transactionType);
+        if (this.buttons && this.buttons.length > 0 && !this.selectedCategory) {
+            this.selectCategory(0);
+        }
     }
     get transactionType() {
         return this._transactionType;
@@ -17462,6 +17662,7 @@ class TransactionConfirmationHistoryComponent {
         this.docBatchApplied = new EventEmitter();
         this.getPurchasePortalLine = new GetPurchasePortalLine();
         this.purchasePortalFilter = new PurchasePortalFilters();
+        this.filteredDocBatchArray = [];
     }
     set isDocBatchSaved(data) {
         if (data === true) {
@@ -17485,8 +17686,9 @@ class TransactionConfirmationHistoryComponent {
             this.purchasePortalFilter.lineId = this.transactionLines.lineNr.toString();
             this.getPurchasePortalLine.transIdPurchase = this.transactionId;
             this.getPurchasePortalLine.filterObject = this.purchasePortalFilter;
-            this.transactionService.getPurchasePortalLines(this.getPurchasePortalLine).then(result => {
+            this.transactionService.getPurchasePortalLines(this.getPurchasePortalLine).then((result) => {
                 this.transactionService.purchasePortalLine = result;
+                this.filteredDocBatchArray = this.transactionService.purchasePortalLine[0].docBatchArray.filter(value => value.historical === 'G');
             });
         });
     }
@@ -17514,7 +17716,7 @@ TransactionConfirmationHistoryComponent.decorators = [
     <div class="history-grid-wrapper">
       <co-simple-grid (selectRow)="selectedLineDocBatchArray($event)"
                       *ngIf="transactionService.purchasePortalLine[0]"
-                      [data]="transactionService.purchasePortalLine[0].docBatchArray"
+                      [data]="filteredDocBatchArray"
                       [showToolbar]="true"
                       [rowsPerPage]="20"
                       [showDelete]="true"
@@ -17599,7 +17801,6 @@ class TransactionConfirmationDetailsComponent {
     handleOkClick() {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.newDocBatchArray.docAmount && this.newDocBatchArray.confirmedPrice) {
-                this.newDocBatchArray.docAmountOrg = 0;
                 this.newDocBatchArray.docDateOrg = new Date();
                 this.newDocBatchArray.deleteLine = "F";
                 this.newDocBatchArray.historical = "G";
@@ -17641,11 +17842,13 @@ TransactionConfirmationDetailsComponent.decorators = [
             </co-input-text>
             <co-input-date class="details-input"
                            [(model)]="newDocBatchArray.docDate"
+                           required
             >
             </co-input-date>
             <co-input-text  class="details-input"
                             [(model)]="newDocBatchArray.confirmedPrice"
                             [placeholder]="'CONFIRMED_PRICE' | localize"
+                            required
             >
             </co-input-text>
           </div>
@@ -17686,7 +17889,6 @@ TransactionConfirmationDetailsComponent.ctorParameters = () => [
 TransactionConfirmationDetailsComponent.propDecorators = {
     transactionLines: [{ type: Input }],
     transactionInfoNr: [{ type: Input }],
-    testLines: [{ type: Input }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-confirmation-details",] }],
     newDocBatchArray: [{ type: Input }],
     docBatchSaved: [{ type: Output }]
@@ -17796,15 +17998,15 @@ class TransactionLineSidePanelPurchaseComponent {
     showClass() {
         return true;
     }
-    ngAfterViewInit() {
-        this.getGoodsReceiptStatusWithHistory();
-    }
     getGoodsReceiptStatusWithHistory() {
         return __awaiter(this, void 0, void 0, function* () {
             this._service.getGoodsReceiptStatusWithHistory(this._transactionInfo.id, this.transactionLine.lineNr)
                 .then((result) => {
                 this.goodsReceiptStatus = result;
-                this._transactionEventService.transactionLineChanged.next({ transactionLine: this.transactionLine, goodsReceiptStatus: result });
+                const tempViewModel = Object.assign(new ExtendedTransactionLineViewModel(), this.transactionLine);
+                tempViewModel.quantityReceived = result.quantityReceived;
+                tempViewModel.quantityToReceive = result.quantityToReceive;
+                this._transactionEventService.transactionLineChanged.next(tempViewModel);
                 this.quantityToReceiveChange.next(result.quantityToReceive);
             });
         });
@@ -17839,22 +18041,23 @@ TransactionLineSidePanelPurchaseComponent.decorators = [
       </ng-container>
 
       <ng-container *ngSwitchCase="categories.PurchaseOrderReceivedGoods">
-        <co-transaction-receiving-goods-details
-          [transactionId]="transactionInfo.id"
+        <co-transaction-side-panel-edit-request-details
+          [category]="categories.PurchaseOrderReceivedGoods"
+          [transactionInfo]="transactionInfo"
           [transactionLine]="transactionLine"
           [amountLeftToReceive]="goodsReceiptStatus.quantityToReceive"
           (reloadReceivingGoodsHistory)="getGoodsReceiptStatusWithHistory()"
-        ></co-transaction-receiving-goods-details>
+        ></co-transaction-side-panel-edit-request-details>
         <co-transaction-receiving-goods-history
           *ngIf="transactionLine.amount >= 0"
-          [transactionId]="transactionInfo.id"
+          [transactionInfo]="transactionInfo"
           [transactionLine]="transactionLine"
           [goodsReceiptHistory]="goodsReceiptStatus.goodsReceiptHistory"
           (reloadReceivingGoodsHistory)="getGoodsReceiptStatusWithHistory()"
         ></co-transaction-receiving-goods-history>
         <co-transaction-available-stock-grid
           *ngIf="transactionLine.amount < 0"
-          [transactionId]="transactionInfo.id"
+          [transactionInfo]="transactionInfo"
           [transactionLine]="transactionLine"
         ></co-transaction-available-stock-grid>
       </ng-container>
@@ -17893,122 +18096,803 @@ class TransactionAvailableStockGridComponent {
     showClass() {
         return true;
     }
-    ngOnInit() {
-        this._subscriptions.push(this._transactionReceiveGoodsService.reloadAvailableStockData.subscribe(() => this._getAvailableStock()));
-        this._getAvailableStock();
+    ngOnInit() {
+        this._subscriptions.push(this._transactionReceiveGoodsService.reloadAvailableStockData.subscribe(() => this._getAvailableStock()));
+        this._getAvailableStock();
+    }
+    ngOnDestroy() {
+        this._subscriptions.forEach((subscription) => subscription.unsubscribe());
+    }
+    handleSelectRow(availableStock) {
+        this.selectedStock = availableStock;
+        this._transactionReceiveGoodsService.returnArticleSelected.next(availableStock);
+    }
+    handleDeleteClick() {
+    }
+    _getAvailableStock() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.collection = yield this._transactionService.getAvailableStockGroupedByWLBSByTransIdLineNr(this.transactionInfo.id, this.transactionLine.lineNr);
+        });
+    }
+}
+TransactionAvailableStockGridComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-available-stock-grid",
+                template: `
+    <div class="history-grid-wrapper">
+      <co-simple-grid [data]="collection" (selectRow)="handleSelectRow($event)">
+        <co-simple-grid-column [headerText]="'ARTICLE' | localize">
+          <ng-template #template let-row="row">
+            <span [textContent]="row.articleNumber"></span>
+          </ng-template>
+        </co-simple-grid-column>
+
+        <co-simple-grid-column [headerText]="'WAREHOUSE' | localize">
+          <ng-template #template let-row="row">
+            <span [textContent]="row.warehouseNumber"></span>
+          </ng-template>
+        </co-simple-grid-column>
+
+        <co-simple-grid-column [headerText]="'LOCATION' | localize">
+          <ng-template #template let-row="row">
+            <span [textContent]="row.locationNumber"></span>
+          </ng-template>
+        </co-simple-grid-column>
+
+        <co-simple-grid-column [headerText]="'BATCH' | localize">
+          <ng-template #template let-row="row">
+            <span [textContent]="row.batchNumber"></span>
+          </ng-template>
+        </co-simple-grid-column>
+
+        <co-simple-grid-column [headerText]="'SERIAL_NUMBER' | localize">
+          <ng-template #template let-row="row">
+            <span [textContent]="row.serialNumber"></span>
+          </ng-template>
+        </co-simple-grid-column>
+
+        <co-simple-grid-column [headerText]="'AMOUNT' | localize">
+          <ng-template #template let-row="row">
+            <span [textContent]="row.availableQuantity"></span>
+          </ng-template>
+        </co-simple-grid-column>
+      </co-simple-grid>
+    </div>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionAvailableStockGridComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: TransactionService },
+    { type: TransactionReceiveGoodsService }
+];
+TransactionAvailableStockGridComponent.propDecorators = {
+    transactionInfo: [{ type: Input }],
+    transactionLine: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-available-stock-grid",] }]
+};
+
+class TransactionAvailableStockGridModule {
+}
+TransactionAvailableStockGridModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    SimpleGridModule,
+                    GridToolbarButtonModule,
+                    PipeModule
+                ],
+                declarations: [
+                    TransactionAvailableStockGridComponent
+                ],
+                exports: [
+                    TransactionAvailableStockGridComponent
+                ]
+            },] }
+];
+
+class TransactionSidePanelEditRequestDetailsComponent {
+    constructor() {
+        this.categories = TransactionTypeCategory;
+        this.reloadReceivingGoodsHistory = new EventEmitter();
+        this.reloadAllocationGoodsHistory = new EventEmitter();
+    }
+    showClass() {
+        return true;
+    }
+}
+TransactionSidePanelEditRequestDetailsComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-side-panel-edit-request-details",
+                template: `
+    <div class="edit-request-details-wrapper">
+      <ng-container [ngSwitch]="category">
+        <ng-container *ngSwitchCase="categories.SalesOrderAllocation">
+          <co-allocation-request
+            [transactionInfo]="transactionInfo"
+            [transactionLine]="transactionLine"
+            [amountLeftToAllocate]="amountLeftToAllocate"
+            (reloadAllocationGoodsHistory)="reloadAllocationGoodsHistory.next()"
+          ></co-allocation-request>
+        </ng-container>
+        <ng-container *ngSwitchCase="categories.PurchaseOrderReceivedGoods">
+          <co-receive-goods-request
+            [transactionLine]="transactionLine"
+            [amountLeftToReceive]="amountLeftToReceive"
+            (reloadReceivingGoodsHistory)="reloadReceivingGoodsHistory.next()"
+          ></co-receive-goods-request>
+        </ng-container>
+      </ng-container>
+    </div>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionSidePanelEditRequestDetailsComponent.propDecorators = {
+    category: [{ type: Input }],
+    transactionInfo: [{ type: Input }],
+    transactionLine: [{ type: Input }],
+    amountLeftToReceive: [{ type: Input }],
+    amountLeftToAllocate: [{ type: Input }],
+    reloadReceivingGoodsHistory: [{ type: Output }],
+    reloadAllocationGoodsHistory: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-side-panel-edit-request-details",] }]
+};
+
+class AllocationRequestComponent {
+    constructor(iconCacheService, _formMaster, _service, _dialogService) {
+        this.iconCacheService = iconCacheService;
+        this._formMaster = _formMaster;
+        this._service = _service;
+        this._dialogService = _dialogService;
+        this.icons = Icon;
+        this.reloadAllocationGoodsHistory = new EventEmitter();
+        this.allocationRequest = new AllocateGoodsForSalesOrderRequest();
+        this.allocationDetails = new SalesOrderLineAllocationDetails();
+        this.readonly = false;
+        this.saveButtonDisabled = false;
+        this._subscriptions = [];
+        this.allocationRequest.salesOrderLineAllocationDetailsDTOS = [this.allocationDetails];
+    }
+    set amountLeftToAllocate(value) {
+        this._amountLeftToAllocate = value;
+        this.allocationDetails.quantityToAllocate = value;
+    }
+    set transactionLine(value) {
+        this._transactionLine = value;
+        this.readonly = this._transactionLine.hasInvoices;
+        this.allocationDetails.warehouseNr = value.warehouseNumber;
+        this.allocationDetails.lineNr = value.lineNr;
+    }
+    get amountLeftToAllocate() {
+        return this._amountLeftToAllocate;
+    }
+    get transactionLine() {
+        return this._transactionLine;
+    }
+    showClass() {
+        return true;
+    }
+    submit() {
+        return this._formMaster.submitSlaves();
+    }
+    handleSaveDetailsEdit() {
+        const valid = this.submit();
+        if (valid) {
+            this.saveButtonDisabled = true;
+            const request = this.allocationRequest;
+            request.transId = this.transactionInfo.id;
+            this._service.allocateGoodsForSalesOrder(request).then((success) => {
+                if (success) {
+                    this.allocationDetails.locationNr = undefined;
+                    this.reloadAllocationGoodsHistory.next();
+                }
+                else {
+                    this.saveButtonDisabled = false;
+                }
+            }).catch((e) => {
+                this.saveButtonDisabled = false;
+            });
+        }
+    }
+    openWarehouseLocationDialog() {
+        if (this.amountLeftToAllocate > 0) {
+            this._dialogService.showWarehouseLocation(this.allocationDetails.warehouseNr, true, true, true, this.transactionLine)
+                .then(() => this.allocationDetails.locationNr = this.transactionLine.locationNr);
+        }
+    }
+}
+AllocationRequestComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-allocation-request",
+                template: `
+    <co-form>
+      <div class="details-header" [textContent]="'ALLOCATE_DETAILS' | localize | uppercase"></div>
+      <div class="columns-wrapper">
+        <div class="details-column">
+          <co-input-text class="details-input"
+                         [max]="amountLeftToAllocate"
+                         [(model)]="allocationDetails.serialNr ? 1 : allocationDetails.quantityToAllocate"
+                         [disabled]="!!allocationDetails.serialNr || allocationDetails.quantityToAllocate === 0"
+                         [readonly]="!!allocationDetails.serialNr || allocationDetails.quantityToAllocate === 0 || readonly"
+                         [required]="true"
+                         [type]="'number'"
+                         [min]="1"
+                         [placeholder]="'AMOUNT' | localize"></co-input-text>
+          <co-input-text class="details-input" [(model)]="allocationDetails.warehouseNr"
+                         [type]="'number'"
+                         [hideArrowButtons]="true"
+                         [readonly]="transactionLine.warehouseNumber !== undefined || readonly"
+                         [disabled]="transactionLine.warehouseNumber !== undefined"
+                         [required]="transactionLine.isWarehouseRequired"
+                         [placeholder]="'WAREHOUSE' | localize"></co-input-text>
+          <div class="location-wrapper clickable" (click)="openWarehouseLocationDialog()">
+            <span *ngIf="!allocationDetails.locationNr && transactionLine.isLocationRequired" class="required" [textContent]="'*'"></span>
+            <co-icon *ngIf="allocationDetails.locationNr" [iconData]="iconCacheService.getIcon(icons.ShelvesLight)"></co-icon>
+            <div [textContent]="allocationDetails.locationNr ? allocationDetails.locationNr : ('LOCATION' | localize)"></div>
+          </div>
+        </div>
+        <div class="divider-wrapper">
+          <div class="divider"></div>
+        </div>
+        <div class="details-column">
+          <co-input-text *ngIf="transactionLine.isBatchNrRequired" class="details-input" [(model)]="allocationDetails.batchNr"
+                         [type]="'number'"
+                         [hideArrowButtons]="true"
+                         [readonly]="readonly"
+                         [required]="transactionLine.isBatchNrRequired"
+                         [placeholder]="'BATCH_NUMBER' | localize"></co-input-text>
+          <co-input-text *ngIf="transactionLine.isSerialNrRequired" class="details-input" [(model)]="allocationDetails.serialNr"
+                         [type]="'number'"
+                         [hideArrowButtons]="true"
+                         [readonly]="readonly"
+                         [required]="transactionLine.isSerialNrRequired"
+                         [placeholder]="'SERIAL_NUMBER' | localize"></co-input-text>
+        </div>
+      </div>
+    </co-form>
+
+    <div class="commit-button-wrapper">
+      <div class="commit-button" [class.clickable]="amountLeftToAllocate > 0" *ngIf="!readonly" (click)="handleSaveDetailsEdit()" [class.disabled]="saveButtonDisabled || amountLeftToAllocate === 0">
+        <span class="commit-text" [textContent]="'ALLOCATE' | localize"></span>
+      </div>
+    </div>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+AllocationRequestComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: FormMasterService },
+    { type: TransactionService },
+    { type: DialogService }
+];
+AllocationRequestComponent.propDecorators = {
+    amountLeftToAllocate: [{ type: Input }],
+    transactionLine: [{ type: Input }],
+    transactionInfo: [{ type: Input }],
+    reloadAllocationGoodsHistory: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-allocate-goods-details",] }]
+};
+
+class ArticleService {
+    constructor(_articleConnectorService, _selectMultipleCacheService) {
+        this._articleConnectorService = _articleConnectorService;
+        this._selectMultipleCacheService = _selectMultipleCacheService;
+    }
+    getWarehouseLocations(warehouseNr) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // @ts-ignore
+            return this._selectMultipleCacheService.requestCache(StockLocation, () => {
+                return this._articleConnectorService.getWarehouseLocations(warehouseNr);
+            }).getValue();
+        });
+    }
+}
+ArticleService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ArticleService_Factory() { return new ArticleService(i0.ɵɵinject(ArticleConnectorService), i0.ɵɵinject(SelectMultipleCacheService)); }, token: ArticleService, providedIn: "root" });
+ArticleService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: "root"
+            },] }
+];
+ArticleService.ctorParameters = () => [
+    { type: ArticleConnectorService },
+    { type: SelectMultipleCacheService }
+];
+
+class ReceiveGoodsRequestComponent {
+    constructor(iconCacheService, _formMaster, _service, _articleService, _dialogService, _receiveGoodsService) {
+        this.iconCacheService = iconCacheService;
+        this._formMaster = _formMaster;
+        this._service = _service;
+        this._articleService = _articleService;
+        this._dialogService = _dialogService;
+        this._receiveGoodsService = _receiveGoodsService;
+        this.icons = Icon;
+        this.transactionKind = TransactionKind;
+        this.transactionTypeCategory = TransactionTypeCategory;
+        this.reloadReceivingGoodsHistory = new EventEmitter();
+        this.receiptDetails = new PurchaseOrderLineReceiptDetails();
+        this.request = new ReceiveGoodsForPurchaseOrderRequest();
+        this.saveButtonDisabled = false;
+        this.readonly = false;
+        this._subscriptions = [];
+    }
+    set transactionLine(value) {
+        this._transactionLine = value;
+        this.readonly = this._transactionLine.hasInvoices;
+        this.receiptDetails.warehouseNr = value.warehouseNumber;
+        this.receiptDetails.lineNr = value.lineNr;
+    }
+    set amountLeftToReceive(value) {
+        this._amountLeftToReceive = value;
+        if (!this.returnStockMode()) {
+            this.receiptDetails.quantityToReceive = value;
+        }
+    }
+    showClass() {
+        return true;
+    }
+    get amountLeftToReceive() {
+        return this._amountLeftToReceive;
+    }
+    get transactionLine() {
+        return this._transactionLine;
+    }
+    ngOnInit() {
+        this._subscriptions.push(this._receiveGoodsService.returnArticleSelected.subscribe((availableStock) => {
+            this._handleReturnStock(availableStock);
+        }));
+        this.request.purchaseOrderLineReceiptDetailsDTOS = [this.receiptDetails];
+        const timeElapsed = Date.now();
+        this.request.receivedDate = new Date(timeElapsed);
+    }
+    ngOnDestroy() {
+        this._subscriptions.forEach((subscription) => subscription.unsubscribe());
+    }
+    ngAfterViewInit() {
+        this.reloadReceivingGoodsHistory.next();
+    }
+    submit() {
+        return this._formMaster.submitSlaves();
+    }
+    locationRequired() {
+        return this._transactionLine.isLocationRequired ||
+            this._transactionLine.isBatchNrRequired ||
+            this._transactionLine.isSerialNrRequired;
+    }
+    handleSaveDetailsEdit() {
+        const valid = this.submit();
+        if (valid) {
+            this.saveButtonDisabled = true;
+            const request = this.request;
+            this.receiptDetails.quantityToReceive = this.returnStockMode() ?
+                -this.receiptDetails.quantityToReceive : this.receiptDetails.quantityToReceive;
+            request.transId = this._service.currentTransaction.transactionInfo.id;
+            this._service.receiveGoodsForPurchaseOrder(request).then(() => {
+                if (this.returnStockMode()) {
+                    this._receiveGoodsService.reloadAvailableStockData.next();
+                    this.receiptDetails.locationNr = undefined;
+                }
+                this.reloadReceivingGoodsHistory.next();
+            }).catch((e) => {
+                this.saveButtonDisabled = false;
+            });
+            this.saveButtonDisabled = false;
+        }
+    }
+    returnStockMode() {
+        return this.transactionLine.amount < 0;
+    }
+    _handleReturnStock(availableStock) {
+        const maxToReturn = this.amountLeftToReceive < 0 ? Math.abs(this.amountLeftToReceive) : this.amountLeftToReceive;
+        this.returnMaxToReceive = maxToReturn > availableStock.availableQuantity ? availableStock.availableQuantity : maxToReturn;
+        this.receiptDetails.quantityToReceive = this.returnMaxToReceive;
+        this.receiptDetails.warehouseNr = availableStock.warehouseNumber;
+        this.receiptDetails.locationNr = availableStock.locationNumber;
+        this.selectedLocation = this.receiptDetails.locationNr;
+        this.receiptDetails.serialNr = availableStock.serialNumber;
+        this.receiptDetails.batchNr = availableStock.batchNumber;
+        this.receiptDetails.lineNr = this.transactionLine.lineNr;
+    }
+}
+ReceiveGoodsRequestComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-receive-goods-request",
+                template: `
+    <co-form>
+      <div class="header-wrapper">
+        <div class="details-header" [textContent]="returnStockMode() ? ('RETURN_DETAILS' | localize | uppercase) : ('RECEIPT_DETAILS' | localize | uppercase)"></div>
+        <co-transaction-line-statusbar class="status-bar-wrapper" [transaction]="transactionLine" [transactionKind]="transactionKind.SalesOrder" [transactionTypeCategory]="transactionTypeCategory.PurchaseOrderReceivedGoods"></co-transaction-line-statusbar>
+      </div>
+      <div class="columns-wrapper">
+        <div class="details-column">
+          <div class="transaction-line-totals-amount">
+            <co-input-number-picker class="amount-number-picker"
+                                    [max]="returnStockMode() ? returnMaxToReceive : amountLeftToReceive"
+                                    [(model)]="receiptDetails.serialNr ? 1 : receiptDetails.quantityToReceive"
+                                    [min]="1"
+                                    [readonly]="!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive || readonly"
+                                    [disabled]="!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive"
+                                    [required]="true"
+            ></co-input-number-picker>
+          </div>
+          <co-input-text class="details-input" [(model)]="receiptDetails.warehouseNr"
+                         [type]="'number'"
+                         [hideArrowButtons]="true"
+                         [readonly]="transactionLine.warehouseNumber !== undefined || readonly || returnStockMode()"
+                         [disabled]="transactionLine.warehouseNumber !== undefined || returnStockMode()"
+                         [required]="transactionLine.isWarehouseRequired"
+                         [placeholder]="'WAREHOUSE' | localize"></co-input-text>
+          <div class="location-wrapper">
+            <!--            <span *ngIf="!receiptDetails.locationNr && transactionLine.isLocationRequired" class="required" [textContent]="'*'"></span>-->
+            <co-transaction-line-warehouse-location-button [locationNr]="selectedLocation" [readonly]="returnStockMode() || receiptDetails.quantityToReceive === 0" [line]="transactionLine" (locationSelected)="receiptDetails.locationNr = $event"></co-transaction-line-warehouse-location-button>
+          </div>
+          <co-input-text class="details-input"
+                         *ngIf="!returnStockMode()"
+                         [(model)]="request.packingSlipNr"
+                         [placeholder]="'PACKING_SLIP' | localize"
+                         [required]="true"
+                         [readonly]="readonly"
+          ></co-input-text>
+        </div>
+        <div class="divider-wrapper">
+          <div class="divider"></div>
+        </div>
+        <div class="details-column">
+          <co-input-date class="details-input"
+                         [(model)]="request.receivedDate"
+                         [readonly]="readonly"
+          ></co-input-date>
+          <co-input-text *ngIf="transactionLine.isBatchNrRequired" class="details-input" [(model)]="receiptDetails.batchNr"
+                         [type]="'number'"
+                         [hideArrowButtons]="true"
+                         [readonly]="readonly || returnStockMode()"
+                         [disabled]="returnStockMode()"
+                         [required]="transactionLine.isBatchNrRequired"
+                         [placeholder]="'BATCH_NUMBER' | localize"></co-input-text>
+          <co-input-text *ngIf="transactionLine.isSerialNrRequired" class="details-input" [(model)]="receiptDetails.serialNr"
+                         [type]="'number'"
+                         [hideArrowButtons]="true"
+                         [readonly]="readonly || returnStockMode()"
+                         [disabled]="returnStockMode()"
+                         [required]="transactionLine.isSerialNrRequired"
+                         [placeholder]="'SERIAL_NUMBER' | localize"></co-input-text>
+        </div>
+      </div>
+    </co-form>
+
+    <div class="commit-button-wrapper">
+      <div class="commit-button clickable" *ngIf="!readonly" (click)="handleSaveDetailsEdit()" [class.disabled]="saveButtonDisabled || amountLeftToReceive === 0">
+        <span class="commit-text" [textContent]="returnStockMode() ? ('RETURN_STOCK' | localize) : ('RECEIVE' | localize)"></span>
+      </div>
+    </div>
+  `,
+                providers: [
+                    FormMasterService
+                ],
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+ReceiveGoodsRequestComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: FormMasterService },
+    { type: TransactionService },
+    { type: ArticleService },
+    { type: DialogService },
+    { type: TransactionReceiveGoodsService }
+];
+ReceiveGoodsRequestComponent.propDecorators = {
+    transactionLine: [{ type: Input }],
+    amountLeftToReceive: [{ type: Input }],
+    reloadReceivingGoodsHistory: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-receiving-goods-details",] }]
+};
+
+class TransactionLineWarehouseLocationButtonComponent {
+    constructor(iconCacheService, _dialogService) {
+        this.iconCacheService = iconCacheService;
+        this._dialogService = _dialogService;
+        this.icons = Icon;
+        this.readonly = false;
+        this.locationSelected = new EventEmitter();
+    }
+    showClass() {
+        return true;
+    }
+    openWarehouseLocationDialog() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.readonly) {
+                const response = yield this._dialogService.showWarehouseLocation(this.line.warehouseNumber, false, true, true, this.line);
+                if (response && response.output) {
+                    this.locationNr = response.output;
+                    if (this.line instanceof TransactionLineInfo) {
+                        this.locationSelected.next(response.output);
+                    }
+                    else {
+                        this.line.locationNr = response.output;
+                    }
+                }
+            }
+        });
+    }
+}
+TransactionLineWarehouseLocationButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-line-warehouse-location-button",
+                template: `
+    <div class="transaction-line-button" [class.no-pointer]="readonly" (click)="openWarehouseLocationDialog()">
+      <co-icon [iconData]="iconCacheService.getIcon(icons.ShelvesLight)"></co-icon>
+      <span class="co-transaction-overflow-ellipsis" [textContent]="locationNr ? locationNr : '-'"></span>
+    </div>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionLineWarehouseLocationButtonComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: DialogService }
+];
+TransactionLineWarehouseLocationButtonComponent.propDecorators = {
+    line: [{ type: Input }],
+    locationNr: [{ type: Input }],
+    readonly: [{ type: Input }],
+    locationSelected: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-line-warehouse-location-button",] }]
+};
+
+class TransactionLineWarehouseLocationButtonModule {
+}
+TransactionLineWarehouseLocationButtonModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    IconModule
+                ],
+                declarations: [
+                    TransactionLineWarehouseLocationButtonComponent
+                ],
+                exports: [
+                    TransactionLineWarehouseLocationButtonComponent
+                ]
+            },] }
+];
+
+class TransactionSidePanelEditRequestDetailsModule {
+}
+TransactionSidePanelEditRequestDetailsModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    FormModule,
+                    InputTextModule,
+                    PipeModule,
+                    IconModule,
+                    InputDatePickerModule,
+                    TransactionLineWarehouseLocationButtonModule,
+                    InputNumberPickerModule,
+                    TransactionLineStatusbarModule
+                ],
+                declarations: [
+                    TransactionSidePanelEditRequestDetailsComponent,
+                    AllocationRequestComponent,
+                    ReceiveGoodsRequestComponent
+                ],
+                exports: [
+                    TransactionSidePanelEditRequestDetailsComponent
+                ]
+            },] }
+];
+
+class TransactionLineSidePanelPurchaseModule {
+}
+TransactionLineSidePanelPurchaseModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    TransactionConfirmationHistoryModule,
+                    TransactionReceivingGoodsHistoryModule,
+                    ButtonModule,
+                    PipeModule,
+                    TransactionLineSidePanelDefaultModule,
+                    TransactionConfirmationDetailsModule,
+                    TransactionAvailableStockGridModule,
+                    TransactionSidePanelEditRequestDetailsModule
+                ],
+                declarations: [
+                    TransactionLineSidePanelPurchaseComponent
+                ],
+                exports: [
+                    TransactionLineSidePanelPurchaseComponent
+                ]
+            },] }
+];
+
+class TransactionLineSidePanelSalesComponent {
+    constructor(_service, _transactionEventService) {
+        this._service = _service;
+        this._transactionEventService = _transactionEventService;
+        this.categories = TransactionTypeCategory;
+        this.goodsAllocationStatus = new GoodsAllocationStatusWithHistory();
+        this._transactionInfo = new TransactionInfo();
+    }
+    set transactionInfo(value) {
+        this._transactionInfo = value;
+    }
+    get transactionInfo() {
+        return this._transactionInfo;
+    }
+    showClass() {
+        return true;
+    }
+    getGoodsAllocationStatusWithHistory() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this._service.getGoodsAllocationStatusWithHistory(this._transactionInfo.id, this.transactionLine.lineNr)
+                .then((result) => {
+                this.goodsAllocationStatus = result;
+                const tempViewModel = Object.assign(new ExtendedTransactionLineViewModel(), this.transactionLine);
+                tempViewModel.quantityToAllocate = result.quantityToAllocate;
+                tempViewModel.quantityAllocated = result.quantityAllocated;
+                this._transactionEventService.transactionLineChanged.next(tempViewModel);
+            });
+        });
+    }
+}
+TransactionLineSidePanelSalesComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-line-side-panel-sales",
+                template: `
+    <ng-container [ngSwitch]="category">
+      <ng-container *ngSwitchCase="categories.SalesOrderAllocation">
+        <co-transaction-side-panel-edit-request-details
+            [category]="categories.SalesOrderAllocation"
+            [transactionInfo]="transactionInfo"
+            [transactionLine]="transactionLine"
+            [amountLeftToAllocate]="goodsAllocationStatus.quantityToAllocate"
+            (reloadAllocationGoodsHistory)="getGoodsAllocationStatusWithHistory()"
+        ></co-transaction-side-panel-edit-request-details>
+        <co-transaction-allocate-goods-history
+          [transactionInfo]="transactionInfo"
+          [transactionLine]="transactionLine"
+          [goodsAllocationHistory]="goodsAllocationStatus.goodsAllocationHistory"
+          (reloadAllocationGoodsHistory)="getGoodsAllocationStatusWithHistory()"
+        ></co-transaction-allocate-goods-history>
+      </ng-container>
+
+      <ng-container *ngSwitchDefault>
+        <co-transaction-line-side-panel-default
+          [transactionInfo]="transactionInfo"
+          [transactionLine]="transactionLine"
+        ></co-transaction-line-side-panel-default>
+      </ng-container>
+    </ng-container>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionLineSidePanelSalesComponent.ctorParameters = () => [
+    { type: TransactionService },
+    { type: TransactionEventService }
+];
+TransactionLineSidePanelSalesComponent.propDecorators = {
+    transactionLine: [{ type: Input }],
+    transactionInfo: [{ type: Input }],
+    category: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-line-side-panel-sales",] }]
+};
+
+class TransactionAllocateGoodsHistoryComponent {
+    constructor(_service) {
+        this._service = _service;
+        this.reloadAllocationGoodsHistory = new EventEmitter();
+    }
+    set goodsAllocationHistory(value) {
+        if (value) {
+            this._goodsAllocationHistory = value.reverse();
+        }
     }
-    ngOnDestroy() {
-        this._subscriptions.forEach((subscription) => subscription.unsubscribe());
+    get goodsAllocationHistory() {
+        return this._goodsAllocationHistory;
     }
-    handleSelectRow(availableStock) {
-        this.selectedStock = availableStock;
-        this._transactionReceiveGoodsService.returnArticleSelected.next(availableStock);
+    showClass() {
+        return true;
     }
-    handleDeleteClick() {
+    ngAfterViewInit() {
+        this.reloadAllocationGoodsHistory.next();
     }
-    _getAvailableStock() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.collection = yield this._transactionService.getAvailableStockGroupedByWLBSByTransIdLineNr(this.transactionId, this.transactionLine.lineNr);
-        });
+    handleDeleteSelectedRow(row) {
+        if (row && row.type !== 'correction') {
+            const request = new AllocateGoodsForSalesOrderCorrectionRequest();
+            const correctionDetails = new SalesOrderLineAllocationCorrectionDetails();
+            request.allowedToRemovePickedAllocations = false;
+            request.transId = this.transactionInfo.id;
+            request.salesOrderLineAllocationCorrectionDetailsDTOS = [correctionDetails];
+            correctionDetails.lineNr = this.transactionLine.lineNr;
+            correctionDetails.quantityToCorrect = row.quantity;
+            correctionDetails.documentId = row.documentId;
+            correctionDetails.documentLineNr = row.lineNumber;
+            this._service.allocateGoodsForSalesOrderCorrection(request).then(() => {
+                this.reloadAllocationGoodsHistory.next();
+            });
+        }
     }
 }
-TransactionAvailableStockGridComponent.decorators = [
+TransactionAllocateGoodsHistoryComponent.decorators = [
     { type: Component, args: [{
-                selector: "co-transaction-available-stock-grid",
+                selector: "co-transaction-allocate-goods-history",
                 template: `
-    <div class="history-grid-wrapper">
-      <co-simple-grid [data]="collection" (selectRow)="handleSelectRow($event)">
-        <co-simple-grid-column [headerText]="'ARTICLE' | localize">
-          <ng-template #template let-row="row">
-            <span [textContent]="row.articleNumber"></span>
-          </ng-template>
-        </co-simple-grid-column>
-
-        <co-simple-grid-column [headerText]="'WAREHOUSE' | localize">
-          <ng-template #template let-row="row">
-            <span [textContent]="row.warehouseNumber"></span>
-          </ng-template>
-        </co-simple-grid-column>
-
-        <co-simple-grid-column [headerText]="'LOCATION' | localize">
-          <ng-template #template let-row="row">
-            <span [textContent]="row.locationNumber"></span>
-          </ng-template>
-        </co-simple-grid-column>
-
-        <co-simple-grid-column [headerText]="'BATCH' | localize">
-          <ng-template #template let-row="row">
-            <span [textContent]="row.batchNumber"></span>
-          </ng-template>
-        </co-simple-grid-column>
-
-        <co-simple-grid-column [headerText]="'SERIAL_NUMBER' | localize">
-          <ng-template #template let-row="row">
-            <span [textContent]="row.serialNumber"></span>
-          </ng-template>
-        </co-simple-grid-column>
+    <co-transaction-history-grid
+      [collection]="goodsAllocationHistory"
+      (deleteSelectedRow)="handleDeleteSelectedRow($event)"
+    >
+      <co-simple-grid-column [headerText]="'WAREHOUSE' | localize" [order]="40">
+        <ng-template #template let-row="row">
+          <div class="row-container">
+            <span class="row" [textContent]="row.warehouseNumber"></span>
+            <span class="correction" *ngFor="let correction of row.corrections" [textContent]="correction.warehouseNumber"></span>
+          </div>
+        </ng-template>
+      </co-simple-grid-column>
 
-        <co-simple-grid-column [headerText]="'AMOUNT' | localize">
-          <ng-template #template let-row="row">
-            <span [textContent]="row.availableQuantity"></span>
-          </ng-template>
-        </co-simple-grid-column>
-      </co-simple-grid>
-    </div>
-  `,
+      <co-simple-grid-column [headerText]="'LOCATION' | localize" [order]="60">
+        <ng-template #template let-row="row">
+          <div class="row-container">
+            <span class="row" [textContent]="row.locationNumber"></span>
+            <span class="correction" *ngFor="let correction of row.corrections" [textContent]="correction.locationNumber"></span>
+          </div>
+        </ng-template>
+      </co-simple-grid-column>
+    </co-transaction-history-grid>
+    `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
-TransactionAvailableStockGridComponent.ctorParameters = () => [
-    { type: IconCacheService },
-    { type: TransactionService },
-    { type: TransactionReceiveGoodsService }
+TransactionAllocateGoodsHistoryComponent.ctorParameters = () => [
+    { type: TransactionService }
 ];
-TransactionAvailableStockGridComponent.propDecorators = {
+TransactionAllocateGoodsHistoryComponent.propDecorators = {
+    goodsAllocationHistory: [{ type: Input }],
+    transactionInfo: [{ type: Input }],
     transactionLine: [{ type: Input }],
-    transactionId: [{ type: Input }],
-    showClass: [{ type: HostBinding, args: ["class.co-transaction-available-stock-grid",] }]
+    reloadAllocationGoodsHistory: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-allocate-goods-history",] }]
 };
 
-class TransactionAvailableStockGridModule {
+class TransactionAllocateGoodsHistoryModule {
 }
-TransactionAvailableStockGridModule.decorators = [
+TransactionAllocateGoodsHistoryModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
                     CommonModule,
                     SimpleGridModule,
-                    GridToolbarButtonModule,
+                    TransactionHistoryGridModule,
                     PipeModule
                 ],
                 declarations: [
-                    TransactionAvailableStockGridComponent
+                    TransactionAllocateGoodsHistoryComponent
                 ],
                 exports: [
-                    TransactionAvailableStockGridComponent
+                    TransactionAllocateGoodsHistoryComponent
                 ]
             },] }
 ];
 
-class TransactionLineSidePanelPurchaseModule {
+class TransactionLineSidePanelSalesModule {
 }
-TransactionLineSidePanelPurchaseModule.decorators = [
+TransactionLineSidePanelSalesModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
                     CommonModule,
-                    TransactionConfirmationHistoryModule,
-                    TransactionReceivingGoodsDetailsModule,
-                    TransactionReceivingGoodsHistoryModule,
-                    ButtonModule,
-                    PipeModule,
                     TransactionLineSidePanelDefaultModule,
-                    TransactionConfirmationDetailsModule,
-                    TransactionAvailableStockGridModule
+                    TransactionSidePanelEditRequestDetailsModule,
+                    TransactionAllocateGoodsHistoryModule
                 ],
                 declarations: [
-                    TransactionLineSidePanelPurchaseComponent
+                    TransactionLineSidePanelSalesComponent
                 ],
                 exports: [
-                    TransactionLineSidePanelPurchaseComponent
+                    TransactionLineSidePanelSalesComponent
                 ]
             },] }
 ];
@@ -18022,7 +18906,6 @@ TransactionLineSidePanelModule.decorators = [
                     CoreModule,
                     TransactionLineSidePanelDefaultModule,
                     TransactionReceivingGoodsHistoryModule,
-                    TransactionReceivingGoodsDetailsModule,
                     PipeModule,
                     ButtonModule,
                     TransactionButtonBarModule,
@@ -18030,7 +18913,8 @@ TransactionLineSidePanelModule.decorators = [
                     TransactionConfirmationHistoryModule,
                     TransactionLineSidePanelPurchaseModule,
                     TransactionConfirmationHistoryModule,
-                    TransactionConfirmationDetailsModule
+                    TransactionConfirmationDetailsModule,
+                    TransactionLineSidePanelSalesModule
                 ],
                 declarations: [
                     TransactionLineSidePanelComponent
@@ -18858,6 +19742,67 @@ TransactionQuickAccessReceivedGoodsModule.decorators = [
             },] }
 ];
 
+class DialogCatalogComponent {
+    constructor(_optionsService) {
+        this._optionsService = _optionsService;
+        this.showNavigation = true;
+        this.closeClick = new EventEmitter();
+        this.articleClicked = new EventEmitter();
+    }
+    showClass() {
+        return true;
+    }
+    ngOnInit() {
+        this.catalogSettings = this._optionsService.options;
+        this.catalogSettings.options = this.options;
+    }
+}
+DialogCatalogComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-dialog-catalog",
+                template: `
+    <co-dialog (closeClick)="closeClick.emit($event)">
+      <app-ione-catalog-navigation *ngIf="showNavigation"></app-ione-catalog-navigation>
+      <app-ione-catalog
+        [settings]="catalogSettings"
+        [parameters]="parameters"
+        (onArticleClick)="articleClicked.emit($event)"
+      ></app-ione-catalog>
+    </co-dialog>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+DialogCatalogComponent.ctorParameters = () => [
+    { type: OptionsService }
+];
+DialogCatalogComponent.propDecorators = {
+    options: [{ type: Input }],
+    parameters: [{ type: Input }],
+    showNavigation: [{ type: Input }],
+    closeClick: [{ type: Output }],
+    articleClicked: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-dialog-catalog",] }]
+};
+
+class DialogCatalogModule {
+}
+DialogCatalogModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoDialogModule,
+                    IoneCatalogModule
+                ],
+                declarations: [
+                    DialogCatalogComponent
+                ],
+                exports: [
+                    DialogCatalogComponent
+                ]
+            },] }
+];
+
 class TransactionQuickAccessOverviewModule {
 }
 TransactionQuickAccessOverviewModule.decorators = [
@@ -18865,7 +19810,9 @@ TransactionQuickAccessOverviewModule.decorators = [
                 imports: [
                     CommonModule,
                     InputSearchModule,
-                    PipeModule
+                    PipeModule,
+                    DialogCatalogModule,
+                    IoneCatalogModule
                 ],
                 declarations: [
                     TransactionQuickAccessOverviewComponent
@@ -19009,6 +19956,26 @@ TransactionQuickAccessOrderPurchaseModule.decorators = [
             },] }
 ];
 
+class TransactionQuickAccessGoodsAllocationModule {
+}
+TransactionQuickAccessGoodsAllocationModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    InputCheckboxModule,
+                    PipeModule,
+                    CheckmarkOverlayModule,
+                    IconModule
+                ],
+                declarations: [
+                    TransactionQuickAccessGoodsAllocationComponent
+                ],
+                exports: [
+                    TransactionQuickAccessGoodsAllocationComponent
+                ]
+            },] }
+];
+
 class TransactionQuickAccessModule {
 }
 TransactionQuickAccessModule.decorators = [
@@ -19024,7 +19991,8 @@ TransactionQuickAccessModule.decorators = [
                     TransactionQuickAccessReceivedGoodsModule,
                     TransactionQuickAccessOverviewModule,
                     TransactionQuickAccessOrderDeliveryModule,
-                    TransactionQuickAccessOrderPurchaseModule
+                    TransactionQuickAccessOrderPurchaseModule,
+                    TransactionQuickAccessGoodsAllocationModule
                 ],
                 declarations: [
                     TransactionQuickAccessComponent
@@ -19321,10 +20289,10 @@ class TransactionReceivedGoodsGridComponent extends TransactionGridBaseComponent
             }
         });
     }
-    handleTransactionLineChanged(change) {
-        const receiveGoodsViewModel = this.rowViewModels.get(change.transactionLine);
-        receiveGoodsViewModel.goodsReceiptStatus.quantityToReceive = change.goodsReceiptStatus.quantityToReceive;
-        receiveGoodsViewModel.toReceive = change.goodsReceiptStatus.quantityToReceive;
+    handleTransactionLineChanged(viewModel) {
+        // const receiveGoodsViewModel: ReceiveGoodsViewModel = this.rowViewModels.get(viewModel.transactionLine);
+        // receiveGoodsViewModel.goodsReceiptStatus.quantityToReceive = change.goodsReceiptStatus.quantityToReceive;
+        // receiveGoodsViewModel.toReceive = change.goodsReceiptStatus.quantityToReceive;
     }
 }
 TransactionReceivedGoodsGridComponent.decorators = [
@@ -19464,61 +20432,6 @@ DialogTransactionLineWarehouseLocationModule.decorators = [
             },] }
 ];
 
-class TransactionLineWarehouseLocationButtonComponent {
-    constructor(iconCacheService, _dialogService) {
-        this.iconCacheService = iconCacheService;
-        this._dialogService = _dialogService;
-        this.icons = Icon;
-        this.readonly = false;
-    }
-    showClass() {
-        return true;
-    }
-    openWarehouseLocationDialog(line) {
-        if (!this.readonly) {
-            this._dialogService.showWarehouseLocation(line.warehouseNumber, true, true, true, line);
-        }
-    }
-}
-TransactionLineWarehouseLocationButtonComponent.decorators = [
-    { type: Component, args: [{
-                selector: "co-transaction-line-warehouse-location-button",
-                template: `
-    <div class="transaction-line-button" [class.no-pointer]="readonly" (click)="openWarehouseLocationDialog(line)">
-      <co-icon [iconData]="iconCacheService.getIcon(icons.ShelvesLight)"></co-icon>
-      <span class="co-transaction-overflow-ellipsis" [textContent]="line.locationNr ? line.locationNr : '-'"></span>
-    </div>
-    `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-TransactionLineWarehouseLocationButtonComponent.ctorParameters = () => [
-    { type: IconCacheService },
-    { type: DialogService }
-];
-TransactionLineWarehouseLocationButtonComponent.propDecorators = {
-    line: [{ type: Input }],
-    readonly: [{ type: Input }],
-    showClass: [{ type: HostBinding, args: ["class.co-transaction-line-warehouse-location-button",] }]
-};
-
-class TransactionLineWarehouseLocationButtonModule {
-}
-TransactionLineWarehouseLocationButtonModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    IconModule
-                ],
-                declarations: [
-                    TransactionLineWarehouseLocationButtonComponent
-                ],
-                exports: [
-                    TransactionLineWarehouseLocationButtonComponent
-                ]
-            },] }
-];
-
 class TransactionReceivedGoodsGridModule {
 }
 TransactionReceivedGoodsGridModule.decorators = [
@@ -19602,7 +20515,7 @@ TransactionTileComponent.decorators = [
       </div>
 
       <div class="transaction-order-status-row">
-        <co-transaction-line-statusbar [transaction]="transactionLine" [transactionKind]="transactionType"></co-transaction-line-statusbar>
+        <co-transaction-line-statusbar [transaction]="transactionLine" [transactionKind]="transactionType" [transactionTypeCategory]="activeCategory"></co-transaction-line-statusbar>
       </div>
 
       <div class="transaction-data-row center">
@@ -19653,6 +20566,7 @@ TransactionTileComponent.ctorParameters = () => [
 ];
 TransactionTileComponent.propDecorators = {
     transactionType: [{ type: Input }],
+    activeCategory: [{ type: Input }],
     transactionLine: [{ type: Input }],
     showSidePanelClicked: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-tile",] }]
@@ -19813,6 +20727,7 @@ TransactionBaseLineComponent.decorators = [
           <ng-content></ng-content>
           <div *ngIf="!preview && actionButtons" class="transaction-line-buttons">
             <co-transaction-line-action-buttons
+              [showActionButtons]="selected"
               [transactionLine]="line"
               (waitingForUserAction)="waitingForUserAction.next($event)"
               (sidePanelButtonClicked)="handleShowSidePanel($event)"
@@ -20539,6 +21454,30 @@ QuickSendButtonModule.decorators = [
             },] }
 ];
 
+class TransactionGoodsAllocationLineModule {
+}
+TransactionGoodsAllocationLineModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    TransactionBaseLineModule,
+                    TransactionLineWarehouseButtonModule,
+                    TransactionLineWarehouseLocationButtonModule,
+                    EditableLabelModule,
+                    InputNumberPickerModule,
+                    InputCheckboxModule,
+                    ObserveVisibilityModule,
+                    TransactionLineStatusbarModule
+                ],
+                declarations: [
+                    TransactionGoodsAllocationLineComponent
+                ],
+                exports: [
+                    TransactionGoodsAllocationLineComponent
+                ]
+            },] }
+];
+
 class TransactionModule {
 }
 TransactionModule.decorators = [
@@ -20569,7 +21508,8 @@ TransactionModule.decorators = [
                     TransactionOrderDeliveryLineModule,
                     TransactionReceiveGoodsLineModule,
                     TransactionPurchaseLineModule,
-                    QuickSendButtonModule
+                    QuickSendButtonModule,
+                    TransactionGoodsAllocationLineModule
                 ],
                 declarations: [
                     TransactionComponent
@@ -20601,13 +21541,17 @@ ShoppingCartModule.decorators = [
 ];
 
 class TransactionSearchComponent {
-    constructor(transactionSearchService) {
+    constructor(transactionSearchService, _transactionEventService) {
         this.transactionSearchService = transactionSearchService;
+        this._transactionEventService = _transactionEventService;
         this.searchViewModes = SearchViewMode;
         this.orientations = CoOrientation;
         this.directionRight = CoDirection.Right;
         this.transactionClick = new EventEmitter();
         this.searchViewModeChange = new EventEmitter();
+        this.createTransactionClick = new EventEmitter();
+        this._subs = [];
+        this._subs.push(this._transactionEventService.createTransaction.subscribe(() => this.createTransactionClick.emit()));
     }
     set transactionType(value) {
         this._transactionType = value;
@@ -20619,6 +21563,9 @@ class TransactionSearchComponent {
     showClass() {
         return true;
     }
+    ngOnDestroy() {
+        this._subs.forEach(s => s.unsubscribe());
+    }
     onTransactionClick(transaction) {
         if (this.transactionSearchService.activeSearchViewMode === this.searchViewModes.FullScreen) {
             this.collapseSearchBar();
@@ -20721,12 +21668,14 @@ TransactionSearchComponent.decorators = [
             },] }
 ];
 TransactionSearchComponent.ctorParameters = () => [
-    { type: TransactionSearchService }
+    { type: TransactionSearchService },
+    { type: TransactionEventService }
 ];
 TransactionSearchComponent.propDecorators = {
     transactionType: [{ type: Input }],
     transactionClick: [{ type: Output }],
     searchViewModeChange: [{ type: Output }],
+    createTransactionClick: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-search",] }]
 };
 
@@ -21627,7 +22576,7 @@ class TransactionPurchaseOrderFilterContentOrderComponent extends TransactionFil
         this.relationService = relationService;
         this.purchasePersonsFields = { text: "name", value: "relationId" };
         this.tagsFields = { text: "description", value: "tagValueId" };
-        this.branchFields = { text: "description", value: "relationId" };
+        this.branchFields = { text: "familyName", value: "relationId" };
         this.onHoldCodeFields = { text: "description", value: "onHoldCode" };
         this.commissionCodeFields = { text: "description", value: "code" };
     }
@@ -21662,7 +22611,9 @@ class TransactionPurchaseOrderFilterContentOrderComponent extends TransactionFil
     }
     //Branches
     _setBranches() {
-        this.relationService.getBranches().then((branches) => {
+        const request = new RelationRequest();
+        request.relationType = RelationKind$1.Branch;
+        this.relationService.getRelationListObjects(request).then((branches) => {
             this.branches = new FilterViewmodel(branches, this.branchFields).filterItems;
         });
     }
@@ -22015,10 +22966,11 @@ TransactionSearchSalesOrderGridModule.decorators = [
 ];
 
 class TransactionSearchHeaderComponent {
-    constructor(searchService, iconCacheService, _dictionary) {
+    constructor(searchService, iconCacheService, _dictionary, _transactionEventService) {
         this.searchService = searchService;
         this.iconCacheService = iconCacheService;
         this._dictionary = _dictionary;
+        this._transactionEventService = _transactionEventService;
         this.icon = Icon;
         this.contentViewModes = ContentViewMode;
         this.searchViewModes = SearchViewMode;
@@ -22051,6 +23003,9 @@ class TransactionSearchHeaderComponent {
     onViewModeChange(viewMode) {
         this.viewModeChange.emit(viewMode);
     }
+    handleAddTransactionClick() {
+        this._transactionEventService.createTransaction.next();
+    }
 }
 TransactionSearchHeaderComponent.decorators = [
     { type: Component, args: [{
@@ -22069,6 +23024,8 @@ TransactionSearchHeaderComponent.decorators = [
       </div>
       <div class="header-searchbar-wrapper">
         <div class="header-searchbar-title" [textContent]="label | localize" *ngIf="fullscreen" @showHideLabel></div>
+        <co-icon class="transaction-add-button" [iconData]="iconCacheService.getIcon(icon.PlusSimple)"
+                   (click)="handleAddTransactionClick()"></co-icon>
         <co-input-search class="transaction-search-general"
                          [ngClass]="fullscreen ? 'fullscreen' : 'sidebar'"
                          [centerLabel]="true"
@@ -22109,7 +23066,8 @@ TransactionSearchHeaderComponent.decorators = [
 TransactionSearchHeaderComponent.ctorParameters = () => [
     { type: TransactionSearchService },
     { type: IconCacheService },
-    { type: DictionaryService }
+    { type: DictionaryService },
+    { type: TransactionEventService }
 ];
 TransactionSearchHeaderComponent.propDecorators = {
     transactionType: [{ type: Input }],
@@ -22131,7 +23089,8 @@ TransactionSearchHeaderModule.decorators = [
                     PipeModule,
                     ButtonModule,
                     InputSearchModule,
-                    ViewModeButtonsModule
+                    ViewModeButtonsModule,
+                    IconModule
                 ],
                 declarations: [
                     TransactionSearchHeaderComponent
@@ -22928,7 +23887,7 @@ class TransactionSalesOrderFilterContentOrderComponent extends TransactionFilter
         this.relationService = relationService;
         this.salesPersonsFields = { text: "name", value: "relationId" };
         this.tagsFields = { text: "description", value: "tagValueId" };
-        this.branchFields = { text: "description", value: "relationId" };
+        this.branchFields = { text: "familyName", value: "relationId" };
         this.onHoldCodeFields = { text: "description", value: "onHoldCode" };
         this.commissionCodeFields = { text: "description", value: "code" };
         this.customerGroupFields = { text: "naam", value: "groepsnummer" };
@@ -22972,7 +23931,9 @@ class TransactionSalesOrderFilterContentOrderComponent extends TransactionFilter
     }
     //Branches
     _setBranches() {
-        this.relationService.getBranches().then((branches) => {
+        const request = new RelationRequest();
+        request.relationType = RelationKind$1.Branch;
+        this.relationService.getRelationListObjects(request).then((branches) => {
             this.branches = new FilterViewmodel(branches, this.branchFields).filterItems;
         });
     }
@@ -23267,5 +24228,5 @@ TransactionLineGridModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { CheckoutComponent, CheckoutModule, LoaderComponent, LoaderModule, RelationService, SearchViewMode, SearchbarViewMode, ShoppingCartComponent, ShoppingCartModule, ShoppingCartPreviewComponent, ShoppingCartPreviewModule, TransactionComponent, TransactionConfirmationDetailsComponent, TransactionConfirmationDetailsModule, TransactionConfirmationHistoryComponent, TransactionConfirmationHistoryModule, TransactionHeaderComponent, TransactionHeaderDeliveryComponent, TransactionHeaderDeliveryModule, TransactionHeaderModule, TransactionHeaderOrderComponent, TransactionHeaderOrderModule, TransactionHeaderRelationComponent, TransactionHeaderRelationModule, TransactionLineGridComponent, TransactionLineGridModule, TransactionLineStatusbarComponent, TransactionLineStatusbarModule, TransactionLinesComponent, TransactionLinesModule, TransactionModule, TransactionQuickAccessComponent, TransactionQuickAccessModule, TransactionQuickAccessOrderConfirmationComponent, TransactionQuickAccessOrderConfirmationModule, TransactionQuickAccessReceivedGoodsComponent, TransactionQuickAccessReceivedGoodsModule, TransactionSearchComponent, TransactionSearchModule, TransactionSearchService, TransactionService, TransactionStatusbarComponent, TransactionStatusbarModule, TransactionTotalsComponent, TransactionTotalsModule, PendingReasonService as ɵa, DialogService as ɵb, ConfirmationDialogComponent as ɵba, DialogBaseComponent as ɵbb, IconCacheService as ɵbc, CharacteristicAnswerModule as ɵbd, CharacteristicAnswerComponent as ɵbe, WarehouseModule as ɵbf, WarehouseComponent as ɵbg, ImageDisplayComponent as ɵbh, IconComponent as ɵbi, CustomerGroupsComponent as ɵbj, StockStatusIndicatorComponent as ɵbk, LazyRenderMasterDirective as ɵbl, LazyRenderDirective as ɵbm, RelationAddressModule as ɵbn, RelationAddressComponent as ɵbo, RelationBaseComponent as ɵbp, RelationAddressSelectModule as ɵbq, RelationAddressTileModule as ɵbr, TileModule as ɵbs, TileComponent as ɵbt, RelationAddressTileComponent as ɵbu, RelationAddressSelectComponent as ɵbv, StepperModule as ɵbw, StepperComponent as ɵbx, StepperStepComponent as ɵby, TransactionLineModule as ɵbz, DynamicComponentService as ɵc, TransactionLineComponent as ɵca, TransactionMappingService as ɵcb, TransactionArticleTextModule as ɵcc, TransactionLineImageAndDescriptionModule as ɵcd, TransactionLineDescriptionModule as ɵce, TransactionLineDescriptionComponent as ɵcf, TransactionLineBaseComponent as ɵcg, TransactionLineImageAndDescriptionComponent as ɵch, TransactionImageService as ɵci, TransactionArticleTextComponent as ɵcj, TransactionReceiveGoodsService as ɵck, DialogTransactionHeaderDiscountModule as ɵcl, TransactionHeaderDiscountPercentageModule as ɵcm, TransactionHeaderDiscountPercentageComponent as ɵcn, TransactionHeaderBaseComponent as ɵco, TransactionHeaderFilterPopupBaseComponent as ɵcp, TransactionHeaderDiscountAmountModule as ɵcq, TransactionHeaderDiscountAmountComponent as ɵcr, TransactionHeaderDiscountTransactionTotalModule as ɵcs, TransactionHeaderDiscountTransactionTotalComponent as ɵct, DialogTransactionHeaderDiscountComponent as ɵcu, DialogTransactionHeaderBaseComponent as ɵcv, AvatarModule as ɵcw, AvatarComponent as ɵcx, SharedService as ɵcy, SharedConnectorService as ɵcz, OptionsService as ɵd, DeliveryTypeTileModule as ɵda, DeliveryTypeTileComponent as ɵdb, PaymentModule as ɵdc, PaymentTileModule as ɵdd, PaymentTileComponent as ɵde, PaymentQrCodeModule as ɵdf, PaymentQrCodeComponent as ɵdg, DownPaymentModule as ɵdh, DownPaymentComponent as ɵdi, PaymentService as ɵdj, PaymentComponent as ɵdk, RelationTypeModule as ɵdl, RelationTypeComponent as ɵdm, RelationGeneralModule as ɵdn, RelationSuggestionsListModule as ɵdo, RelationSuggestionsListItemModule as ɵdp, RelationSuggestionsListItemComponent as ɵdq, RelationSuggestionsListComponent as ɵdr, RelationGeneralComponent as ɵds, RelationAddressesModule as ɵdt, RelationAddressesComponent as ɵdu, RelationContactDetailsModule as ɵdv, RelationContactDetailsComponent as ɵdw, RelationPreferencesModule as ɵdx, RelationPreferencesComponent as ɵdy, TransactionHeaderBlockModule as ɵdz, DictionaryService as ɵe, TransactionHeaderBlockComponent as ɵea, TransactionHeaderDeliveryDateModule as ɵeb, TransactionHeaderDeliveryDateComponent as ɵec, TransactionHeaderDeliveryOptionsModule as ɵed, TransactionHeaderDeliveryOptionsComponent as ɵee, TransactionHeaderRemarksModule as ɵef, TransactionHeaderRemarksComponent as ɵeg, TransactionHeaderReferenceModule as ɵeh, TransactionHeaderReferenceComponent as ɵei, TransactionHeaderRelationReferenceModule as ɵej, TransactionHeaderRelationReferenceComponent as ɵek, TransactionHeaderDeliveryMethodModule as ɵel, TransactionLineCheckboxModule as ɵem, TransactionLineCheckboxListComponent as ɵen, TransactionHeaderDeliveryMethodComponent as ɵeo, TransactionHeaderPreferredDeliveryDateModule as ɵep, TransactionHeaderPreferredDeliveryDateComponent as ɵeq, DialogTransactionHeaderDeliveryMethodModule as ɵer, DialogHeaderSearchModule as ɵes, DialogHeaderSearchComponent as ɵet, DialogTransactionHeaderDeliveryMethodComponent as ɵeu, TransactionHeaderPartialDeliveryModule as ɵev, TransactionHeaderPartialDeliveryComponent as ɵew, TransactionBaseComponent as ɵex, TransactionHeaderDownpaymentPercentageModule as ɵey, TransactionHeaderDownpaymentPercentageComponent as ɵez, TransactionConnectorService as ɵf, TransactionHeaderDownpaymentAmountModule as ɵfa, TransactionHeaderDownpaymentAmountComponent as ɵfb, TransactionHeaderDefinitiveModule as ɵfc, TransactionHeaderDefinitiveComponent as ɵfd, TransactionHeaderBranchModule as ɵfe, TransactionHeaderBranchComponent as ɵff, TransactionHeaderAdministrativeRelationModule as ɵfg, TransactionHeaderAdministrativeRelationComponent as ɵfh, TransactionHeaderMarketingModule as ɵfi, TransactionHeaderMarketingComponent as ɵfj, CheckoutOverviewRelationEditComponent as ɵfk, CheckoutOverviewDeliveryEditComponent as ɵfl, CheckoutOverviewDeliveryAddressComponent as ɵfm, CheckoutOverviewPaymentComponent as ɵfn, CheckoutLoginComponent as ɵfo, TransactionFilterCategoriesModule as ɵfp, TransactionFilterCategoriesComponent as ɵfq, TransactionHeaderPaymentModule as ɵfr, TransactionHeaderPaymentComponent as ɵfs, TransactionLinesGridModule as ɵft, TransactionBaseGridModule as ɵfu, TransactionLineSidePanelModule as ɵfv, TransactionLineSidePanelDefaultModule as ɵfw, TransactionLinePriceListModule as ɵfx, TransactionLinePriceListComponent as ɵfy, TransactionFilterPopupBaseComponent as ɵfz, TransactionConnectorAdapterService as ɵg, TransactionLineVatModule as ɵga, TransactionLineVatComponent as ɵgb, TransactionLineQuantityModule as ɵgc, TransactionLineQuantityComponent as ɵgd, TransactionLineLineDiscountModule as ɵge, TransactionLineLineDiscountComponent as ɵgf, TransactionLineDeliveryMethodModule as ɵgg, TransactionLineDeliveryMethodComponent as ɵgh, TransactionLineDeliveryDateModule as ɵgi, TransactionLineDeliveryDateComponent as ɵgj, TransactionLineReferenceModule as ɵgk, TransactionLineReferenceComponent as ɵgl, TransactionLineCommissionCodeModule as ɵgm, TransactionLineCommissionCodeComponent as ɵgn, TransactionLineWarehouseModule as ɵgo, TransactionLineWarehouseComponent as ɵgp, TransactionLineDiscountAmountModule as ɵgq, TransactionLineDiscountAmountComponent as ɵgr, TransactionLineQuantumDiscountModule as ɵgs, TransactionLineQuantumDiscountComponent as ɵgt, TransactionLineSpecialDiscountModule as ɵgu, TransactionLineSpecialDiscountComponent as ɵgv, TransactionLineSupplierModule as ɵgw, TransactionLineSupplierComponent as ɵgx, TransactionLinePriceModule as ɵgy, TransactionLinePriceComponent as ɵgz, SelectMultipleCacheService as ɵh, TransactionLineSidePanelDefaultComponent as ɵha, TransactionReceivingGoodsHistoryModule as ɵhb, TransactionHistoryGridModule as ɵhc, TransactionHistoryGridStatusModule as ɵhd, TransactionHistoryGridStatusComponent as ɵhe, TransactionHistoryGridComponent as ɵhf, TransactionReceivingGoodsHistoryComponent as ɵhg, TransactionReceivingGoodsDetailsModule as ɵhh, TransactionReceivingGoodsDetailsComponent as ɵhi, ArticleService as ɵhj, TransactionButtonBarModule as ɵhk, AnimatedCheckboxModule as ɵhl, AnimatedCheckboxComponent as ɵhm, TransactionButtonBarComponent as ɵhn, TransactionButtonBarButtonComponent as ɵho, TransactionButtonBarButtonBaseComponent as ɵhp, TransactionSalesPurchaseButtonBarButtonComponent as ɵhq, TransactionLineSidePanelPurchaseModule as ɵhr, DefaultOkCancelButtonsModule as ɵhs, DefaultOkCancelButtonsComponent as ɵht, TransactionAvailableStockGridModule as ɵhu, TransactionAvailableStockGridComponent as ɵhv, TransactionLineSidePanelPurchaseComponent as ɵhw, TransactionLineSidePanelComponent as ɵhx, DynamicBaseComponent as ɵhy, TransactionLineActionButtonsModule as ɵhz, BusinessObjectCacheManagerService as ɵi, TransactionArticleTextOverviewModule as ɵia, TransactionArticleTextOverviewComponent as ɵib, TransactionLineActionButtonsComponent as ɵic, TransactionBaseGridComponent as ɵid, TransactionGridBaseComponent as ɵie, DialogTransactionLineCommissionCodeModule as ɵif, DialogTransactionLineCommissionCodeComponent as ɵig, DialogTransactionLineBaseComponent as ɵih, DialogTransactionLineWarehouseModule as ɵii, DialogTransactionLineWarehouseComponent as ɵij, DialogTransactionLineWarehouseCcModule as ɵik, DialogTransactionLineWarehouseCcComponent as ɵil, DialogTransactionLineDeliveryMethodModule as ɵim, DialogTransactionLineDeliveryMethodComponent as ɵin, DialogTransactionLineVatModule as ɵio, DialogTransactionLineVatComponent as ɵip, DialogTransactionLineDiscountModule as ɵiq, DialogTransactionLinePriceListModule as ɵir, DialogTransactionLinePriceListComponent as ɵis, DialogTransactionLineDiscountComponent as ɵit, TransactionLinesGridComponent as ɵiu, DiscountModule as ɵiv, DiscountComponent as ɵiw, TransactionQuickAccessOverviewModule as ɵix, TransactionQuickAccessOverviewComponent as ɵiy, TransactionQuickAccessOrderDeliveryModule as ɵiz, CacheField as ɵj, TransactionSendButtonDialogModule as ɵja, TransactionSendButtonDialogComponent as ɵjb, TransactionQuickAccessOrderDeliveryComponent as ɵjc, TransactionOrderDeliveryService as ɵjd, TransactionQuickAccessOrderPurchaseModule as ɵje, TransactionQuickAccessOrderPurchaseComponent as ɵjf, TransactionOrderConfirmationGridModule as ɵjg, TransactionOrderConfirmationGridComponent as ɵjh, TransactionReceivedGoodsGridModule as ɵji, DialogTransactionLineWarehouseLocationModule as ɵjj, TransactionLineWarehouseLocationModule as ɵjk, TransactionLineWarehouseLocationComponent as ɵjl, DialogTransactionLineWarehouseLocationComponent as ɵjm, TransactionLineWarehouseLocationButtonModule as ɵjn, TransactionLineWarehouseLocationButtonComponent as ɵjo, TransactionReceivedGoodsGridComponent as ɵjp, ViewModeButtonsModule as ɵjq, ViewModeButtonsComponent as ɵjr, TransactionGridModule as ɵjs, TransactionGridComponent as ɵjt, TransactionTileModule as ɵju, TransactionTileComponent as ɵjv, TransactionOverviewLineModule as ɵjw, EditableLabelModule as ɵjx, EditableLabelComponent as ɵjy, TransactionBaseLineModule as ɵjz, SelectMultipleParameterizedCacheService as ɵk, TransactionBaseLineComponent as ɵka, TransactionLinesLineBaseComponent as ɵkb, TransactionLineCommissionButtonModule as ɵkc, TransactionLineCommissionButtonComponent as ɵkd, TransactionLineWarehouseButtonModule as ɵke, TransactionLineWarehouseButtonComponent as ɵkf, TransactionLineDeliveryButtonModule as ɵkg, TransactionLineDeliveryButtonComponent as ɵkh, TransactionLineDeliveryDateButtonModule as ɵki, TransactionLineDeliveryDateButtonComponent as ɵkj, TransactionLineAmountModule as ɵkk, TransactionLineAmountComponent as ɵkl, TransactionOverviewLineComponent as ɵkm, TransactionOrderDeliveryLineModule as ɵkn, TransactionOrderDeliveryLineComponent as ɵko, TransactionReceiveGoodsLineModule as ɵkp, TransactionReceiveGoodsLineComponent as ɵkq, TransactionPurchaseLineModule as ɵkr, TransactionLineSupplierButtonModule as ɵks, DialogTransactionLineSupplierModule as ɵkt, DialogTransactionLineSupplierComponent as ɵku, TransactionLineSupplierButtonComponent as ɵkv, TransactionPurchaseLineComponent as ɵkw, QuickSendButtonModule as ɵkx, QuickSendButtonComponent as ɵky, TransactionSearchResultModule as ɵkz, ErrorService as ɵl, TransactionSearchSalesOrderTileModule as ɵla, TransactionSearchSalesOrderTileComponent as ɵlb, TransactionSearchTileBaseComponent as ɵlc, TransactionSearchPurchaseOrderTileModule as ɵld, TransactionSearchPurchaseOrderTileComponent as ɵle, TransactionSearchSalesOrderGridModule as ɵlf, TransactionSearchSalesOrderGridComponent as ɵlg, TransactionSearchGridBaseComponent as ɵlh, TransactionSearchPurchaseOrderGridModule as ɵli, TransactionSearchPurchaseOrderGridComponent as ɵlj, TransactionSearchHeaderModule as ɵlk, TransactionSearchHeaderComponent as ɵll, TransactionSearchGridModule as ɵlm, TransactionSearchGridComponent as ɵln, TransactionSearchTileModule as ɵlo, TransactionSearchTileComponent as ɵlp, TransactionSearchResultComponent as ɵlq, TransactionSalesOrderFilterModule as ɵlr, TransactionSalesOrderFilterContentOrderModule as ɵls, TransactionFilterItemModule as ɵlt, TransactionFilterItemComponent as ɵlu, TransactionSalesOrderFilterContentOrderComponent as ɵlv, TransactionFilterContentBaseComponent as ɵlw, FilterRequestService as ɵlx, TransactionSalesOrderFilterContentLogisticsModule as ɵly, TransactionFilterHistoricStateModule as ɵlz, SelectSingleCacheService as ɵm, TransactionFilterHistoricStateComponent as ɵma, TransactionSalesOrderFilterContentLogisticsComponent as ɵmb, TransactionSalesOrderFilterContentArticleModule as ɵmc, TransactionSalesOrderFilterContentArticleComponent as ɵmd, TransactionSalesOrderFilterComponent as ɵme, TransactionFilterBaseComponent as ɵmf, TransactionPurchaseOrderFilterModule as ɵmg, TransactionPurchaseOrderFilterContentOrderModule as ɵmh, TransactionPurchaseOrderFilterContentOrderComponent as ɵmi, TransactionPurchaseOrderFilterContentLogisticsModule as ɵmj, TransactionPurchaseOrderFilterContentLogisticsComponent as ɵmk, TransactionPurchaseOrderFilterContentArticleModule as ɵml, TransactionPurchaseOrderFilterContentArticleComponent as ɵmm, TransactionPurchaseOrderFilterComponent as ɵmn, TransactionFilterModule as ɵmo, TransactionFilterComponent as ɵmp, ArticleConnectorService as ɵn, TransactionEventService as ɵo, RelationConnectorService as ɵp, CoreModule as ɵq, ConfirmationDialogModule as ɵr, PipeModule as ɵs, AppendPipe as ɵt, DeliveryTimePipe as ɵu, DateDurationPipe as ɵv, LocalizePipe as ɵw, CoCurrencyPipe as ɵx, SafeStylePipe as ɵy, SafeHtmlPipe as ɵz };
+export { CheckoutComponent, CheckoutModule, LoaderComponent, LoaderModule, RelationService, SearchViewMode, SearchbarViewMode, ShoppingCartComponent, ShoppingCartModule, ShoppingCartPreviewComponent, ShoppingCartPreviewModule, TransactionComponent, TransactionConfirmationDetailsComponent, TransactionConfirmationDetailsModule, TransactionConfirmationHistoryComponent, TransactionConfirmationHistoryModule, TransactionHeaderComponent, TransactionHeaderDeliveryComponent, TransactionHeaderDeliveryModule, TransactionHeaderModule, TransactionHeaderOrderComponent, TransactionHeaderOrderModule, TransactionHeaderRelationComponent, TransactionHeaderRelationModule, TransactionLineGridComponent, TransactionLineGridModule, TransactionLineStatusbarComponent, TransactionLineStatusbarModule, TransactionLinesComponent, TransactionLinesModule, TransactionModule, TransactionQuickAccessComponent, TransactionQuickAccessModule, TransactionQuickAccessOrderConfirmationComponent, TransactionQuickAccessOrderConfirmationModule, TransactionQuickAccessReceivedGoodsComponent, TransactionQuickAccessReceivedGoodsModule, TransactionSearchComponent, TransactionSearchModule, TransactionSearchService, TransactionService, TransactionStatusbarComponent, TransactionStatusbarModule, TransactionTotalsComponent, TransactionTotalsModule, PendingReasonService as ɵa, DialogService as ɵb, ConfirmationDialogComponent as ɵba, DialogBaseComponent as ɵbb, IconCacheService as ɵbc, CharacteristicAnswerModule as ɵbd, CharacteristicAnswerComponent as ɵbe, WarehouseModule as ɵbf, WarehouseComponent as ɵbg, ImageDisplayComponent as ɵbh, IconComponent as ɵbi, CustomerGroupsComponent as ɵbj, StockStatusIndicatorComponent as ɵbk, LazyRenderMasterDirective as ɵbl, LazyRenderDirective as ɵbm, RelationAddressModule as ɵbn, RelationAddressComponent as ɵbo, RelationBaseComponent as ɵbp, RelationAddressSelectModule as ɵbq, RelationAddressTileModule as ɵbr, TileModule as ɵbs, TileComponent as ɵbt, RelationAddressTileComponent as ɵbu, RelationAddressSelectComponent as ɵbv, StepperModule as ɵbw, StepperComponent as ɵbx, StepperStepComponent as ɵby, TransactionLineModule as ɵbz, DynamicComponentService as ɵc, TransactionLineComponent as ɵca, TransactionMappingService as ɵcb, TransactionArticleTextModule as ɵcc, TransactionLineImageAndDescriptionModule as ɵcd, TransactionLineDescriptionModule as ɵce, TransactionLineDescriptionComponent as ɵcf, TransactionLineBaseComponent as ɵcg, TransactionLineImageAndDescriptionComponent as ɵch, TransactionImageService as ɵci, TransactionArticleTextComponent as ɵcj, TransactionReceiveGoodsService as ɵck, DialogTransactionHeaderDiscountModule as ɵcl, TransactionHeaderDiscountPercentageModule as ɵcm, TransactionHeaderDiscountPercentageComponent as ɵcn, TransactionHeaderBaseComponent as ɵco, TransactionHeaderFilterPopupBaseComponent as ɵcp, TransactionHeaderDiscountAmountModule as ɵcq, TransactionHeaderDiscountAmountComponent as ɵcr, TransactionHeaderDiscountTransactionTotalModule as ɵcs, TransactionHeaderDiscountTransactionTotalComponent as ɵct, DialogTransactionHeaderDiscountComponent as ɵcu, DialogTransactionHeaderBaseComponent as ɵcv, AvatarModule as ɵcw, AvatarComponent as ɵcx, SharedService as ɵcy, SharedConnectorService as ɵcz, OptionsService as ɵd, DeliveryTypeTileModule as ɵda, DeliveryTypeTileComponent as ɵdb, PaymentModule as ɵdc, PaymentTileModule as ɵdd, PaymentTileComponent as ɵde, PaymentQrCodeModule as ɵdf, PaymentQrCodeComponent as ɵdg, DownPaymentModule as ɵdh, DownPaymentComponent as ɵdi, PaymentService as ɵdj, PaymentComponent as ɵdk, RelationTypeModule as ɵdl, RelationTypeComponent as ɵdm, RelationGeneralModule as ɵdn, RelationSuggestionsListModule as ɵdo, RelationSuggestionsListItemModule as ɵdp, RelationSuggestionsListItemComponent as ɵdq, RelationSuggestionsListComponent as ɵdr, RelationGeneralComponent as ɵds, RelationAddressesModule as ɵdt, RelationAddressesComponent as ɵdu, RelationContactDetailsModule as ɵdv, RelationContactDetailsComponent as ɵdw, RelationPreferencesModule as ɵdx, RelationPreferencesComponent as ɵdy, TransactionHeaderBlockModule as ɵdz, DictionaryService as ɵe, TransactionHeaderBlockComponent as ɵea, TransactionHeaderDeliveryDateModule as ɵeb, TransactionHeaderDeliveryDateComponent as ɵec, TransactionHeaderDeliveryOptionsModule as ɵed, TransactionHeaderDeliveryOptionsComponent as ɵee, TransactionHeaderRemarksModule as ɵef, TransactionHeaderRemarksComponent as ɵeg, TransactionHeaderReferenceModule as ɵeh, TransactionHeaderReferenceComponent as ɵei, TransactionHeaderRelationReferenceModule as ɵej, TransactionHeaderRelationReferenceComponent as ɵek, TransactionHeaderDeliveryMethodModule as ɵel, TransactionLineCheckboxModule as ɵem, TransactionLineCheckboxListComponent as ɵen, TransactionHeaderDeliveryMethodComponent as ɵeo, TransactionHeaderPreferredDeliveryDateModule as ɵep, TransactionHeaderPreferredDeliveryDateComponent as ɵeq, DialogTransactionHeaderDeliveryMethodModule as ɵer, DialogHeaderSearchModule as ɵes, DialogHeaderSearchComponent as ɵet, DialogTransactionHeaderDeliveryMethodComponent as ɵeu, TransactionHeaderPartialDeliveryModule as ɵev, TransactionHeaderPartialDeliveryComponent as ɵew, TransactionBaseComponent as ɵex, TransactionHeaderDownpaymentPercentageModule as ɵey, TransactionHeaderDownpaymentPercentageComponent as ɵez, TransactionConnectorService as ɵf, TransactionHeaderDownpaymentAmountModule as ɵfa, TransactionHeaderDownpaymentAmountComponent as ɵfb, TransactionHeaderDefinitiveModule as ɵfc, TransactionHeaderDefinitiveComponent as ɵfd, TransactionHeaderBranchModule as ɵfe, TransactionHeaderBranchComponent as ɵff, TransactionHeaderAdministrativeRelationModule as ɵfg, TransactionHeaderAdministrativeRelationComponent as ɵfh, TransactionHeaderMarketingModule as ɵfi, TransactionHeaderMarketingComponent as ɵfj, CheckoutOverviewRelationEditComponent as ɵfk, CheckoutOverviewDeliveryEditComponent as ɵfl, CheckoutOverviewDeliveryAddressComponent as ɵfm, CheckoutOverviewPaymentComponent as ɵfn, CheckoutLoginComponent as ɵfo, TransactionFilterCategoriesModule as ɵfp, TransactionFilterCategoriesComponent as ɵfq, TransactionHeaderPaymentModule as ɵfr, TransactionHeaderPaymentComponent as ɵfs, TransactionLinesGridModule as ɵft, TransactionBaseGridModule as ɵfu, TransactionLineSidePanelModule as ɵfv, TransactionLineSidePanelDefaultModule as ɵfw, TransactionLinePriceListModule as ɵfx, TransactionLinePriceListComponent as ɵfy, TransactionFilterPopupBaseComponent as ɵfz, TransactionConnectorAdapterService as ɵg, TransactionLineVatModule as ɵga, TransactionLineVatComponent as ɵgb, TransactionLineQuantityModule as ɵgc, TransactionLineQuantityComponent as ɵgd, TransactionLineLineDiscountModule as ɵge, TransactionLineLineDiscountComponent as ɵgf, TransactionLineDeliveryMethodModule as ɵgg, TransactionLineDeliveryMethodComponent as ɵgh, TransactionLineDeliveryDateModule as ɵgi, TransactionLineDeliveryDateComponent as ɵgj, TransactionLineReferenceModule as ɵgk, TransactionLineReferenceComponent as ɵgl, TransactionLineCommissionCodeModule as ɵgm, TransactionLineCommissionCodeComponent as ɵgn, TransactionLineWarehouseModule as ɵgo, TransactionLineWarehouseComponent as ɵgp, TransactionLineDiscountAmountModule as ɵgq, TransactionLineDiscountAmountComponent as ɵgr, TransactionLineQuantumDiscountModule as ɵgs, TransactionLineQuantumDiscountComponent as ɵgt, TransactionLineSpecialDiscountModule as ɵgu, TransactionLineSpecialDiscountComponent as ɵgv, TransactionLineSupplierModule as ɵgw, TransactionLineSupplierComponent as ɵgx, TransactionLinePriceModule as ɵgy, TransactionLinePriceComponent as ɵgz, SelectMultipleCacheService as ɵh, TransactionLineSidePanelDefaultComponent as ɵha, TransactionReceivingGoodsHistoryModule as ɵhb, TransactionHistoryGridModule as ɵhc, TransactionHistoryGridStatusModule as ɵhd, TransactionHistoryGridStatusComponent as ɵhe, TransactionHistoryGridComponent as ɵhf, TransactionReceivingGoodsHistoryComponent as ɵhg, TransactionButtonBarModule as ɵhh, AnimatedCheckboxModule as ɵhi, AnimatedCheckboxComponent as ɵhj, TransactionButtonBarComponent as ɵhk, TransactionButtonBarButtonComponent as ɵhl, TransactionButtonBarButtonBaseComponent as ɵhm, TransactionSalesPurchaseButtonBarButtonComponent as ɵhn, TransactionLineSidePanelPurchaseModule as ɵho, DefaultOkCancelButtonsModule as ɵhp, DefaultOkCancelButtonsComponent as ɵhq, TransactionAvailableStockGridModule as ɵhr, TransactionAvailableStockGridComponent as ɵhs, TransactionSidePanelEditRequestDetailsModule as ɵht, TransactionLineWarehouseLocationButtonModule as ɵhu, TransactionLineWarehouseLocationButtonComponent as ɵhv, TransactionSidePanelEditRequestDetailsComponent as ɵhw, AllocationRequestComponent as ɵhx, ReceiveGoodsRequestComponent as ɵhy, ArticleService as ɵhz, BusinessObjectCacheManagerService as ɵi, TransactionLineSidePanelPurchaseComponent as ɵia, TransactionLineSidePanelSalesModule as ɵib, TransactionAllocateGoodsHistoryModule as ɵic, TransactionAllocateGoodsHistoryComponent as ɵid, TransactionLineSidePanelSalesComponent as ɵie, TransactionLineSidePanelComponent as ɵif, DynamicBaseComponent as ɵig, TransactionLineActionButtonsModule as ɵih, TransactionArticleTextOverviewModule as ɵii, TransactionArticleTextOverviewComponent as ɵij, TransactionLineActionButtonsComponent as ɵik, TransactionBaseGridComponent as ɵil, TransactionGridBaseComponent as ɵim, DialogTransactionLineCommissionCodeModule as ɵin, DialogTransactionLineCommissionCodeComponent as ɵio, DialogTransactionLineBaseComponent as ɵip, DialogTransactionLineWarehouseModule as ɵiq, DialogTransactionLineWarehouseComponent as ɵir, DialogTransactionLineWarehouseCcModule as ɵis, DialogTransactionLineWarehouseCcComponent as ɵit, DialogTransactionLineDeliveryMethodModule as ɵiu, DialogTransactionLineDeliveryMethodComponent as ɵiv, DialogTransactionLineVatModule as ɵiw, DialogTransactionLineVatComponent as ɵix, DialogTransactionLineDiscountModule as ɵiy, DialogTransactionLinePriceListModule as ɵiz, CacheField as ɵj, DialogTransactionLinePriceListComponent as ɵja, DialogTransactionLineDiscountComponent as ɵjb, TransactionLinesGridComponent as ɵjc, DiscountModule as ɵjd, DiscountComponent as ɵje, TransactionQuickAccessOverviewModule as ɵjf, DialogCatalogModule as ɵjg, DialogCatalogComponent as ɵjh, TransactionQuickAccessOverviewComponent as ɵji, TransactionQuickAccessOrderDeliveryModule as ɵjj, TransactionSendButtonDialogModule as ɵjk, TransactionSendButtonDialogComponent as ɵjl, TransactionQuickAccessOrderDeliveryComponent as ɵjm, TransactionOrderDeliveryService as ɵjn, TransactionQuickAccessOrderPurchaseModule as ɵjo, TransactionQuickAccessOrderPurchaseComponent as ɵjp, TransactionQuickAccessGoodsAllocationModule as ɵjq, TransactionQuickAccessGoodsAllocationComponent as ɵjr, TransactionAllocateGoodsService as ɵjs, TransactionOrderConfirmationGridModule as ɵjt, TransactionOrderConfirmationGridComponent as ɵju, TransactionReceivedGoodsGridModule as ɵjv, DialogTransactionLineWarehouseLocationModule as ɵjw, TransactionLineWarehouseLocationModule as ɵjx, TransactionLineWarehouseLocationComponent as ɵjy, DialogTransactionLineWarehouseLocationComponent as ɵjz, SelectMultipleParameterizedCacheService as ɵk, TransactionReceivedGoodsGridComponent as ɵka, ViewModeButtonsModule as ɵkb, ViewModeButtonsComponent as ɵkc, TransactionGridModule as ɵkd, TransactionGridComponent as ɵke, TransactionTileModule as ɵkf, TransactionTileComponent as ɵkg, TransactionOverviewLineModule as ɵkh, EditableLabelModule as ɵki, EditableLabelComponent as ɵkj, TransactionBaseLineModule as ɵkk, TransactionBaseLineComponent as ɵkl, TransactionLinesLineBaseComponent as ɵkm, TransactionLineCommissionButtonModule as ɵkn, TransactionLineCommissionButtonComponent as ɵko, TransactionLineWarehouseButtonModule as ɵkp, TransactionLineWarehouseButtonComponent as ɵkq, TransactionLineDeliveryButtonModule as ɵkr, TransactionLineDeliveryButtonComponent as ɵks, TransactionLineDeliveryDateButtonModule as ɵkt, TransactionLineDeliveryDateButtonComponent as ɵku, TransactionLineAmountModule as ɵkv, TransactionLineAmountComponent as ɵkw, TransactionOverviewLineComponent as ɵkx, TransactionOrderDeliveryLineModule as ɵky, TransactionOrderDeliveryLineComponent as ɵkz, ErrorService as ɵl, TransactionReceiveGoodsLineModule as ɵla, TransactionReceiveGoodsLineComponent as ɵlb, TransactionPurchaseLineModule as ɵlc, TransactionLineSupplierButtonModule as ɵld, DialogTransactionLineSupplierModule as ɵle, DialogTransactionLineSupplierComponent as ɵlf, TransactionLineSupplierButtonComponent as ɵlg, TransactionPurchaseLineComponent as ɵlh, QuickSendButtonModule as ɵli, QuickSendButtonComponent as ɵlj, TransactionGoodsAllocationLineModule as ɵlk, TransactionGoodsAllocationLineComponent as ɵll, TransactionSearchResultModule as ɵlm, TransactionSearchSalesOrderTileModule as ɵln, TransactionSearchSalesOrderTileComponent as ɵlo, TransactionSearchTileBaseComponent as ɵlp, TransactionSearchPurchaseOrderTileModule as ɵlq, TransactionSearchPurchaseOrderTileComponent as ɵlr, TransactionSearchSalesOrderGridModule as ɵls, TransactionSearchSalesOrderGridComponent as ɵlt, TransactionSearchGridBaseComponent as ɵlu, TransactionSearchPurchaseOrderGridModule as ɵlv, TransactionSearchPurchaseOrderGridComponent as ɵlw, TransactionSearchHeaderModule as ɵlx, TransactionSearchHeaderComponent as ɵly, TransactionSearchGridModule as ɵlz, SelectSingleCacheService as ɵm, TransactionSearchGridComponent as ɵma, TransactionSearchTileModule as ɵmb, TransactionSearchTileComponent as ɵmc, TransactionSearchResultComponent as ɵmd, TransactionSalesOrderFilterModule as ɵme, TransactionSalesOrderFilterContentOrderModule as ɵmf, TransactionFilterItemModule as ɵmg, TransactionFilterItemComponent as ɵmh, TransactionSalesOrderFilterContentOrderComponent as ɵmi, TransactionFilterContentBaseComponent as ɵmj, FilterRequestService as ɵmk, TransactionSalesOrderFilterContentLogisticsModule as ɵml, TransactionFilterHistoricStateModule as ɵmm, TransactionFilterHistoricStateComponent as ɵmn, TransactionSalesOrderFilterContentLogisticsComponent as ɵmo, TransactionSalesOrderFilterContentArticleModule as ɵmp, TransactionSalesOrderFilterContentArticleComponent as ɵmq, TransactionSalesOrderFilterComponent as ɵmr, TransactionFilterBaseComponent as ɵms, TransactionPurchaseOrderFilterModule as ɵmt, TransactionPurchaseOrderFilterContentOrderModule as ɵmu, TransactionPurchaseOrderFilterContentOrderComponent as ɵmv, TransactionPurchaseOrderFilterContentLogisticsModule as ɵmw, TransactionPurchaseOrderFilterContentLogisticsComponent as ɵmx, TransactionPurchaseOrderFilterContentArticleModule as ɵmy, TransactionPurchaseOrderFilterContentArticleComponent as ɵmz, ArticleConnectorService as ɵn, TransactionPurchaseOrderFilterComponent as ɵna, TransactionFilterModule as ɵnb, TransactionFilterComponent as ɵnc, TransactionEventService as ɵo, RelationConnectorService as ɵp, CoreModule as ɵq, ConfirmationDialogModule as ɵr, PipeModule as ɵs, AppendPipe as ɵt, DeliveryTimePipe as ɵu, DateDurationPipe as ɵv, LocalizePipe as ɵw, CoCurrencyPipe as ɵx, SafeStylePipe as ɵy, SafeHtmlPipe as ɵz };
 //# sourceMappingURL=colijnit-transaction.js.map