@colijnit/transaction 12.1.121 → 12.1.122

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.121";
-            this.publishDate = "25-5-2023 17:42:14";
+            this.symVer = "12.1.122";
+            this.publishDate = "27-5-2023 09:00:54";
         }
         return Version;
     }());
@@ -685,6 +685,7 @@
         Icon["CartShoppingSolid"] = "cart_shopping_solid";
         Icon["CashRegister"] = "cash_register";
         Icon["CheckDuotone"] = "check_duotone";
+        Icon["CreditCardRegular"] = "credit_card_regular";
         Icon["CreditCardSolid"] = "credit_card_solid";
         Icon["DeliveryTruck"] = "delivery_truck";
         Icon["DetailView"] = "detail_view";
@@ -763,6 +764,7 @@
         Icon["TruckMovingSolid"] = "truck_moving_solid";
         Icon["Txt"] = "txt";
         Icon["Unlock"] = "unlock";
+        Icon["UserRegular"] = "user_regular";
         Icon["Warehouse"] = "warehouse";
         Icon["XSolid"] = "x_solid";
     })(Icon || (Icon = {}));
@@ -791,6 +793,7 @@
         "cart_shopping_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M96 0C107.5 0 117.4 8.19 119.6 19.51L121.1 32H541.8C562.1 32 578.3 52.25 572.6 72.66L518.6 264.7C514.7 278.5 502.1 288 487.8 288H170.7L179.9 336H488C501.3 336 512 346.7 512 360C512 373.3 501.3 384 488 384H159.1C148.5 384 138.6 375.8 136.4 364.5L76.14 48H24C10.75 48 0 37.25 0 24C0 10.75 10.75 0 24 0H96zM128 464C128 437.5 149.5 416 176 416C202.5 416 224 437.5 224 464C224 490.5 202.5 512 176 512C149.5 512 128 490.5 128 464zM512 464C512 490.5 490.5 512 464 512C437.5 512 416 490.5 416 464C416 437.5 437.5 416 464 416C490.5 416 512 437.5 512 464z\"/></svg>",
         "cash_register": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M35.39,18.12H14.62L10,29.66H40ZM23,19.29H27l.1,1.6H22.87Zm-.13,2h4.32l.12,1.81H22.72Zm-.15,2.3h4.62l.14,2.08h-4.9ZM17.9,19.29H22l-.16,1.6H17.54Zm-.46,2h4.32l-.18,1.81H17Zm-.53,2.3h4.62l-.2,2.08h-4.9Zm-1.16,5.06.55-2.42H27.49l.16,2.42ZM28,19.29H32.1l.36,1.6H28.2Zm.2,2h4.32L33,23.12H28.42Zm.23,2.3h4.62l.48,2.08h-4.9Zm.5,5.06-.24-2.42h5l.55,2.42Z\" fill=\"#484f60\"/><path d=\"M10,29.66v9.23H40V29.66Zm27.69,6.92H12.31V32H37.69Z\" fill=\"#484f60\"/><path d=\"M15.63,11.11v7.58H34.37V11.11Zm17.31,6.15H17.06V12.54H32.94Z\" fill=\"#484f60\"/></svg>",
         "check_duotone": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><defs><style>.fa-secondary{opacity:.4}</style></defs><path class=\"fa-primary\" d=\"M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z\"/></svg>",
+        "credit_card_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M512 80c8.8 0 16 7.2 16 16v32H48V96c0-8.8 7.2-16 16-16H512zm16 144V416c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V224H528zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm56 304c-13.3 0-24 10.7-24 24s10.7 24 24 24h48c13.3 0 24-10.7 24-24s-10.7-24-24-24H120zm128 0c-13.3 0-24 10.7-24 24s10.7 24 24 24H360c13.3 0 24-10.7 24-24s-10.7-24-24-24H248z\"/></svg>",
         "credit_card_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M512 32C547.3 32 576 60.65 576 96V128H0V96C0 60.65 28.65 32 64 32H512zM576 416C576 451.3 547.3 480 512 480H64C28.65 480 0 451.3 0 416V224H576V416zM112 352C103.2 352 96 359.2 96 368C96 376.8 103.2 384 112 384H176C184.8 384 192 376.8 192 368C192 359.2 184.8 352 176 352H112zM240 384H368C376.8 384 384 376.8 384 368C384 359.2 376.8 352 368 352H240C231.2 352 224 359.2 224 368C224 376.8 231.2 384 240 384z\"/></svg>",
         "delivery_truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"15.35\" y=\"16.56\" width=\"15.14\" height=\"10.94\" transform=\"translate(-1.83 2.08) rotate(-5)\" fill=\"#484f60\"/><path d=\"M38.5,18.1l-6.9.61L32.41,28l-7.63.67a3.76,3.76,0,0,1,1.43,2.25l7.25-.63A3.83,3.83,0,0,1,41,29.6l1-.1-.52-6Zm.29,5.84-3.91.34a.51.51,0,0,1-.55-.46L34,20.1a.49.49,0,0,1,.45-.54l2.27-.2a.5.5,0,0,1,.48.25l2,3.59A.5.5,0,0,1,38.79,23.94Z\" fill=\"#484f60\"/><path d=\"M19.66,29.09a3.8,3.8,0,0,0-1,2.46l-.74.07-1.82-.94L16,29.41Z\" fill=\"#484f60\"/><path d=\"M34.56,30.62a2.74,2.74,0,1,0,2.49-3A2.73,2.73,0,0,0,34.56,30.62Z\" fill=\"#484f60\"/><path d=\"M19.74,31.91a2.74,2.74,0,1,0,2.49-3A2.74,2.74,0,0,0,19.74,31.91Z\" fill=\"#484f60\"/><rect x=\"7.96\" y=\"17.63\" width=\"5\" height=\"1\" transform=\"translate(-1.54 0.98) rotate(-5)\" fill=\"#484f60\"/><rect x=\"11.02\" y=\"29.71\" width=\"3\" height=\"1\" transform=\"translate(-2.59 1.21) rotate(-5)\" fill=\"#484f60\"/><rect x=\"9.48\" y=\"23.53\" width=\"4\" height=\"1\" transform=\"matrix(1, -0.09, 0.09, 1, -2.05, 1.09)\" fill=\"#484f60\"/></svg>",
         "detail_view": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><g><polygon points=\"24.55 16.18 24.55 27.49 2.44 27.49 2.44 5.38 14.69 5.38 15.59 4.48 14.04 2.94 0 2.94 0 29.93 26.99 29.93 26.99 15.88 25.92 14.81 24.55 16.18\" fill=\"#484f60\"/><polygon points=\"30 .4 17.92 .4 22 4.48 12.24 16.23 14.16 18.15 25.92 8.4 30 12.48 30 .4\" fill=\"#484f60\"/></g></g></svg>",
@@ -869,6 +872,7 @@
         "truck_moving_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M64 32C28.7 32 0 60.7 0 96V304v80 16c0 44.2 35.8 80 80 80c26.2 0 49.4-12.6 64-32c14.6 19.4 37.8 32 64 32c44.2 0 80-35.8 80-80c0-5.5-.6-10.8-1.6-16H416h33.6c-1 5.2-1.6 10.5-1.6 16c0 44.2 35.8 80 80 80s80-35.8 80-80c0-5.5-.6-10.8-1.6-16H608c17.7 0 32-14.3 32-32V288 272 261.7c0-9.2-3.2-18.2-9-25.3l-58.8-71.8c-10.6-13-26.5-20.5-43.3-20.5H480V96c0-35.3-28.7-64-64-64H64zM585 256H480V192h48.8c2.4 0 4.7 1.1 6.2 2.9L585 256zM528 432c-17.7 0-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32zM240 400c0 17.7-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32zM80 432c-17.7 0-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32z\"/></svg>",
         "txt": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.87c-2.15,0-2.71-.56-2.71-2.72V12.88c0-2.15.56-2.71,2.71-2.71H25.48l8.66,8.88v3.43H32.8V19.6l-7.88-8.09H13.87c-1.37,0-1.37,0-1.37,1.37V37.45c0,1.37,0,1.37,1.37,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm6.68,2.36h-1.9V32h-1.3V26.63h-1.9V25.54h5.1ZM30.4,32,29,29.74,27.55,32H26l2.19-3.34-2-3.07h1.52L29,27.6l1.26-2.06h1.5l-2,3.12L32,32Zm6.86-5.32h-1.9V32H34.07V26.63H32.16V25.54h5.1Z\" fill=\"#484f60\"/></svg>",
         "unlock": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M32.65,21.67H17.35c-2.81,0-3.06,2.29-3.06,5.12v8.09c0,2.83.25,5.12,3.06,5.12h15.3c2.81,0,3.06-2.29,3.06-5.12V26.79C35.71,24,35.46,21.67,32.65,21.67ZM20.22,37.49l2.61-6.32a3.82,3.82,0,1,1,4.35,0l2.6,6.32Z\" fill=\"#484f60\"/><path d=\"M35.51,16.64c0-3.6-2-4.07-4.51-4.07h0c-2.49,0-4.51.47-4.51,4.07v3h-2.7v-3C23.79,11.62,27,10,31,10h0c4,0,7.21,1.62,7.21,6.64Z\" fill=\"#484f60\"/></svg>",
+        "user_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M304 128a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM49.3 464H398.7c-8.9-63.3-63.3-112-129-112H178.3c-65.7 0-120.1 48.7-129 112zM0 482.3C0 383.8 79.8 304 178.3 304h91.4C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3z\"/></svg>",
         "warehouse": "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M6 19H8V21H6V19M12 3L2 8V21H4V13H20V21H22V8L12 3M8 11H4V9H8V11M14 11H10V9H14V11M20 11H16V9H20V11M6 15H8V17H6V15M10 15H12V17H10V15M10 19H12V21H10V19M14 19H16V21H14V19Z\" /></svg>",
         "x_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M376.6 84.5c11.3-13.6 9.5-33.8-4.1-45.1s-33.8-9.5-45.1 4.1L192 206 56.6 43.5C45.3 29.9 25.1 28.1 11.5 39.4S-3.9 70.9 7.4 84.5L150.3 256 7.4 427.5c-11.3 13.6-9.5 33.8 4.1 45.1s33.8 9.5 45.1-4.1L192 306 327.4 468.5c11.3 13.6 31.5 15.4 45.1 4.1s15.4-31.5 4.1-45.1L233.7 256 376.6 84.5z\"/></svg>"
     };
@@ -6186,6 +6190,7 @@
             this.expanded = true;
             this.preview = false;
             this.readonly = false;
+            this.relationChange = new i0.EventEmitter();
             this.isService = false;
             this.lineOperationStatuses = [];
             this.transactionLines = [];
@@ -6518,6 +6523,7 @@
         preview: [{ type: i0.HostBinding, args: ['class.preview',] }, { type: i0.Input }],
         selected: [{ type: i0.HostBinding, args: ['class.is-selected',] }, { type: i0.Input }],
         readonly: [{ type: i0.HostBinding, args: ['class.read-only',] }, { type: i0.Input }],
+        relationChange: [{ type: i0.Output }],
         isText: [{ type: i0.HostBinding, args: ['class.is-text',] }],
         isArticle: [{ type: i0.HostBinding, args: ['class.is-article',] }]
     };
@@ -7296,16 +7302,14 @@
             this._boFactory = new businessObjectFactory.BusinessObjectFactory();
         }
         RelationService.prototype.getCustomerFullObject = function (relationNo) {
-            var _this = this;
-            return this._selectSingleCacheService.requestCache(customerFullObject_bo.CustomerFullObject, relationNo, function () {
-                return _this._adapterService.getCustomerFullObject(relationNo);
-            }).getValue();
+            // return this._selectSingleCacheService.requestCache<CustomerFullObject>(CustomerFullObject, relationNo, () => {
+            return this._adapterService.getCustomerFullObject(relationNo);
+            // }).getValue();
         };
         RelationService.prototype.getSupplierFullObject = function (relationNo) {
-            var _this = this;
-            return this._selectSingleCacheService.requestCache(supplierFullObject_bo.SupplierFullObject, relationNo, function () {
-                return _this._adapterService.getSupplierFullObject(relationNo);
-            }).getValue();
+            // return this._selectSingleCacheService.requestCache<SupplierFullObject>(SupplierFullObject, relationNo, () => {
+            return this._adapterService.getSupplierFullObject(relationNo);
+            // }).getValue();
         };
         RelationService.prototype.insertAddress = function (address) {
             return this._adapterService.insertAddress(address);
@@ -7477,6 +7481,7 @@
             this.applicationUser = false;
             this.invoiceAddressSameAsDelivery = true;
             this.activeRubric = TransactionTypeCategory.SalesOrderOverview;
+            this.getRelationOnRememberCurrentTransaction = true;
             this.currentTransaction = new transactionInfoResponse_bo.TransactionInfoResponse();
             this.purchasePortalLine = [];
             this.docDeliveryBatch = new docDeliveryBatch_bo.DocDeliveryBatch();
@@ -7791,6 +7796,32 @@
                 });
             });
         };
+        TransactionBaseService.prototype.saveTransactionAndCommit = function (response) {
+            return __awaiter(this, void 0, void 0, function () {
+                var saveTransactionResponse;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.saveTransaction(false)];
+                        case 1:
+                            saveTransactionResponse = _a.sent();
+                            if (!(saveTransactionResponse && saveTransactionResponse.isSuccess)) return [3 /*break*/, 4];
+                            return [4 /*yield*/, this.commit()];
+                        case 2:
+                            _a.sent();
+                            this.rememberCurrentTransaction(saveTransactionResponse);
+                            if (!response) return [3 /*break*/, 4];
+                            return [4 /*yield*/, this._handleAfterRememberCurrentTransaction(response)];
+                        case 3:
+                            _a.sent();
+                            _a.label = 4;
+                        case 4: 
+                        // we need to do an extra commit to release the lock
+                        // const commitSuccess: boolean = await this.commit();
+                        return [2 /*return*/, saveTransactionResponse && saveTransactionResponse.isSuccess /*&& commitSuccess*/];
+                    }
+                });
+            });
+        };
         TransactionBaseService.prototype.rememberCurrentTransaction = function (value) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
@@ -7802,7 +7833,7 @@
                             this._setAmount();
                             this._checkHeaderStatus();
                             this._checkRefTransaction(); // todo: get from the header status
-                            if (this.currentTransaction.transactionInfo.relation && this.currentTransaction.transactionInfo.relation.relationId) {
+                            if (this.getRelationOnRememberCurrentTransaction && this.currentTransaction.transactionInfo.relation && this.currentTransaction.transactionInfo.relation.relationId) {
                                 this._getRelation(this.currentTransaction.transactionInfo.relation);
                             }
                             this.transactionUpdated.next(this.currentTransaction);
@@ -7894,29 +7925,6 @@
                 this.currentTransaction.transactionInfo.preferredDeliveryDate2 = "=";
             }
         };
-        TransactionBaseService.prototype._saveTransactionAndCommit = function (response) {
-            return __awaiter(this, void 0, void 0, function () {
-                var saveTransactionResponse, commitSuccess;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.saveTransaction(false)];
-                        case 1:
-                            saveTransactionResponse = _a.sent();
-                            if (!(saveTransactionResponse && saveTransactionResponse.isSuccess)) return [3 /*break*/, 3];
-                            this.rememberCurrentTransaction(saveTransactionResponse);
-                            if (!response) return [3 /*break*/, 3];
-                            return [4 /*yield*/, this._handleAfterRememberCurrentTransaction(response)];
-                        case 2:
-                            _a.sent();
-                            _a.label = 3;
-                        case 3: return [4 /*yield*/, this.commit()];
-                        case 4:
-                            commitSuccess = _a.sent();
-                            return [2 /*return*/, saveTransactionResponse && saveTransactionResponse.isSuccess && commitSuccess];
-                    }
-                });
-            });
-        };
         TransactionBaseService.prototype._isValidTransaction = function () {
             return !!(this.currentTransaction && this.currentTransaction.transactionInfo && this.currentTransaction.transactionInfo.id);
         };
@@ -8029,7 +8037,7 @@
                             hasPendingReasons = response.headerOperationStatuses.filter(function (los) { return los.pendingReason !== "NONE"; }).length > 0;
                             if (!hasPendingReasons) {
                                 if ((this.autoSave && saveTransaction) || overrideSave) {
-                                    return [2 /*return*/, this._saveTransactionAndCommit(response)];
+                                    return [2 /*return*/, this.saveTransactionAndCommit(response)];
                                 }
                                 else { // just replace transaction object
                                     this.rememberCurrentTransaction(response);
@@ -8082,7 +8090,7 @@
                             hasPendingReasons = response.lineOperationStatuses.filter(function (los) { return los.pendingReason !== "NONE"; }).length > 0;
                             if (!hasPendingReasons) {
                                 if (this.autoSave) {
-                                    return [2 /*return*/, this._saveTransactionAndCommit(response)];
+                                    return [2 /*return*/, this.saveTransactionAndCommit(response)];
                                 }
                                 else {
                                     this.rememberCurrentTransaction(response);
@@ -10263,7 +10271,7 @@
         };
         CheckoutComponent.prototype.handleCreateTransaction = function (event) {
             return __awaiter(this, void 0, void 0, function () {
-                var success, _a, response, commitResponse;
+                var success, _a, saveSuccess;
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
@@ -10288,18 +10296,13 @@
                             if (!success) {
                                 return [2 /*return*/];
                             }
-                            return [4 /*yield*/, this.service.saveTransaction()];
+                            return [4 /*yield*/, this.service.saveTransactionAndCommit()];
                         case 6:
-                            response = _b.sent();
-                            if (!(response && response.isSuccess)) return [3 /*break*/, 8];
-                            return [4 /*yield*/, this.service.commit()];
-                        case 7:
-                            commitResponse = _b.sent();
-                            if (commitResponse) {
+                            saveSuccess = _b.sent();
+                            if (saveSuccess) {
                                 this.handleTransactionFinished(this.service.currentTransaction.transactionInfo.id);
                             }
-                            _b.label = 8;
-                        case 8: return [2 /*return*/];
+                            return [2 /*return*/];
                     }
                 });
             });
@@ -10326,32 +10329,28 @@
         };
         CheckoutComponent.prototype.handleDeliveryValidation = function () {
             return __awaiter(this, void 0, void 0, function () {
-                var valid, response, commitResponse, lockSuccess, _a;
+                var valid, saveSuccess, lockSuccess, _a;
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
-                            if (!(this.checkoutDelivery && this.stepDelivery)) return [3 /*break*/, 6];
+                            if (!(this.checkoutDelivery && this.stepDelivery)) return [3 /*break*/, 5];
                             valid = this.checkoutDelivery.submit();
-                            if (!valid) return [3 /*break*/, 5];
-                            return [4 /*yield*/, this.service.saveTransaction()];
+                            if (!valid) return [3 /*break*/, 4];
+                            return [4 /*yield*/, this.service.saveTransactionAndCommit()];
                         case 1:
-                            response = _b.sent();
-                            if (!(response && response.isSuccess)) return [3 /*break*/, 5];
-                            return [4 /*yield*/, this.service.commit()];
-                        case 2:
-                            commitResponse = _b.sent();
-                            if (!commitResponse) return [3 /*break*/, 5];
+                            saveSuccess = _b.sent();
+                            if (!saveSuccess) return [3 /*break*/, 4];
                             return [4 /*yield*/, this.service.tryToLockTransaction(this.service.currentTransaction.transactionInfo.id, this.service.currentTransaction.transactionInfo.version)];
-                        case 3:
+                        case 2:
                             lockSuccess = _b.sent();
-                            if (!lockSuccess) return [3 /*break*/, 5];
+                            if (!lockSuccess) return [3 /*break*/, 4];
                             _a = this.stepDelivery;
                             return [4 /*yield*/, this.handleSaveDelivery()];
-                        case 4:
+                        case 3:
                             _a.completed = _b.sent();
-                            _b.label = 5;
-                        case 5: return [2 /*return*/, valid];
-                        case 6: return [2 /*return*/];
+                            _b.label = 4;
+                        case 4: return [2 /*return*/, valid];
+                        case 5: return [2 /*return*/];
                     }
                 });
             });
@@ -12613,7 +12612,7 @@
     TransactionButtonComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-button',
-                    template: "\n    <div class=\"transaction-button-icon-wrapper\" *ngIf=iconData>\n      <co-icon class=\"transaction-button-icon\" [iconData]=\"iconData\"></co-icon>\n      <div class=\"spacer\"></div>\n    </div>\n    <div class=\"transaction-button-label-title-wrapper\" [class.title]=\"title\">\n      <span class=\"transaction-button-title co-transaction-overflow-ellipsis\" [textContent]=\"title\"></span>\n      <span class=\"transaction-button-label co-transaction-overflow-ellipsis\" [textContent]=\"label\"></span>\n    </div>\n    <div class=\"transaction-button-icon-wrapper right\" *ngIf=rightIconData>\n      <div class=\"spacer\"></div>\n      <co-icon class=\"transaction-button-icon\" [iconData]=\"rightIconData\"></co-icon>\n    </div>\n    <co-checkmark-overlay [successful]=\"showCheckMarkLoader\" [visible]=\"checkMarkOverlayVisible\"></co-checkmark-overlay>\n  ",
+                    template: "\n    <div class=\"transaction-button-icon-wrapper\" *ngIf=iconData>\n      <co-icon class=\"transaction-button-icon\" [iconData]=\"iconData\"></co-icon>\n      <div class=\"spacer\"></div>\n    </div>\n    <div class=\"transaction-button-label-title-wrapper\" [class.title]=\"title\">\n      <span class=\"transaction-button-title co-transaction-overflow-ellipsis\" [textContent]=\"title\"></span>\n      <span class=\"transaction-button-label co-transaction-overflow-ellipsis\" [textContent]=\"label\"></span>\n      <ng-content></ng-content>\n    </div>\n    <div class=\"transaction-button-icon-wrapper right\" *ngIf=rightIconData>\n      <div class=\"spacer\"></div>\n      <co-icon class=\"transaction-button-icon\" [iconData]=\"rightIconData\"></co-icon>\n    </div>\n    <co-checkmark-overlay [successful]=\"showCheckMarkLoader\" [visible]=\"checkMarkOverlayVisible\"></co-checkmark-overlay>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -16566,6 +16565,7 @@
             this._sharedService = _sharedService;
             this._paymentService = _paymentService;
             this.icons = Icon;
+            this.updateDepositAmount = false;
             this.payed = new i0.EventEmitter();
             this.paymentMethodIdx = 0;
             this.cashRegisterIdx = 0;
@@ -16598,12 +16598,24 @@
             return true;
         };
         PaymentComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this._transactionService.updateHeaderTransactionDepositAmount(this.transactionUuid, this.amountToPay, true).then(function () {
-                _this._getPaymentMethods().then(function () {
-                    _this.showLoader = false;
-                    _this._getDepositPaymentInfo();
-                    _this._prepareCashRegisters();
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!this.updateDepositAmount) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this._transactionService.updateHeaderTransactionDepositAmount(this.transactionUuid, this.amountToPay, true)];
+                        case 1:
+                            _a.sent();
+                            _a.label = 2;
+                        case 2:
+                            this._getPaymentMethods().then(function () {
+                                _this.showLoader = false;
+                                _this._getDepositPaymentInfo();
+                                _this._prepareCashRegisters();
+                            });
+                            return [2 /*return*/];
+                    }
                 });
             });
         };
@@ -16817,6 +16829,7 @@
         transId: [{ type: i0.Input }],
         transactionUuid: [{ type: i0.Input }],
         branch: [{ type: i0.Input }],
+        updateDepositAmount: [{ type: i0.Input }],
         amount: [{ type: i0.Input }],
         currencyId: [{ type: i0.Input }],
         payed: [{ type: i0.Output }],
@@ -16953,6 +16966,7 @@
     var DepositPaymentComponent = /** @class */ (function () {
         function DepositPaymentComponent(_paymentService) {
             this._paymentService = _paymentService;
+            this.showTitle = true;
             this.paymentMethods = [];
             this.depositPayments = [];
             this.showLoader = true;
@@ -16991,7 +17005,7 @@
     DepositPaymentComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-deposit-payment",
-                    template: "\n    <div class=\"down-payment-payments-title\" [textContent]=\"'PAYMENTS_MADE' | localize\"></div>\n    <div class=\"down-payment-payments-wrapper\">\n      <co-loader class=\"loader\" *ngIf=\"showLoader\"></co-loader>\n      <div class=\"down-payment-payments\" *ngFor=\"let payment of depositPayments\">\n        <co-payment-tile\n          [image]=\"payment.paymentMethod?.image\"\n          [description]=\"payment.paymentMethod?.payment.description\"\n        ></co-payment-tile>\n        <div class=\"deposit-payment-spacer\"></div>\n        <div class=\"down-payment-amount-wrapper\">\n          <div class=\"down-payment-date\" [textContent]=\"payment.depositPayment?.date | date:'d MMMM yyyy | HH:mm'\"></div>\n          <div class=\"down-payment-amount\" [textContent]=\"payment.depositPayment?.depositPaymentAmount | coCurrency\"></div>\n        </div>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"down-payment-payments-title\" [textContent]=\"'PAYMENTS_MADE' | localize\" *ngIf=\"showTitle\"></div>\n    <div class=\"down-payment-payments-wrapper\">\n      <co-loader class=\"loader\" *ngIf=\"showLoader\"></co-loader>\n      <div class=\"down-payment-payments\" *ngFor=\"let payment of depositPayments\">\n        <co-payment-tile\n          [image]=\"payment.paymentMethod?.image\"\n          [description]=\"payment.paymentMethod?.payment.description\"\n        ></co-payment-tile>\n        <div class=\"deposit-payment-spacer\"></div>\n        <div class=\"down-payment-amount-wrapper\">\n          <div class=\"down-payment-date\" [textContent]=\"payment.depositPayment?.date | date:'d MMMM yyyy | HH:mm'\"></div>\n          <div class=\"down-payment-amount\" [textContent]=\"payment.depositPayment?.depositPaymentAmount | coCurrency\"></div>\n        </div>\n      </div>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -17000,6 +17014,7 @@
     ]; };
     DepositPaymentComponent.propDecorators = {
         branch: [{ type: i0.Input }],
+        showTitle: [{ type: i0.Input }],
         transactionUuid: [{ type: i0.Input }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-deposit-payment",] }]
     };
@@ -17726,7 +17741,7 @@
     CheckoutOverviewPaymentComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-checkout-overview-payment",
-                    template: "\n    <div class=\"checkout-overview-section\">\n      <span class=\"overview-section-title\" [textContent]=\"'YOUR_DATA' | localize\"></span>\n      <div class=\"two-column-grid\">\n        <div class=\"overview-address\">\n            <span class=\"overview-address-title\" [textContent]=\"'DELIVERY_ADDRESS' | localize\"></span>\n            <span [textContent]=\"relation.displayName\"></span>\n            <span [textContent]=\"deliveryAddress.displayAddress\"></span>\n            <span [textContent]=\"deliveryAddress.displayPostal\"></span>\n        </div>\n        <div class=\"overview-address\">\n          <span class=\"overview-address-title\" [textContent]=\"'INVOICE_ADDRESS' | localize\"></span>\n          <span [textContent]=\"relation.displayName\"></span>\n          <span [textContent]=\"invoiceAddress.displayAddress\"></span>\n          <span [textContent]=\"invoiceAddress.displayPostal\"></span>\n        </div>\n      </div>\n      <div class=\"overview-address\">\n        <span class=\"overview-address-title\" [textContent]=\"'CONTACT_DETAILS' | localize\"></span>\n        <span [textContent]=\"relation.primaryEmail\"></span>\n        <span [textContent]=\"relation.primaryPhoneNumber\"></span>\n      </div>\n      <div class=\"overview-section-change-link\">\n        <icon class=\"overview-section-change-icon\" [icon]=\"icons.ArrowPointRight\"></icon>\n        <div [textContent]=\"'CHANGE_DATA' | localize\" (click)=\"changeYourDataClick.emit()\"></div>\n      </div>\n    </div>\n    <div class=\"checkout-overview-section\">\n      <span class=\"overview-section-title\" [textContent]=\"'DELIVERY' | localize\"></span>\n      <div class=\"overview-address\">\n        <div class=\"overview-row\">\n            <span [textContent]=\"'EXPECTED_DELIVERY_DATE' | localize | append:':'\"></span><span [textContent]=\"transaction.transactionInfo.deliveryDate | date:'dd MMM yyyy'\"></span>\n        </div>\n        <div class=\"overview-row\">\n            <span [textContent]=\"'DELIVERY_METHOD' | localize | append:':'\"></span><span [textContent]=\"transaction.transactionInfo.deliveryMethod\"></span>\n        </div>\n      </div>\n      <div class=\"overview-section-change-link\">\n        <icon class=\"overview-section-change-icon\" [icon]=\"icons.ArrowPointRight\"></icon>\n        <div [textContent]=\"'CHANGE_DATA' | localize\" (click)=\"changeDeliveryClick.emit()\"></div>\n      </div>\n    </div>\n    <co-payment *ngIf=\"showPayment\"\n      [transId]=\"transaction.transactionInfo.id\"\n      [branch]=\"transaction.transactionInfo.branch?.relationNr\"\n      [transactionUuid]=\"transaction.transactionInfo.uuid\"\n      [amount]=\"transaction.transactionInfo.depositAmount || transaction.transactionTotal.netAmount\"\n      [currencyId]=\"transaction.transactionInfo.currencyId\"\n      (payed)=\"handlePayed()\"\n    ></co-payment>\n  ",
+                    template: "\n    <div class=\"checkout-overview-section\">\n      <span class=\"overview-section-title\" [textContent]=\"'YOUR_DATA' | localize\"></span>\n      <div class=\"two-column-grid\">\n        <div class=\"overview-address\">\n            <span class=\"overview-address-title\" [textContent]=\"'DELIVERY_ADDRESS' | localize\"></span>\n            <span [textContent]=\"relation.displayName\"></span>\n            <span [textContent]=\"deliveryAddress.displayAddress\"></span>\n            <span [textContent]=\"deliveryAddress.displayPostal\"></span>\n        </div>\n        <div class=\"overview-address\">\n          <span class=\"overview-address-title\" [textContent]=\"'INVOICE_ADDRESS' | localize\"></span>\n          <span [textContent]=\"relation.displayName\"></span>\n          <span [textContent]=\"invoiceAddress.displayAddress\"></span>\n          <span [textContent]=\"invoiceAddress.displayPostal\"></span>\n        </div>\n      </div>\n      <div class=\"overview-address\">\n        <span class=\"overview-address-title\" [textContent]=\"'CONTACT_DETAILS' | localize\"></span>\n        <span [textContent]=\"relation.primaryEmail\"></span>\n        <span [textContent]=\"relation.primaryPhoneNumber\"></span>\n      </div>\n      <div class=\"overview-section-change-link\">\n        <icon class=\"overview-section-change-icon\" [icon]=\"icons.ArrowPointRight\"></icon>\n        <div [textContent]=\"'CHANGE_DATA' | localize\" (click)=\"changeYourDataClick.emit()\"></div>\n      </div>\n    </div>\n    <div class=\"checkout-overview-section\">\n      <span class=\"overview-section-title\" [textContent]=\"'DELIVERY' | localize\"></span>\n      <div class=\"overview-address\">\n        <div class=\"overview-row\">\n            <span [textContent]=\"'EXPECTED_DELIVERY_DATE' | localize | append:':'\"></span><span [textContent]=\"transaction.transactionInfo.deliveryDate | date:'dd MMM yyyy'\"></span>\n        </div>\n        <div class=\"overview-row\">\n            <span [textContent]=\"'DELIVERY_METHOD' | localize | append:':'\"></span><span [textContent]=\"transaction.transactionInfo.deliveryMethod\"></span>\n        </div>\n      </div>\n      <div class=\"overview-section-change-link\">\n        <icon class=\"overview-section-change-icon\" [icon]=\"icons.ArrowPointRight\"></icon>\n        <div [textContent]=\"'CHANGE_DATA' | localize\" (click)=\"changeDeliveryClick.emit()\"></div>\n      </div>\n    </div>\n    <co-payment *ngIf=\"showPayment\"\n      [updateDepositAmount]=\"true\"\n      [transId]=\"transaction.transactionInfo.id\"\n      [branch]=\"transaction.transactionInfo.branch?.relationNr\"\n      [transactionUuid]=\"transaction.transactionInfo.uuid\"\n      [amount]=\"transaction.transactionInfo.depositAmount || transaction.transactionTotal.netAmount\"\n      [currencyId]=\"transaction.transactionInfo.currencyId\"\n      (payed)=\"handlePayed()\"\n    ></co-payment>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -17759,7 +17774,7 @@
     TransactionHeaderDeliveryComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-delivery",
-                    template: "\n    <co-transaction-header-block\n      [headerBlockTemplate]=\"headerBlock\"\n      [firstBlockTemplate]=\"firstBlock\"\n      [secondBlockTemplate]=\"secondBlock\"\n      [thirdBlockTemplate]=\"thirdBlock\"\n      [hasDetails]=\"true\"\n      (headerClick)=\"showDialog = true\"\n    >\n    </co-transaction-header-block>\n    <ng-template #headerBlock>\n      <co-transaction-header-delivery-method-button class=\"header-delivery-method\" [transactionInfo]=\"transactionInfo\"></co-transaction-header-delivery-method-button>\n<!--\n      <div class=\"header-delivery-method\" (click)=\"showTheDeliveryMethodDialog($event)\">\n        <co-icon class=\"header-delivery-truck-icon\" [iconData]=\"iconCacheService.getIcon(icons.TruckFastSolid)\"></co-icon>\n        <span [textContent]=\"deliveryMethod?.description\"></span>\n      </div>\n-->\n      <co-icon class=\"planning-request-button\" [class.co-transaction-check]=\"transactionInfo.deliveryDateDefinitive\"\n             [iconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"></co-icon>\n    </ng-template>\n    <ng-template #firstBlock>\n      <div class=\"header-delivery-deliverydate-label co-transaction-label\" [textContent]=\"'DELIVERY_DATE' | localize\"></div>\n      <div class=\"header-delivery-deliverydate-wrapper\" [class.closed]=\"transactionInfo.deliveryDateDefinitive\">\n        <co-transaction-header-delivery-date class=\"header-delivery-deliverydate\"\n                                             [transactionInfo]=\"transactionInfo\"\n                                             [defaultEditMode]=\"false\"\n                                             [showLabel]=\"false\"\n        ></co-transaction-header-delivery-date>\n        <co-transaction-header-deliverydate-definitive-button [transactionInfo]=\"transactionInfo\"></co-transaction-header-deliverydate-definitive-button>\n      </div>\n    </ng-template>\n    <ng-template #secondBlock>\n      <div class=\"header-delivery-preferred-deliverydate-label co-transaction-label\" [textContent]=\"'PREFERRED_DATE' | localize\"></div>\n      <co-transaction-header-preferred-delivery-date class=\"header-delivery-deliverydate\"\n                                                     [transactionInfo]=\"transactionInfo\"\n                                                     [defaultEditMode]=\"false\"\n                                                     [showLabel]=\"false\"\n      ></co-transaction-header-preferred-delivery-date>\n    </ng-template>\n    <ng-template #thirdBlock>\n      <co-transaction-header-partial-delivery class=\"co-transaction-label\" [transactionInfo]=\"transactionInfo\"></co-transaction-header-partial-delivery>\n    </ng-template>\n    <co-transaction-header-popup *ngIf=\"showDialog\"\n                                 [activeCategoryIndex]=\"3\"\n                                 [relation]=\"relation\"\n                                 [transaction]=\"transaction\"\n                                 (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n  ",
+                    template: "\n    <co-transaction-header-block\n      [headerBlockTemplate]=\"headerBlock\"\n      [firstBlockTemplate]=\"firstBlock\"\n      [secondBlockTemplate]=\"secondBlock\"\n      [thirdBlockTemplate]=\"thirdBlock\"\n      (headerClick)=\"showDialog = true\"\n    >\n    </co-transaction-header-block>\n    <ng-template #headerBlock>\n      <co-transaction-header-delivery-method-button class=\"header-delivery-method\" [transactionInfo]=\"transactionInfo\"></co-transaction-header-delivery-method-button>\n      <co-icon class=\"planning-request-button\" [class.co-transaction-check]=\"transactionInfo.deliveryDateDefinitive\"\n             [iconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"></co-icon>\n    </ng-template>\n    <ng-template #firstBlock>\n      <div class=\"header-delivery-deliverydate-label co-transaction-label\" [textContent]=\"'DELIVERY_DATE' | localize\"></div>\n      <div class=\"header-delivery-deliverydate-wrapper\" [class.closed]=\"transactionInfo.deliveryDateDefinitive\">\n        <co-transaction-header-delivery-date class=\"header-delivery-deliverydate\"\n                                             [transactionInfo]=\"transactionInfo\"\n                                             [defaultEditMode]=\"false\"\n                                             [showLabel]=\"false\"\n        ></co-transaction-header-delivery-date>\n        <co-transaction-header-deliverydate-definitive-button [transactionInfo]=\"transactionInfo\"></co-transaction-header-deliverydate-definitive-button>\n      </div>\n    </ng-template>\n    <ng-template #secondBlock>\n      <div class=\"header-delivery-preferred-deliverydate-label co-transaction-label\" [textContent]=\"'PREFERRED_DATE' | localize\"></div>\n      <co-transaction-header-preferred-delivery-date class=\"header-delivery-deliverydate\"\n                                                     [transactionInfo]=\"transactionInfo\"\n                                                     [defaultEditMode]=\"false\"\n                                                     [showLabel]=\"false\"\n      ></co-transaction-header-preferred-delivery-date>\n    </ng-template>\n    <ng-template #thirdBlock>\n      <co-transaction-header-partial-delivery class=\"transaction-header-partial-delivery co-transaction-label\" [transactionInfo]=\"transactionInfo\"></co-transaction-header-partial-delivery>\n    </ng-template>\n    <co-transaction-header-popup *ngIf=\"showDialog\"\n                                 [activeCategoryIndex]=\"3\"\n                                 [relation]=\"relation\"\n                                 [transaction]=\"transaction\"\n                                 (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -17769,18 +17784,22 @@
 
     var TransactionHeaderBlockComponent = /** @class */ (function () {
         function TransactionHeaderBlockComponent() {
-            this.hasDetails = false;
             this.headerClick = new i0.EventEmitter();
         }
         TransactionHeaderBlockComponent.prototype.showClass = function () {
             return true;
         };
+        TransactionHeaderBlockComponent.prototype.handleHostClick = function (event) {
+            if (event.target && event.target.className.indexOf('clickable-header') > -1) {
+                this.headerClick.emit(event);
+            }
+        };
         return TransactionHeaderBlockComponent;
     }());
     TransactionHeaderBlockComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-block",
-                    template: "\n    <div #wrapper class=\"transaction-header-block-wrapper\" (click)=\"headerClick.emit($event)\">\n      <div class=\"transaction-header-block-header\">\n        <ng-container [ngTemplateOutlet]=\"headerBlockTemplate\"></ng-container>\n      </div>\n      <div class=\"transaction-header-block-content\">\n        <div class=\"transaction-header-block-content-first\" *ngIf=\"firstBlockTemplate\">\n          <ng-container [ngTemplateOutlet]=\"firstBlockTemplate\"></ng-container>\n        </div>\n        <div class=\"transaction-header-block-divider\" *ngIf=\"secondBlockTemplate || thirdBlockTemplate\"></div>\n        <div class=\"transaction-header-block-content-second\" *ngIf=\"secondBlockTemplate || thirdBlockTemplate\">\n          <ng-container [ngTemplateOutlet]=\"secondBlockTemplate\"></ng-container>\n        </div>\n        <div class=\"transaction-header-block-divider\" *ngIf=\"thirdBlockTemplate\"></div>\n        <div class=\"transaction-header-block-content-third\" *ngIf=\"thirdBlockTemplate\">\n          <ng-container [ngTemplateOutlet]=\"thirdBlockTemplate\"></ng-container>\n        </div>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div #wrapper class=\"transaction-header-block-wrapper\">\n      <div class=\"transaction-header-block-header clickable-header\">\n        <ng-container [ngTemplateOutlet]=\"headerBlockTemplate\"></ng-container>\n      </div>\n      <div class=\"transaction-header-block-content clickable-header\">\n        <div class=\"transaction-header-block-content-first\" *ngIf=\"firstBlockTemplate\">\n          <ng-container [ngTemplateOutlet]=\"firstBlockTemplate\"></ng-container>\n        </div>\n        <div class=\"transaction-header-block-divider\" *ngIf=\"secondBlockTemplate || thirdBlockTemplate\"></div>\n        <div class=\"transaction-header-block-content-second\" *ngIf=\"secondBlockTemplate || thirdBlockTemplate\">\n          <ng-container [ngTemplateOutlet]=\"secondBlockTemplate\"></ng-container>\n        </div>\n        <div class=\"transaction-header-block-divider\" *ngIf=\"thirdBlockTemplate\"></div>\n        <div class=\"transaction-header-block-content-third\" *ngIf=\"thirdBlockTemplate\">\n          <ng-container [ngTemplateOutlet]=\"thirdBlockTemplate\"></ng-container>\n        </div>\n      </div>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -17789,9 +17808,9 @@
         firstBlockTemplate: [{ type: i0.Input }],
         secondBlockTemplate: [{ type: i0.Input }],
         thirdBlockTemplate: [{ type: i0.Input }],
-        hasDetails: [{ type: i0.Input }],
         headerClick: [{ type: i0.Output }],
-        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-header-block",] }]
+        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-header-block",] }],
+        handleHostClick: [{ type: i0.HostListener, args: ["click", ["$event"],] }]
     };
 
     var TransactionHeaderBlockModule = /** @class */ (function () {
@@ -18797,17 +18816,27 @@
 
     var TransactionHeaderPopupComponent = /** @class */ (function (_super) {
         __extends(TransactionHeaderPopupComponent, _super);
-        function TransactionHeaderPopupComponent() {
-            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+        function TransactionHeaderPopupComponent(transactionEventService, service, iconCacheService, dictionaryService, imageService, changeDetector, dialogService, formMasterService, relationService) {
+            var _this = _super.call(this, transactionEventService, iconCacheService, imageService, dictionaryService, service, changeDetector) || this;
+            _this.transactionEventService = transactionEventService;
+            _this.service = service;
+            _this.iconCacheService = iconCacheService;
+            _this.dictionaryService = dictionaryService;
+            _this.imageService = imageService;
+            _this.changeDetector = changeDetector;
+            _this.dialogService = dialogService;
+            _this.formMasterService = formMasterService;
+            _this.relationService = relationService;
             _this.closeClick = new i0.EventEmitter();
             _this.categories = [
-                { index: 0, description: "CLIENT_INFORMATION" },
-                { index: 1, description: "ORDER_INFORMATION1" },
-                { index: 2, description: "PAYMENT_INFORMATION" },
-                { index: 3, description: "DELIVERY_INFORMATION" }
+                { index: 0, icon: Icon.UserRegular, description: "CLIENT_INFORMATION" },
+                { index: 1, icon: Icon.CartShoppingRegular, description: "ORDER_INFORMATION1" },
+                { index: 2, icon: Icon.CreditCardRegular, description: "PAYMENT_INFORMATION" },
+                { index: 3, icon: Icon.TruckMovingRegular, description: "DELIVERY_INFORMATION" }
             ];
             _this.okButtonEnabled = false;
-            _this.activeCategory = { index: 0, description: "CLIENT_INFORMATION" };
+            _this.activeCategory = { index: 0, icon: Icon.CreditCardRegular, description: "CLIENT_INFORMATION" };
+            _this.cloneRelation = new customerFullObject_bo.CustomerFullObject();
             _this._subs = [];
             return _this;
         }
@@ -18826,6 +18855,7 @@
         TransactionHeaderPopupComponent.prototype.ngOnInit = function () {
             var _this = this;
             _super.prototype.ngOnInit.call(this);
+            this.transactionService.getRelationOnRememberCurrentTransaction = false;
             this._subs.push(this.transactionEventService.headerPopupSaveButtonEnableChange.subscribe(function (enabled) {
                 _this.okButtonEnabled = enabled;
             }), this.transactionEventService.headerPopupClose.subscribe(function (commit) { return __awaiter(_this, void 0, void 0, function () {
@@ -18833,16 +18863,14 @@
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
-                            if (!commit) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this.transactionService.commit()];
-                        case 1:
+                            if (!commit) return [3 /*break*/, 1];
+                            _a = true;
+                            return [3 /*break*/, 3];
+                        case 1: return [4 /*yield*/, this.transactionService.rollback()];
+                        case 2:
                             _a = _b.sent();
-                            return [3 /*break*/, 4];
-                        case 2: return [4 /*yield*/, this.transactionService.rollback()];
+                            _b.label = 3;
                         case 3:
-                            _a = _b.sent();
-                            _b.label = 4;
-                        case 4:
                             result = _a;
                             if (result) {
                                 this.closeClick.emit();
@@ -18853,9 +18881,18 @@
             }); }));
         };
         TransactionHeaderPopupComponent.prototype.ngOnDestroy = function () {
+            this.transactionService.getRelationOnRememberCurrentTransaction = true;
             _super.prototype.ngOnDestroy.call(this);
             this._subs.forEach(function (s) { return s.unsubscribe(); });
         };
+        TransactionHeaderPopupComponent.prototype.relationSet = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    this.cloneRelation = this.relationService.cloneRelation(this.relation);
+                    return [2 /*return*/];
+                });
+            });
+        };
         TransactionHeaderPopupComponent.prototype.handleCloseClick = function (event) {
             this.transactionEventService.headerPopupWantsToClose.next();
         };
@@ -18870,10 +18907,21 @@
     TransactionHeaderPopupComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-header-popup',
-                    template: "\n        <co-dialog class=\"transaction-header-dialog\" [headerTemplate]=\"headerTemplate\" [footerTemplate]=\"footerTemplate\" (closeClick)=\"handleCloseClick($event)\">\n            <ng-template #headerTemplate>\n                <div class=\"co-dialog-header-title\" [textContent]=\"activeCategory.description | localize\"></div>\n            </ng-template>\n            <div class=\"transaction-header-popup-categories\">\n                <div class=\"transaction-header-popup-category\" [class.selected]=\"activeCategory.index === cat.index\" *ngFor=\"let cat of categories\" \n                     (click)=\"handleCategoryClick(cat)\">\n                    <div class=\"title\" [textContent]=\"cat.description | localize\"></div>\n                </div>\n            </div>\n            <div class=\"transaction-header-popup-content-wrapper\">\n                <co-transaction-header-popup-relation class=\"category-content\" *ngIf=\"activeCategory.index === 0\" \n                                                      [relation]=\"relation\"\n                                                      [transaction]=\"transaction\"\n                ></co-transaction-header-popup-relation>\n                <co-transaction-header-popup-order class=\"category-content\" *ngIf=\"activeCategory.index === 1\"\n                                                   [relation]=\"relation\"\n                                                   [transaction]=\"transaction\"\n                ></co-transaction-header-popup-order>\n                <co-transaction-header-popup-payment class=\"category-content\" *ngIf=\"activeCategory.index === 2\"\n                                                     [relation]=\"relation\"\n                                                     [transaction]=\"transaction\"\n                ></co-transaction-header-popup-payment>\n                <co-transaction-header-popup-delivery class=\"category-content\" *ngIf=\"activeCategory.index === 3\"\n                                                      [relation]=\"relation\"\n                                                      [transaction]=\"transaction\"\n                ></co-transaction-header-popup-delivery>\n            </div>\n            <ng-template #footerTemplate>\n                <div class=\"co-dialog-footer-button-wrapper\">\n                    <co-button class=\"save-button\" \n                               [disabled]=\"!okButtonEnabled\" \n                               [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\" \n                               (click)=\"handleOkButtonClick($event)\"></co-button>\n                </div>\n            </ng-template>\n        </co-dialog>\n    ",
+                    template: "\n        <co-dialog class=\"transaction-header-dialog\" \n                   [customCssClass]=\"'transaction-header-dialog'\" \n                   [headerTemplate]=\"headerTemplate\" \n                   [footerTemplate]=\"footerTemplate\" \n                   (closeClick)=\"handleCloseClick($event)\">\n            <ng-template #headerTemplate>\n                <div class=\"transaction-header-popup-dialog-header-wrapper\">\n                    <co-icon [iconData]=\"iconCacheService.getIcon(activeCategory.icon)\"></co-icon>\n                    <div class=\"co-dialog-header-title\" [textContent]=\"activeCategory.description | localize\"></div>\n                </div>\n            </ng-template>\n            <div class=\"transaction-header-popup-categories\">\n                <div class=\"transaction-header-popup-category\" [class.selected]=\"activeCategory.index === cat.index\" *ngFor=\"let cat of categories\" \n                     (click)=\"handleCategoryClick(cat)\">\n                    <div class=\"title\" [textContent]=\"cat.description | localize\"></div>\n                </div>\n            </div>\n            <div class=\"transaction-header-popup-content-wrapper\">\n                <co-transaction-header-popup-relation class=\"category-content\" *ngIf=\"activeCategory.index === 0\" \n                                                      [(relation)]=\"cloneRelation\"\n                                                      [transaction]=\"transaction\"\n                ></co-transaction-header-popup-relation>\n                <co-transaction-header-popup-order class=\"category-content\" *ngIf=\"activeCategory.index === 1\"\n                                                   [relation]=\"cloneRelation\"\n                                                   [transaction]=\"transaction\"\n                ></co-transaction-header-popup-order>\n                <co-transaction-header-popup-payment class=\"category-content\" *ngIf=\"activeCategory.index === 2\"\n                                                     [relation]=\"cloneRelation\"\n                                                     [transaction]=\"transaction\"\n                ></co-transaction-header-popup-payment>\n                <co-transaction-header-popup-delivery class=\"category-content\" *ngIf=\"activeCategory.index === 3\"\n                                                      [relation]=\"cloneRelation\"\n                                                      [transaction]=\"transaction\"\n                ></co-transaction-header-popup-delivery>\n            </div>\n            <ng-template #footerTemplate>\n                <div class=\"co-dialog-footer-button-wrapper\">\n                    <co-button class=\"save-button\" \n                               [disabled]=\"!okButtonEnabled\" \n                               [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\" \n                               (click)=\"handleOkButtonClick($event)\"></co-button>\n                </div>\n            </ng-template>\n        </co-dialog>\n    ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
+    TransactionHeaderPopupComponent.ctorParameters = function () { return [
+        { type: TransactionEventService },
+        { type: TransactionService },
+        { type: IconCacheService },
+        { type: DictionaryService },
+        { type: TransactionImageService },
+        { type: i0.ChangeDetectorRef },
+        { type: DialogService },
+        { type: corecomponents_v12.FormMasterService },
+        { type: RelationService }
+    ]; };
     TransactionHeaderPopupComponent.propDecorators = {
         activeCategoryIndex: [{ type: i0.Input }],
         closeClick: [{ type: i0.Output }],
@@ -18882,7 +18930,7 @@
 
     var TransactionHeaderPopupBaseComponent = /** @class */ (function (_super_1) {
         __extends(TransactionHeaderPopupBaseComponent, _super_1);
-        function TransactionHeaderPopupBaseComponent(transactionEventService, service, iconCacheService, dictionaryService, imageService, changeDetector, dialogService, formMasterService) {
+        function TransactionHeaderPopupBaseComponent(transactionEventService, service, iconCacheService, dictionaryService, imageService, changeDetector, dialogService, formMasterService, relationService) {
             var _this = _super_1.call(this, transactionEventService, iconCacheService, imageService, dictionaryService, service, changeDetector) || this;
             _this.transactionEventService = transactionEventService;
             _this.service = service;
@@ -18892,6 +18940,7 @@
             _this.changeDetector = changeDetector;
             _this.dialogService = dialogService;
             _this.formMasterService = formMasterService;
+            _this.relationService = relationService;
             _this.readonly = true;
             _this.dirty = false;
             _this._subs = [];
@@ -18925,7 +18974,7 @@
                     this._subs.push(this.transactionEventService.headerPopupSaveButtonClick.subscribe(function () { return __awaiter(_this, void 0, void 0, function () {
                         return __generator(this, function (_a) {
                             switch (_a.label) {
-                                case 0: return [4 /*yield*/, this.saveObject()];
+                                case 0: return [4 /*yield*/, this.saveObjects()];
                                 case 1:
                                     _a.sent();
                                     return [2 /*return*/];
@@ -18963,6 +19012,80 @@
                 });
             });
         };
+        TransactionHeaderPopupBaseComponent.prototype.transactionInfoSet = function () {
+            var _super = Object.create(null, {
+                transactionInfoSet: { get: function () { return _super_1.prototype.transactionInfoSet; } }
+            });
+            return __awaiter(this, void 0, void 0, function () {
+                var _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            _super.transactionInfoSet.call(this);
+                            if (!this.headerReadonly) return [3 /*break*/, 1];
+                            this.readonly = true;
+                            return [3 /*break*/, 3];
+                        case 1:
+                            _a = this;
+                            return [4 /*yield*/, this.lockTransaction()];
+                        case 2:
+                            _a.readonly = !(_b.sent());
+                            _b.label = 3;
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TransactionHeaderPopupBaseComponent.prototype.saveObjects = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!this.formMasterService.submitSlaves()) return [3 /*break*/, 3];
+                            this.transactionEventService.headerPopupSaveButtonEnableChange.next(false);
+                            return [4 /*yield*/, this.saveRelation()];
+                        case 1:
+                            _a.sent();
+                            return [4 /*yield*/, this.saveTransaction()];
+                        case 2:
+                            _a.sent();
+                            this.setFormPristine();
+                            this.transactionEventService.headerPopupClose.next(true);
+                            _a.label = 3;
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TransactionHeaderPopupBaseComponent.prototype.saveRelation = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            _a = this.service;
+                            return [4 /*yield*/, this.relationService.updateRelation(this.relation.relationType, this.relation)];
+                        case 1:
+                            _a.relation = _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TransactionHeaderPopupBaseComponent.prototype.saveTransaction = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            this.transactionService.getRelationOnRememberCurrentTransaction = true;
+                            return [4 /*yield*/, this.transactionService.saveTransactionAndCommit()];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
         TransactionHeaderPopupBaseComponent.prototype.setFormPristine = function () {
             this.dirty = false;
             if (this.form) {
@@ -18983,7 +19106,7 @@
                         case 1:
                             response = _a.sent();
                             if (!(response.button === AppPopupButtonType.Yes)) return [3 /*break*/, 3];
-                            return [4 /*yield*/, this.saveObject()];
+                            return [4 /*yield*/, this.saveObjects()];
                         case 2:
                             _a.sent();
                             return [3 /*break*/, 4];
@@ -19008,7 +19131,8 @@
         { type: TransactionImageService },
         { type: i0.ChangeDetectorRef },
         { type: DialogService },
-        { type: corecomponents_v12.FormMasterService }
+        { type: corecomponents_v12.FormMasterService },
+        { type: RelationService }
     ]; };
     TransactionHeaderPopupBaseComponent.propDecorators = {
         content: [{ type: i0.ViewChild, args: [corecomponents_v12.FormComponent,] }]
@@ -19016,23 +19140,13 @@
 
     var TransactionHeaderPopupRelationComponent = /** @class */ (function (_super) {
         __extends(TransactionHeaderPopupRelationComponent, _super);
-        function TransactionHeaderPopupRelationComponent(transactionEventService, service, iconCacheService, dictionaryService, imageService, changeDetector, dialogService, formMasterService, _relationService) {
-            var _this = _super.call(this, transactionEventService, service, iconCacheService, dictionaryService, imageService, changeDetector, dialogService, formMasterService) || this;
-            _this.transactionEventService = transactionEventService;
-            _this.service = service;
-            _this.iconCacheService = iconCacheService;
-            _this.dictionaryService = dictionaryService;
-            _this.imageService = imageService;
-            _this.changeDetector = changeDetector;
-            _this.dialogService = dialogService;
-            _this.formMasterService = formMasterService;
-            _this._relationService = _relationService;
+        function TransactionHeaderPopupRelationComponent() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
             _this.addressType = addressType_enum.AddressType;
             _this.deliveryAddressNawNr = 0;
             _this.invoiceAddressNawNr = 0;
             _this.invoiceAddressSameAsDeliveryAddress = true;
             _this.categories = [_this.dictionaryService.get('CLIENT_DATA'), _this.dictionaryService.get('PRIVACY_PREFERENCES')];
-            _this.cloneRelation = new customerFullObject_bo.CustomerFullObject();
             return _this;
         }
         TransactionHeaderPopupRelationComponent.prototype.showClass = function () {
@@ -19044,12 +19158,11 @@
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
-                            this.cloneRelation = this._relationService.cloneRelation(this.relation);
                             if (this.relationKind === relationKind_enum.RelationKind.Customer) {
-                                this.customerGroup = this.cloneRelation.customerGroup;
+                                this.customerGroup = this.relation.customerGroup;
                             }
-                            if (this.cloneRelation.addresses && this.cloneRelation.addresses.length > 0) {
-                                firstAddress = this.cloneRelation.addresses[0];
+                            if (this.relation.addresses && this.relation.addresses.length > 0) {
+                                firstAddress = this.relation.addresses[0];
                                 this.setIndexDeliveryAddress(firstAddress.nawNr);
                             }
                             return [4 /*yield*/, this._lockRelation()];
@@ -19061,14 +19174,14 @@
             });
         };
         TransactionHeaderPopupRelationComponent.prototype.setIndexDeliveryAddress = function (nawNr) {
-            var address = this.cloneRelation.addresses.find(function (a) { return a.nawNr === nawNr; });
+            var address = this.relation.addresses.find(function (a) { return a.nawNr === nawNr; });
             if (address) {
                 // address.searchAddress = true;
                 this.deliveryAddressNawNr = nawNr;
             }
         };
         TransactionHeaderPopupRelationComponent.prototype.setIndexInvoiceAddress = function (nawNr) {
-            var address = this.cloneRelation.addresses.find(function (a) { return a.nawNr === nawNr; });
+            var address = this.relation.addresses.find(function (a) { return a.nawNr === nawNr; });
             if (address) {
                 // address.searchAddress = true;
                 this.invoiceAddressNawNr = nawNr;
@@ -19091,24 +19204,7 @@
         TransactionHeaderPopupRelationComponent.prototype.handleChangeCustomGroup = function (group) {
             this.customerGroup = group;
             if (this.relationKind === relationKind_enum.RelationKind.Customer) {
-                this.cloneRelation.customerGroup = this.customerGroup;
-            }
-        };
-        TransactionHeaderPopupRelationComponent.prototype.saveObject = function () {
-            var _this = this;
-            if (this.readonly) {
-                return;
-            }
-            if (this.formMasterService.submitSlaves()) {
-                this.transactionEventService.headerPopupSaveButtonEnableChange.next(false);
-                this._relationService.updateRelation(this.cloneRelation.relationType, this.cloneRelation).then(function () { return __awaiter(_this, void 0, void 0, function () {
-                    return __generator(this, function (_a) {
-                        this.service.relation = this.cloneRelation;
-                        this.setFormPristine();
-                        this.transactionEventService.headerPopupClose.next(true);
-                        return [2 /*return*/];
-                    });
-                }); });
+                this.relation.customerGroup = this.customerGroup;
             }
         };
         TransactionHeaderPopupRelationComponent.prototype._lockRelation = function () {
@@ -19116,7 +19212,7 @@
                 var lockResult;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._relationService.lockRelation(this.cloneRelation.relationType, parseInt(this.cloneRelation.relationNumber, 0))];
+                        case 0: return [4 /*yield*/, this.relationService.lockRelation(this.relation.relationType, parseInt(this.relation.relationNumber, 0))];
                         case 1:
                             lockResult = _a.sent();
                             if (!!lockResult.success) return [3 /*break*/, 3];
@@ -19138,24 +19234,13 @@
     TransactionHeaderPopupRelationComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-header-popup-relation',
-                    template: "\n        <co-transaction-filter-categories [categories]=\"categories\" (categoryClick)=\"handleNavigationClick($event)\"></co-transaction-filter-categories>\n        <div class=\"transaction-header-popup-category-wrapper co-small-scrollbar\">\n            <co-form>\n                <div #navigationItems class=\"header-relation-navigation-wrapper\">\n                    <div #mainItems class=\"header-relation-navigation-content\">\n                        <div class=\"transaction-header-popup-section general\">\n                            <div class=\"transaction-header-popup-section-label\" [textContent]=\"'PERSONAL_DATA' | localize\"></div>\n                            <co-relation-type *ngIf=\"relationKind === relKind.Customer\"\n                                              [readonly]=\"readonly\"\n                                              [relation]=\"cloneRelation\"\n                            ></co-relation-type>\n                            <ng-container *ngIf=\"relationKind === relKind.Customer\">\n                                <relation-customer-groups [readonly]=\"readonly\" [model]=\"customerGroup\" (modelChange)=\"handleChangeCustomGroup($event)\" required></relation-customer-groups>\n                            </ng-container>\n                            <co-relation-general [readonly]=\"readonly\" [(relation)]=\"cloneRelation\" [relationType]=\"relationType\" [relationKind]=\"relationKind\"></co-relation-general>\n                        </div>\n                        <div class=\"transaction-header-popup-section\">\n                            <div class=\"transaction-header-popup-section-label\" [textContent]=\"'ADDRESSES' | localize\"></div>\n                            <co-relation-addresses\n                                    [readonly]=\"readonly\"\n                                    [addresses]=\"cloneRelation.activeAddresses\"\n                                    [type]=\"addressType.DeliveryAddress\"\n                                    [selectedNawNr]=\"deliveryAddressNawNr\"\n                                    (selectedNawNrChange)=\"setIndexDeliveryAddress($event)\"\n                            ></co-relation-addresses>\n                            <ng-container *ngIf=\"relationKind === relKind.Customer\">\n                                <div class=\"transaction-header-popup-section-label\" [textContent]=\"'INVOICE_ADDRESS' | localize\"></div>\n                                <co-input-checkbox [readonly]=\"readonly\" [(model)]=\"invoiceAddressSameAsDeliveryAddress\" (modelChange)=\"checkSameAddress($event)\"\n                                                   [label]=\"'SAME_AS_DELIVERY' | localize\"></co-input-checkbox>\n                                <div class=\"overview-delivery-invoice-address\" *ngIf=\"!invoiceAddressSameAsDeliveryAddress\" @showHideInvoiceAddress>\n                                    <co-relation-addresses\n                                            [readonly]=\"readonly\"\n                                            [addresses]=\"cloneRelation.activeAddresses\"\n                                            [type]=\"addressType.BillingAddress\"\n                                            [selectedNawNr]=\"invoiceAddressNawNr\"\n                                            (selectedNawNrChange)=\"setIndexInvoiceAddress($event)\"\n                                    ></co-relation-addresses>\n                                </div>\n                            </ng-container>\n                        </div>\n                    </div>\n                    <div #preferenceItems class=\"header-relation-navigation-content\">\n                        <co-relation-preferences [readonly]=\"readonly\" [relation]=\"cloneRelation\"></co-relation-preferences>\n                    </div>\n                </div>\n            </co-form>\n        </div>\n    ",
+                    template: "\n        <co-transaction-filter-categories [categories]=\"categories\" (categoryClick)=\"handleNavigationClick($event)\"></co-transaction-filter-categories>\n        <div class=\"transaction-header-popup-category-wrapper co-small-scrollbar\">\n            <co-form>\n                <div #navigationItems class=\"header-relation-navigation-wrapper\">\n                    <div #mainItems class=\"header-relation-navigation-content\">\n                        <div class=\"transaction-header-popup-section general\">\n                            <div class=\"transaction-header-popup-section-label\" [textContent]=\"'PERSONAL_DATA' | localize\"></div>\n                            <co-relation-type *ngIf=\"relationKind === relKind.Customer\"\n                                              [readonly]=\"readonly\"\n                                              [relation]=\"relation\"\n                            ></co-relation-type>\n                            <ng-container *ngIf=\"relationKind === relKind.Customer\">\n                                <relation-customer-groups [readonly]=\"readonly\" [model]=\"customerGroup\" (modelChange)=\"handleChangeCustomGroup($event)\" required></relation-customer-groups>\n                            </ng-container>\n                            <co-relation-general [readonly]=\"readonly\" [(relation)]=\"relation\" [relationType]=\"relationType\" [relationKind]=\"relationKind\"></co-relation-general>\n                        </div>\n                        <div class=\"transaction-header-popup-section\">\n                            <div class=\"transaction-header-popup-section-label\" [textContent]=\"'ADDRESSES' | localize\"></div>\n                            <co-relation-addresses\n                                    [readonly]=\"readonly\"\n                                    [addresses]=\"relation.activeAddresses\"\n                                    [type]=\"addressType.DeliveryAddress\"\n                                    [selectedNawNr]=\"deliveryAddressNawNr\"\n                                    (selectedNawNrChange)=\"setIndexDeliveryAddress($event)\"\n                            ></co-relation-addresses>\n                            <ng-container *ngIf=\"relationKind === relKind.Customer\">\n                                <div class=\"transaction-header-popup-section-label\" [textContent]=\"'INVOICE_ADDRESS' | localize\"></div>\n                                <co-input-checkbox [readonly]=\"readonly\" [(model)]=\"invoiceAddressSameAsDeliveryAddress\" (modelChange)=\"checkSameAddress($event)\"\n                                                   [label]=\"'SAME_AS_DELIVERY' | localize\"></co-input-checkbox>\n                                <div class=\"overview-delivery-invoice-address\" *ngIf=\"!invoiceAddressSameAsDeliveryAddress\" @showHideInvoiceAddress>\n                                    <co-relation-addresses\n                                            [readonly]=\"readonly\"\n                                            [addresses]=\"relation.activeAddresses\"\n                                            [type]=\"addressType.BillingAddress\"\n                                            [selectedNawNr]=\"invoiceAddressNawNr\"\n                                            (selectedNawNrChange)=\"setIndexInvoiceAddress($event)\"\n                                    ></co-relation-addresses>\n                                </div>\n                            </ng-container>\n                        </div>\n                    </div>\n                    <div #preferenceItems class=\"header-relation-navigation-content\">\n                        <co-relation-preferences [readonly]=\"readonly\" [relation]=\"relation\"></co-relation-preferences>\n                    </div>\n                </div>\n            </co-form>\n        </div>\n    ",
                     providers: [
                         corecomponents_v12.FormMasterService
                     ],
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
-    TransactionHeaderPopupRelationComponent.ctorParameters = function () { return [
-        { type: TransactionEventService },
-        { type: TransactionService },
-        { type: IconCacheService },
-        { type: DictionaryService },
-        { type: TransactionImageService },
-        { type: i0.ChangeDetectorRef },
-        { type: DialogService },
-        { type: corecomponents_v12.FormMasterService },
-        { type: RelationService }
-    ]; };
     TransactionHeaderPopupRelationComponent.propDecorators = {
         navigationItems: [{ type: i0.ViewChild, args: ['navigationItems', { read: i0.ElementRef },] }],
         mainItems: [{ type: i0.ViewChild, args: ['mainItems', { read: i0.ElementRef },] }],
@@ -19221,51 +19306,14 @@
                 },] }
     ];
 
-    var TransactionHeaderPopupOrderComponent = /** @class */ (function (_super_1) {
-        __extends(TransactionHeaderPopupOrderComponent, _super_1);
+    var TransactionHeaderPopupOrderComponent = /** @class */ (function (_super) {
+        __extends(TransactionHeaderPopupOrderComponent, _super);
         function TransactionHeaderPopupOrderComponent() {
-            return _super_1 !== null && _super_1.apply(this, arguments) || this;
+            return _super !== null && _super.apply(this, arguments) || this;
         }
         TransactionHeaderPopupOrderComponent.prototype.showClass = function () {
             return true;
         };
-        TransactionHeaderPopupOrderComponent.prototype.transactionInfoSet = function () {
-            var _super = Object.create(null, {
-                transactionInfoSet: { get: function () { return _super_1.prototype.transactionInfoSet; } }
-            });
-            return __awaiter(this, void 0, void 0, function () {
-                var _a;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            _super.transactionInfoSet.call(this);
-                            if (!this.headerReadonly) return [3 /*break*/, 1];
-                            this.readonly = true;
-                            return [3 /*break*/, 3];
-                        case 1:
-                            _a = this;
-                            return [4 /*yield*/, this.lockTransaction()];
-                        case 2:
-                            _a.readonly = !(_b.sent());
-                            _b.label = 3;
-                        case 3: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        TransactionHeaderPopupOrderComponent.prototype.saveObject = function () {
-            var _this = this;
-            if (this.readonly) {
-                return;
-            }
-            if (this.formMasterService.submitSlaves()) {
-                this.transactionEventService.headerPopupSaveButtonEnableChange.next(false);
-                this.transactionService.saveTransaction().then(function () {
-                    _this.setFormPristine();
-                    _this.transactionEventService.headerPopupClose.next(true);
-                });
-            }
-        };
         return TransactionHeaderPopupOrderComponent;
     }(TransactionHeaderPopupBaseComponent));
     TransactionHeaderPopupOrderComponent.decorators = [
@@ -19279,51 +19327,14 @@
         showClass: [{ type: i0.HostBinding, args: ['class.co-transaction-header-popup-order',] }]
     };
 
-    var TransactionHeaderPopupDeliveryComponent = /** @class */ (function (_super_1) {
-        __extends(TransactionHeaderPopupDeliveryComponent, _super_1);
+    var TransactionHeaderPopupDeliveryComponent = /** @class */ (function (_super) {
+        __extends(TransactionHeaderPopupDeliveryComponent, _super);
         function TransactionHeaderPopupDeliveryComponent() {
-            return _super_1 !== null && _super_1.apply(this, arguments) || this;
+            return _super !== null && _super.apply(this, arguments) || this;
         }
         TransactionHeaderPopupDeliveryComponent.prototype.showClass = function () {
             return true;
         };
-        TransactionHeaderPopupDeliveryComponent.prototype.transactionInfoSet = function () {
-            var _super = Object.create(null, {
-                transactionInfoSet: { get: function () { return _super_1.prototype.transactionInfoSet; } }
-            });
-            return __awaiter(this, void 0, void 0, function () {
-                var _a;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            _super.transactionInfoSet.call(this);
-                            if (!this.headerReadonly) return [3 /*break*/, 1];
-                            this.readonly = true;
-                            return [3 /*break*/, 3];
-                        case 1:
-                            _a = this;
-                            return [4 /*yield*/, this.lockTransaction()];
-                        case 2:
-                            _a.readonly = !(_b.sent());
-                            _b.label = 3;
-                        case 3: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        TransactionHeaderPopupDeliveryComponent.prototype.saveObject = function () {
-            var _this = this;
-            if (this.readonly) {
-                return;
-            }
-            if (this.formMasterService.submitSlaves()) {
-                this.transactionEventService.headerPopupSaveButtonEnableChange.next(false);
-                this.transactionService.saveTransaction().then(function () {
-                    _this.setFormPristine();
-                    _this.transactionEventService.headerPopupClose.next(true);
-                });
-            }
-        };
         return TransactionHeaderPopupDeliveryComponent;
     }(TransactionHeaderPopupBaseComponent));
     TransactionHeaderPopupDeliveryComponent.decorators = [
@@ -19346,11 +19357,11 @@
             return true;
         };
         return TransactionHeaderPopupPaymentComponent;
-    }(TransactionBaseComponent));
+    }(TransactionHeaderPopupBaseComponent));
     TransactionHeaderPopupPaymentComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-header-popup-payment',
-                    template: "\n        <co-deposit-payment [branch]=\"transactionInfo.branch?.relationNr\" [transactionUuid]=\"transactionInfo.uuid\"></co-deposit-payment>\n    ",
+                    template: "\n        <div class=\"transaction-header-popup-category-wrapper co-small-scrollbar\">\n            <co-form>\n                <div class=\"transaction-header-popup-section\">\n                    <div class=\"transaction-header-popup-section-label\" [textContent]=\"'TO_PAY_DOWN' | localize\"></div>\n                    <div class=\"transaction-header-popup-two-column-grid\">\n                        <co-transaction-header-deposit-percentage [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-deposit-percentage>\n                        <co-transaction-header-deposit-amount [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-deposit-amount>\n                    </div>\n                    <div class=\"transaction-header-popup-two-column-grid\">\n                        <co-transaction-header-payment-button *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n                                                              [transactionInfo]=\"transactionInfo\"\n                                                              [lockAndSave]=\"false\"\n                        ></co-transaction-header-payment-button>\n                    </div>\n                </div>\n                <div class=\"transaction-header-popup-section\">\n                    <div class=\"transaction-header-popup-section-label\" [textContent]=\"'PAYMENTS_MADE' | localize\"></div>\n                    <co-deposit-payment [branch]=\"transactionInfo.branch?.relationNr\" [transactionUuid]=\"transactionInfo.uuid\" [showTitle]=\"false\"></co-deposit-payment>\n                </div>\n            </co-form>\n        </div>\n    ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -20253,97 +20264,6 @@
                 },] }
     ];
 
-    var TransactionHeaderPopupModule = /** @class */ (function () {
-        function TransactionHeaderPopupModule() {
-        }
-        return TransactionHeaderPopupModule;
-    }());
-    TransactionHeaderPopupModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        corecomponents_v12.CoDialogModule,
-                        PipeModule,
-                        TransactionFilterCategoriesModule,
-                        corecomponents_v12.FormModule,
-                        RelationTypeModule,
-                        CoreModule,
-                        RelationGeneralModule,
-                        RelationAddressesModule,
-                        corecomponents_v12.InputCheckboxModule,
-                        RelationPreferencesModule,
-                        TransactionHeaderBranchModule,
-                        TransactionHeaderSalesPersonModule,
-                        TransactionHeaderAdministrativeRelationModule,
-                        TransactionHeaderPriceKindModule,
-                        TransactionHeaderCurrencyModule,
-                        TransactionHeaderPaymentConditionModule,
-                        TransactionHeaderHoldCodesModule,
-                        TransactionHeaderMarketingModule,
-                        DepositPaymentModule,
-                        TransactionHeaderDeliveryOptionsModule,
-                        TransactionHeaderRemarksModule,
-                        TransactionHeaderReferenceModule,
-                        TransactionHeaderRelationReferenceModule,
-                        TransactionHeaderDeliveryMethodButtonModule,
-                        corecomponents_v12.ButtonModule,
-                        TransactionHeaderDefinitiveModule,
-                        TransactionHeaderPartialDeliveryModule,
-                        TransactionHeaderDeliveryDateModule,
-                        TransactionHeaderPreferredDeliveryDateModule,
-                        TransactionHeaderDeliverydateDefinitiveButtonModule
-                    ],
-                    declarations: [
-                        TransactionHeaderPopupComponent,
-                        TransactionHeaderPopupRelationComponent,
-                        TransactionHeaderPopupOrderComponent,
-                        TransactionHeaderPopupDeliveryComponent,
-                        TransactionHeaderPopupPaymentComponent
-                    ],
-                    exports: [
-                        TransactionHeaderPopupComponent
-                    ]
-                },] }
-    ];
-
-    var TransactionHeaderDeliveryModule = /** @class */ (function () {
-        function TransactionHeaderDeliveryModule() {
-        }
-        return TransactionHeaderDeliveryModule;
-    }());
-    TransactionHeaderDeliveryModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        CoreModule,
-                        TransactionHeaderBlockModule,
-                        corecomponents_v12.InputCheckboxModule,
-                        corecomponents_v12.IconModule,
-                        PipeModule,
-                        corecomponents_v12.InputDatePickerModule,
-                        TransactionHeaderDeliveryDateModule,
-                        corecomponents_v12.CoDialogModule,
-                        TransactionHeaderDeliveryOptionsModule,
-                        TransactionHeaderRemarksModule,
-                        TransactionHeaderReferenceModule,
-                        TransactionHeaderRelationReferenceModule,
-                        TransactionHeaderDeliveryMethodModule,
-                        TransactionHeaderPreferredDeliveryDateModule,
-                        DialogTransactionHeaderDeliveryMethodModule,
-                        TransactionHeaderPartialDeliveryModule,
-                        TransactionHeaderPopupModule,
-                        TransactionHeaderDeliveryMethodButtonModule,
-                        TransactionHeaderDeliverydateDefinitiveButtonModule
-                    ],
-                    declarations: [
-                        TransactionHeaderDeliveryComponent
-                    ],
-                    exports: [
-                        TransactionHeaderDeliveryComponent
-                    ]
-                },] }
-    ];
-
     var TransactionHeaderDepositPercentageComponent = /** @class */ (function (_super) {
         __extends(TransactionHeaderDepositPercentageComponent, _super);
         function TransactionHeaderDepositPercentageComponent() {
@@ -20493,6 +20413,215 @@
                 },] }
     ];
 
+    var TransactionHeaderPaymentButtonComponent = /** @class */ (function (_super_1) {
+        __extends(TransactionHeaderPaymentButtonComponent, _super_1);
+        function TransactionHeaderPaymentButtonComponent(transactionEventService, service, iconCacheService, dictionaryService, imageService, changeDetector, _paymentService) {
+            var _this = _super_1.call(this, transactionEventService, iconCacheService, imageService, dictionaryService, service, changeDetector) || this;
+            _this.transactionEventService = transactionEventService;
+            _this.service = service;
+            _this.iconCacheService = iconCacheService;
+            _this.dictionaryService = dictionaryService;
+            _this.imageService = imageService;
+            _this.changeDetector = changeDetector;
+            _this._paymentService = _paymentService;
+            _this.paid = 0;
+            _this.toPay = 0;
+            _this.depositPayments = [];
+            _this.showPaymentDialog = false;
+            return _this;
+        }
+        TransactionHeaderPaymentButtonComponent.prototype.showClass = function () {
+            return true;
+        };
+        TransactionHeaderPaymentButtonComponent.prototype.openPayment = function (event) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            event.preventDefault();
+                            event.stopPropagation();
+                            return [4 /*yield*/, this.lockTransaction()];
+                        case 1:
+                            if (_a.sent()) {
+                                this.showPaymentDialog = true;
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TransactionHeaderPaymentButtonComponent.prototype.handleCloseDialogClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            this.showPaymentDialog = false;
+        };
+        TransactionHeaderPaymentButtonComponent.prototype.transactionInfoSet = function () {
+            var _super = Object.create(null, {
+                transactionInfoSet: { get: function () { return _super_1.prototype.transactionInfoSet; } }
+            });
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    _super.transactionInfoSet.call(this);
+                    this._getDepositPaymentInfo();
+                    return [2 /*return*/];
+                });
+            });
+        };
+        TransactionHeaderPaymentButtonComponent.prototype._getDepositPaymentInfo = function () {
+            var _this = this;
+            if (!this.transactionInfo.uuid) {
+                return;
+            }
+            this.depositPayments.length = 0;
+            this._paymentService.getDepositPaymentInfo(this.transactionInfo.uuid).then(function (info) {
+                if (info) {
+                    _this.toPay = info.depositAmount;
+                    _this.paid = info.depositPaymentAmountTotal;
+                }
+            });
+        };
+        return TransactionHeaderPaymentButtonComponent;
+    }(TransactionBaseComponent));
+    TransactionHeaderPaymentButtonComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'co-transaction-header-payment-button',
+                    template: "\n        <co-transaction-button class=\"custom-width\"\n                               [readonly]=\"headerReadonly\"\n                               [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegular)\"\n                               [tooltip]=\"tooltipMessage\"\n                               (click)=\"openPayment($event)\"\n        >\n            <div class=\"payment-payed-wrapper\">\n                <span class=\"payment-to-pay\" [textContent]=\"(toPay | coCurrency) || 0\"></span>\n                <span class=\"payment-divider\" [textContent]=\"'/'\"></span>\n                <span class=\"payment-paid\" [class.success]=\"paid >= toPay\" [textContent]=\"(paid | coCurrency) || 0\"></span>\n            </div>\n        </co-transaction-button>\n        <co-dialog class=\"payment-dialog\" [customCssClass]=\"'payment-dialog co-small-scrollbar'\" *ngIf=\"showPaymentDialog\"\n                   [modal]=\"true\"\n                   (closeClick)=\"handleCloseDialogClick($event)\"\n        >\n            <co-payment\n                    [transId]=\"transactionInfo.id\"\n                    [branch]=\"transactionInfo.branch?.relationNr\"\n                    [transactionUuid]=\"transactionInfo.uuid\"\n                    [amount]=\"toPay\"\n                    [currencyId]=\"transactionInfo.currencyId\"\n            ></co-payment>\n        </co-dialog>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    TransactionHeaderPaymentButtonComponent.ctorParameters = function () { return [
+        { type: TransactionEventService },
+        { type: TransactionService },
+        { type: IconCacheService },
+        { type: DictionaryService },
+        { type: TransactionImageService },
+        { type: i0.ChangeDetectorRef },
+        { type: PaymentService }
+    ]; };
+    TransactionHeaderPaymentButtonComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ['class.co-transaction-header-payment-button',] }]
+    };
+
+    var TransactionHeaderPaymentButtonModule = /** @class */ (function () {
+        function TransactionHeaderPaymentButtonModule() {
+        }
+        return TransactionHeaderPaymentButtonModule;
+    }());
+    TransactionHeaderPaymentButtonModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.IconModule,
+                        PipeModule,
+                        TransactionButtonModule,
+                        corecomponents_v12.TooltipDirectiveModule,
+                        corecomponents_v12.CoDialogModule,
+                        PaymentModule
+                    ],
+                    declarations: [
+                        TransactionHeaderPaymentButtonComponent
+                    ],
+                    exports: [
+                        TransactionHeaderPaymentButtonComponent
+                    ]
+                },] }
+    ];
+
+    var TransactionHeaderPopupModule = /** @class */ (function () {
+        function TransactionHeaderPopupModule() {
+        }
+        return TransactionHeaderPopupModule;
+    }());
+    TransactionHeaderPopupModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.CoDialogModule,
+                        PipeModule,
+                        TransactionFilterCategoriesModule,
+                        corecomponents_v12.FormModule,
+                        RelationTypeModule,
+                        CoreModule,
+                        RelationGeneralModule,
+                        RelationAddressesModule,
+                        corecomponents_v12.InputCheckboxModule,
+                        RelationPreferencesModule,
+                        TransactionHeaderBranchModule,
+                        TransactionHeaderSalesPersonModule,
+                        TransactionHeaderAdministrativeRelationModule,
+                        TransactionHeaderPriceKindModule,
+                        TransactionHeaderCurrencyModule,
+                        TransactionHeaderPaymentConditionModule,
+                        TransactionHeaderHoldCodesModule,
+                        TransactionHeaderMarketingModule,
+                        DepositPaymentModule,
+                        TransactionHeaderDeliveryOptionsModule,
+                        TransactionHeaderRemarksModule,
+                        TransactionHeaderReferenceModule,
+                        TransactionHeaderRelationReferenceModule,
+                        TransactionHeaderDeliveryMethodButtonModule,
+                        corecomponents_v12.ButtonModule,
+                        TransactionHeaderDefinitiveModule,
+                        TransactionHeaderPartialDeliveryModule,
+                        TransactionHeaderDeliveryDateModule,
+                        TransactionHeaderPreferredDeliveryDateModule,
+                        TransactionHeaderDeliverydateDefinitiveButtonModule,
+                        TransactionHeaderDepositPercentageModule,
+                        TransactionHeaderDepositAmountModule,
+                        TransactionHeaderPaymentButtonModule,
+                        corecomponents_v12.IconModule
+                    ],
+                    declarations: [
+                        TransactionHeaderPopupComponent,
+                        TransactionHeaderPopupRelationComponent,
+                        TransactionHeaderPopupOrderComponent,
+                        TransactionHeaderPopupDeliveryComponent,
+                        TransactionHeaderPopupPaymentComponent
+                    ],
+                    exports: [
+                        TransactionHeaderPopupComponent
+                    ]
+                },] }
+    ];
+
+    var TransactionHeaderDeliveryModule = /** @class */ (function () {
+        function TransactionHeaderDeliveryModule() {
+        }
+        return TransactionHeaderDeliveryModule;
+    }());
+    TransactionHeaderDeliveryModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        CoreModule,
+                        TransactionHeaderBlockModule,
+                        corecomponents_v12.InputCheckboxModule,
+                        corecomponents_v12.IconModule,
+                        PipeModule,
+                        corecomponents_v12.InputDatePickerModule,
+                        TransactionHeaderDeliveryDateModule,
+                        corecomponents_v12.CoDialogModule,
+                        TransactionHeaderDeliveryOptionsModule,
+                        TransactionHeaderRemarksModule,
+                        TransactionHeaderReferenceModule,
+                        TransactionHeaderRelationReferenceModule,
+                        TransactionHeaderDeliveryMethodModule,
+                        TransactionHeaderPreferredDeliveryDateModule,
+                        DialogTransactionHeaderDeliveryMethodModule,
+                        TransactionHeaderPartialDeliveryModule,
+                        TransactionHeaderPopupModule,
+                        TransactionHeaderDeliveryMethodButtonModule,
+                        TransactionHeaderDeliverydateDefinitiveButtonModule
+                    ],
+                    declarations: [
+                        TransactionHeaderDeliveryComponent
+                    ],
+                    exports: [
+                        TransactionHeaderDeliveryComponent
+                    ]
+                },] }
+    ];
+
     var CheckoutModule = /** @class */ (function () {
         function CheckoutModule() {
         }
@@ -21072,7 +21201,7 @@
     TransactionHeaderRelationComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-relation",
-                    template: "\n    <co-transaction-header-block\n      [headerBlockTemplate]=\"headerBlock\"\n      [firstBlockTemplate]=\"firstBlock\"\n      [secondBlockTemplate]=\"secondBlock\"\n      [hasDetails]=\"true\"\n      (headerClick)=\"showDialog = true\"\n    >\n    </co-transaction-header-block>\n    <ng-template #headerBlock>\n      <div class=\"header-block-label\" [textContent]=\"relation.displayName\"></div>\n    </ng-template>\n    <ng-template #firstBlock>\n      <div class=\"header-relation-address\" [textContent]=\"relation.displayFirstAddress\"></div>\n      <div class=\"header-relation-postal\" [textContent]=\"relation.displayFirstPostal\"></div>\n    </ng-template>\n    <ng-template #secondBlock>\n      <div class=\"header-relation-email\" [textContent]=\"relation.primaryEmail\"></div>\n      <div class=\"header-relation-phone\" [textContent]=\"relation.primaryPhoneOrMobileNumber\"></div>\n    </ng-template>\n    <co-transaction-header-popup *ngIf=\"showDialog\"\n                                 [activeCategoryIndex]=\"0\"\n                                 [relation]=\"relation\"\n                                 [transaction]=\"transaction\"\n                                 (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n  ",
+                    template: "\n    <co-transaction-header-block\n      [headerBlockTemplate]=\"headerBlock\"\n      [firstBlockTemplate]=\"firstBlock\"\n      [secondBlockTemplate]=\"secondBlock\"\n      (headerClick)=\"showDialog = true\"\n    >\n    </co-transaction-header-block>\n    <ng-template #headerBlock>\n      <div class=\"header-block-label\" [textContent]=\"relation.displayName\"></div>\n    </ng-template>\n    <ng-template #firstBlock>\n      <div class=\"header-relation-address\" [textContent]=\"relation.displayFirstAddress\"></div>\n      <div class=\"header-relation-postal\" [textContent]=\"relation.displayFirstPostal\"></div>\n    </ng-template>\n    <ng-template #secondBlock>\n      <div class=\"header-relation-email\" [textContent]=\"relation.primaryEmail\"></div>\n      <div class=\"header-relation-phone\" [textContent]=\"relation.primaryPhoneOrMobileNumber\"></div>\n    </ng-template>\n    <co-transaction-header-popup *ngIf=\"showDialog\"\n                                 [activeCategoryIndex]=\"0\"\n                                 [relation]=\"relation\"\n                                 [transaction]=\"transaction\"\n                                 (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n  ",
                     providers: [
                         corecomponents_v12.FormMasterService
                     ],
@@ -21256,7 +21385,7 @@
     TransactionHeaderPaymentComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-payment",
-                    template: "\n    <co-transaction-header-block\n      [headerBlockTemplate]=\"headerBlock\"\n      [firstBlockTemplate]=\"firstBlock\"\n      [secondBlockTemplate]=\"secondBlock\"\n      [hasDetails]=\"true\"\n      (headerClick)=\"showDialog = true\"\n    >\n    </co-transaction-header-block>\n    <ng-template #headerBlock>\n      <div class=\"header-block-label\" [textContent]=\"'BALANCE' | localize\"></div>\n      <div class=\"header-block-balance\" *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\" (click)=\"openPayment($event)\">\n        <co-icon class=\"payment-icon\" [iconData]=\"iconCacheService.getIcon(icons.CreditCardSolid)\"></co-icon>\n        <div class=\"payment-payed-wrapper\">\n          <span class=\"payment-to-pay\" [textContent]=\"(toPay | coCurrency) || 0\"></span>\n          <span class=\"payment-divider\" [textContent]=\"'/'\"></span>\n          <span class=\"payment-paid\" [class.success]=\"paid >= toPay\" [textContent]=\"(paid | coCurrency) || 0\"></span>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #firstBlock>\n      <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_PERCENTAGE' | localize\"></div>\n      <co-transaction-header-deposit-percentage class=\"transaction-header-deposit\"\n                                                    [transactionInfo]=\"transactionInfo\"\n                                                    [defaultEditMode]=\"false\"\n                                                    [showLabel]=\"false\"\n      ></co-transaction-header-deposit-percentage>\n    </ng-template>\n    <ng-template #secondBlock>\n      <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_AMOUNT' | localize\"></div>\n      <co-transaction-header-deposit-amount class=\"transaction-header-deposit\"\n                                                [transactionInfo]=\"transactionInfo\"\n                                                [defaultEditMode]=\"false\"\n                                                [showLabel]=\"false\"\n      ></co-transaction-header-deposit-amount>\n    </ng-template>\n    <co-transaction-header-popup *ngIf=\"showDialog\"\n                                 [activeCategoryIndex]=\"2\"\n                                 [relation]=\"relation\"\n                                 [transaction]=\"transaction\"\n                                 (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n<!--\n    <co-dialog class=\"transaction-header-payment-dialog\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showDialog\" (closeClick)=\"showDialog = false\">\n      <ng-template #headerTemplate>\n        <div class=\"co-dialog-header-title\" [textContent]=\"'PAYMENT_INFORMATION' | localize\"></div>\n        <co-transaction-header-block\n          [headerBlockTemplate]=\"headerBlock\"\n          [firstBlockTemplate]=\"firstBlock\"\n          [secondBlockTemplate]=\"secondBlock\"\n        >\n        </co-transaction-header-block>\n      </ng-template>\n      <div class=\"payment-dialog-section\">\n        <co-deposit-payment [branch]=\"transactionInfo.branch?.relationNr\" [transactionUuid]=\"transactionInfo.uuid\"></co-deposit-payment>\n      </div>\n    </co-dialog>\n-->\n    <co-dialog class=\"payment-dialog\" [customCssClass]=\"'co-small-scrollbar'\" *ngIf=\"showPaymentDialog\"\n               [modal]=\"true\"\n               (closeClick)=\"showPaymentDialog = false\"\n    >\n      <co-payment\n        [transId]=\"transactionInfo.id\"\n        [branch]=\"transactionInfo.branch?.relationNr\"\n        [transactionUuid]=\"transactionInfo.uuid\"\n        [amount]=\"toPay\"\n        [currencyId]=\"transactionInfo.currencyId\"\n      ></co-payment>\n    </co-dialog>\n  ",
+                    template: "\n    <co-transaction-header-block\n      [headerBlockTemplate]=\"headerBlock\"\n      [firstBlockTemplate]=\"firstBlock\"\n      [secondBlockTemplate]=\"secondBlock\"\n      (headerClick)=\"showDialog = true\"\n    >\n    </co-transaction-header-block>\n    <ng-template #headerBlock>\n      <div class=\"header-block-label\" [textContent]=\"'BALANCE' | localize\"></div>\n      <co-transaction-header-payment-button *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n                                            [transactionInfo]=\"transactionInfo\"\n      ></co-transaction-header-payment-button>\n    </ng-template>\n    <ng-template #firstBlock>\n      <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_PERCENTAGE' | localize\"></div>\n      <co-transaction-header-deposit-percentage class=\"transaction-header-deposit\"\n                                                    [transactionInfo]=\"transactionInfo\"\n                                                    [defaultEditMode]=\"false\"\n                                                    [showLabel]=\"false\"\n      ></co-transaction-header-deposit-percentage>\n    </ng-template>\n    <ng-template #secondBlock>\n      <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_AMOUNT' | localize\"></div>\n      <co-transaction-header-deposit-amount class=\"transaction-header-deposit\"\n                                                [transactionInfo]=\"transactionInfo\"\n                                                [defaultEditMode]=\"false\"\n                                                [showLabel]=\"false\"\n      ></co-transaction-header-deposit-amount>\n    </ng-template>\n    <co-transaction-header-popup *ngIf=\"showDialog\"\n                                 [activeCategoryIndex]=\"2\"\n                                 [relation]=\"relation\"\n                                 [transaction]=\"transaction\"\n                                 (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n<!--\n    <co-dialog class=\"transaction-header-payment-dialog\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showDialog\" (closeClick)=\"showDialog = false\">\n      <ng-template #headerTemplate>\n        <div class=\"co-dialog-header-title\" [textContent]=\"'PAYMENT_INFORMATION' | localize\"></div>\n        <co-transaction-header-block\n          [headerBlockTemplate]=\"headerBlock\"\n          [firstBlockTemplate]=\"firstBlock\"\n          [secondBlockTemplate]=\"secondBlock\"\n        >\n        </co-transaction-header-block>\n      </ng-template>\n      <div class=\"payment-dialog-section\">\n        <co-deposit-payment [branch]=\"transactionInfo.branch?.relationNr\" [transactionUuid]=\"transactionInfo.uuid\"></co-deposit-payment>\n      </div>\n    </co-dialog>\n-->\n    <co-dialog class=\"payment-dialog\" [customCssClass]=\"'co-small-scrollbar'\" *ngIf=\"showPaymentDialog\"\n               [modal]=\"true\"\n               (closeClick)=\"showPaymentDialog = false\"\n    >\n      <co-payment\n        [transId]=\"transactionInfo.id\"\n        [branch]=\"transactionInfo.branch?.relationNr\"\n        [transactionUuid]=\"transactionInfo.uuid\"\n        [amount]=\"toPay\"\n        [currencyId]=\"transactionInfo.currencyId\"\n      ></co-payment>\n    </co-dialog>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -21292,7 +21421,8 @@
                         TransactionHeaderDepositAmountModule,
                         DialogTransactionHeaderDiscountModule,
                         DepositPaymentModule,
-                        TransactionHeaderPopupModule
+                        TransactionHeaderPopupModule,
+                        TransactionHeaderPaymentButtonModule
                     ],
                     declarations: [
                         TransactionHeaderPaymentComponent
@@ -31066,301 +31196,303 @@
     exports["ɵfz"] = TransactionHeaderDeliverydateDefinitiveButtonModule;
     exports["ɵg"] = TransactionConnectorService;
     exports["ɵga"] = TransactionHeaderDeliverydateDefinitiveButtonComponent;
-    exports["ɵgb"] = TransactionHeaderPopupComponent;
-    exports["ɵgc"] = TransactionHeaderPopupRelationComponent;
-    exports["ɵgd"] = TransactionHeaderPopupBaseComponent;
-    exports["ɵge"] = TransactionHeaderPopupOrderComponent;
-    exports["ɵgf"] = TransactionHeaderPopupDeliveryComponent;
-    exports["ɵgg"] = TransactionHeaderPopupPaymentComponent;
-    exports["ɵgh"] = TransactionHeaderDepositPercentageModule;
-    exports["ɵgi"] = TransactionHeaderDepositPercentageComponent;
-    exports["ɵgj"] = TransactionHeaderDepositAmountModule;
-    exports["ɵgk"] = TransactionHeaderDepositAmountComponent;
-    exports["ɵgl"] = CheckoutOverviewRelationEditComponent;
-    exports["ɵgm"] = CheckoutOverviewDeliveryEditComponent;
-    exports["ɵgn"] = CheckoutOverviewDeliveryAddressComponent;
-    exports["ɵgo"] = CheckoutOverviewPaymentComponent;
-    exports["ɵgp"] = CheckoutLoginComponent;
-    exports["ɵgq"] = TransactionHeaderPaymentModule;
-    exports["ɵgr"] = TransactionHeaderPaymentComponent;
-    exports["ɵgs"] = TransactionLinesGridModule;
-    exports["ɵgt"] = TransactionBaseGridModule;
-    exports["ɵgu"] = TransactionLineSidePanelModule;
-    exports["ɵgv"] = TransactionLineSidePanelDefaultModule;
-    exports["ɵgw"] = TransactionLinePriceListModule;
-    exports["ɵgx"] = TransactionLinePriceListComponent;
-    exports["ɵgy"] = TransactionLineVatModule;
-    exports["ɵgz"] = TransactionLineVatComponent;
+    exports["ɵgb"] = TransactionHeaderDepositPercentageModule;
+    exports["ɵgc"] = TransactionHeaderDepositPercentageComponent;
+    exports["ɵgd"] = TransactionHeaderDepositAmountModule;
+    exports["ɵge"] = TransactionHeaderDepositAmountComponent;
+    exports["ɵgf"] = TransactionHeaderPaymentButtonModule;
+    exports["ɵgg"] = TransactionHeaderPaymentButtonComponent;
+    exports["ɵgh"] = TransactionHeaderPopupComponent;
+    exports["ɵgi"] = TransactionHeaderPopupRelationComponent;
+    exports["ɵgj"] = TransactionHeaderPopupBaseComponent;
+    exports["ɵgk"] = TransactionHeaderPopupOrderComponent;
+    exports["ɵgl"] = TransactionHeaderPopupDeliveryComponent;
+    exports["ɵgm"] = TransactionHeaderPopupPaymentComponent;
+    exports["ɵgn"] = CheckoutOverviewRelationEditComponent;
+    exports["ɵgo"] = CheckoutOverviewDeliveryEditComponent;
+    exports["ɵgp"] = CheckoutOverviewDeliveryAddressComponent;
+    exports["ɵgq"] = CheckoutOverviewPaymentComponent;
+    exports["ɵgr"] = CheckoutLoginComponent;
+    exports["ɵgs"] = TransactionHeaderPaymentModule;
+    exports["ɵgt"] = TransactionHeaderPaymentComponent;
+    exports["ɵgu"] = TransactionLinesGridModule;
+    exports["ɵgv"] = TransactionBaseGridModule;
+    exports["ɵgw"] = TransactionLineSidePanelModule;
+    exports["ɵgx"] = TransactionLineSidePanelDefaultModule;
+    exports["ɵgy"] = TransactionLinePriceListModule;
+    exports["ɵgz"] = TransactionLinePriceListComponent;
     exports["ɵh"] = TransactionConnectorAdapterService;
-    exports["ɵha"] = TransactionLineQuantityModule;
-    exports["ɵhb"] = TransactionLineQuantityComponent;
-    exports["ɵhc"] = TransactionLineLineDiscountModule;
-    exports["ɵhd"] = TransactionLineLineDiscountComponent;
-    exports["ɵhe"] = TransactionLineDeliveryMethodModule;
-    exports["ɵhf"] = TransactionLineDeliveryMethodComponent;
-    exports["ɵhg"] = TransactionLineDeliveryDateModule;
-    exports["ɵhh"] = TransactionDateSelectModule;
-    exports["ɵhi"] = TransactionDateSelectComponent;
-    exports["ɵhj"] = TransactionLineDeliveryDateComponent;
-    exports["ɵhk"] = TransactionLineReferenceModule;
-    exports["ɵhl"] = TransactionLineReferenceComponent;
-    exports["ɵhm"] = TransactionLineCommissionCodeModule;
-    exports["ɵhn"] = TransactionLineCommissionCodeComponent;
-    exports["ɵho"] = TransactionLineWarehouseModule;
-    exports["ɵhp"] = TransactionLineWarehouseComponent;
-    exports["ɵhq"] = TransactionLineDiscountAmountModule;
-    exports["ɵhr"] = TransactionLineDiscountAmountComponent;
-    exports["ɵhs"] = TransactionLineQuantumDiscountModule;
-    exports["ɵht"] = TransactionLineQuantumDiscountComponent;
-    exports["ɵhu"] = TransactionLineSpecialDiscountModule;
-    exports["ɵhv"] = TransactionLineSpecialDiscountComponent;
-    exports["ɵhw"] = TransactionLineSupplierModule;
-    exports["ɵhx"] = TransactionLineSupplierComponent;
-    exports["ɵhy"] = TransactionLinePriceModule;
-    exports["ɵhz"] = TransactionLinePriceComponent;
+    exports["ɵha"] = TransactionLineVatModule;
+    exports["ɵhb"] = TransactionLineVatComponent;
+    exports["ɵhc"] = TransactionLineQuantityModule;
+    exports["ɵhd"] = TransactionLineQuantityComponent;
+    exports["ɵhe"] = TransactionLineLineDiscountModule;
+    exports["ɵhf"] = TransactionLineLineDiscountComponent;
+    exports["ɵhg"] = TransactionLineDeliveryMethodModule;
+    exports["ɵhh"] = TransactionLineDeliveryMethodComponent;
+    exports["ɵhi"] = TransactionLineDeliveryDateModule;
+    exports["ɵhj"] = TransactionDateSelectModule;
+    exports["ɵhk"] = TransactionDateSelectComponent;
+    exports["ɵhl"] = TransactionLineDeliveryDateComponent;
+    exports["ɵhm"] = TransactionLineReferenceModule;
+    exports["ɵhn"] = TransactionLineReferenceComponent;
+    exports["ɵho"] = TransactionLineCommissionCodeModule;
+    exports["ɵhp"] = TransactionLineCommissionCodeComponent;
+    exports["ɵhq"] = TransactionLineWarehouseModule;
+    exports["ɵhr"] = TransactionLineWarehouseComponent;
+    exports["ɵhs"] = TransactionLineDiscountAmountModule;
+    exports["ɵht"] = TransactionLineDiscountAmountComponent;
+    exports["ɵhu"] = TransactionLineQuantumDiscountModule;
+    exports["ɵhv"] = TransactionLineQuantumDiscountComponent;
+    exports["ɵhw"] = TransactionLineSpecialDiscountModule;
+    exports["ɵhx"] = TransactionLineSpecialDiscountComponent;
+    exports["ɵhy"] = TransactionLineSupplierModule;
+    exports["ɵhz"] = TransactionLineSupplierComponent;
     exports["ɵi"] = SelectMultipleCacheService;
-    exports["ɵia"] = TransactionLineSupplierButtonModule;
-    exports["ɵib"] = DialogTransactionLineSupplierModule;
-    exports["ɵic"] = DialogTransactionLineSupplierComponent;
-    exports["ɵid"] = TransactionLineSupplierButtonComponent;
-    exports["ɵie"] = TransactionLineSidePanelDefaultComponent;
-    exports["ɵif"] = TransactionReceivingGoodsHistoryModule;
-    exports["ɵig"] = TransactionHistoryGridModule;
-    exports["ɵih"] = TransactionHistoryGridStatusModule;
-    exports["ɵii"] = TransactionHistoryGridStatusComponent;
-    exports["ɵij"] = TransactionHistoryGridComponent;
-    exports["ɵik"] = TransactionReceivingGoodsHistoryComponent;
-    exports["ɵil"] = TransactionButtonBarModule;
-    exports["ɵim"] = AnimatedCheckboxModule;
-    exports["ɵin"] = AnimatedCheckboxComponent;
-    exports["ɵio"] = TransactionButtonBarComponent;
-    exports["ɵip"] = TransactionButtonBarButtonComponent;
-    exports["ɵiq"] = TransactionButtonBarButtonBaseComponent;
-    exports["ɵir"] = TransactionSalesPurchaseButtonBarButtonComponent;
-    exports["ɵis"] = TransactionPurchaseReceiveGoodsButtonBarButtonComponent;
-    exports["ɵit"] = TransactionSalesAllocationButtonBarButtonComponent;
-    exports["ɵiu"] = TransactionPurchaseConfirmationButtonBarButtonComponent;
-    exports["ɵiv"] = TransactionSalesDeliveryButtonBarButtonComponent;
-    exports["ɵiw"] = TransactionSalesInvoiceButtonBarButtonComponent;
-    exports["ɵix"] = TransactionPurchaseInvoiceButtonBarButtonComponent;
-    exports["ɵiy"] = TransactionLineSidePanelPurchaseModule;
-    exports["ɵiz"] = DefaultOkCancelButtonsModule;
+    exports["ɵia"] = TransactionLinePriceModule;
+    exports["ɵib"] = TransactionLinePriceComponent;
+    exports["ɵic"] = TransactionLineSupplierButtonModule;
+    exports["ɵid"] = DialogTransactionLineSupplierModule;
+    exports["ɵie"] = DialogTransactionLineSupplierComponent;
+    exports["ɵif"] = TransactionLineSupplierButtonComponent;
+    exports["ɵig"] = TransactionLineSidePanelDefaultComponent;
+    exports["ɵih"] = TransactionReceivingGoodsHistoryModule;
+    exports["ɵii"] = TransactionHistoryGridModule;
+    exports["ɵij"] = TransactionHistoryGridStatusModule;
+    exports["ɵik"] = TransactionHistoryGridStatusComponent;
+    exports["ɵil"] = TransactionHistoryGridComponent;
+    exports["ɵim"] = TransactionReceivingGoodsHistoryComponent;
+    exports["ɵin"] = TransactionButtonBarModule;
+    exports["ɵio"] = AnimatedCheckboxModule;
+    exports["ɵip"] = AnimatedCheckboxComponent;
+    exports["ɵiq"] = TransactionButtonBarComponent;
+    exports["ɵir"] = TransactionButtonBarButtonComponent;
+    exports["ɵis"] = TransactionButtonBarButtonBaseComponent;
+    exports["ɵit"] = TransactionSalesPurchaseButtonBarButtonComponent;
+    exports["ɵiu"] = TransactionPurchaseReceiveGoodsButtonBarButtonComponent;
+    exports["ɵiv"] = TransactionSalesAllocationButtonBarButtonComponent;
+    exports["ɵiw"] = TransactionPurchaseConfirmationButtonBarButtonComponent;
+    exports["ɵix"] = TransactionSalesDeliveryButtonBarButtonComponent;
+    exports["ɵiy"] = TransactionSalesInvoiceButtonBarButtonComponent;
+    exports["ɵiz"] = TransactionPurchaseInvoiceButtonBarButtonComponent;
     exports["ɵj"] = BusinessObjectCacheManagerService;
-    exports["ɵja"] = DefaultOkCancelButtonsComponent;
-    exports["ɵjb"] = TransactionAvailableStockGridModule;
-    exports["ɵjc"] = TransactionAvailableStockGridComponent;
-    exports["ɵjd"] = TransactionLinePurchaseReceiveGoodsModule;
-    exports["ɵje"] = TransactionLineWarehouseLocationButtonModule;
-    exports["ɵjf"] = DialogTransactionLineWarehouseLocationModule;
-    exports["ɵjg"] = TransactionLineWarehouseLocationModule;
-    exports["ɵjh"] = TransactionLineWarehouseLocationComponent;
-    exports["ɵji"] = ArticleService;
-    exports["ɵjj"] = DialogTransactionLineWarehouseLocationComponent;
-    exports["ɵjk"] = TransactionLineWarehouseLocationButtonComponent;
-    exports["ɵjl"] = TransactionLabeledWarehouseLocationButtonModule;
-    exports["ɵjm"] = TransactionLabeledWarehouseLocationButtonComponent;
-    exports["ɵjn"] = TransactionLinePurchaseReceiveGoodsComponent;
-    exports["ɵjo"] = TransactionLinePurchaseConfirmationModule;
-    exports["ɵjp"] = TransactionLabeledPriceInputModule;
-    exports["ɵjq"] = TransactionLabeledPriceInputComponent;
-    exports["ɵjr"] = TransactionLinePurchaseConfirmationComponent;
-    exports["ɵjs"] = TransactionLineSidePanelPurchaseComponent;
-    exports["ɵjt"] = TransactionLineSidePanelSalesModule;
-    exports["ɵju"] = TransactionAllocateGoodsHistoryModule;
-    exports["ɵjv"] = TransactionAllocateGoodsHistoryComponent;
-    exports["ɵjw"] = TransactionLineSalesAllocationModule;
-    exports["ɵjx"] = TransactionLineSalesAllocationComponent;
-    exports["ɵjy"] = TransactionLineSalesDeliveryModule;
-    exports["ɵjz"] = TransactionLineDeliveryHistoryModule;
+    exports["ɵja"] = TransactionLineSidePanelPurchaseModule;
+    exports["ɵjb"] = DefaultOkCancelButtonsModule;
+    exports["ɵjc"] = DefaultOkCancelButtonsComponent;
+    exports["ɵjd"] = TransactionAvailableStockGridModule;
+    exports["ɵje"] = TransactionAvailableStockGridComponent;
+    exports["ɵjf"] = TransactionLinePurchaseReceiveGoodsModule;
+    exports["ɵjg"] = TransactionLineWarehouseLocationButtonModule;
+    exports["ɵjh"] = DialogTransactionLineWarehouseLocationModule;
+    exports["ɵji"] = TransactionLineWarehouseLocationModule;
+    exports["ɵjj"] = TransactionLineWarehouseLocationComponent;
+    exports["ɵjk"] = ArticleService;
+    exports["ɵjl"] = DialogTransactionLineWarehouseLocationComponent;
+    exports["ɵjm"] = TransactionLineWarehouseLocationButtonComponent;
+    exports["ɵjn"] = TransactionLabeledWarehouseLocationButtonModule;
+    exports["ɵjo"] = TransactionLabeledWarehouseLocationButtonComponent;
+    exports["ɵjp"] = TransactionLinePurchaseReceiveGoodsComponent;
+    exports["ɵjq"] = TransactionLinePurchaseConfirmationModule;
+    exports["ɵjr"] = TransactionLabeledPriceInputModule;
+    exports["ɵjs"] = TransactionLabeledPriceInputComponent;
+    exports["ɵjt"] = TransactionLinePurchaseConfirmationComponent;
+    exports["ɵju"] = TransactionLineSidePanelPurchaseComponent;
+    exports["ɵjv"] = TransactionLineSidePanelSalesModule;
+    exports["ɵjw"] = TransactionAllocateGoodsHistoryModule;
+    exports["ɵjx"] = TransactionAllocateGoodsHistoryComponent;
+    exports["ɵjy"] = TransactionLineSalesAllocationModule;
+    exports["ɵjz"] = TransactionLineSalesAllocationComponent;
     exports["ɵk"] = CacheField;
-    exports["ɵka"] = TransactionLineDeliveryHistoryComponent;
-    exports["ɵkb"] = TransactionLineSalesDeliveryComponent;
-    exports["ɵkc"] = TransactionLineSalesInvoiceModule;
-    exports["ɵkd"] = TransactionLineInvoiceHistoryModule;
-    exports["ɵke"] = TransactionLineInvoiceHistoryComponent;
-    exports["ɵkf"] = TransactionLineSalesInvoiceComponent;
-    exports["ɵkg"] = TransactionLineSidePanelSalesComponent;
-    exports["ɵkh"] = TransactionLineSidePanelComponent;
-    exports["ɵki"] = TransactionLineActionButtonsModule;
-    exports["ɵkj"] = TransactionArticleTextOverviewModule;
-    exports["ɵkk"] = TransactionArticleTextOverviewComponent;
-    exports["ɵkl"] = TransactionLineActionButtonsComponent;
-    exports["ɵkm"] = TransactionLineActionButtonsPopupComponent;
-    exports["ɵkn"] = TransactionBaseGridComponent;
-    exports["ɵko"] = TransactionGridBaseComponent;
-    exports["ɵkp"] = DialogTransactionLineCommissionCodeModule;
-    exports["ɵkq"] = DialogTransactionLineCommissionCodeComponent;
-    exports["ɵkr"] = DialogTransactionLineWarehouseModule;
-    exports["ɵks"] = DialogTransactionLineWarehouseComponent;
-    exports["ɵkt"] = DialogTransactionLineWarehouseCcModule;
-    exports["ɵku"] = DialogTransactionLineWarehouseCcComponent;
-    exports["ɵkv"] = DialogTransactionLineDeliveryMethodModule;
-    exports["ɵkw"] = DialogTransactionLineDeliveryMethodComponent;
-    exports["ɵkx"] = DialogTransactionLineVatModule;
-    exports["ɵky"] = DialogTransactionLineVatComponent;
-    exports["ɵkz"] = DialogTransactionLineDiscountModule;
+    exports["ɵka"] = TransactionLineSalesDeliveryModule;
+    exports["ɵkb"] = TransactionLineDeliveryHistoryModule;
+    exports["ɵkc"] = TransactionLineDeliveryHistoryComponent;
+    exports["ɵkd"] = TransactionLineSalesDeliveryComponent;
+    exports["ɵke"] = TransactionLineSalesInvoiceModule;
+    exports["ɵkf"] = TransactionLineInvoiceHistoryModule;
+    exports["ɵkg"] = TransactionLineInvoiceHistoryComponent;
+    exports["ɵkh"] = TransactionLineSalesInvoiceComponent;
+    exports["ɵki"] = TransactionLineSidePanelSalesComponent;
+    exports["ɵkj"] = TransactionLineSidePanelComponent;
+    exports["ɵkk"] = TransactionLineActionButtonsModule;
+    exports["ɵkl"] = TransactionArticleTextOverviewModule;
+    exports["ɵkm"] = TransactionArticleTextOverviewComponent;
+    exports["ɵkn"] = TransactionLineActionButtonsComponent;
+    exports["ɵko"] = TransactionLineActionButtonsPopupComponent;
+    exports["ɵkp"] = TransactionBaseGridComponent;
+    exports["ɵkq"] = TransactionGridBaseComponent;
+    exports["ɵkr"] = DialogTransactionLineCommissionCodeModule;
+    exports["ɵks"] = DialogTransactionLineCommissionCodeComponent;
+    exports["ɵkt"] = DialogTransactionLineWarehouseModule;
+    exports["ɵku"] = DialogTransactionLineWarehouseComponent;
+    exports["ɵkv"] = DialogTransactionLineWarehouseCcModule;
+    exports["ɵkw"] = DialogTransactionLineWarehouseCcComponent;
+    exports["ɵkx"] = DialogTransactionLineDeliveryMethodModule;
+    exports["ɵky"] = DialogTransactionLineDeliveryMethodComponent;
+    exports["ɵkz"] = DialogTransactionLineVatModule;
     exports["ɵl"] = SelectMultipleParameterizedCacheService;
-    exports["ɵla"] = DialogTransactionLinePriceListModule;
-    exports["ɵlb"] = DialogTransactionLinePriceListComponent;
-    exports["ɵlc"] = DialogTransactionLineDiscountComponent;
-    exports["ɵld"] = DialogTransactionHeaderBranchModule;
-    exports["ɵle"] = DialogTransactionHeaderBranchComponent;
-    exports["ɵlf"] = TransactionLinesGridComponent;
-    exports["ɵlg"] = DiscountModule;
-    exports["ɵlh"] = DiscountComponent;
-    exports["ɵli"] = QuickSendButtonModule;
-    exports["ɵlj"] = QuickSendButtonComponent;
-    exports["ɵlk"] = TransactionQuickAccessSendMethodBaseComponent;
-    exports["ɵll"] = TransactionQuickAccessOverviewModule;
-    exports["ɵlm"] = DialogCatalogModule;
-    exports["ɵln"] = DialogCatalogComponent;
-    exports["ɵlo"] = TransactionSendDocumentsModule;
-    exports["ɵlp"] = TransactionSendDocumentsComponent;
-    exports["ɵlq"] = AddProductModule;
-    exports["ɵlr"] = AddProductComponent;
-    exports["ɵls"] = TransactionQuickAccessOverviewComponent;
-    exports["ɵlt"] = TransactionQuickAccessOrderDeliveryModule;
-    exports["ɵlu"] = TransactionQuickAccessOrderDeliveryComponent;
-    exports["ɵlv"] = TransactionQuickAccessOrderPurchaseModule;
-    exports["ɵlw"] = TransactionQuickAccessOrderPurchaseComponent;
-    exports["ɵlx"] = TransactionQuickAccessGoodsAllocationModule;
-    exports["ɵly"] = TransactionQuickAccessGoodsAllocationComponent;
-    exports["ɵlz"] = TransactionQuickAccessPurchaseOrderOverviewModule;
+    exports["ɵla"] = DialogTransactionLineVatComponent;
+    exports["ɵlb"] = DialogTransactionLineDiscountModule;
+    exports["ɵlc"] = DialogTransactionLinePriceListModule;
+    exports["ɵld"] = DialogTransactionLinePriceListComponent;
+    exports["ɵle"] = DialogTransactionLineDiscountComponent;
+    exports["ɵlf"] = DialogTransactionHeaderBranchModule;
+    exports["ɵlg"] = DialogTransactionHeaderBranchComponent;
+    exports["ɵlh"] = TransactionLinesGridComponent;
+    exports["ɵli"] = DiscountModule;
+    exports["ɵlj"] = DiscountComponent;
+    exports["ɵlk"] = QuickSendButtonModule;
+    exports["ɵll"] = QuickSendButtonComponent;
+    exports["ɵlm"] = TransactionQuickAccessSendMethodBaseComponent;
+    exports["ɵln"] = TransactionQuickAccessOverviewModule;
+    exports["ɵlo"] = DialogCatalogModule;
+    exports["ɵlp"] = DialogCatalogComponent;
+    exports["ɵlq"] = TransactionSendDocumentsModule;
+    exports["ɵlr"] = TransactionSendDocumentsComponent;
+    exports["ɵls"] = AddProductModule;
+    exports["ɵlt"] = AddProductComponent;
+    exports["ɵlu"] = TransactionQuickAccessOverviewComponent;
+    exports["ɵlv"] = TransactionQuickAccessOrderDeliveryModule;
+    exports["ɵlw"] = TransactionQuickAccessOrderDeliveryComponent;
+    exports["ɵlx"] = TransactionQuickAccessOrderPurchaseModule;
+    exports["ɵly"] = TransactionQuickAccessOrderPurchaseComponent;
+    exports["ɵlz"] = TransactionQuickAccessGoodsAllocationModule;
     exports["ɵm"] = ErrorService;
-    exports["ɵma"] = TransactionQuickAccessPurchaseOrderOverviewComponent;
-    exports["ɵmb"] = TransactionQuickAccessInvoiceModule;
-    exports["ɵmc"] = TransactionQuickAccessInvoiceComponent;
-    exports["ɵmd"] = TransactionOrderConfirmationGridModule;
-    exports["ɵme"] = TransactionOrderConfirmationGridComponent;
-    exports["ɵmf"] = TransactionGridModule;
-    exports["ɵmg"] = TransactionGridComponent;
-    exports["ɵmh"] = TransactionTileModule;
-    exports["ɵmi"] = TransactionTileComponent;
-    exports["ɵmj"] = TransactionOverviewLineModule;
-    exports["ɵmk"] = EditableLabelModule;
-    exports["ɵml"] = EditableLabelComponent;
-    exports["ɵmm"] = TransactionBaseLineModule;
-    exports["ɵmn"] = TransactionBaseLineComponent;
-    exports["ɵmo"] = TransactionLineCommissionButtonModule;
-    exports["ɵmp"] = TransactionLineCommissionButtonComponent;
-    exports["ɵmq"] = TransactionLineWarehouseButtonModule;
-    exports["ɵmr"] = TransactionLineWarehouseButtonComponent;
-    exports["ɵms"] = TransactionLineDeliveryButtonModule;
-    exports["ɵmt"] = TransactionLineDeliveryButtonComponent;
-    exports["ɵmu"] = TransactionLineDeliveryDateButtonModule;
-    exports["ɵmv"] = TransactionLineDeliveryDateButtonComponent;
-    exports["ɵmw"] = TransactionLineAmountModule;
-    exports["ɵmx"] = TransactionLineAmountComponent;
-    exports["ɵmy"] = TransactionLineVatButtonModule;
-    exports["ɵmz"] = TransactionLineVatButtonComponent;
+    exports["ɵma"] = TransactionQuickAccessGoodsAllocationComponent;
+    exports["ɵmb"] = TransactionQuickAccessPurchaseOrderOverviewModule;
+    exports["ɵmc"] = TransactionQuickAccessPurchaseOrderOverviewComponent;
+    exports["ɵmd"] = TransactionQuickAccessInvoiceModule;
+    exports["ɵme"] = TransactionQuickAccessInvoiceComponent;
+    exports["ɵmf"] = TransactionOrderConfirmationGridModule;
+    exports["ɵmg"] = TransactionOrderConfirmationGridComponent;
+    exports["ɵmh"] = TransactionGridModule;
+    exports["ɵmi"] = TransactionGridComponent;
+    exports["ɵmj"] = TransactionTileModule;
+    exports["ɵmk"] = TransactionTileComponent;
+    exports["ɵml"] = TransactionOverviewLineModule;
+    exports["ɵmm"] = EditableLabelModule;
+    exports["ɵmn"] = EditableLabelComponent;
+    exports["ɵmo"] = TransactionBaseLineModule;
+    exports["ɵmp"] = TransactionBaseLineComponent;
+    exports["ɵmq"] = TransactionLineCommissionButtonModule;
+    exports["ɵmr"] = TransactionLineCommissionButtonComponent;
+    exports["ɵms"] = TransactionLineWarehouseButtonModule;
+    exports["ɵmt"] = TransactionLineWarehouseButtonComponent;
+    exports["ɵmu"] = TransactionLineDeliveryButtonModule;
+    exports["ɵmv"] = TransactionLineDeliveryButtonComponent;
+    exports["ɵmw"] = TransactionLineDeliveryDateButtonModule;
+    exports["ɵmx"] = TransactionLineDeliveryDateButtonComponent;
+    exports["ɵmy"] = TransactionLineAmountModule;
+    exports["ɵmz"] = TransactionLineAmountComponent;
     exports["ɵn"] = SelectSingleCacheService;
-    exports["ɵna"] = TransactionLineDiscountButtonModule;
-    exports["ɵnb"] = TransactionLineDiscountButtonComponent;
-    exports["ɵnc"] = TransactionOverviewLineComponent;
-    exports["ɵnd"] = TransactionOrderDeliveryLineModule;
-    exports["ɵne"] = TransactionOrderDeliveryLineComponent;
-    exports["ɵnf"] = TransactionOrderDeliveryLineBaseComponent;
-    exports["ɵng"] = TransactionReceiveGoodsLineModule;
-    exports["ɵnh"] = TransactionPrintPackageStickerModule;
-    exports["ɵni"] = TransactionPrintPackageStickerComponent;
-    exports["ɵnj"] = TransactionReceiveGoodsLineComponent;
-    exports["ɵnk"] = TransactionReceiveGoodsLineBaseComponent;
-    exports["ɵnl"] = TransactionPurchaseLineModule;
-    exports["ɵnm"] = TransactionNavigationButtonModule;
-    exports["ɵnn"] = TransactionNavigationButtonComponent;
-    exports["ɵno"] = TransactionLineDropShipmentButtonModule;
-    exports["ɵnp"] = TransactionLineDropShipmentButtonComponent;
-    exports["ɵnq"] = TransactionPurchaseLineComponent;
-    exports["ɵnr"] = TransactionPurchaseLineBaseComponent;
-    exports["ɵns"] = TransactionInvoiceLineModule;
-    exports["ɵnt"] = TransactionInvoiceLineComponent;
-    exports["ɵnu"] = TransactionInvoiceLineBaseComponent;
-    exports["ɵnv"] = TransactionGoodsAllocationLineModule;
-    exports["ɵnw"] = TransactionGoodsAllocationLineComponent;
-    exports["ɵnx"] = TransactionPurchaseOrderLineModule;
-    exports["ɵny"] = TransactionPurchasePortalLineConfirmedPriceModule;
-    exports["ɵnz"] = TransactionPurchasePortalLineConfirmedPriceComponent;
+    exports["ɵna"] = TransactionLineVatButtonModule;
+    exports["ɵnb"] = TransactionLineVatButtonComponent;
+    exports["ɵnc"] = TransactionLineDiscountButtonModule;
+    exports["ɵnd"] = TransactionLineDiscountButtonComponent;
+    exports["ɵne"] = TransactionOverviewLineComponent;
+    exports["ɵnf"] = TransactionOrderDeliveryLineModule;
+    exports["ɵng"] = TransactionOrderDeliveryLineComponent;
+    exports["ɵnh"] = TransactionOrderDeliveryLineBaseComponent;
+    exports["ɵni"] = TransactionReceiveGoodsLineModule;
+    exports["ɵnj"] = TransactionPrintPackageStickerModule;
+    exports["ɵnk"] = TransactionPrintPackageStickerComponent;
+    exports["ɵnl"] = TransactionReceiveGoodsLineComponent;
+    exports["ɵnm"] = TransactionReceiveGoodsLineBaseComponent;
+    exports["ɵnn"] = TransactionPurchaseLineModule;
+    exports["ɵno"] = TransactionNavigationButtonModule;
+    exports["ɵnp"] = TransactionNavigationButtonComponent;
+    exports["ɵnq"] = TransactionLineDropShipmentButtonModule;
+    exports["ɵnr"] = TransactionLineDropShipmentButtonComponent;
+    exports["ɵns"] = TransactionPurchaseLineComponent;
+    exports["ɵnt"] = TransactionPurchaseLineBaseComponent;
+    exports["ɵnu"] = TransactionInvoiceLineModule;
+    exports["ɵnv"] = TransactionInvoiceLineComponent;
+    exports["ɵnw"] = TransactionInvoiceLineBaseComponent;
+    exports["ɵnx"] = TransactionGoodsAllocationLineModule;
+    exports["ɵny"] = TransactionGoodsAllocationLineComponent;
+    exports["ɵnz"] = TransactionPurchaseOrderLineModule;
     exports["ɵo"] = SelectSingleParameterizedCacheService;
-    exports["ɵoa"] = TransactionPurchasePortalLineGrossOrderPriceModule;
-    exports["ɵob"] = TransactionPurchasePortalLineGrossOrderPriceComponent;
-    exports["ɵoc"] = TransactionPurchasePortalLineNetOrderPriceModule;
-    exports["ɵod"] = TransactionPurchasePortalLineNetOrderPriceComponent;
-    exports["ɵoe"] = TransactionPurchasePortalLineDeliveryDateModule;
-    exports["ɵof"] = TransactionPurchasePortalLineDeliveryDateComponent;
-    exports["ɵog"] = TransactionPurchasePortalLineConfirmedDeliveryDateModule;
-    exports["ɵoh"] = TransactionPurchasePortalLineConfirmedDeliveryDateComponent;
-    exports["ɵoi"] = TransactionPurchaseOrderLineComponent;
-    exports["ɵoj"] = TransactionPurchaseOrderLineBaseComponent;
-    exports["ɵok"] = TransactionPurchaseOverviewLineModule;
-    exports["ɵol"] = TransactionNavigationButtonListModule;
-    exports["ɵom"] = TransactionNavigationButtonListComponent;
-    exports["ɵon"] = TransactionPurchaseOverviewLineComponent;
-    exports["ɵoo"] = TransactionCardModule;
-    exports["ɵop"] = TransactionCardPurchaseOverviewModule;
-    exports["ɵoq"] = TransactionCardHeaderModule;
-    exports["ɵor"] = TransactionCardHeaderComponent;
-    exports["ɵos"] = TransactionCardFooterModule;
-    exports["ɵot"] = TransactionCardFooterComponent;
-    exports["ɵou"] = TransactionCardPurchaseOverviewComponent;
-    exports["ɵov"] = TransactionCardSalesOverviewModule;
-    exports["ɵow"] = TransactionCardSalesOverviewComponent;
-    exports["ɵox"] = TransactionCardReceiveGoodsModule;
-    exports["ɵoy"] = TransactionCardReceiveGoodsComponent;
-    exports["ɵoz"] = TransactionCardInvoiceModule;
+    exports["ɵoa"] = TransactionPurchasePortalLineConfirmedPriceModule;
+    exports["ɵob"] = TransactionPurchasePortalLineConfirmedPriceComponent;
+    exports["ɵoc"] = TransactionPurchasePortalLineGrossOrderPriceModule;
+    exports["ɵod"] = TransactionPurchasePortalLineGrossOrderPriceComponent;
+    exports["ɵoe"] = TransactionPurchasePortalLineNetOrderPriceModule;
+    exports["ɵof"] = TransactionPurchasePortalLineNetOrderPriceComponent;
+    exports["ɵog"] = TransactionPurchasePortalLineDeliveryDateModule;
+    exports["ɵoh"] = TransactionPurchasePortalLineDeliveryDateComponent;
+    exports["ɵoi"] = TransactionPurchasePortalLineConfirmedDeliveryDateModule;
+    exports["ɵoj"] = TransactionPurchasePortalLineConfirmedDeliveryDateComponent;
+    exports["ɵok"] = TransactionPurchaseOrderLineComponent;
+    exports["ɵol"] = TransactionPurchaseOrderLineBaseComponent;
+    exports["ɵom"] = TransactionPurchaseOverviewLineModule;
+    exports["ɵon"] = TransactionNavigationButtonListModule;
+    exports["ɵoo"] = TransactionNavigationButtonListComponent;
+    exports["ɵop"] = TransactionPurchaseOverviewLineComponent;
+    exports["ɵoq"] = TransactionCardModule;
+    exports["ɵor"] = TransactionCardPurchaseOverviewModule;
+    exports["ɵos"] = TransactionCardHeaderModule;
+    exports["ɵot"] = TransactionCardHeaderComponent;
+    exports["ɵou"] = TransactionCardFooterModule;
+    exports["ɵov"] = TransactionCardFooterComponent;
+    exports["ɵow"] = TransactionCardPurchaseOverviewComponent;
+    exports["ɵox"] = TransactionCardSalesOverviewModule;
+    exports["ɵoy"] = TransactionCardSalesOverviewComponent;
+    exports["ɵoz"] = TransactionCardReceiveGoodsModule;
     exports["ɵp"] = ArticleConnectorService;
-    exports["ɵpa"] = TransactionCardInvoiceComponent;
-    exports["ɵpb"] = TransactionCardOrderDeliveryModule;
-    exports["ɵpc"] = TransactionCardOrderDeliveryComponent;
-    exports["ɵpd"] = TransactionCardComponent;
-    exports["ɵpe"] = TransactionTextLineModule;
-    exports["ɵpf"] = TransactionTextLineComponent;
-    exports["ɵpg"] = SearchViewModeService;
-    exports["ɵph"] = TransactionSearchSalesOrderTileModule;
-    exports["ɵpi"] = TransactionSearchSalesOrderTileComponent;
-    exports["ɵpj"] = TransactionSearchTileBaseComponent;
-    exports["ɵpk"] = TransactionSearchPurchaseOrderTileModule;
-    exports["ɵpl"] = TransactionSearchPurchaseOrderTileComponent;
-    exports["ɵpm"] = TransactionSearchSalesOrderGridModule;
-    exports["ɵpn"] = TransactionSearchSalesOrderGridComponent;
-    exports["ɵpo"] = TransactionSearchGridBaseComponent;
-    exports["ɵpp"] = TransactionSearchPurchaseOrderGridModule;
-    exports["ɵpq"] = TransactionSearchPurchaseOrderGridComponent;
-    exports["ɵpr"] = TransactionSearchGridModule;
-    exports["ɵps"] = TransactionSearchGridComponent;
-    exports["ɵpt"] = TransactionSearchTileModule;
-    exports["ɵpu"] = TransactionSearchTileComponent;
-    exports["ɵpv"] = TransactionSalesOrderFilterModule;
-    exports["ɵpw"] = TransactionSalesOrderFilterContentOrderModule;
-    exports["ɵpx"] = TransactionFilterItemModule;
-    exports["ɵpy"] = TransactionFilterItemComponent;
-    exports["ɵpz"] = TransactionSalesOrderFilterContentOrderComponent;
+    exports["ɵpa"] = TransactionCardReceiveGoodsComponent;
+    exports["ɵpb"] = TransactionCardInvoiceModule;
+    exports["ɵpc"] = TransactionCardInvoiceComponent;
+    exports["ɵpd"] = TransactionCardOrderDeliveryModule;
+    exports["ɵpe"] = TransactionCardOrderDeliveryComponent;
+    exports["ɵpf"] = TransactionCardComponent;
+    exports["ɵpg"] = TransactionTextLineModule;
+    exports["ɵph"] = TransactionTextLineComponent;
+    exports["ɵpi"] = SearchViewModeService;
+    exports["ɵpj"] = TransactionSearchSalesOrderTileModule;
+    exports["ɵpk"] = TransactionSearchSalesOrderTileComponent;
+    exports["ɵpl"] = TransactionSearchTileBaseComponent;
+    exports["ɵpm"] = TransactionSearchPurchaseOrderTileModule;
+    exports["ɵpn"] = TransactionSearchPurchaseOrderTileComponent;
+    exports["ɵpo"] = TransactionSearchSalesOrderGridModule;
+    exports["ɵpp"] = TransactionSearchSalesOrderGridComponent;
+    exports["ɵpq"] = TransactionSearchGridBaseComponent;
+    exports["ɵpr"] = TransactionSearchPurchaseOrderGridModule;
+    exports["ɵps"] = TransactionSearchPurchaseOrderGridComponent;
+    exports["ɵpt"] = TransactionSearchGridModule;
+    exports["ɵpu"] = TransactionSearchGridComponent;
+    exports["ɵpv"] = TransactionSearchTileModule;
+    exports["ɵpw"] = TransactionSearchTileComponent;
+    exports["ɵpx"] = TransactionSalesOrderFilterModule;
+    exports["ɵpy"] = TransactionSalesOrderFilterContentOrderModule;
+    exports["ɵpz"] = TransactionFilterItemModule;
     exports["ɵq"] = RelationConnectorService;
-    exports["ɵqa"] = TransactionFilterContentBaseComponent;
-    exports["ɵqb"] = FilterRequestService;
-    exports["ɵqc"] = TransactionSalesOrderFilterContentLogisticsModule;
-    exports["ɵqd"] = TransactionFilterHistoricStateModule;
-    exports["ɵqe"] = TransactionFilterHistoricStateComponent;
-    exports["ɵqf"] = TransactionSalesOrderFilterContentLogisticsComponent;
-    exports["ɵqg"] = TransactionSalesOrderFilterContentArticleModule;
-    exports["ɵqh"] = TransactionSalesOrderFilterContentArticleComponent;
-    exports["ɵqi"] = TransactionSalesOrderFilterComponent;
-    exports["ɵqj"] = TransactionFilterBaseComponent;
-    exports["ɵqk"] = TransactionPurchaseOrderFilterModule;
-    exports["ɵql"] = TransactionPurchaseOrderFilterContentOrderModule;
-    exports["ɵqm"] = TransactionPurchaseOrderFilterContentOrderComponent;
-    exports["ɵqn"] = TransactionPurchaseOrderFilterContentLogisticsModule;
-    exports["ɵqo"] = TransactionPurchaseOrderFilterContentLogisticsComponent;
-    exports["ɵqp"] = TransactionPurchaseOrderFilterContentArticleModule;
-    exports["ɵqq"] = TransactionPurchaseOrderFilterContentArticleComponent;
-    exports["ɵqr"] = TransactionPurchaseOrderFilterComponent;
-    exports["ɵqs"] = SearchFeatureModule;
-    exports["ɵqt"] = SearchHeaderButtonsModule;
-    exports["ɵqu"] = SearchHeaderButtonsComponent;
-    exports["ɵqv"] = SearchFilterPanelModule;
-    exports["ɵqw"] = SearchFilterPanelComponent;
-    exports["ɵqx"] = SearchComponent;
-    exports["ɵqy"] = TransactionTagComponent;
+    exports["ɵqa"] = TransactionFilterItemComponent;
+    exports["ɵqb"] = TransactionSalesOrderFilterContentOrderComponent;
+    exports["ɵqc"] = TransactionFilterContentBaseComponent;
+    exports["ɵqd"] = FilterRequestService;
+    exports["ɵqe"] = TransactionSalesOrderFilterContentLogisticsModule;
+    exports["ɵqf"] = TransactionFilterHistoricStateModule;
+    exports["ɵqg"] = TransactionFilterHistoricStateComponent;
+    exports["ɵqh"] = TransactionSalesOrderFilterContentLogisticsComponent;
+    exports["ɵqi"] = TransactionSalesOrderFilterContentArticleModule;
+    exports["ɵqj"] = TransactionSalesOrderFilterContentArticleComponent;
+    exports["ɵqk"] = TransactionSalesOrderFilterComponent;
+    exports["ɵql"] = TransactionFilterBaseComponent;
+    exports["ɵqm"] = TransactionPurchaseOrderFilterModule;
+    exports["ɵqn"] = TransactionPurchaseOrderFilterContentOrderModule;
+    exports["ɵqo"] = TransactionPurchaseOrderFilterContentOrderComponent;
+    exports["ɵqp"] = TransactionPurchaseOrderFilterContentLogisticsModule;
+    exports["ɵqq"] = TransactionPurchaseOrderFilterContentLogisticsComponent;
+    exports["ɵqr"] = TransactionPurchaseOrderFilterContentArticleModule;
+    exports["ɵqs"] = TransactionPurchaseOrderFilterContentArticleComponent;
+    exports["ɵqt"] = TransactionPurchaseOrderFilterComponent;
+    exports["ɵqu"] = SearchFeatureModule;
+    exports["ɵqv"] = SearchHeaderButtonsModule;
+    exports["ɵqw"] = SearchHeaderButtonsComponent;
+    exports["ɵqx"] = SearchFilterPanelModule;
+    exports["ɵqy"] = SearchFilterPanelComponent;
+    exports["ɵqz"] = SearchComponent;
     exports["ɵr"] = CoreModule;
+    exports["ɵra"] = TransactionTagComponent;
     exports["ɵs"] = ConfirmationDialogModule;
     exports["ɵt"] = PipeModule;
     exports["ɵu"] = AppendPipe;