@colijnit/transaction 12.1.99 → 12.1.100

package/bundles/colijnit-transaction.umd.js

@@ -32,8 +32,8 @@
         function Version() {
             this.name = "@colijnit/transaction";
             this.description = "Colijn IT transaction package";
-            this.symVer = "12.1.99";
-            this.publishDate = "17-3-2023 16:30:37";
+            this.symVer = "12.1.100";
+            this.publishDate = "18-3-2023 15:36:28";
         }
         return Version;
     }());
@@ -1313,6 +1313,7 @@
         __extends(DialogTransactionLineWarehouseCcComponent, _super);
         function DialogTransactionLineWarehouseCcComponent() {
             var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this.transactionKind = transactionKind_enum.TransactionKind.SalesOrder;
             _this.quantity = 1;
             return _this;
         }
@@ -1339,6 +1340,10 @@
         DialogTransactionLineWarehouseCcComponent.prototype.handleDialogClose = function () {
             this.handleClose(AppPopupButtonType.Cancel);
         };
+        DialogTransactionLineWarehouseCcComponent.prototype.handleClose = function (type) {
+            this.close.emit();
+            this.onClose(type);
+        };
         DialogTransactionLineWarehouseCcComponent.prototype.transactionLineSet = function () {
             _super.prototype.transactionLineSet.call(this);
             this.quantity = this.transactionLine.amount;
@@ -1350,11 +1355,12 @@
     DialogTransactionLineWarehouseCcComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-dialog-transaction-line-warehouse-cc",
-                    template: "\n    <co-dialog\n      [customCssClass]=\"'co-small-toolbar'\"\n      [headerTemplate]=\"dialogHeader\"\n      [footerTemplate]=\"footerTemplate\"\n      (closeClick)=\"handleDialogClose()\">\n      <div class=\"transaction-line-warehouse-cc-section\">\n        <co-input-number-picker class=\"quantity-number-picker\"\n                                [(model)]=\"quantity\" [min]=\"1\"\n                                (modelChange)=\"handleQuantityChange($event)\"></co-input-number-picker>\n      </div>\n      <div class=\"transaction-line-warehouse-cc-section\">\n        <div class=\"transaction-line-warehouse-cc-section-label\" [textContent]=\"'COMMISSION_CODE' | localize\"></div>\n        <co-transaction-line-commission-code\n          [transactionLine]=\"transactionLine\"\n          [value]=\"commissionCode\"\n          [useModel]=\"false\"\n          (valueChange)=\"handleCommissionCodeChange($event)\"></co-transaction-line-commission-code>\n      </div>\n      <div class=\"transaction-line-warehouse-cc-section\">\n        <div class=\"transaction-line-warehouse-cc-section-label\" [textContent]=\"'WAREHOUSE' | localize\"></div>\n        <co-transaction-line-warehouse\n          [value]=\"warehouse\"\n          [useModel]=\"false\"\n          (valueChange)=\"handleWarehouseChange($event)\"></co-transaction-line-warehouse>\n      </div>\n    </co-dialog>\n    <ng-template #dialogHeader>\n      <div class=\"co-dialog-header-title\" [textContent]=\"'COMMISSION_CODE_WAREHOUSE_SELECTION' | localize\"></div>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"co-dialog-footer-button-wrapper\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"handleOkClick()\"></co-button>\n      </div>\n    </ng-template>\n  ",
+                    template: "\n    <co-dialog\n      [customCssClass]=\"'co-small-toolbar'\"\n      [headerTemplate]=\"dialogHeader\"\n      [footerTemplate]=\"footerTemplate\"\n      (closeClick)=\"handleDialogClose()\">\n      <div class=\"transaction-line-warehouse-cc-section\">\n        <co-input-number-picker class=\"quantity-number-picker\"\n                                [(model)]=\"quantity\" [min]=\"1\"\n                                (modelChange)=\"handleQuantityChange($event)\"></co-input-number-picker>\n      </div>\n      <div class=\"transaction-line-warehouse-cc-section\" *ngIf=\"transactionKind !== transKind.PurchaseOrder\">\n        <div class=\"transaction-line-warehouse-cc-section-label\" [textContent]=\"'COMMISSION_CODE' | localize\"></div>\n        <co-transaction-line-commission-code\n          [transactionLine]=\"transactionLine\"\n          [value]=\"commissionCode\"\n          [useModel]=\"false\"\n          (valueChange)=\"handleCommissionCodeChange($event)\"></co-transaction-line-commission-code>\n      </div>\n      <div class=\"transaction-line-warehouse-cc-section\">\n        <div class=\"transaction-line-warehouse-cc-section-label\" [textContent]=\"'WAREHOUSE' | localize\"></div>\n        <co-transaction-line-warehouse\n          [value]=\"warehouse\"\n          [useModel]=\"false\"\n          (valueChange)=\"handleWarehouseChange($event)\"></co-transaction-line-warehouse>\n      </div>\n    </co-dialog>\n    <ng-template #dialogHeader>\n      <div class=\"co-dialog-header-title\" [textContent]=\"'COMMISSION_CODE_WAREHOUSE_SELECTION' | localize\"></div>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"co-dialog-footer-button-wrapper\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"handleOkClick()\"></co-button>\n      </div>\n    </ng-template>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
     DialogTransactionLineWarehouseCcComponent.propDecorators = {
+        transactionKind: [{ type: i0.Input }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-dialog-transaction-line-warehouse-cc",] }]
     };
 
@@ -1468,9 +1474,10 @@
             };
             return this.dynamicComponentService.createComponent(CharacteristicAnswerComponent, data);
         };
-        DialogService.prototype.showWarehouseCC = function (transactionLine) {
+        DialogService.prototype.showWarehouseCC = function (transactionKind, transactionLine) {
             var data = {
                 useModel: false,
+                transactionKind: transactionKind,
                 transactionLine: transactionLine
             };
             return this.dynamicComponentService.createComponent(DialogTransactionLineWarehouseCcComponent, data);
@@ -7501,7 +7508,7 @@
                                             transLine = response.transactionLines.find(function (t) { return t.lineNr === status.lineNr; });
                                             _b = success;
                                             if (!_b) return [3 /*break*/, 2];
-                                            return [4 /*yield*/, this_1._handleLineOperationStatus(status, transLine)];
+                                            return [4 /*yield*/, this_1._handleLineOperationStatus(response, status, transLine)];
                                         case 1:
                                             _b = (_c.sent());
                                             _c.label = 2;
@@ -7538,7 +7545,7 @@
                 });
             });
         };
-        PendingReasonService.prototype._handleLineOperationStatus = function (operationStatus, transactionLine) {
+        PendingReasonService.prototype._handleLineOperationStatus = function (transaction, operationStatus, transactionLine) {
             return __awaiter(this, void 0, void 0, function () {
                 var _a;
                 return __generator(this, function (_b) {
@@ -7566,7 +7573,7 @@
                         case 3:
                             _b.sent();
                             return [2 /*return*/, true];
-                        case 4: return [4 /*yield*/, this._showWarehouseCcDialog(operationStatus.uuid, transactionLine, operationStatus.pendingReason, operationStatus.pendingReasonType)];
+                        case 4: return [4 /*yield*/, this._showWarehouseCcDialog(transaction.transactionInfo.transactionKind, operationStatus.uuid, transactionLine, operationStatus.pendingReason, operationStatus.pendingReasonType)];
                         case 5:
                             _b.sent();
                             return [2 /*return*/, true];
@@ -7676,14 +7683,14 @@
                 });
             });
         };
-        PendingReasonService.prototype._showWarehouseCcDialog = function (uuid, transactionLine, reason, type) {
+        PendingReasonService.prototype._showWarehouseCcDialog = function (transactionKind, uuid, transactionLine, reason, type) {
             return __awaiter(this, void 0, void 0, function () {
                 var reasonRequest, response;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
                             reasonRequest = new resolvePendingReasonRequest_bo.ResolveLinePendingReasonRequest(uuid, reason, type);
-                            return [4 /*yield*/, this.dialogService.showWarehouseCC(transactionLine)];
+                            return [4 /*yield*/, this.dialogService.showWarehouseCC(transactionKind, transactionLine)];
                         case 1:
                             response = _a.sent();
                             if (!(response.button === AppPopupButtonType.Ok)) return [3 /*break*/, 3];
@@ -7760,7 +7767,9 @@
                 [TransactionTypeCategory.SalesOrderPurchase, 0],
                 [TransactionTypeCategory.SalesOrderAllocation, 1],
                 [TransactionTypeCategory.SalesOrderDeliveryNote, 7],
-                [TransactionTypeCategory.SalesOrderInvoice, 8]
+                [TransactionTypeCategory.SalesOrderInvoice, 8],
+                [TransactionTypeCategory.PurchaseOrderOrderConfirmation, 0],
+                [TransactionTypeCategory.PurchaseOrderReceivedGoods, 2]
             ]);
             _this._answerRecalculationDeposit = false;
             _this._dontAskForRecalculationDeposit = false;
@@ -8839,23 +8848,26 @@
                         case 0: return [4 /*yield*/, this.tryToLockTransaction(transactionId, version)];
                         case 1:
                             lockSuccess = _a.sent();
-                            if (!lockSuccess) return [3 /*break*/, 5];
+                            if (!lockSuccess) return [3 /*break*/, 6];
                             this.transactionEventService.updatingPurchaseOrderConfirmation.next(true);
                             return [4 /*yield*/, this.connector.purchaseOrderConfirmation(purchaseOrderConfirmation)];
                         case 2:
                             success = _a.sent();
-                            if (!success) return [3 /*break*/, 4];
+                            if (!success) return [3 /*break*/, 5];
                             return [4 /*yield*/, this.commit()];
                         case 3:
                             success = _a.sent();
+                            return [4 /*yield*/, this.getTransactionById(transactionId)];
+                        case 4:
+                            _a.sent();
                             if (success) {
                                 this._checkPurchaseOrderConfirmation();
                             }
-                            _a.label = 4;
-                        case 4:
+                            _a.label = 5;
+                        case 5:
                             this.transactionEventService.updatingPurchaseOrderConfirmation.next(false);
                             return [2 /*return*/, success];
-                        case 5: return [2 /*return*/];
+                        case 6: return [2 /*return*/];
                     }
                 });
             });
@@ -8868,23 +8880,26 @@
                         case 0: return [4 /*yield*/, this.tryToLockTransaction(transactionId, version)];
                         case 1:
                             lockSuccess = _a.sent();
-                            if (!lockSuccess) return [3 /*break*/, 5];
+                            if (!lockSuccess) return [3 /*break*/, 6];
                             this.transactionEventService.updatingPurchaseOrderConfirmation.next(true);
                             return [4 /*yield*/, this.connector.updatePurchasePortalLines(purchasePortalLine)];
                         case 2:
                             success = _a.sent();
-                            if (!success) return [3 /*break*/, 4];
+                            if (!success) return [3 /*break*/, 5];
                             return [4 /*yield*/, this.commit()];
                         case 3:
                             success = _a.sent();
+                            return [4 /*yield*/, this.getTransactionById(transactionId)];
+                        case 4:
+                            _a.sent();
                             if (success) {
                                 this._checkPurchaseOrderConfirmation();
                             }
-                            _a.label = 4;
-                        case 4:
+                            _a.label = 5;
+                        case 5:
                             this.transactionEventService.updatingPurchaseOrderConfirmation.next(false);
                             return [2 /*return*/, success];
-                        case 5: return [2 /*return*/];
+                        case 6: return [2 /*return*/];
                     }
                 });
             });
@@ -9619,6 +9634,7 @@
             this.service = service;
             this._dictionary = _dictionary;
             this._dialogService = _dialogService;
+            this.newTransaction = false;
             this.transactionType = transactionKind_enum.TransactionKind.SalesOrder;
             this.showCreateTransactionButton = false;
             this.transactionFinished = new i0.EventEmitter();
@@ -9637,6 +9653,9 @@
             configurable: true
         });
         CheckoutComponent.prototype.ngOnInit = function () {
+            if (this.newTransaction) {
+                this.service.resetCurrentTransaction();
+            }
             this.service.transactionKind = this.transactionType;
             this.relationType = this.service.getRelationKindFromTransactionKind();
             this.service.createNewRelation();
@@ -9741,7 +9760,7 @@
                         case 1:
                             success = _a.sent();
                             if (!success) return [3 /*break*/, 5];
-                            if (this.deliveryAddressNawNr === 0 && this.service.relation.addresses && this.service.relation.addresses.length === 1) {
+                            if (this.deliveryAddressNawNr === null || this.deliveryAddressNawNr === undefined || this.deliveryAddressNawNr === 0 && this.service.relation.addresses && this.service.relation.addresses.length === 1) {
                                 this.deliveryAddressNawNr = this.service.relation.addresses[0].nawNr;
                             }
                             if (!(this.service.currentTransaction.transactionInfo.transactionAddress !== this.deliveryAddressNawNr)) return [3 /*break*/, 3];
@@ -9803,6 +9822,7 @@
         checkoutRelation: [{ type: i0.ViewChild, args: ["checkoutRelation",] }],
         checkoutDelivery: [{ type: i0.ViewChild, args: ["checkoutDelivery",] }],
         checkoutPayment: [{ type: i0.ViewChild, args: ["checkoutPayment",] }],
+        newTransaction: [{ type: i0.Input }],
         sellerId: [{ type: i0.Input }],
         transactionType: [{ type: i0.Input }],
         showCreateTransactionButton: [{ type: i0.Input }],
@@ -10065,20 +10085,29 @@
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
-                    this.service.updateHeaderTransactionDefinitive(this.service.currentTransaction.transactionInfo.uuid, true);
-                    this.deliveryCosts = this.calculateDeliveryCosts();
-                    this.assemblyCosts = this.calculateAssemblyCosts();
-                    this.service.getDeliveryMethods().then(function (methods) {
-                        _this.deliveryMethods = methods.filter(function (m) { return m.webshop; });
-                        _this.currentDeliveryMethod = _this.deliveryMethods.find(function (d) { return d.code === _this.transaction.transactionInfo.deliveryMethod; });
-                    });
-                    this.service.getDeliveryOptions().then(function (options) {
-                        _this.deliveryOptionList = options;
-                    });
-                    this.service.getMarketingCodes().then(function (marketingCodes) {
-                        _this.marketing = marketingCodes;
-                    });
-                    return [2 /*return*/];
+                    switch (_a.label) {
+                        case 0:
+                            if (!this.service.currentTransaction.transactionInfo.id) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.service.tryToLockTransaction(this.service.currentTransaction.transactionInfo.id, this.service.currentTransaction.transactionInfo.version)];
+                        case 1:
+                            _a.sent();
+                            _a.label = 2;
+                        case 2:
+                            this.service.updateHeaderTransactionDefinitive(this.service.currentTransaction.transactionInfo.uuid, true);
+                            this.deliveryCosts = this.calculateDeliveryCosts();
+                            this.assemblyCosts = this.calculateAssemblyCosts();
+                            this.service.getDeliveryMethods().then(function (methods) {
+                                _this.deliveryMethods = methods.filter(function (m) { return m.webshop; });
+                                _this.currentDeliveryMethod = _this.deliveryMethods.find(function (d) { return d.code === _this.transaction.transactionInfo.deliveryMethod; });
+                            });
+                            this.service.getDeliveryOptions().then(function (options) {
+                                _this.deliveryOptionList = options;
+                            });
+                            this.service.getMarketingCodes().then(function (marketingCodes) {
+                                _this.marketing = marketingCodes;
+                            });
+                            return [2 /*return*/];
+                    }
                 });
             });
         };
@@ -11285,6 +11314,7 @@
         function RelationAddressTileComponent() {
             this.icons = Icon;
             this.actAsAddTile = false;
+            this.readonly = false;
             this.selected = false;
             this.selectedChange = new i0.EventEmitter();
             this.addAddressClicked = new i0.EventEmitter();
@@ -11300,15 +11330,17 @@
             this.editAddressClicked.next(this.address);
         };
         RelationAddressTileComponent.prototype.handleSelectedChange = function (address) {
-            this.selected = true;
-            this.selectedChange.emit(address);
+            if (!this.readonly) {
+                this.selected = true;
+                this.selectedChange.emit(address);
+            }
         };
         return RelationAddressTileComponent;
     }());
     RelationAddressTileComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-relation-address-tile",
-                    template: "\n    <ng-container *ngIf=\"!actAsAddTile\">\n      <co-tile [selected]=\"selected\" (selectedChange)=\"handleSelectedChange(address)\">\n        <div class=\"relation-content-wrapper\">\n          <span class=\"relation-address-type\" [textContent]=\"address.displayType | localize\"></span>\n          <span class=\"relation-address-name\" [textContent]=\"address.addressName\"></span>\n          <span class=\"relation-address-address\" [textContent]=\"address.displayAddress\"></span>\n          <span class=\"relation-address-postal\" [textContent]=\"address.displayPostal\"></span>\n          <span class=\"relation-address-country\" [textContent]=\"address.displayCountry\"></span>\n        </div>\n        <div class=\"relation-address-edit\" (click)=\"handleEditAddressClick($event)\">\n          <icon class=\"relation-address-edit-icon\" [icon]=\"icons.EditPencil\"></icon>\n        </div>\n      </co-tile>\n    </ng-container>\n    <ng-container *ngIf=\"actAsAddTile\">\n      <co-tile (click)=\"addAddressClicked.emit()\">\n        <div class=\"relation-content-wrapper\">\n          <icon class=\"relation-address-icon\" [icon]=\"icons.PlusRound\"></icon>\n          <span [textContent]=\"'ADDRESS_ADD' | localize\"></span>\n        </div>\n      </co-tile>\n    </ng-container>\n  ",
+                    template: "\n    <ng-container *ngIf=\"!actAsAddTile\">\n      <co-tile [selected]=\"selected\" [readonly]=\"readonly\" (selectedChange)=\"handleSelectedChange(address)\">\n        <div class=\"relation-content-wrapper\">\n          <span class=\"relation-address-type\" [textContent]=\"address.displayType | localize\"></span>\n          <span class=\"relation-address-name\" [textContent]=\"address.addressName\"></span>\n          <span class=\"relation-address-address\" [textContent]=\"address.displayAddress\"></span>\n          <span class=\"relation-address-postal\" [textContent]=\"address.displayPostal\"></span>\n          <span class=\"relation-address-country\" [textContent]=\"address.displayCountry\"></span>\n        </div>\n        <div class=\"relation-address-edit\" (click)=\"handleEditAddressClick($event)\">\n          <icon class=\"relation-address-edit-icon\" [icon]=\"icons.EditPencil\"></icon>\n        </div>\n      </co-tile>\n    </ng-container>\n    <ng-container *ngIf=\"actAsAddTile && !readonly\">\n      <co-tile (click)=\"addAddressClicked.emit()\">\n        <div class=\"relation-content-wrapper\">\n          <icon class=\"relation-address-icon\" [icon]=\"icons.PlusRound\"></icon>\n          <span [textContent]=\"'ADDRESS_ADD' | localize\"></span>\n        </div>\n      </co-tile>\n    </ng-container>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -11316,6 +11348,7 @@
         showClass: [{ type: i0.HostBinding, args: ["class.co-relation-address-tile",] }],
         address: [{ type: i0.Input }],
         actAsAddTile: [{ type: i0.Input }],
+        readonly: [{ type: i0.Input }],
         selected: [{ type: i0.Input }],
         selectedChange: [{ type: i0.Output }],
         addAddressClicked: [{ type: i0.Output }],
@@ -11325,6 +11358,7 @@
     var TileComponent = /** @class */ (function () {
         function TileComponent() {
             this.selected = false;
+            this.readonly = false;
             this.selectedChange = new i0.EventEmitter();
         }
         TileComponent.prototype.showClass = function () {
@@ -11335,12 +11369,13 @@
     TileComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-tile",
-                    template: "\n    <div class=\"co-tile-wrapper\" (click)=\"selectedChange.emit(selected)\">\n      <div class=\"co-tile-select-wrapper\">\n        <co-input-radio-button [model]=\"selected\" [readonly]=\"selected\" (modelChange)=\"selectedChange.emit($event)\"></co-input-radio-button>\n      </div>\n      <div class=\"co-tile-content-wrapper\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"co-tile-wrapper\" (click)=\"selectedChange.emit(selected)\">\n      <div class=\"co-tile-select-wrapper\">\n        <co-input-radio-button [model]=\"selected\" [readonly]=\"selected || readonly\" (modelChange)=\"selectedChange.emit($event)\"></co-input-radio-button>\n      </div>\n      <div class=\"co-tile-content-wrapper\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
     TileComponent.propDecorators = {
         selected: [{ type: i0.HostBinding, args: ['class.selected',] }, { type: i0.Input }],
+        readonly: [{ type: i0.Input }],
         selectedChange: [{ type: i0.Output }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-tile",] }]
     };
@@ -13170,12 +13205,8 @@
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.lockTransaction()];
-                        case 1:
-                            if (!_a.sent()) return [3 /*break*/, 3];
-                            return [4 /*yield*/, this.service.addArticle(sku, quantity)];
-                        case 2: return [2 /*return*/, _a.sent()];
-                        case 3: return [2 /*return*/];
+                        case 0: return [4 /*yield*/, this.service.addArticle(sku, quantity)];
+                        case 1: return [2 /*return*/, _a.sent()];
                     }
                 });
             });
@@ -14275,10 +14306,16 @@
         TransactionQuickAccessPurchaseOrderOverviewComponent.prototype.handleSearch = function (text) {
             this.showCatalogDialog();
         };
-        TransactionQuickAccessPurchaseOrderOverviewComponent.prototype.handleAddArticle = function (event) {
-            event.preventDefault();
-            event.stopPropagation();
-            this.service.addArticle(this.searchText);
+        TransactionQuickAccessPurchaseOrderOverviewComponent.prototype.handleAddArticle = function (sku, quantity) {
+            if (quantity === void 0) { quantity = 1; }
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.service.addArticle(sku, quantity)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
         };
         TransactionQuickAccessPurchaseOrderOverviewComponent.prototype.handleSearchCatalog = function (event) {
             this.showCatalogDialog();
@@ -14349,7 +14386,7 @@
     TransactionQuickAccessPurchaseOrderOverviewComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-quick-access-purchase-order-overview",
-                    template: "\n    <co-input-search\n      [(model)]=\"searchText\"\n      [placeholder]=\"'SEARCH_ADD_ARTICLE' | localize\"\n      [centerLabel]=\"true\"\n      [useLeftIcon]=\"true\"\n      [useRightIcon]=\"true\"\n      (search)=\"handleSearch($event)\"\n    ></co-input-search>\n    <co-quick-send-button\n      [defaultMethodIcon]=\"defaultSendMethodIcon\"\n      [showLoader]=\"showLoader\"\n      (sendIconClicked)=\"handleSend(defaultSendMethod)\"\n      (openSendMethodDialog)=\"showSendMethodDialog = true\"\n    ></co-quick-send-button>\n    <co-transaction-send-documents\n      [transactionInfo]=\"transactionInfo\"\n      [transactionTypeCategory]=\"transactionTypeCategory.PurchaseOrderOverview\"\n    ></co-transaction-send-documents>\n    <co-dialog-catalog *ngIf=\"showCatalog\"\n                       [options]=\"catalogOptions\"\n                       [parameters]=\"catalogParameters\"\n                       [showNavigation]=\"true\"\n                       (closeClick)=\"showCatalog = false\"\n                       (articleClicked)=\"handleCatalogArticleClick($event)\"\n    >\n    </co-dialog-catalog>\n    <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n                           [headerTitle]=\"'Verzendmethode'\"\n                           [printerList]=\"printerList\"\n                           [defaultSendMethod]=\"defaultSendMethod\"\n                           [visibleMethods]=\"[sendMethodType.Print, sendMethodType.Email]\"\n                           [emailAddresses]=\"emailAddresses\"\n                           [emailLayouts]=\"emailLayouts\"\n                           [printLayouts]=\"printLayouts\"\n                           [isDocSignEnabled]=\"true\"\n                           [(reportingDocumentEmailRequest)]=\"reportDocumentEmailRequest\"\n                           [(reportingDocumentPrintRequest)]=\"reportDocumentPrintRequest\"\n                           [(reportingDocumentPdfRequest)]=\"reportDocumentPdfRequest\"\n                           (closeClick)=\"showSendMethodDialog = false\"\n                           (okClick)=\"handleSendMethodOkClick($event)\"\n    ></co-send-method-dialog>\n    ",
+                    template: "\n    <co-add-product\n      (addArticle)=\"handleAddArticle($event)\"\n      (returnArticle)=\"handleAddArticle($event, -1)\"\n    ></co-add-product>\n    <co-quick-send-button\n      [defaultMethodIcon]=\"defaultSendMethodIcon\"\n      [showLoader]=\"showLoader\"\n      (sendIconClicked)=\"handleSend(defaultSendMethod)\"\n      (openSendMethodDialog)=\"showSendMethodDialog = true\"\n    ></co-quick-send-button>\n    <co-transaction-send-documents\n      [transactionInfo]=\"transactionInfo\"\n      [transactionTypeCategory]=\"transactionTypeCategory.PurchaseOrderOverview\"\n    ></co-transaction-send-documents>\n    <co-dialog-catalog *ngIf=\"showCatalog\"\n                       [options]=\"catalogOptions\"\n                       [parameters]=\"catalogParameters\"\n                       [showNavigation]=\"true\"\n                       (closeClick)=\"showCatalog = false\"\n                       (articleClicked)=\"handleCatalogArticleClick($event)\"\n    >\n    </co-dialog-catalog>\n    <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n                           [headerTitle]=\"'Verzendmethode'\"\n                           [printerList]=\"printerList\"\n                           [defaultSendMethod]=\"defaultSendMethod\"\n                           [visibleMethods]=\"[sendMethodType.Print, sendMethodType.Email]\"\n                           [emailAddresses]=\"emailAddresses\"\n                           [emailLayouts]=\"emailLayouts\"\n                           [printLayouts]=\"printLayouts\"\n                           [isDocSignEnabled]=\"true\"\n                           [(reportingDocumentEmailRequest)]=\"reportDocumentEmailRequest\"\n                           [(reportingDocumentPrintRequest)]=\"reportDocumentPrintRequest\"\n                           [(reportingDocumentPdfRequest)]=\"reportDocumentPdfRequest\"\n                           (closeClick)=\"showSendMethodDialog = false\"\n                           (okClick)=\"handleSendMethodOkClick($event)\"\n    ></co-send-method-dialog>\n    ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -14454,9 +14491,9 @@
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-card-purchase-overview",] }]
     };
 
-    var TransactionPurchaseOrderLineComponent = /** @class */ (function (_super) {
-        __extends(TransactionPurchaseOrderLineComponent, _super);
-        function TransactionPurchaseOrderLineComponent(dictionaryService, iconCacheService, transactionService, _transactionEventService) {
+    var TransactionPurchaseOrderLineBaseComponent = /** @class */ (function (_super) {
+        __extends(TransactionPurchaseOrderLineBaseComponent, _super);
+        function TransactionPurchaseOrderLineBaseComponent(dictionaryService, iconCacheService, transactionService, _transactionEventService) {
             var _this = _super.call(this, dictionaryService, transactionService) || this;
             _this.dictionaryService = dictionaryService;
             _this.iconCacheService = iconCacheService;
@@ -14468,43 +14505,53 @@
             _this._subs = [];
             return _this;
         }
-        TransactionPurchaseOrderLineComponent.prototype.showClass = function () {
-            return true;
-        };
-        TransactionPurchaseOrderLineComponent.prototype.ngOnInit = function () {
+        TransactionPurchaseOrderLineBaseComponent.prototype.ngOnInit = function () {
             var _this = this;
             this._subs.push(this._transactionEventService.selectAllSalesOrderLinesForPurchase.subscribe(function (value) {
                 _this.selected = value && _this.showCheckboxForLine;
             }));
         };
-        TransactionPurchaseOrderLineComponent.prototype.ngOnDestroy = function () {
+        TransactionPurchaseOrderLineBaseComponent.prototype.ngOnDestroy = function () {
             this._subs.forEach(function (s) { return s.unsubscribe(); });
         };
-        TransactionPurchaseOrderLineComponent.prototype.transactionLineSet = function () {
+        TransactionPurchaseOrderLineBaseComponent.prototype.transactionLineSet = function () {
             this.showCheckboxForLine = this.transactionLine.commissionCode === "0";
         };
-        TransactionPurchaseOrderLineComponent.prototype.handleOpenSidePanel = function (mouseClick) {
+        TransactionPurchaseOrderLineBaseComponent.prototype.handleOpenSidePanel = function (mouseClick) {
             var target = mouseClick.target;
-            console.log(target);
             if (target && target.dataset && target.dataset['action'] && target.dataset['action'] === 'openSidePanel') {
                 this._transactionEventService.openSidePanel.next(this.transactionLine);
             }
         };
-        return TransactionPurchaseOrderLineComponent;
+        return TransactionPurchaseOrderLineBaseComponent;
     }(TransactionBaseComponent));
+    TransactionPurchaseOrderLineBaseComponent.decorators = [
+        { type: i0.Directive }
+    ];
+    TransactionPurchaseOrderLineBaseComponent.ctorParameters = function () { return [
+        { type: DictionaryService },
+        { type: IconCacheService },
+        { type: TransactionService },
+        { type: TransactionEventService }
+    ]; };
+
+    var TransactionPurchaseOrderLineComponent = /** @class */ (function (_super) {
+        __extends(TransactionPurchaseOrderLineComponent, _super);
+        function TransactionPurchaseOrderLineComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        TransactionPurchaseOrderLineComponent.prototype.showClass = function () {
+            return true;
+        };
+        return TransactionPurchaseOrderLineComponent;
+    }(TransactionPurchaseOrderLineBaseComponent));
     TransactionPurchaseOrderLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-purchase-order-line",
-                    template: "\n        <co-transaction-base-line\n          [transactionInfo]=\"transactionInfo\"\n          [transactionLine]=\"transactionLine\"\n          [preview]=\"preview\"\n          [checkbox]=\"showCheckboxForLine\"\n          [checkboxValue]=\"selected\"\n          (click)=\"handleOpenSidePanel($event)\"\n          (checkboxValueChanged)=\"selected = $event\">\n         <div class=\"transaction-line-wrapper\" data-action=\"openSidePanel\">\n            <div class=\"transaction-line-wrapper\">\n              <co-transaction-line-statusbar [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\" [activeCategory]=\"transactionTypeCategory.PurchaseOrderReceivedGoods\"></co-transaction-line-statusbar>\n              <co-transaction-line-delivery-date-button [transactionLine]=\"transactionLine\" class=\"two-column\"></co-transaction-line-delivery-date-button>\n              <div class=\"transaction-line-totals-grid\">\n                <co-transaction-purchase-portal-line-gross-order-price class=\"transaction-line-totals-grid price\"\n                                                                       [purchasePortalLine]=\"transactionLine.purchasePortalLine\"\n                                                                       [showLabel]=\"false\"\n                                                                       [readonly]=\"true\"\n                ></co-transaction-purchase-portal-line-gross-order-price>\n                <div class=\"transaction-line-totals-grid discount\" (click)=\"showDialogDiscount = true\">\n                <span class=\"co-transaction-overflow-ellipsis\" [class.transaction-negative-value]=\"transactionLine.lineTotalDiscountAmount < 0\"\n                      [textContent]=\"(transactionLine.purchasePortalLine?.discountOrderPrice | coCurrency) || ('DISCOUNT' | localize)\"></span>\n                </div>\n                <co-transaction-purchase-portal-line-net-order-price class=\"transaction-line-totals-grid price\"\n                                                                     [purchasePortalLine]=\"transactionLine.purchasePortalLine\"\n                                                                     [showLabel]=\"false\"\n                                                                     [readonly]=\"true\"\n                ></co-transaction-purchase-portal-line-net-order-price>\n              </div>\n            </div>\n            <div class=\"vertical-border\"></div>\n            <div class=\"transaction-line-totals-grid\" data-action=\"openSidePanel\">\n              <co-icon class=\"transaction-line-supplier-icon\" [iconData]=\"iconCacheService.getIcon(icons.IndustrySolid)\"></co-icon>\n              <span class=\"transaction-line-supplier-id\" [textContent]=\"transactionLine.supplierArticleNumber\"></span>\n              <div class=\"transaction-line-totals-grid\">\n                <co-transaction-purchase-portal-line-confirmed-price class=\"transaction-line-totals-grid price\"\n                                                                     [purchasePortalLine]=\"transactionLine.purchasePortalLine\"\n                                                                     [showLabel]=\"false\"\n                ></co-transaction-purchase-portal-line-confirmed-price>\n              </div>\n              <co-input-number-picker class=\"amount-number-picker\"\n                                      [model]=\"transactionLine.purchasePortalLine?.amountAccepted\"\n                                      (modelChange)=\"transactionLine.purchasePortalLine.amountAccepted = $event\"\n              ></co-input-number-picker>\n              <co-transaction-purchase-portal-line-confirmed-delivery-date [purchasePortalLine]=\"transactionLine.purchasePortalLine\"\n                                                                            class=\"two-column\"\n              ></co-transaction-purchase-portal-line-confirmed-delivery-date>\n            </div>\n         </div>\n        </co-transaction-base-line>\n  ",
+                    template: "\n        <co-transaction-base-line\n          [transactionInfo]=\"transactionInfo\"\n          [transactionLine]=\"transactionLine\"\n          [preview]=\"preview\"\n          [checkbox]=\"showCheckboxForLine\"\n          [checkboxValue]=\"selected\"\n          (click)=\"handleOpenSidePanel($event)\"\n          (checkboxValueChanged)=\"selected = $event\">\n         <div class=\"transaction-line-wrapper\" data-action=\"openSidePanel\">\n            <div class=\"transaction-line-wrapper\">\n              <co-transaction-line-statusbar [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\" [activeCategory]=\"transactionTypeCategory.PurchaseOrderOrderConfirmation\"></co-transaction-line-statusbar>\n              <co-transaction-line-delivery-date-button [transactionLine]=\"transactionLine\" class=\"two-column\"></co-transaction-line-delivery-date-button>\n              <div class=\"transaction-line-totals-grid\">\n                <co-transaction-purchase-portal-line-gross-order-price class=\"transaction-line-totals-grid price\"\n                                                                       [purchasePortalLine]=\"transactionLine.purchasePortalLine\"\n                                                                       [showLabel]=\"false\"\n                                                                       [readonly]=\"true\"\n                ></co-transaction-purchase-portal-line-gross-order-price>\n                <div class=\"transaction-line-totals-grid discount\" (click)=\"showDialogDiscount = true\">\n                <span class=\"co-transaction-overflow-ellipsis\" [class.transaction-negative-value]=\"transactionLine.lineTotalDiscountAmount < 0\"\n                      [textContent]=\"(transactionLine.purchasePortalLine?.discountOrderPrice | coCurrency) || ('DISCOUNT' | localize)\"></span>\n                </div>\n                <co-transaction-purchase-portal-line-net-order-price class=\"transaction-line-totals-grid price\"\n                                                                     [purchasePortalLine]=\"transactionLine.purchasePortalLine\"\n                                                                     [showLabel]=\"false\"\n                                                                     [readonly]=\"true\"\n                ></co-transaction-purchase-portal-line-net-order-price>\n              </div>\n            </div>\n            <div class=\"vertical-border\"></div>\n            <div class=\"transaction-line-totals-grid\" data-action=\"openSidePanel\">\n              <co-icon class=\"transaction-line-supplier-icon\" [iconData]=\"iconCacheService.getIcon(icons.IndustrySolid)\"></co-icon>\n              <span class=\"transaction-line-supplier-id\" [textContent]=\"transactionLine.supplierArticleNumber\"></span>\n              <div class=\"transaction-line-totals-grid\">\n                <co-transaction-purchase-portal-line-confirmed-price class=\"transaction-line-totals-grid price\"\n                                                                     [purchasePortalLine]=\"transactionLine.purchasePortalLine\"\n                                                                     [showLabel]=\"false\"\n                ></co-transaction-purchase-portal-line-confirmed-price>\n              </div>\n              <co-input-number-picker class=\"amount-number-picker\"\n                                      [model]=\"transactionLine.purchasePortalLine?.amountAccepted\"\n                                      (modelChange)=\"transactionLine.purchasePortalLine.amountAccepted = $event\"\n              ></co-input-number-picker>\n              <co-transaction-purchase-portal-line-confirmed-delivery-date [purchasePortalLine]=\"transactionLine.purchasePortalLine\"\n                                                                            class=\"two-column\"\n              ></co-transaction-purchase-portal-line-confirmed-delivery-date>\n            </div>\n         </div>\n        </co-transaction-base-line>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
-    TransactionPurchaseOrderLineComponent.ctorParameters = function () { return [
-        { type: DictionaryService },
-        { type: IconCacheService },
-        { type: TransactionService },
-        { type: TransactionEventService }
-    ]; };
     TransactionPurchaseOrderLineComponent.propDecorators = {
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-purchase-order-line",] }]
     };
@@ -14550,7 +14597,7 @@
     TransactionPurchaseOverviewLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-purchase-overview-line",
-                    template: "\n    <co-transaction-base-line [transactionInfo]=\"transactionInfo\"\n                              [transactionLine]=\"transactionLine\"\n                              [preview]=\"preview\"\n                              (checkboxValueChanged)=\"selected = $event\">\n      <ng-container *ngIf=\"transactionLine.isArticle\">\n        <div class=\"transaction-line-wrapper\">\n          <div class=\"transaction-line-extended-wrapper\">\n            <div class=\"column1\">\n              <co-transaction-navigation-button-list\n                [refTransactions]=\"transactionLine.refTransactions\"\n                (relationClick)=\"handleRelationNavigation($event)\"\n                (transactionClick)=\"handleTransactionNavigation($event)\"></co-transaction-navigation-button-list>\n              <co-transaction-navigation-button *ngIf=\"transactionLine.supplierArticleNumber\"\n                                                [label]=\"transactionLine.supplierArticleNumber\"\n                                                (buttonClicked)=\"handleArticleNavigation($event)\"></co-transaction-navigation-button>\n              <co-transaction-line-delivery-date-button [transactionLine]=\"transactionLine\" class=\"two-column\"></co-transaction-line-delivery-date-button>\n            </div>\n            <div class=\"column2\">\n              <co-transaction-line-warehouse-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-warehouse-button>\n              <co-transaction-line-statusbar\n                [transactionLine]=\"transactionLine\"\n                [transactionInfo]=\"transactionInfo\"\n                [activeCategory]=\"category.SalesOrderPurchase\"></co-transaction-line-statusbar>\n            </div>\n            <div class=\"column3\">\n              <co-transaction-line-delivery-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-delivery-button>\n            </div>\n          </div>\n          <co-transaction-line-vat-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-vat-button>\n          <div class=\"transaction-line-totals\">\n            <co-transaction-line-price class=\"transaction-line-totals-price price\"\n                                       [transactionLine]=\"transactionLine\"\n                                       [showLabel]=\"false\"\n                                       [defaultEditMode]=\"false\"\n            ></co-transaction-line-price>\n            <co-transaction-line-discount-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-discount-button>\n            <div class=\"transaction-line-totals-amount\">\n              <co-transaction-line-amount class=\"amount-number-picker\" [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-amount>\n            </div>\n            <co-editable-label class=\"transaction-line-totals-total price\"\n                               [model]=\"transactionLine.displayNetLineTotal | coCurrency\"\n                               [editModel]=\"transactionLine.displayNetLineTotal\"\n                               [readonly]=\"readonly\"\n                               [commit]=\"!readonly\"\n            ></co-editable-label>\n          </div>\n        </div>\n      </ng-container>\n    </co-transaction-base-line>\n  ",
+                    template: "\n    <co-transaction-base-line [transactionInfo]=\"transactionInfo\"\n                              [transactionLine]=\"transactionLine\"\n                              [preview]=\"preview\"\n                              (checkboxValueChanged)=\"selected = $event\">\n      <ng-container *ngIf=\"transactionLine.isArticle\">\n        <div class=\"transaction-line-wrapper\">\n          <div class=\"transaction-line-extended-wrapper\">\n            <div class=\"column1\">\n              <co-transaction-navigation-button-list\n                [refTransactions]=\"transactionLine.refTransactions\"\n                (relationClick)=\"handleRelationNavigation($event)\"\n                (transactionClick)=\"handleTransactionNavigation($event)\"></co-transaction-navigation-button-list>\n              <co-transaction-navigation-button *ngIf=\"transactionLine.supplierArticleNumber\"\n                                                [label]=\"transactionLine.supplierArticleNumber\"\n                                                (buttonClicked)=\"handleArticleNavigation($event)\"></co-transaction-navigation-button>\n              <co-transaction-line-delivery-date-button [transactionLine]=\"transactionLine\" class=\"two-column\"></co-transaction-line-delivery-date-button>\n            </div>\n            <div class=\"column2\">\n              <co-transaction-line-warehouse-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-warehouse-button>\n              <co-transaction-line-statusbar\n                [transactionLine]=\"transactionLine\"\n                [transactionInfo]=\"transactionInfo\"\n                [activeCategory]=\"category.PurchaseOrderOverview\"></co-transaction-line-statusbar>\n            </div>\n            <div class=\"column3\">\n              <co-transaction-line-delivery-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-delivery-button>\n            </div>\n          </div>\n          <co-transaction-line-vat-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-vat-button>\n          <div class=\"transaction-line-totals\">\n            <co-transaction-line-price class=\"transaction-line-totals-price price\"\n                                       [transactionLine]=\"transactionLine\"\n                                       [showLabel]=\"false\"\n                                       [defaultEditMode]=\"false\"\n            ></co-transaction-line-price>\n            <co-transaction-line-discount-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-discount-button>\n            <div class=\"transaction-line-totals-amount\">\n              <co-transaction-line-amount class=\"amount-number-picker\" [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-amount>\n            </div>\n            <co-editable-label class=\"transaction-line-totals-total price\"\n                               [model]=\"transactionLine.displayNetLineTotal | coCurrency\"\n                               [editModel]=\"transactionLine.displayNetLineTotal\"\n                               [readonly]=\"readonly\"\n                               [commit]=\"!readonly\"\n            ></co-editable-label>\n          </div>\n        </div>\n      </ng-container>\n    </co-transaction-base-line>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -15865,26 +15912,6 @@
             this._transactionService = _transactionService;
             this._sharedService = _sharedService;
         }
-        PaymentService.prototype.updateHeaderTransactionDepositAmount = function (uuid, amount) {
-            return __awaiter(this, void 0, void 0, function () {
-                var response;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._adapterService.changeHeaderTransactionDepositAmount(uuid, amount)
-                                .catch(function (error) {
-                                // todo: do something with the error
-                                return false;
-                            })];
-                        case 1:
-                            response = _a.sent();
-                            if (!response) return [3 /*break*/, 3];
-                            return [4 /*yield*/, this._transactionService.handleHeaderOperationStatuses(response, true, true)];
-                        case 2: return [2 /*return*/, _a.sent()];
-                        case 3: return [2 /*return*/, false];
-                    }
-                });
-            });
-        };
         PaymentService.prototype.registerSalesOrderPayment = function (uuid, amount, currencyId, paymentMethod, cashRegisterGroupId) {
             return __awaiter(this, void 0, void 0, function () {
                 var response;
@@ -16036,7 +16063,7 @@
         };
         PaymentComponent.prototype.ngOnInit = function () {
             var _this = this;
-            this._paymentService.updateHeaderTransactionDepositAmount(this.transactionUuid, this.amountToPay).then(function () {
+            this._transactionService.updateHeaderTransactionDepositAmount(this.transactionUuid, this.amountToPay).then(function () {
                 _this._getPaymentMethods().then(function () {
                     _this.showLoader = false;
                     _this._getDepositPaymentInfo();
@@ -16857,7 +16884,7 @@
     RelationAddressesComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-relation-addresses",
-                    template: "\n    <div class=\"default-data-row\">\n      <co-carousel *ngIf=\"addresses && addresses.length > 1\">\n        <co-relation-address-tile #carouselItem *ngFor=\"let address of addresses | filter:'isActive':true; let index = index\"\n                                  [address]=\"address\"\n                                  [selected]=\"selectedNawNr === address.nawNr\"\n                                  (editAddressClicked)=\"editAddress($event)\"\n                                  (selectedChange)=\"changeAddress($event)\"\n        ></co-relation-address-tile>\n      </co-carousel>\n    </div>\n    <div class=\"default-data-row\" *ngIf=\"!readonly\">\n      <div class=\"relation-address-new\">\n        <icon class=\"relation-address-icon\" [icon]=\"icons.ArrowPointRight\"></icon>\n        <div [textContent]=\"'ADDRESS_ADD' | localize\" (click)=\"showNewAddressDialog()\"></div>\n      </div>\n    </div>\n    <co-dialog class=\"dialog-relation-addresses-create-address\" *ngIf=\"showEditAddressDialog\"\n               [footerTemplate]=\"templateFooter\"\n               [headerTemplate]=\"templateHeader\"\n               (closeClick)=\"showEditAddressDialog = false\"\n    >\n      <co-form>\n        <co-relation-address\n          [relation]=\"relation\"\n          [(address)]=\"addressToEdit\"\n        ></co-relation-address>\n      </co-form>\n      <ng-template #templateHeader>\n        <div class=\"co-dialog-header-title\" [textContent]=\"'NEW_ADDRESS' | localize\"></div>\n      </ng-template>\n      <ng-template #templateFooter>\n        <div class=\"co-dialog-footer-button-wrapper\">\n          <co-button [label]=\"'OK' | localize\" (click)=\"submitForm()\"></co-button>\n        </div>\n      </ng-template>\n    </co-dialog>\n  ",
+                    template: "\n    <div class=\"default-data-row\">\n      <co-carousel *ngIf=\"addresses && addresses.length > 1\">\n        <co-relation-address-tile #carouselItem *ngFor=\"let address of addresses | filter:'isActive':true; let index = index\"\n                                  [address]=\"address\"\n                                  [readonly]=\"readonly\"\n                                  [selected]=\"selectedNawNr === address.nawNr\"\n                                  (editAddressClicked)=\"editAddress($event)\"\n                                  (selectedChange)=\"changeAddress($event)\"\n        ></co-relation-address-tile>\n      </co-carousel>\n    </div>\n    <div class=\"default-data-row\" *ngIf=\"!readonly\">\n      <div class=\"relation-address-new\">\n        <icon class=\"relation-address-icon\" [icon]=\"icons.ArrowPointRight\"></icon>\n        <div [textContent]=\"'ADDRESS_ADD' | localize\" (click)=\"showNewAddressDialog()\"></div>\n      </div>\n    </div>\n    <co-dialog class=\"dialog-relation-addresses-create-address\" *ngIf=\"showEditAddressDialog\"\n               [footerTemplate]=\"templateFooter\"\n               [headerTemplate]=\"templateHeader\"\n               (closeClick)=\"showEditAddressDialog = false\"\n    >\n      <co-form>\n        <co-relation-address\n          [relation]=\"relation\"\n          [(address)]=\"addressToEdit\"\n        ></co-relation-address>\n      </co-form>\n      <ng-template #templateHeader>\n        <div class=\"co-dialog-header-title\" [textContent]=\"'NEW_ADDRESS' | localize\"></div>\n      </ng-template>\n      <ng-template #templateFooter>\n        <div class=\"co-dialog-footer-button-wrapper\">\n          <co-button [label]=\"'OK' | localize\" (click)=\"submitForm()\"></co-button>\n        </div>\n      </ng-template>\n    </co-dialog>\n  ",
                     providers: [
                         corecomponents_v12.FormMasterService
                     ],
@@ -18334,7 +18361,7 @@
     TransactionHeaderDepositPercentageComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-deposit-percentage",
-                    template: "\n    <span *ngIf=\"(!editMode  || readonly) && !defaultEditMode\" [textContent]=\"(transactionInfo.depositPercentage | append: '%') || '...'\" [tooltip]=\"tooltipMessage\"></span>\n    <co-input-text #input *ngIf=\"editMode || defaultEditMode\" class=\"custom-height\"\n                   [type]=\"'number'\"\n                   [placeholder]=\"showLabel ? ('DOWNPAYMENT_PERCENTAGE' | localize) : ''\"\n                   [showSaveCancel]=\"!readonly\"\n                   [readonly]=\"readonly\"\n                   [model]=\"transactionInfo.depositPercentage\"\n                   (blur)=\"editMode = false\"\n    ></co-input-text>\n  ",
+                    template: "\n    <span *ngIf=\"(!editMode  || readonly) && !defaultEditMode\" [textContent]=\"(transactionInfo.depositPercentage | append: '%') || '...'\" [tooltip]=\"tooltipMessage\"></span>\n    <co-input-text #input *ngIf=\"editMode || defaultEditMode\"\n                   [type]=\"'number'\"\n                   [placeholder]=\"showLabel ? ('DOWNPAYMENT_PERCENTAGE' | localize) : ''\"\n                   [showSaveCancel]=\"!readonly\"\n                   [readonly]=\"readonly\"\n                   [model]=\"transactionInfo.depositPercentage\"\n                   (blur)=\"editMode = false\"\n    ></co-input-text>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -18416,7 +18443,7 @@
     TransactionHeaderDepositAmountComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-deposit-amount",
-                    template: "\n    <span *ngIf=\"(!editMode  || readonly) && !defaultEditMode\" [textContent]=\"(transactionInfo.depositAmount | coCurrency) || '...'\" [tooltip]=\"tooltipMessage\"></span>\n    <co-input-text #input *ngIf=\"editMode || defaultEditMode\" class=\"custom-height\"\n                   [type]=\"'number'\"\n                   [placeholder]=\"showLabel ? ('DOWNPAYMENT' | localize) : ''\"\n                   [showSaveCancel]=\"!readonly\"\n                   [readonly]=\"readonly\"\n                   [model]=\"transactionInfo.depositAmount\"\n                   (blur)=\"editMode = false\"\n    ></co-input-text>\n  ",
+                    template: "\n    <span *ngIf=\"(!editMode  || readonly) && !defaultEditMode\" [textContent]=\"(transactionInfo.depositAmount | coCurrency) || '...'\" [tooltip]=\"tooltipMessage\"></span>\n    <co-input-text #input *ngIf=\"editMode || defaultEditMode\"\n                   [type]=\"'number'\"\n                   [placeholder]=\"showLabel ? ('DOWNPAYMENT' | localize) : ''\"\n                   [showSaveCancel]=\"!readonly\"\n                   [readonly]=\"readonly\"\n                   [model]=\"transactionInfo.depositAmount\"\n                   (blur)=\"editMode = false\"\n    ></co-input-text>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -19114,11 +19141,6 @@
             set: function (value) {
                 if (value) {
                     this._transaction = value;
-                    if (this._transaction) {
-                        this.activeCategory = this._transaction.transactionInfo.transactionKind === transactionKind_enum.TransactionKind.PurchaseOrder ?
-                            TransactionTypeCategory.PurchaseOrderOverview :
-                            TransactionTypeCategory.SalesOrderOverview;
-                    }
                 }
             },
             enumerable: false,
@@ -19326,6 +19348,10 @@
             if (this.relationKind === relationKind_enum$1.RelationKind.Customer) {
                 this.customerGroup = this.relation.customerGroup;
             }
+            if (this.relation.addresses && this.relation.addresses.length > 0) {
+                var firstAddress = this.relation.addresses[0];
+                this.setIndexDeliveryAddress(firstAddress.nawNr);
+            }
         };
         TransactionHeaderRelationComponent.prototype.setIndexDeliveryAddress = function (nawNr) {
             var address = this.relation.addresses.find(function (a) { return a.nawNr === nawNr; });
@@ -19378,22 +19404,24 @@
                                 this.readonly = true;
                                 this.showDialog = true;
                             }
-                            return [3 /*break*/, 4];
-                        case 3:
-                            this.readonly = false;
-                            this.showDialog = true;
-                            _a.label = 4;
-                        case 4: return [2 /*return*/];
+                            _a.label = 3;
+                        case 3: return [2 /*return*/];
                     }
                 });
             });
         };
         TransactionHeaderRelationComponent.prototype.handleCloseDialog = function (event) {
-            this.service.rollback();
+            if (!this.readonly) {
+                this.service.rollback();
+            }
             this.showDialog = false;
         };
         TransactionHeaderRelationComponent.prototype.handleOkClick = function () {
             var _this = this;
+            if (this.readonly) {
+                this.showDialog = false;
+                return;
+            }
             if (this._formMasterService.submitSlaves()) {
                 this._relationService.updateRelation(this.relation.relationType, this.relation).then(function () { return __awaiter(_this, void 0, void 0, function () {
                     return __generator(this, function (_a) {
@@ -20223,7 +20251,7 @@
             return Math.floor((amount / totalAmount) * 100);
         };
         TransactionLineStatusbarComponent.prototype.setFocusedStatusBlock = function () {
-            this.focusedStatusIndex = this.activeCategory ? this.transactionService.getFocusStatusIndex(this.activeCategory) : 0;
+            this.focusedStatusIndex = this.activeCategory ? this.transactionService.getFocusStatusIndex(this.activeCategory) : null;
         };
         return TransactionLineStatusbarComponent;
     }(TransactionBaseComponent));
@@ -21751,15 +21779,27 @@
             this.buttons = [];
             this._transactionType = transactionKind_enum.TransactionKind.SalesOrder;
         }
+        Object.defineProperty(TransactionButtonBarComponent.prototype, "selectedCategory", {
+            get: function () {
+                return this._selectedCategory;
+            },
+            set: function (value) {
+                this._selectedCategory = value;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(TransactionButtonBarComponent.prototype, "transactionType", {
             get: function () {
                 return this._transactionType;
             },
             set: function (value) {
-                this._transactionType = value;
-                this.buttons = this._mappingService.getButtonBar(this._transactionType);
-                if (this.buttons && this.buttons.length > 0 && !this.selectedCategory) {
-                    this.selectCategory(-1);
+                if (this._transactionType !== value) {
+                    this._transactionType = value;
+                    this.buttons = this._mappingService.getButtonBar(this._transactionType);
+                    if (this.buttons && this.buttons.length > 0 && !this._selectedCategory) {
+                        this.selectCategory(-1);
+                    }
                 }
             },
             enumerable: false,
@@ -21777,7 +21817,7 @@
             else {
                 idx = this.buttons.findIndex(function (b) { return b.category === _this._transactionService.activeRubric; });
             }
-            this.selectedCategory = this.buttons[Math.max(idx, 0)].category;
+            this._selectedCategory = this.buttons[Math.max(idx, 0)].category;
             this.buttonClicked.next(this.buttons[Math.max(idx, 0)]);
         };
         return TransactionButtonBarComponent;
@@ -21794,9 +21834,9 @@
         { type: TransactionMappingService }
     ]; };
     TransactionButtonBarComponent.propDecorators = {
+        selectedCategory: [{ type: i0.Input }],
         transactionType: [{ type: i0.Input }],
         transactionInfoResponse: [{ type: i0.Input }],
-        selectedCategory: [{ type: i0.Input }],
         buttonClicked: [{ type: i0.Output }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-button-bar",] }]
     };
@@ -22376,6 +22416,9 @@
                     -this.receiptDetails.quantityToReceive : this.receiptDetails.quantityToReceive;
                 request.transId = this.transactionInfo.id;
                 request.purchaseOrderLineReceiptDetailsDTOS = [this.receiptDetails];
+                request.printerName = this.transactionLine.printerName ? this.transactionLine.printerName : this.transactionInfo.printerName;
+                request.reportId = this.transactionLine.reportId ? this.transactionLine.reportId : this.transactionInfo.reportId;
+                request.copies = this.transactionLine.stickerAmount;
                 this.transactionService.receiveGoodsForPurchaseOrder(this.transactionInfo.id, this.transactionInfo.version, request).then(function () {
                     if (_this.returnStockMode) {
                         _this._getAvailableStock();
@@ -23050,7 +23093,7 @@
     TransactionLineSalesAllocationComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-sales-allocation",
-                    template: "\n    <co-form>\n      <div class=\"details-header\" [textContent]=\"'ALLOCATE_DETAILS' | localize | uppercase\"></div>\n      <div class=\"columns-wrapper\">\n        <div class=\"details-column\">\n          <co-input-text class=\"details-input\"\n                         [max]=\"allocationDetails.quantityToAllocate\"\n                         [(model)]=\"allocationDetails.serialNr ? 1 : allocationDetails.quantityToAllocate\"\n                         [disabled]=\"!!allocationDetails.serialNr || allocationDetails.quantityToAllocate === 0\"\n                         [readonly]=\"!!allocationDetails.serialNr || allocationDetails.quantityToAllocate === 0 || readonly\"\n                         [required]=\"true\"\n                         [type]=\"'number'\"\n                         [min]=\"1\"\n                         [placeholder]=\"'AMOUNT' | localize\"></co-input-text>\n          <co-input-text class=\"details-input\" [(model)]=\"allocationDetails.warehouseNr\"\n                         [type]=\"'number'\"\n                         [hideArrowButtons]=\"true\"\n                         [readonly]=\"transactionLine.warehouseNumber !== undefined || readonly\"\n                         [disabled]=\"transactionLine.warehouseNumber !== undefined\"\n                         [required]=\"transactionLine.isWarehouseRequired\"\n                         [placeholder]=\"'WAREHOUSE' | localize\"></co-input-text>\n          <div class=\"location-wrapper clickable\" (click)=\"openWarehouseLocationDialog()\">\n            <span *ngIf=\"!allocationDetails.locationNr && transactionLine.isLocationRequired\" class=\"required\" [textContent]=\"'*'\"></span>\n            <co-icon *ngIf=\"allocationDetails.locationNr\" [iconData]=\"iconCacheService.getIcon(icons.ShelvesLight)\"></co-icon>\n            <div [textContent]=\"allocationDetails.locationNr ? allocationDetails.locationNr : ('LOCATION' | localize)\"></div>\n          </div>\n        </div>\n        <div class=\"divider-wrapper\">\n          <div class=\"divider\"></div>\n        </div>\n        <div class=\"details-column\">\n          <co-input-text *ngIf=\"transactionLine.isBatchNrRequired\" class=\"details-input\" [(model)]=\"allocationDetails.batchNr\"\n                         [type]=\"'number'\"\n                         [hideArrowButtons]=\"true\"\n                         [readonly]=\"readonly\"\n                         [required]=\"transactionLine.isBatchNrRequired\"\n                         [placeholder]=\"'BATCH_NUMBER' | localize\"></co-input-text>\n          <co-input-text *ngIf=\"transactionLine.isSerialNrRequired\" class=\"details-input\" [(model)]=\"allocationDetails.serialNr\"\n                         [type]=\"'number'\"\n                         [hideArrowButtons]=\"true\"\n                         [readonly]=\"readonly\"\n                         [required]=\"transactionLine.isSerialNrRequired\"\n                         [placeholder]=\"'SERIAL_NUMBER' | localize\"></co-input-text>\n        </div>\n      </div>\n    </co-form>\n    <div class=\"commit-button-wrapper\">\n      <div class=\"commit-button\" *ngIf=\"!readonly\"\n           [class.clickable]=\"allocationDetails.quantityToAllocate > 0\"\n           [class.disabled]=\"allocationDetails.quantityToAllocate === 0\"\n           (click)=\"handleSaveDetailsEdit()\">\n        <span class=\"commit-text\" [textContent]=\"'ALLOCATE' | localize\"></span>\n      </div>\n    </div>\n    <co-transaction-allocate-goods-history\n      [goodsAllocationHistory]=\"goodsAllocationHistory\"\n      (deleteRow)=\"handleDeleteSelectedRow($event)\"\n    ></co-transaction-allocate-goods-history>\n  ",
+                    template: "\n    <co-form>\n      <div class=\"details-header\" [textContent]=\"'ALLOCATE_DETAILS' | localize | uppercase\"></div>\n      <div class=\"columns-wrapper\">\n        <div class=\"details-column\">\n          <co-input-text class=\"details-input\"\n                         [max]=\"allocationDetails.quantityToAllocate\"\n                         [(model)]=\"allocationDetails.serialNr ? 1 : allocationDetails.quantityToAllocate\"\n                         [disabled]=\"!!allocationDetails.serialNr || allocationDetails.quantityToAllocate === 0\"\n                         [readonly]=\"!!allocationDetails.serialNr || allocationDetails.quantityToAllocate === 0 || readonly\"\n                         [required]=\"true\"\n                         [type]=\"'number'\"\n                         [min]=\"1\"\n                         [placeholder]=\"'AMOUNT' | localize\"></co-input-text>\n          <co-input-text class=\"details-input\" [(model)]=\"allocationDetails.warehouseNr\"\n                         [type]=\"'number'\"\n                         [hideArrowButtons]=\"true\"\n                         [readonly]=\"transactionLine.warehouseNumber !== undefined || readonly\"\n                         [disabled]=\"transactionLine.warehouseNumber !== undefined\"\n                         [required]=\"transactionLine.isWarehouseRequired\"\n                         [placeholder]=\"'WAREHOUSE' | localize\"></co-input-text>\n          <div class=\"location-wrapper\" [class.clickable]=\"transactionLine.articleLineStatus.quantityToAllocate > 0\" (click)=\"openWarehouseLocationDialog()\">\n            <span *ngIf=\"!allocationDetails.locationNr && transactionLine.isLocationRequired\" class=\"required\" [textContent]=\"'*'\"></span>\n            <co-icon *ngIf=\"allocationDetails.locationNr\" [iconData]=\"iconCacheService.getIcon(icons.ShelvesLight)\"></co-icon>\n            <div [textContent]=\"allocationDetails.locationNr ? allocationDetails.locationNr : ('LOCATION' | localize)\"></div>\n          </div>\n        </div>\n        <div class=\"divider-wrapper\">\n          <div class=\"divider\"></div>\n        </div>\n        <div class=\"details-column\">\n          <co-input-text *ngIf=\"transactionLine.isBatchNrRequired\" class=\"details-input\" [(model)]=\"allocationDetails.batchNr\"\n                         [type]=\"'number'\"\n                         [hideArrowButtons]=\"true\"\n                         [readonly]=\"readonly\"\n                         [required]=\"transactionLine.isBatchNrRequired\"\n                         [placeholder]=\"'BATCH_NUMBER' | localize\"></co-input-text>\n          <co-input-text *ngIf=\"transactionLine.isSerialNrRequired\" class=\"details-input\" [(model)]=\"allocationDetails.serialNr\"\n                         [type]=\"'number'\"\n                         [hideArrowButtons]=\"true\"\n                         [readonly]=\"readonly\"\n                         [required]=\"transactionLine.isSerialNrRequired\"\n                         [placeholder]=\"'SERIAL_NUMBER' | localize\"></co-input-text>\n        </div>\n      </div>\n    </co-form>\n    <div class=\"commit-button-wrapper\">\n      <div class=\"commit-button\" *ngIf=\"!readonly\"\n           [class.clickable]=\"allocationDetails.quantityToAllocate > 0\"\n           [class.disabled]=\"allocationDetails.quantityToAllocate === 0\"\n           (click)=\"handleSaveDetailsEdit()\">\n        <span class=\"commit-text\" [textContent]=\"'ALLOCATE' | localize\"></span>\n      </div>\n    </div>\n    <co-transaction-allocate-goods-history\n      [goodsAllocationHistory]=\"goodsAllocationHistory\"\n      (deleteRow)=\"handleDeleteSelectedRow($event)\"\n    ></co-transaction-allocate-goods-history>\n  ",
                     providers: [
                         corecomponents_v12.FormMasterService
                     ],
@@ -24323,7 +24366,8 @@
                         corecomponents_v12.InputSearchModule,
                         DialogCatalogModule,
                         PipeModule,
-                        TransactionSendDocumentsModule
+                        TransactionSendDocumentsModule,
+                        AddProductModule
                     ],
                     declarations: [
                         TransactionQuickAccessPurchaseOrderOverviewComponent
@@ -29556,75 +29600,76 @@
     exports["ɵnf"] = TransactionPurchasePortalLineConfirmedDeliveryDateModule;
     exports["ɵng"] = TransactionPurchasePortalLineConfirmedDeliveryDateComponent;
     exports["ɵnh"] = TransactionPurchaseOrderLineComponent;
-    exports["ɵni"] = TransactionPurchaseOverviewLineModule;
-    exports["ɵnj"] = TransactionNavigationButtonListModule;
-    exports["ɵnk"] = TransactionNavigationButtonListComponent;
-    exports["ɵnl"] = TransactionPurchaseOverviewLineComponent;
-    exports["ɵnm"] = TransactionCardModule;
-    exports["ɵnn"] = TransactionCardPurchaseOverviewModule;
-    exports["ɵno"] = TransactionCardHeaderModule;
-    exports["ɵnp"] = TransactionCardHeaderComponent;
-    exports["ɵnq"] = TransactionCardFooterModule;
-    exports["ɵnr"] = TransactionCardFooterComponent;
-    exports["ɵns"] = TransactionCardPurchaseOverviewComponent;
-    exports["ɵnt"] = TransactionCardSalesOverviewModule;
-    exports["ɵnu"] = TransactionCardSalesOverviewComponent;
-    exports["ɵnv"] = TransactionCardReceiveGoodsModule;
-    exports["ɵnw"] = TransactionCardReceiveGoodsComponent;
-    exports["ɵnx"] = TransactionCardInvoiceModule;
-    exports["ɵny"] = TransactionCardInvoiceComponent;
-    exports["ɵnz"] = TransactionCardOrderDeliveryModule;
+    exports["ɵni"] = TransactionPurchaseOrderLineBaseComponent;
+    exports["ɵnj"] = TransactionPurchaseOverviewLineModule;
+    exports["ɵnk"] = TransactionNavigationButtonListModule;
+    exports["ɵnl"] = TransactionNavigationButtonListComponent;
+    exports["ɵnm"] = TransactionPurchaseOverviewLineComponent;
+    exports["ɵnn"] = TransactionCardModule;
+    exports["ɵno"] = TransactionCardPurchaseOverviewModule;
+    exports["ɵnp"] = TransactionCardHeaderModule;
+    exports["ɵnq"] = TransactionCardHeaderComponent;
+    exports["ɵnr"] = TransactionCardFooterModule;
+    exports["ɵns"] = TransactionCardFooterComponent;
+    exports["ɵnt"] = TransactionCardPurchaseOverviewComponent;
+    exports["ɵnu"] = TransactionCardSalesOverviewModule;
+    exports["ɵnv"] = TransactionCardSalesOverviewComponent;
+    exports["ɵnw"] = TransactionCardReceiveGoodsModule;
+    exports["ɵnx"] = TransactionCardReceiveGoodsComponent;
+    exports["ɵny"] = TransactionCardInvoiceModule;
+    exports["ɵnz"] = TransactionCardInvoiceComponent;
     exports["ɵo"] = ArticleConnectorService;
-    exports["ɵoa"] = TransactionCardOrderDeliveryComponent;
-    exports["ɵob"] = TransactionCardComponent;
-    exports["ɵoc"] = TransactionTextLineModule;
-    exports["ɵod"] = TransactionTextLineComponent;
-    exports["ɵoe"] = SearchViewModeService;
-    exports["ɵof"] = TransactionSearchSalesOrderTileModule;
-    exports["ɵog"] = TransactionSearchSalesOrderTileComponent;
-    exports["ɵoh"] = TransactionSearchTileBaseComponent;
-    exports["ɵoi"] = TransactionSearchPurchaseOrderTileModule;
-    exports["ɵoj"] = TransactionSearchPurchaseOrderTileComponent;
-    exports["ɵok"] = TransactionSearchSalesOrderGridModule;
-    exports["ɵol"] = TransactionSearchSalesOrderGridComponent;
-    exports["ɵom"] = TransactionSearchGridBaseComponent;
-    exports["ɵon"] = TransactionSearchPurchaseOrderGridModule;
-    exports["ɵoo"] = TransactionSearchPurchaseOrderGridComponent;
-    exports["ɵop"] = TransactionSearchGridModule;
-    exports["ɵoq"] = TransactionSearchGridComponent;
-    exports["ɵor"] = TransactionSearchTileModule;
-    exports["ɵos"] = TransactionSearchTileComponent;
-    exports["ɵot"] = TransactionSalesOrderFilterModule;
-    exports["ɵou"] = TransactionSalesOrderFilterContentOrderModule;
-    exports["ɵov"] = TransactionFilterItemModule;
-    exports["ɵow"] = TransactionFilterItemComponent;
-    exports["ɵox"] = TransactionSalesOrderFilterContentOrderComponent;
-    exports["ɵoy"] = TransactionFilterContentBaseComponent;
-    exports["ɵoz"] = FilterRequestService;
+    exports["ɵoa"] = TransactionCardOrderDeliveryModule;
+    exports["ɵob"] = TransactionCardOrderDeliveryComponent;
+    exports["ɵoc"] = TransactionCardComponent;
+    exports["ɵod"] = TransactionTextLineModule;
+    exports["ɵoe"] = TransactionTextLineComponent;
+    exports["ɵof"] = SearchViewModeService;
+    exports["ɵog"] = TransactionSearchSalesOrderTileModule;
+    exports["ɵoh"] = TransactionSearchSalesOrderTileComponent;
+    exports["ɵoi"] = TransactionSearchTileBaseComponent;
+    exports["ɵoj"] = TransactionSearchPurchaseOrderTileModule;
+    exports["ɵok"] = TransactionSearchPurchaseOrderTileComponent;
+    exports["ɵol"] = TransactionSearchSalesOrderGridModule;
+    exports["ɵom"] = TransactionSearchSalesOrderGridComponent;
+    exports["ɵon"] = TransactionSearchGridBaseComponent;
+    exports["ɵoo"] = TransactionSearchPurchaseOrderGridModule;
+    exports["ɵop"] = TransactionSearchPurchaseOrderGridComponent;
+    exports["ɵoq"] = TransactionSearchGridModule;
+    exports["ɵor"] = TransactionSearchGridComponent;
+    exports["ɵos"] = TransactionSearchTileModule;
+    exports["ɵot"] = TransactionSearchTileComponent;
+    exports["ɵou"] = TransactionSalesOrderFilterModule;
+    exports["ɵov"] = TransactionSalesOrderFilterContentOrderModule;
+    exports["ɵow"] = TransactionFilterItemModule;
+    exports["ɵox"] = TransactionFilterItemComponent;
+    exports["ɵoy"] = TransactionSalesOrderFilterContentOrderComponent;
+    exports["ɵoz"] = TransactionFilterContentBaseComponent;
     exports["ɵp"] = RelationConnectorService;
-    exports["ɵpa"] = TransactionSalesOrderFilterContentLogisticsModule;
-    exports["ɵpb"] = TransactionFilterHistoricStateModule;
-    exports["ɵpc"] = TransactionFilterHistoricStateComponent;
-    exports["ɵpd"] = TransactionSalesOrderFilterContentLogisticsComponent;
-    exports["ɵpe"] = TransactionSalesOrderFilterContentArticleModule;
-    exports["ɵpf"] = TransactionSalesOrderFilterContentArticleComponent;
-    exports["ɵpg"] = TransactionSalesOrderFilterComponent;
-    exports["ɵph"] = TransactionFilterBaseComponent;
-    exports["ɵpi"] = TransactionPurchaseOrderFilterModule;
-    exports["ɵpj"] = TransactionPurchaseOrderFilterContentOrderModule;
-    exports["ɵpk"] = TransactionPurchaseOrderFilterContentOrderComponent;
-    exports["ɵpl"] = TransactionPurchaseOrderFilterContentLogisticsModule;
-    exports["ɵpm"] = TransactionPurchaseOrderFilterContentLogisticsComponent;
-    exports["ɵpn"] = TransactionPurchaseOrderFilterContentArticleModule;
-    exports["ɵpo"] = TransactionPurchaseOrderFilterContentArticleComponent;
-    exports["ɵpp"] = TransactionPurchaseOrderFilterComponent;
-    exports["ɵpq"] = SearchFeatureModule;
-    exports["ɵpr"] = SearchHeaderButtonsModule;
-    exports["ɵps"] = SearchHeaderButtonsComponent;
-    exports["ɵpt"] = SearchFilterPanelModule;
-    exports["ɵpu"] = SearchFilterPanelComponent;
-    exports["ɵpv"] = SearchComponent;
-    exports["ɵpw"] = TransactionTagComponent;
+    exports["ɵpa"] = FilterRequestService;
+    exports["ɵpb"] = TransactionSalesOrderFilterContentLogisticsModule;
+    exports["ɵpc"] = TransactionFilterHistoricStateModule;
+    exports["ɵpd"] = TransactionFilterHistoricStateComponent;
+    exports["ɵpe"] = TransactionSalesOrderFilterContentLogisticsComponent;
+    exports["ɵpf"] = TransactionSalesOrderFilterContentArticleModule;
+    exports["ɵpg"] = TransactionSalesOrderFilterContentArticleComponent;
+    exports["ɵph"] = TransactionSalesOrderFilterComponent;
+    exports["ɵpi"] = TransactionFilterBaseComponent;
+    exports["ɵpj"] = TransactionPurchaseOrderFilterModule;
+    exports["ɵpk"] = TransactionPurchaseOrderFilterContentOrderModule;
+    exports["ɵpl"] = TransactionPurchaseOrderFilterContentOrderComponent;
+    exports["ɵpm"] = TransactionPurchaseOrderFilterContentLogisticsModule;
+    exports["ɵpn"] = TransactionPurchaseOrderFilterContentLogisticsComponent;
+    exports["ɵpo"] = TransactionPurchaseOrderFilterContentArticleModule;
+    exports["ɵpp"] = TransactionPurchaseOrderFilterContentArticleComponent;
+    exports["ɵpq"] = TransactionPurchaseOrderFilterComponent;
+    exports["ɵpr"] = SearchFeatureModule;
+    exports["ɵps"] = SearchHeaderButtonsModule;
+    exports["ɵpt"] = SearchHeaderButtonsComponent;
+    exports["ɵpu"] = SearchFilterPanelModule;
+    exports["ɵpv"] = SearchFilterPanelComponent;
+    exports["ɵpw"] = SearchComponent;
+    exports["ɵpx"] = TransactionTagComponent;
     exports["ɵq"] = CoreModule;
     exports["ɵr"] = ConfirmationDialogModule;
     exports["ɵs"] = PipeModule;