@colijnit/transaction 256.1.28 → 256.1.29

package/bundles/colijnit-transaction.umd.js

@@ -33,8 +33,8 @@
         function Version() {
             this.name = "@colijnit/transaction";
             this.description = "Colijn IT transaction package";
-            this.symVer = "256.1.28";
-            this.publishDate = "17-12-2024 17:47:46";
+            this.symVer = "256.1.29";
+            this.publishDate = "18-12-2024 16:12:43";
         }
         return Version;
     }());
@@ -795,6 +795,8 @@
         Icon["RegularWarehouseClock"] = "regular_warehouse_clock";
         Icon["Remark"] = "remark";
         Icon["Resize"] = "resize";
+        Icon["ScrewdriverWrenchLight"] = "screwdriver_wrench_light";
+        Icon["ScrewdriverWrenchRegular"] = "screwdriver_wrench_regular";
         Icon["ServiceCartRegular"] = "service_cart_regular";
         Icon["ShareSolid"] = "share_solid";
         Icon["SharpLightTruckMovingClock"] = "sharp_light_truck_moving_clock";
@@ -952,6 +954,8 @@
         "regular_warehouse_clock": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M0 176.3c0-29.3 17.8-55.7 44.9-66.7L299 6.6c13.5-5.5 28.6-5.5 42.1 0l254 103c27.2 11 45 37.4 45 66.7L640 488l0-120 0-101.2c-12.9-18.3-29.2-34-48-46.3l0-44.2c0-9.8-5.9-18.6-15-22.2L323 51.1c-1.9-.8-4.1-.8-6 0L63 154.1c-9.1 3.7-15 12.5-15 22.2L48 488c0 13.3-10.7 24-24 24s-24-10.7-24-24L0 176.3zM96 232c0-22.1 17.9-40 40-40l360 0c-46.8 0-89.3 18.2-120.8 48L144 240l0 40 199.5 0c-8.5 14.8-15 30.9-19 48L144 328l0 48 176.2 0c.7 16.7 3.8 32.8 8.9 48L144 424l0 40 204.5 0c12.3 18.8 28 35.1 46.3 48l-274.5 0-.3 0c-13.3 0-24-10.7-24-24l0-256zM352 368c0-79.5 64.5-144 144-144s144 64.5 144 144s-64.5 144-144 144s-144-64.5-144-144zm128-64l0 64c0 8.8 7.2 16 16 16l48 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0 0-48c0-8.8-7.2-16-16-16s-16 7.2-16 16zm16-112l8 0c2.5 0 4.9 .2 7.2 .7c-5-.4-10.1-.7-15.2-.7z\"/></svg>",
         "remark": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><path d=\"M15,.93C6.72,.93,0,5.83,0,11.89c0,2.12,.84,4.09,2.27,5.77h-.16c.16,.1,.28,.22,.43,.32,.4,.44,.86,.85,1.35,1.24,3.07,3.75,.06,8.71-3.25,9.84,5.79-1.34,9.31-3.89,10.9-6.53,1.11,.19,2.27,.31,3.46,.31,8.28,0,15-4.91,15-10.96S23.28,.93,15,.93Z\" fill=\"#484f60\"/></g></svg>",
         "resize": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 51 51\"><polygon points=\"1.1 49.9 1.1 30.6 7.8 37.3 37.3 8 30.6 1.3 49.9 1.3 49.9 20.6 43.2 13.9 13.7 43.2 20.5 49.9 1.1 49.9\" fill=\"#4d5050\"/></svg>",
+        "screwdriver_wrench_light": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M64.7 34.6L160 107.9l0 52.1-52.1 0L34.6 64.7 64.7 34.6zM192 169.3c0-.4 0-.9 0-1.3l0-64c0-7.5-3.5-14.5-9.4-19L78.6 5C69.1-2.4 55.6-1.5 47 7L7 47c-8.5 8.5-9.4 22-2.1 31.6l80 104c4.5 5.9 11.6 9.4 19 9.4l64 0c.4 0 .9 0 1.3 0L271.2 293.9c-19.5 30-16.2 70.5 10.1 96.8l112 112c12.5 12.5 32.8 12.5 45.3 0l64-64c12.5-12.5 12.5-32.8 0-45.3l-112-112c-26.3-26.3-66.8-29.7-96.8-10.1L192 169.3zM304 304c17.7-17.7 46.3-17.7 64 0L480 416l-64 64L304 368c-17.7-17.7-17.7-46.3 0-64zM104 424a16 16 0 1 0 -32 0 16 16 0 1 0 32 0zM23.2 376.8C8.3 391.7 0 411.8 0 432.8C0 476.5 35.5 512 79.2 512c21 0 41.1-8.3 56-23.2L238.5 385.5c-5.7-11.2-9.3-23.1-10.9-35.3L112.1 465.7c-8.7 8.7-20.6 13.6-32.9 13.6c-25.7 0-46.6-20.8-46.6-46.6c0-12.3 4.9-24.2 13.6-32.9L189.1 257l-23.1-23.1L23.2 376.8zM479.4 160c0 44.8-23.1 84.1-58 106.8l23.5 23.5c40.7-29 67.2-76.6 67.2-130.3c0-24.8-5.7-48.3-15.7-69.3c-4.4-9.2-16.5-10.5-23.7-3.3l-67.9 67.9c-3 3-7.1 4.7-11.3 4.7L368 160c-8.8 0-16-7.2-16-16l0-25.4c0-4.2 1.7-8.3 4.7-11.3l67.9-67.9c7.2-7.2 5.9-19.3-3.3-23.7C400.3 5.7 376.8 0 352 0C296.1 0 246.9 28.6 218.3 72.1l26 20C266.8 56.3 306.7 32.6 352 32.6c10.3 0 20.2 1.2 29.7 3.5L333.6 84.2c-9.1 9.1-14.2 21.5-14.2 34.4l0 25.4c0 26.9 21.8 48.6 48.6 48.6l25.4 0c12.9 0 25.3-5.1 34.4-14.2l48.1-48.1c2.3 9.5 3.5 19.5 3.5 29.7z\"/></svg>",
+        "screwdriver_wrench_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M78.6 5C69.1-2.4 55.6-1.5 47 7L7 47c-8.5 8.5-9.4 22-2.1 31.6l80 104c4.5 5.9 11.6 9.4 19 9.4l54.1 0 109 109c-14.7 29-10 65.4 14.3 89.6l112 112c12.5 12.5 32.8 12.5 45.3 0l64-64c12.5-12.5 12.5-32.8 0-45.3l-112-112c-24.2-24.2-60.6-29-89.6-14.3l-109-109 0-54.1c0-7.5-3.5-14.5-9.4-19L78.6 5zM23.2 376.8C8.3 391.7 0 411.8 0 432.8C0 476.5 35.5 512 79.2 512c21 0 41.1-8.3 56-23.2L238.5 385.5c-8.9-17.6-12.8-37.1-11.6-56.3L101.3 454.9c-5.9 5.8-13.8 9.1-22.1 9.1C62 464 48 450 48 432.8c0-8.3 3.3-16.2 9.1-22.1L194.3 273.5l-33.9-33.9L23.2 376.8zM463.9 164c-1.4 38.9-22.6 72.8-53.8 91.8c1.1 1 2.1 2 3.1 3l31.6 31.6c40.7-29 67.2-76.6 67.2-130.3c0-24.8-5.7-48.3-15.7-69.3c-4.4-9.2-16.5-10.5-23.7-3.3l-67.9 67.9c-3 3-7.1 4.7-11.3 4.7L368 160c-8.8 0-16-7.2-16-16l0-25.4c0-4.2 1.7-8.3 4.7-11.3l67.9-67.9c7.2-7.2 5.9-19.3-3.3-23.7C400.3 5.7 376.8 0 352 0C294.7 0 244.4 30.1 216.2 75.4C221.2 84 224 93.8 224 104l0 40.8 16 16 0-.8c0-60.5 48-109.9 108-111.9L322.7 73.4s0 0 0 0c-12 12-18.7 28.3-18.7 45.3l0 25.4c0 35.3 28.7 64 64 64l25.4 0c17 0 33.3-6.7 45.3-18.7L463.9 164z\"/></svg>",
         "service_cart_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M64 24C64 10.7 74.7 0 88 0h45.5c22 0 41.5 12.8 50.6 32h411c26.3 0 45.5 25 38.6 50.4l-41 152.3c-8.5 31.4-37 53.3-69.5 53.3H234.7l5.4 28.5c2.2 11.3 12.1 19.5 23.6 19.5H552c13.3 0 24 10.7 24 24s-10.7 24-24 24H263.7c-34.6 0-64.3-24.6-70.7-58.5l-51.6-271c-.7-3.8-4-6.5-7.9-6.5H88C74.7 48 64 37.3 64 24zM225.6 240H523.2c10.9 0 20.4-7.3 23.2-17.8L584.7 80H195.1l30.5 160zM192 464a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm336-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96zM24 96h80c13.3 0 24 10.7 24 24s-10.7 24-24 24H24c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80h96c13.3 0 24 10.7 24 24s-10.7 24-24 24H24c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80H136c13.3 0 24 10.7 24 24s-10.7 24-24 24H24c-13.3 0-24-10.7-24-24s10.7-24 24-24z\"/></svg>",
         "share_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M503.7 226.2l-176 151.1c-15.38 13.3-39.69 2.545-39.69-18.16V272.1C132.9 274.3 66.06 312.8 111.4 457.8c5.031 16.09-14.41 28.56-28.06 18.62C39.59 444.6 0 383.8 0 322.3c0-152.2 127.4-184.4 288-186.3V56.02c0-20.67 24.28-31.46 39.69-18.16l176 151.1C514.8 199.4 514.8 216.6 503.7 226.2z\"/></svg>",
         "sharp_light_truck_moving_clock": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M32 64l0 240 0 32c13.4-10 30-16 48-16c26.2 0 49.4 12.6 64 32c14.6-19.4 37.8-32 64-32c32.8 0 61 19.7 73.3 48c12.9 0 25.8 0 38.7 0c0 10.9 1 21.6 2.9 32c-11.6 0-23.3 0-34.9 0c0 44.2-35.8 80-80 80c-26.2 0-49.4-12.6-64-32c-14.6 19.4-37.8 32-64 32c-44.2 0-80-35.8-80-80c0-10.7 0-21.3 0-32c0-21.3 0-42.7 0-64C0 224 0 144 0 64C0 53.3 0 42.7 0 32c10.7 0 21.3 0 32 0c138.7 0 277.3 0 416 0c10.7 0 21.3 0 32 0c0 10.7 0 21.3 0 32c0 21.3 0 42.7 0 64c24 0 48 0 72 0c2.4 0 4.7 0 7.1 0c1.6 1.8 3.2 3.5 4.8 5.3c24 26.7 48 53.3 72 80c1.4 1.5 2.7 3.1 4.1 4.6c0 2 0 4.1 0 6.1c0 10.7 0 21.3 0 32c0 3.6 0 7.2 0 10.8c-11.7-16.6-26.2-31.1-42.8-42.8c1.8 0 3.6 0 5.3 0c-19.2-21.3-38.4-42.7-57.6-64c-21.6 0-43.3 0-64.9 0c0 10.9 0 21.8 0 32.7c-11 1-21.7 3-32 5.9c0-44.9 0-89.8 0-134.6c-138.7 0-277.3 0-416 0zM256 400c0-17.1-9.1-33-24-41.6s-33.1-8.6-48 0s-24 24.4-24 41.6s9.1 33 24 41.6s33.1 8.6 48 0s24-24.4 24-41.6zM80 448c17.1 0 33-9.1 41.6-24s8.6-33.1 0-48S97.1 352 80 352s-33 9.1-41.6 24s-8.6 33.1 0 48S62.9 448 80 448zm528-80c0-40-21.3-77-56-97s-77.3-20-112 0s-56 57-56 97s21.3 77 56 97s77.3 20 112 0s56-57 56-97zm-256 0c0-51.4 27.4-99 72-124.7s99.4-25.7 144 0s72 73.3 72 124.7s-27.4 99-72 124.7s-99.4 25.7-144 0S352 419.4 352 368zm160-64l0 48c10.7 0 21.3 0 32 0c5.3 0 10.7 0 16 0c0 10.7 0 21.3 0 32c-5.3 0-10.7 0-16 0c-16 0-32 0-48 0c-5.3 0-10.7 0-16 0c0-5.3 0-10.7 0-16c0-21.3 0-42.7 0-64c0-5.3 0-10.7 0-16c10.7 0 21.3 0 32 0c0 5.3 0 10.7 0 16z\"/></svg>",
@@ -4181,6 +4185,27 @@
                 });
             });
         };
+        TransactionConnectorAdapterService.prototype.changeTransactionLineQuantitySelectNone = function (uuid) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            var request = {
+                                transactionUuid: uuid
+                            };
+                            return _this.connector.changeTransactionLineQuantitySelectNone(request).then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    resolve(_this._boFactory.makeWithRawBackendData(transactionInfoResponse_bo.TransactionInfoResponse, result.resultObject));
+                                }
+                                else {
+                                    _this._handleExceptionFromResponse(result);
+                                    reject(null);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
         TransactionConnectorAdapterService.prototype.changeTransactionLineCommissionCode = function (uuid, lineUuid, code) {
             return __awaiter(this, void 0, void 0, function () {
                 var request, response;
@@ -9852,6 +9877,13 @@
                 });
             });
         };
+        TransactionConnectorService.prototype.changeTransactionLineQuantitySelectNone = function (uuid) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, this._adapterService.changeTransactionLineQuantitySelectNone(uuid)];
+                });
+            });
+        };
         TransactionConnectorService.prototype.resolvePendingLineReason = function (pendingLineValues) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
@@ -12372,10 +12404,6 @@
             this.readonly = false;
             this.showLoader = false;
             this.relationChange = new i0.EventEmitter();
-            this.canAllLinesBeDelivered = false;
-            this.canAllLinesBeInvoiced = false;
-            this.hasLinesToDeliver = false;
-            this.hasLinesToInvoice = false;
             this.decimals = 0;
             this.committing = false;
             this.headerTooltipMessages = [];
@@ -12752,6 +12780,10 @@
             this.isPurchaseOrder = false;
             this.reservationMode = false;
             this.readonly = false;
+            this.canAllLinesBeDelivered = false;
+            this.canAllLinesBeInvoiced = false;
+            this.hasLinesToDeliver = false;
+            this.hasLinesToInvoice = false;
             this.relationSet = new rxjs.BehaviorSubject(false);
             this.transactionSet = new rxjs.BehaviorSubject(false);
             this.transactionInfoSet = new rxjs.BehaviorSubject(false);
@@ -12790,6 +12822,14 @@
                     }
                     if (this._transaction.transactionLines) {
                         this.transactionLines = this._transaction.transactionLines;
+                        this.canAllLinesBeDelivered = this.transactionLines.filter(function (l) { return l.articleLineStatus ? (l.articleLineStatus.quantityToDeliver === 0) : false; }).length === 0;
+                        this.canAllLinesBeInvoiced = this.transactionLines.filter(function (l) { return l.articleLineStatus ? (l.articleLineStatus.quantityToInvoice === 0) : false; }).length === 0;
+                        this.hasLinesToDeliver = this.transactionInfo.allowPartialDelivery ?
+                            this.transactionLines.filter(function (l) { return l.articleLineStatus ? l.articleLineStatus.quantityToDeliver !== 0 : false; }).length > 0 :
+                            this.transactionLines.filter(function (l) { return l.articleLineStatus ? l.articleLineStatus.quantityToDeliver === 0 : false; }).length === 0;
+                        this.hasLinesToInvoice = this.transactionInfo.allowPartialDelivery ?
+                            this.transactionLines.filter(function (l) { return l.articleLineStatus ? l.articleLineStatus.quantityToInvoice !== 0 : false; }).length > 0 :
+                            this.transactionLines.filter(function (l) { return l.articleLineStatus ? l.articleLineStatus.quantityToInvoice === 0 : false; }).length === 0;
                     }
                     if (this._transaction.deliveryCostLines) {
                         this.deliveryCostLines = this._transaction.deliveryCostLines;
@@ -13125,6 +13165,20 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(TransactionLineBaseComponent.prototype, "canAllLinesBeDelivered", {
+            get: function () {
+                return this.transactionHeaderService.canAllLinesBeDelivered;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TransactionLineBaseComponent.prototype, "canAllLinesBeInvoiced", {
+            get: function () {
+                return this.transactionHeaderService.canAllLinesBeInvoiced;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(TransactionLineBaseComponent.prototype, "model", {
             get: function () {
                 return this.transactionLine;
@@ -13578,6 +13632,20 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(TransactionHeaderBaseComponent.prototype, "hasLinesToDeliver", {
+            get: function () {
+                return this.transactionHeaderService.hasLinesToDeliver;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TransactionHeaderBaseComponent.prototype, "hasLinesToInvoice", {
+            get: function () {
+                return this.transactionHeaderService.hasLinesToInvoice;
+            },
+            enumerable: false,
+            configurable: true
+        });
         TransactionHeaderBaseComponent.prototype.ngOnInit = function () {
             var _this = this;
             _super.prototype.ngOnInit.call(this);
@@ -16609,6 +16677,28 @@
                 });
             });
         };
+        TransactionService.prototype.updateQuantitySelectNone = function (uuid, saveTransaction, rememberTransaction) {
+            if (saveTransaction === void 0) { saveTransaction = true; }
+            if (rememberTransaction === void 0) { rememberTransaction = true; }
+            return __awaiter(this, void 0, void 0, function () {
+                var response;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.connector.changeTransactionLineQuantitySelectNone(uuid)];
+                        case 1:
+                            response = _a.sent();
+                            if (!response) return [3 /*break*/, 3];
+                            this.transactionDirty = true;
+                            return [4 /*yield*/, this.handleLineOperationStatuses(response, saveTransaction, rememberTransaction)];
+                        case 2:
+                            _a.sent();
+                            this.transactionEventService.quantitySelectedLineChanged.next(true);
+                            return [2 /*return*/, true];
+                        case 3: return [2 /*return*/, false];
+                    }
+                });
+            });
+        };
         TransactionService.prototype.updateDeliveryDateTransactionLine = function (uuid, lineUuid, date) {
             return __awaiter(this, void 0, void 0, function () {
                 var response;
@@ -25092,6 +25182,7 @@
             _this._subscriptions = [];
             _this.showCheckbox = false;
             _this.checkboxReadonly = false;
+            _this.localAmountSelected = 0;
             return _this;
         }
         TransactionOrderDeliveryLineBaseComponent.prototype.ngOnInit = function () {
@@ -25101,11 +25192,13 @@
             this._subscriptions.push(this.transactionEventService.selectAllSalesOrderLinesForDelivery.subscribe(function (value) {
                 if (_this.lineQuantityToDeliver !== 0) {
                     _this.transactionLine.selected = value;
+                    _this.transactionLine.amountSelected = _this.localAmountSelected;
                     _this.transactionEventService.lineSelectedForDelivery.next({ lineUuid: _this.transactionLine.uuid, selected: _this.transactionLine.selected });
                 }
                 _this.detectChanges();
             }));
             this._checkCheckbox();
+            this._checkAmounts();
         };
         TransactionOrderDeliveryLineBaseComponent.prototype.ngOnDestroy = function () {
             this._subscriptions.forEach(function (s) { return s.unsubscribe(); });
@@ -25120,23 +25213,33 @@
                     switch (_a.label) {
                         case 0:
                             this.transactionLine.selected = checked;
-                            return [4 /*yield*/, this.updateSelectedQuantity()];
+                            if (this.transactionLine.selected) {
+                                this.transactionLine.amountSelected = this.localAmountSelected;
+                            }
+                            else {
+                                this.transactionLine.amountSelected = 0;
+                            }
+                            return [4 /*yield*/, this.updateSelectedQuantity(this.transactionLine.amountSelected)];
                         case 1:
                             _a.sent();
+                            //TODO check if this is truly necessary
+                            this._checkAmounts();
+                            this.detectChanges();
                             return [2 /*return*/];
                     }
                 });
             });
         };
-        TransactionOrderDeliveryLineBaseComponent.prototype.updateSelectedQuantity = function () {
+        TransactionOrderDeliveryLineBaseComponent.prototype.updateSelectedQuantity = function (amount) {
             return __awaiter(this, void 0, void 0, function () {
                 var request;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
+                            this.transactionLine.amountSelected = amount;
                             request = new changeLineQuantitySelectedLineRequest.ChangeLineQuantitySelectedLineRequest();
                             request.lineUuid = this.transactionLine.uuid;
-                            request.newQuantitySelected = this.transactionLine.selected ? this.transactionLine.amountSelected : 0;
+                            request.newQuantitySelected = amount;
                             return [4 /*yield*/, this.transactionService.updateQuantitySelectedTransactionLine(this.transactionInfo.uuid, [request], false, false)];
                         case 1:
                             _a.sent();
@@ -25147,24 +25250,20 @@
         };
         TransactionOrderDeliveryLineBaseComponent.prototype.transactionLineSet = function () {
             _super.prototype.transactionLineSet.call(this);
-            if (this.transactionLine.amountSelected === undefined) {
-                if (!this.transactionInfo.allowPartialDelivery) {
-                    this.transactionLine.amountSelected = this.transactionLine.amount;
-                }
-                else {
-                    this.transactionLine.amountSelected = 0;
-                }
-            }
             this._checkCheckbox();
+            this._checkAmounts();
         };
         TransactionOrderDeliveryLineBaseComponent.prototype.transactionInfoSet = function () {
             _super.prototype.transactionInfoSet.call(this);
             this._checkCheckbox();
+            this._checkAmounts();
         };
         TransactionOrderDeliveryLineBaseComponent.prototype._checkCheckbox = function () {
             if (this.transactionInfo && this.transactionLine) {
                 if (this.transactionInfo.allowPartialDelivery) {
                     this.showCheckbox = this.lineQuantityToDeliver !== 0 && !this.lineIsDelivered;
+                    this.checkboxReadonly = !this.showCheckbox;
+                    this.selected = ((this.transactionLine.amountSelected !== 0) && (this.transactionLine.amountSelected !== undefined));
                 }
                 else {
                     this.showCheckbox = this.canAllLinesBeDelivered && !this.lineIsDelivered;
@@ -25175,6 +25274,16 @@
                 this.detectChanges();
             }
         };
+        TransactionOrderDeliveryLineBaseComponent.prototype._checkAmounts = function () {
+            if (this.transactionInfo && this.transactionLine) {
+                if (this.transactionInfo.allowPartialDelivery) {
+                    this.localAmountSelected = this.transactionLine.selected ? this.transactionLine.amountSelected : this.transactionLineService.lineQuantityToDeliver;
+                }
+                else {
+                    this.localAmountSelected = this.transactionLineService.lineQuantityToDeliver;
+                }
+            }
+        };
         return TransactionOrderDeliveryLineBaseComponent;
     }(TransactionLineBaseComponent));
     TransactionOrderDeliveryLineBaseComponent.decorators = [
@@ -25213,7 +25322,7 @@
     TransactionOrderDeliveryLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-order-delivery-line",
-                    template: "\n      <co-transaction-base-line\n              [transactionInfo]=\"transactionInfo\"\n              [transactionLine]=\"transactionLine\"\n              [preview]=\"preview\"\n              [isFirst]=\"isFirst\"\n              [checkbox]=\"showCheckbox && transactionInfo.transactionDefinitive\"\n              [checkboxValue]=\"transactionLine.selected\"\n              [checkboxReadonly]=\"checkboxReadonly\"\n              (checkboxValueChanged)=\"handleSelectCheckboxClick($event)\"\n      >\n          <div class=\"transaction-line-wrapper\" [class.transaction-not-definitive]=\"!transactionInfo.transactionDefinitive\">\n              <div *ngIf=!preview class=\"transaction-line-extended-wrapper\">\n                  <div class=\"column1\">\n                      <co-transaction-line-statusbar\n                              class=\"status-bar-wrapper\"\n                              [screenConfigurationObject]=\"cfgNames.StatusBar\"\n                              [configNames]=\"statusBarConfigNames\"\n                              [activeCategory]=\"category.SalesOrderDeliveryNote\"></co-transaction-line-statusbar>\n                  </div>\n                  <div class=\"column2\">\n                      <div class=\"transaction-field-wrapper\">\n                          <div class=\"inside-field\">\n                              <co-transaction-line-label [insideLabel]=\"'WAREHOUSE'\"></co-transaction-line-label>\n                              <co-transaction-line-warehouse-button\n                                      [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n                                      [readonly]=\"readonly\"></co-transaction-line-warehouse-button>\n                          </div>\n                      </div>\n                  </div>\n                  <div class=\"column3\">\n                      <div class=\"transaction-field-wrapper\">\n                          <div class=\"inside-field\">\n                              <co-transaction-line-label [insideLabel]=\"'DELIVERY_METHOD'\"></co-transaction-line-label>\n                              <co-transaction-line-delivery-button\n                                      [screenConfigurationObject]=\"cfgNames.LineDeliveryMethod\"\n                              ></co-transaction-line-delivery-button>\n                          </div>\n                      </div>\n                  </div>\n                  <div class=\"column4\">\n                      <div class=\"transaction-field-wrapper\">\n                          <div class=\"inside-field\">\n                              <co-transaction-line-label [insideLabel]=\"'PRICE'\"></co-transaction-line-label>\n                              <co-transaction-line-price class=\"transaction-line-totals-price price\"\n                                                         [screenConfigurationObject]=\"cfgNames.LinePrice\"\n                                                         [showLabel]=\"false\"\n                                                         [defaultEditMode]=\"false\"\n                              ></co-transaction-line-price>\n                          </div>\n                      </div>\n                      <div class=\"transaction-field-wrapper\">\n                          <div class=\"inside-field\">\n                              <co-transaction-line-label [insideLabel]=\"'DISCOUNT'\"></co-transaction-line-label>\n                              <co-transaction-line-discount-button *ngIf=\"!preview\"\n                                                                   [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n                                                                   [configNames]=\"discountConfigNames\"\n                              ></co-transaction-line-discount-button>\n                          </div>\n                      </div>\n                      <div class=\"transaction-field-wrapper\">\n                          <div class=\"inside-field\">\n                              <co-transaction-line-label [insideLabel]=\"'QUANTITY'\"></co-transaction-line-label>\n                              <co-input-number-picker class=\"amount-number-picker\"\n                                                      [screenConfigurationObject]=\"cfgNames.LineQuantityToDeliver\"\n                                                      [(model)]=\"transactionLine.amountSelected\"\n                                                      [decimals]=\"decimals\"\n                                                      [min]=\"!transactionInfo.allowPartialDelivery ? transactionLine.amount : 0\"\n                                                      [max]=\"transactionLineService?.lineQuantityToDeliver\"\n                                                      [readonly]=\"!transactionLine.selected || readonly || !transactionInfo.allowPartialDelivery\"\n                                                      (modelChange)=\"updateSelectedQuantity()\"\n                              >\n                              </co-input-number-picker>\n                          </div>\n                      </div>\n                      <div class=\"transaction-field-wrapper\">\n                          <div class=\"inside-field\">\n                              <co-transaction-line-label [insideLabel]=\"'TOTAL'\"></co-transaction-line-label>\n                              <co-editable-label class=\"transaction-line-totals-total price\"\n                                                 [model]=\"transactionLine.displayNetLineTotal | coCurrency: true\"\n                                                 [editModel]=\"transactionLine.displayNetLineTotal\"\n                                                 [readonly]=\"true\"\n                              ></co-editable-label>\n                          </div>\n                      </div>\n                  </div>\n              </div>\n          </div>\n      </co-transaction-base-line>\n  ",
+                    template: "\n      <co-transaction-base-line\n              [transactionInfo]=\"transactionInfo\"\n              [transactionLine]=\"transactionLine\"\n              [preview]=\"preview\"\n              [isFirst]=\"isFirst\"\n              [checkbox]=\"showCheckbox && transactionInfo.transactionDefinitive\"\n              [checkboxValue]=\"transactionLine.selected\"\n              [checkboxReadonly]=\"checkboxReadonly\"\n              (checkboxValueChanged)=\"handleSelectCheckboxClick($event)\"\n      >\n          <div class=\"transaction-line-wrapper\" [class.transaction-not-definitive]=\"!transactionInfo.transactionDefinitive\">\n              <div *ngIf=!preview class=\"transaction-line-extended-wrapper\">\n                  <div class=\"column1\">\n                      <co-transaction-line-statusbar\n                              class=\"status-bar-wrapper\"\n                              [screenConfigurationObject]=\"cfgNames.StatusBar\"\n                              [configNames]=\"statusBarConfigNames\"\n                              [activeCategory]=\"category.SalesOrderDeliveryNote\"></co-transaction-line-statusbar>\n                  </div>\n                  <div class=\"column2\">\n                      <div class=\"transaction-field-wrapper\">\n                          <div class=\"inside-field\">\n                              <co-transaction-line-label [insideLabel]=\"'WAREHOUSE'\"></co-transaction-line-label>\n                              <co-transaction-line-warehouse-button\n                                      [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n                                      [readonly]=\"readonly\"></co-transaction-line-warehouse-button>\n                          </div>\n                      </div>\n                  </div>\n                  <div class=\"column3\">\n                      <div class=\"transaction-field-wrapper\">\n                          <div class=\"inside-field\">\n                              <co-transaction-line-label [insideLabel]=\"'DELIVERY_METHOD'\"></co-transaction-line-label>\n                              <co-transaction-line-delivery-button\n                                      [screenConfigurationObject]=\"cfgNames.LineDeliveryMethod\"\n                              ></co-transaction-line-delivery-button>\n                          </div>\n                      </div>\n                  </div>\n                  <div class=\"column4\">\n                      <div class=\"transaction-field-wrapper\">\n                          <div class=\"inside-field\">\n                              <co-transaction-line-label [insideLabel]=\"'PRICE'\"></co-transaction-line-label>\n                              <co-transaction-line-price class=\"transaction-line-totals-price price\"\n                                                         [screenConfigurationObject]=\"cfgNames.LinePrice\"\n                                                         [showLabel]=\"false\"\n                                                         [defaultEditMode]=\"false\"\n                              ></co-transaction-line-price>\n                          </div>\n                      </div>\n                      <div class=\"transaction-field-wrapper\">\n                          <div class=\"inside-field\">\n                              <co-transaction-line-label [insideLabel]=\"'DISCOUNT'\"></co-transaction-line-label>\n                              <co-transaction-line-discount-button *ngIf=\"!preview\"\n                                                                   [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n                                                                   [configNames]=\"discountConfigNames\"\n                              ></co-transaction-line-discount-button>\n                          </div>\n                      </div>\n                      <div class=\"transaction-field-wrapper\">\n                          <div class=\"inside-field\">\n                              <co-transaction-line-label [insideLabel]=\"'QUANTITY'\"></co-transaction-line-label>\n                              <co-input-number-picker class=\"amount-number-picker\"\n                                                      [screenConfigurationObject]=\"cfgNames.LineQuantityToDeliver\"\n                                                      [(model)]=\"localAmountSelected\"\n                                                      [decimals]=\"decimals\"\n                                                      [min]=\"!transactionInfo.allowPartialDelivery ? transactionLine.amount : 0\"\n                                                      [max]=\"transactionLineService?.lineQuantityToDeliver\"\n                                                      [forceReadonly]=\"(!transactionLine.selected) || transactionLineService?.lineQuantityToDeliver === 0 || readonly || !transactionInfo.allowPartialDelivery\"\n                                                      (modelChange)=\"updateSelectedQuantity(localAmountSelected)\"\n                              >\n                              </co-input-number-picker>\n                          </div>\n                      </div>\n                      <div class=\"transaction-field-wrapper\">\n                          <div class=\"inside-field\">\n                              <co-transaction-line-label [insideLabel]=\"'TOTAL'\"></co-transaction-line-label>\n                              <co-editable-label class=\"transaction-line-totals-total price\"\n                                                 [model]=\"transactionLine.displayNetLineTotal | coCurrency: true\"\n                                                 [editModel]=\"transactionLine.displayNetLineTotal\"\n                                                 [readonly]=\"true\"\n                              ></co-editable-label>\n                          </div>\n                      </div>\n                  </div>\n              </div>\n          </div>\n      </co-transaction-base-line>\n  ",
                     encapsulation: i0.ViewEncapsulation.None,
                     changeDetection: i0.ChangeDetectionStrategy.OnPush
                 },] }
@@ -25379,10 +25488,11 @@
             });
         };
         TransactionQuickAccessOrderDeliveryComponent.prototype._createRequestLines = function (selectedLines) {
+            var _this = this;
             return selectedLines.map(function (line) {
                 var transactionLineReportingRequest = new transactionLineReportingRequest_bo.TransactionLineReportingRequest();
                 transactionLineReportingRequest.lineNr = line.lineNr;
-                transactionLineReportingRequest.amount = line.amountSelected;
+                transactionLineReportingRequest.amount = _this.transactionInfo.allowPartialDelivery ? line.amountSelected : line.articleLineStatus.quantityToDeliver;
                 return transactionLineReportingRequest;
             });
         };
@@ -26876,10 +26986,11 @@
             });
         };
         TransactionQuickAccessInvoiceComponent.prototype._createRequestLines = function (selectedLines) {
+            var _this = this;
             return selectedLines.map(function (line) {
                 var transactionLineReportingRequest = new transactionLineReportingRequest_bo.TransactionLineReportingRequest();
                 transactionLineReportingRequest.lineNr = line.lineNr;
-                transactionLineReportingRequest.amount = line.amountSelected;
+                transactionLineReportingRequest.amount = _this.transactionInfo.allowPartialDelivery ? line.amountSelected : line.articleLineStatus.quantityToInvoice;
                 return transactionLineReportingRequest;
             });
         };
@@ -26913,6 +27024,7 @@
             _this._subscriptions = [];
             _this.showCheckbox = false;
             _this.checkboxReadonly = false;
+            _this.localAmountSelected = 0;
             return _this;
         }
         TransactionInvoiceLineBaseComponent.prototype.ngOnInit = function () {
@@ -26927,6 +27039,7 @@
                 _this.detectChanges();
             }));
             this._checkCheckbox();
+            this._checkAmounts();
         };
         TransactionInvoiceLineBaseComponent.prototype.ngOnDestroy = function () {
             this._subscriptions.forEach(function (s) { return s.unsubscribe(); });
@@ -26934,12 +27047,8 @@
         };
         TransactionInvoiceLineBaseComponent.prototype.transactionLineSet = function () {
             _super.prototype.transactionLineSet.call(this);
-            if (this.transactionLine.articleLineStatus) {
-                this.transactionLine.quantityToInvoice = this.lineQuantityToInvoice;
-            }
-            if (this.transactionLine.amountSelected === undefined) {
-                this.transactionLine.amountSelected = 0;
-            }
+            this._checkCheckbox();
+            this._checkAmounts();
         };
         TransactionInvoiceLineBaseComponent.prototype.handleSelectCheckboxClick = function (checked) {
             return __awaiter(this, void 0, void 0, function () {
@@ -26947,23 +27056,33 @@
                     switch (_a.label) {
                         case 0:
                             this.transactionLine.selected = checked;
-                            return [4 /*yield*/, this.updateSelectedQuantity()];
+                            if (this.transactionLine.selected) {
+                                this.transactionLine.amountSelected = this.localAmountSelected;
+                            }
+                            else {
+                                this.transactionLine.amountSelected = 0;
+                            }
+                            return [4 /*yield*/, this.updateSelectedQuantity(this.transactionLine.amountSelected)];
                         case 1:
                             _a.sent();
+                            //TODO check if this is truly necessary
+                            this._checkAmounts();
+                            this.detectChanges();
                             return [2 /*return*/];
                     }
                 });
             });
         };
-        TransactionInvoiceLineBaseComponent.prototype.updateSelectedQuantity = function () {
+        TransactionInvoiceLineBaseComponent.prototype.updateSelectedQuantity = function (amount) {
             return __awaiter(this, void 0, void 0, function () {
                 var request;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
+                            this.transactionLine.amountSelected = amount;
                             request = new changeLineQuantitySelectedLineRequest.ChangeLineQuantitySelectedLineRequest();
                             request.lineUuid = this.transactionLine.uuid;
-                            request.newQuantitySelected = this.transactionLine.selected ? this.transactionLine.amountSelected : 0;
+                            request.newQuantitySelected = amount;
                             return [4 /*yield*/, this.transactionService.updateQuantitySelectedTransactionLine(this.transactionInfo.uuid, [request], false, false)];
                         case 1:
                             _a.sent();
@@ -26975,7 +27094,9 @@
         TransactionInvoiceLineBaseComponent.prototype._checkCheckbox = function () {
             if (this.transactionInfo && this.transactionLine) {
                 if (this.transactionInfo.allowPartialDelivery) {
-                    this.showCheckbox = this.lineQuantityToInvoice !== 0 && !this.lineIsInvoiced;
+                    this.showCheckbox = (this.lineQuantityToInvoice !== 0 && !this.lineIsInvoiced);
+                    this.checkboxReadonly = !this.showCheckbox;
+                    this.selected = ((this.transactionLine.amountSelected !== 0) && (this.transactionLine.amountSelected !== undefined));
                 }
                 else {
                     this.showCheckbox = this.canAllLinesBeInvoiced && !this.lineIsInvoiced;
@@ -26986,6 +27107,16 @@
                 this.detectChanges();
             }
         };
+        TransactionInvoiceLineBaseComponent.prototype._checkAmounts = function () {
+            if (this.transactionInfo && this.transactionLine) {
+                if (this.transactionInfo.allowPartialDelivery) {
+                    this.localAmountSelected = this.transactionLine.selected ? this.transactionLine.amountSelected : this.transactionLineService.lineQuantityToInvoice;
+                }
+                else {
+                    this.localAmountSelected = this.transactionLineService.lineQuantityToInvoice;
+                }
+            }
+        };
         return TransactionInvoiceLineBaseComponent;
     }(TransactionLineBaseComponent));
     TransactionInvoiceLineBaseComponent.decorators = [
@@ -27024,7 +27155,7 @@
     TransactionInvoiceLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-invoice-line",
-                    template: "\n      <co-transaction-base-line\n              [transactionInfo]=\"transactionInfo\"\n              [transactionLine]=\"transactionLine\"\n              [preview]=\"preview\"\n              [isFirst]=\"isFirst\"\n              [checkbox]=\"showCheckbox && transactionInfo.transactionDefinitive\"\n              [checkboxValue]=\"transactionLine.selected\"\n              [checkboxReadonly]=\"checkboxReadonly\"\n              (checkboxValueChanged)=\"handleSelectCheckboxClick($event)\"\n      >\n          <div class=\"transaction-line-wrapper\" [class.transaction-not-definitive]=\"!transactionInfo.transactionDefinitive\">\n              <div *ngIf=!preview class=\"transaction-line-extended-wrapper\">\n                  <div class=\"column1\">\n                      <co-transaction-line-statusbar\n                              class=\"status-bar-wrapper\"\n                              [screenConfigurationObject]=\"cfgNames.StatusBar\"\n                              [configNames]=\"statusBarConfigNames\"\n                              [activeCategory]=\"category.SalesOrderInvoice\"></co-transaction-line-statusbar>\n                  </div>\n                  <div class=\"column2\">\n                      <div class=\"transaction-field-wrapper\">\n                          <div class=\"inside-field\">\n                              <co-transaction-line-label [insideLabel]=\"'WAREHOUSE'\"></co-transaction-line-label>\n                              <co-transaction-line-warehouse-button\n                                      [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n                                      [readonly]=\"readonly\"></co-transaction-line-warehouse-button>\n                          </div>\n                      </div>\n                  </div>\n                  <div class=\"column3\">\n                      <div class=\"transaction-field-wrapper\">\n                          <div class=\"inside-field\">\n                              <co-transaction-line-label [insideLabel]=\"'DELIVERY_METHOD'\"></co-transaction-line-label>\n                              <co-transaction-line-delivery-button\n                                      [screenConfigurationObject]=\"cfgNames.LineDeliveryMethod\"\n                              ></co-transaction-line-delivery-button>\n                          </div>\n                      </div>\n                  </div>\n                  <div class=\"column4\">\n                      <div class=\"transaction-field-wrapper\">\n                          <div class=\"inside-field\">\n                              <co-transaction-line-label [insideLabel]=\"'PRICE'\"></co-transaction-line-label>\n                              <co-transaction-line-price class=\"transaction-line-totals-price price\"\n                                                         [screenConfigurationObject]=\"cfgNames.LinePrice\"\n                                                         [showLabel]=\"false\"\n                                                         [defaultEditMode]=\"false\"\n                              ></co-transaction-line-price>\n                          </div>\n                      </div>\n                      <div class=\"transaction-field-wrapper\">\n                          <div class=\"inside-field\">\n                              <co-transaction-line-label [insideLabel]=\"'DISCOUNT'\"></co-transaction-line-label>\n                              <co-transaction-line-discount-button *ngIf=\"!preview\"\n                                                                   [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n                                                                   [configNames]=\"discountConfigNames\"\n                              ></co-transaction-line-discount-button>\n                          </div>\n                      </div>\n                      <div class=\"transaction-field-wrapper\">\n                          <div class=\"inside-field\">\n                              <co-transaction-line-label [insideLabel]=\"'QUANTITY'\"></co-transaction-line-label>\n                            <co-input-number-picker class=\"amount-number-picker\"\n                                                    [screenConfigurationObject]=\"cfgNames.LineQuantityToInvoice\"\n                                                    [(model)]=\"transactionLine.amountSelected\"\n                                                    [decimals]=\"decimals\"\n                                                    [min]=\"1\"\n                                                    [max]=\"transactionLineService?.lineQuantityToInvoice\"\n                                                    [readonly]=\"!transactionLine.selected || readonly\"\n                                                    (modelChange)=\"updateSelectedQuantity()\"\n                            >\n                            </co-input-number-picker>\n                          </div>\n                      </div>\n                      <div class=\"transaction-field-wrapper\">\n                          <div class=\"inside-field\" *ngIf=\"!lineIsInvoiced\">\n                              <co-transaction-line-label [insideLabel]=\"'TOTAL'\"></co-transaction-line-label>\n                              <co-editable-label class=\"transaction-line-totals-total price\"\n                                                 [model]=\"transactionLine.displayNetLineTotal | coCurrency: true\"\n                                                 [editModel]=\"transactionLine.displayNetLineTotal\"\n                                                 [readonly]=\"true\"\n                              ></co-editable-label>\n                          </div>\n                      </div>\n                  </div>\n              </div>\n          </div>\n      </co-transaction-base-line>\n  ",
+                    template: "\n      <co-transaction-base-line\n              [transactionInfo]=\"transactionInfo\"\n              [transactionLine]=\"transactionLine\"\n              [preview]=\"preview\"\n              [isFirst]=\"isFirst\"\n              [checkbox]=\"showCheckbox && transactionInfo.transactionDefinitive\"\n              [checkboxValue]=\"transactionLine.selected\"\n              [checkboxReadonly]=\"checkboxReadonly\"\n              (checkboxValueChanged)=\"handleSelectCheckboxClick($event)\"\n      >\n          <div class=\"transaction-line-wrapper\" [class.transaction-not-definitive]=\"!transactionInfo.transactionDefinitive\">\n              <div *ngIf=!preview class=\"transaction-line-extended-wrapper\">\n                  <div class=\"column1\">\n                      <co-transaction-line-statusbar\n                              class=\"status-bar-wrapper\"\n                              [screenConfigurationObject]=\"cfgNames.StatusBar\"\n                              [configNames]=\"statusBarConfigNames\"\n                              [activeCategory]=\"category.SalesOrderInvoice\"></co-transaction-line-statusbar>\n                  </div>\n                  <div class=\"column2\">\n                      <div class=\"transaction-field-wrapper\">\n                          <div class=\"inside-field\">\n                              <co-transaction-line-label [insideLabel]=\"'WAREHOUSE'\"></co-transaction-line-label>\n                              <co-transaction-line-warehouse-button\n                                      [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n                                      [readonly]=\"readonly\"></co-transaction-line-warehouse-button>\n                          </div>\n                      </div>\n                  </div>\n                  <div class=\"column3\">\n                      <div class=\"transaction-field-wrapper\">\n                          <div class=\"inside-field\">\n                              <co-transaction-line-label [insideLabel]=\"'DELIVERY_METHOD'\"></co-transaction-line-label>\n                              <co-transaction-line-delivery-button\n                                      [screenConfigurationObject]=\"cfgNames.LineDeliveryMethod\"\n                              ></co-transaction-line-delivery-button>\n                          </div>\n                      </div>\n                  </div>\n                  <div class=\"column4\">\n                      <div class=\"transaction-field-wrapper\">\n                          <div class=\"inside-field\">\n                              <co-transaction-line-label [insideLabel]=\"'PRICE'\"></co-transaction-line-label>\n                              <co-transaction-line-price class=\"transaction-line-totals-price price\"\n                                                         [screenConfigurationObject]=\"cfgNames.LinePrice\"\n                                                         [showLabel]=\"false\"\n                                                         [defaultEditMode]=\"false\"\n                              ></co-transaction-line-price>\n                          </div>\n                      </div>\n                      <div class=\"transaction-field-wrapper\">\n                          <div class=\"inside-field\">\n                              <co-transaction-line-label [insideLabel]=\"'DISCOUNT'\"></co-transaction-line-label>\n                              <co-transaction-line-discount-button *ngIf=\"!preview\"\n                                                                   [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n                                                                   [configNames]=\"discountConfigNames\"\n                              ></co-transaction-line-discount-button>\n                          </div>\n                      </div>\n                      <div class=\"transaction-field-wrapper\">\n                          <div class=\"inside-field\">\n                              <co-transaction-line-label [insideLabel]=\"'QUANTITY'\"></co-transaction-line-label>\n                            <co-input-number-picker class=\"amount-number-picker\"\n                                                    [screenConfigurationObject]=\"cfgNames.LineQuantityToInvoice\"\n                                                    [(model)]=\"localAmountSelected\"\n                                                    [decimals]=\"decimals\"\n                                                    [min]=\"1\"\n                                                    [max]=\"transactionLineService?.lineQuantityToInvoice\"\n                                                    [forceReadonly]=\"(!transactionLine.selected) || transactionLineService?.lineQuantityToInvoice === 0 || readonly || !transactionInfo.allowPartialDelivery\"\n                                                    (modelChange)=\"updateSelectedQuantity(localAmountSelected)\"\n                            >\n                            </co-input-number-picker>\n                          </div>\n                      </div>\n                      <div class=\"transaction-field-wrapper\">\n                          <div class=\"inside-field\" *ngIf=\"!lineIsInvoiced\">\n                              <co-transaction-line-label [insideLabel]=\"'TOTAL'\"></co-transaction-line-label>\n                              <co-editable-label class=\"transaction-line-totals-total price\"\n                                                 [model]=\"transactionLine.displayNetLineTotal | coCurrency: true\"\n                                                 [editModel]=\"transactionLine.displayNetLineTotal\"\n                                                 [readonly]=\"true\"\n                              ></co-editable-label>\n                          </div>\n                      </div>\n                  </div>\n              </div>\n          </div>\n      </co-transaction-base-line>\n  ",
                     encapsulation: i0.ViewEncapsulation.None,
                     changeDetection: i0.ChangeDetectionStrategy.OnPush
                 },] }
@@ -27174,7 +27305,7 @@
     TransactionCardInvoiceComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-card-invoice",
-                    template: "\n      <div class=\"transaction-card-wrapper\">\n          <co-transaction-card-header\n                  [showActionButtons]=\"true\"\n                  [showCheckbox]=\"showCheckbox && transactionInfo.transactionDefinitive\"\n                  [showThumbnail]=\"false\"\n                  [expanded]=\"expanded\"\n                  (checkboxValueChanged)=\"handleSelectCheckboxClick($event)\"\n                  (expandClicked)=\"expanded = !expanded\">\n              <div class=\"transaction-line-totals-amount card-button\" *ngIf=\"lineQuantityToInvoice !== 0\">\n                  <co-input-number-picker class=\"amount-number-picker\"\n                                          [(model)]=\"transactionLine.amountSelected\"\n                                          [decimals]=\"decimals\"\n                                          [min]=\"1\"\n                                          [max]=\"transactionLine.amount\"\n                                          [readonly]=\"readonly\"\n                                          (modelChange)=\"updateSelectedQuantity()\">\n                  </co-input-number-picker>\n              </div>\n          </co-transaction-card-header>\n          <div class=\"transaction-card-content-wrapper\">\n              <div class=\"content-base top-base\">\n                  <div class=\"transaction-field-wrapper status-bar\">\n                      <co-transaction-line-statusbar\n                              [screenConfigurationObject]=\"cfgNames.StatusBar\"\n                              [configNames]=\"statusBarConfigNames\"\n                              [activeCategory]=\"category.SalesOrderDeliveryNote\"></co-transaction-line-statusbar>\n                  </div>\n                  <div class=\"transaction-field-wrapper\">\n                      <div class=\"inside-field\">\n                          <co-transaction-line-label [insideLabel]=\"'WAREHOUSE'\"></co-transaction-line-label>\n                          <co-transaction-line-warehouse-button></co-transaction-line-warehouse-button>\n                      </div>\n                  </div>\n                  <div class=\"transaction-field-wrapper\">\n                      <div class=\"inside-field\">\n                          <co-transaction-line-label [insideLabel]=\"'DELIVERY_METHOD'\"></co-transaction-line-label>\n                          <co-transaction-line-delivery-button></co-transaction-line-delivery-button>\n                      </div>\n                  </div>\n              </div>\n              <div class=\"content-base bottom-base\">\n                  <div class=\"transaction-field-wrapper\">\n                      <div class=\"inside-field\">\n                          <co-transaction-line-label [insideLabel]=\"'PRICE'\"></co-transaction-line-label>\n                          <co-transaction-line-price class=\"transaction-line-totals-price price\"\n                                                     [screenConfigurationObject]=\"cfgNames.LinePrice\"\n                                                     [showLabel]=\"false\"\n                                                     [defaultEditMode]=\"false\"\n                          ></co-transaction-line-price>\n                      </div>\n                  </div>\n                  <div class=\"transaction-field-wrapper\">\n                      <div class=\"inside-field\">\n                          <co-transaction-line-label [insideLabel]=\"'DISCOUNT'\"></co-transaction-line-label>\n                          <co-transaction-line-discount-button *ngIf=\"!preview\"\n                                                               [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n                                                               [configNames]=\"discountConfigNames\"\n                          ></co-transaction-line-discount-button>\n                      </div>\n                  </div>\n                  <div class=\"transaction-field-wrapper\">\n                      <div class=\"inside-field\">\n                          <co-transaction-line-label [insideLabel]=\"'QUANTITY'\"></co-transaction-line-label>\n                          <co-transaction-line-amount class=\"amount-number-picker\"\n                                                      [screenConfigurationObject]=\"cfgNames.LineAmount\"\n                          ></co-transaction-line-amount>\n                      </div>\n                  </div>\n                  <div class=\"transaction-field-wrapper\">\n                      <div class=\"inside-field\">\n                          <co-transaction-line-label [insideLabel]=\"'TOTAL'\"></co-transaction-line-label>\n                          <co-editable-label class=\"transaction-line-totals-total price\"\n                                             [model]=\"transactionLine.displayNetLineTotal | coCurrency: true\"\n                                             [editModel]=\"transactionLine.displayNetLineTotal\"\n                                             [readonly]=\"true\"\n                          ></co-editable-label>\n                      </div>\n                  </div>\n              </div>\n              <div class=\"content-expanded\" *ngIf=\"expanded\">\n                  <div class=\"transaction-field-wrapper\">\n                      <div class=\"inside-field\">\n                          <co-transaction-line-label [insideLabel]=\"'DELIVERY_METHOD'\"></co-transaction-line-label>\n                          <co-transaction-line-delivery-button\n                                  [screenConfigurationObject]=\"cfgNames.LineDeliveryMethod\"\n                          ></co-transaction-line-delivery-button>\n                      </div>\n                  </div>\n                  <div class=\"transaction-field-wrapper\">\n                      <div class=\"inside-field\">\n                          <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE'\"></co-transaction-line-label>\n                          <co-transaction-line-delivery-date-button></co-transaction-line-delivery-date-button>\n                      </div>\n                  </div>\n              </div>\n          </div>\n\n          <co-transaction-card-footer\n                  [transactionTypeCategory]=\"category.SalesOrderInvoice\"\n                  [expanded]=\"expanded\"\n          ></co-transaction-card-footer>\n      </div>\n  ",
+                    template: "\n      <div class=\"transaction-card-wrapper\">\n          <co-transaction-card-header\n                  [showActionButtons]=\"true\"\n                  [showCheckbox]=\"showCheckbox && transactionInfo.transactionDefinitive\"\n                  [showThumbnail]=\"false\"\n                  [expanded]=\"expanded\"\n                  (checkboxValueChanged)=\"handleSelectCheckboxClick($event)\"\n                  (expandClicked)=\"expanded = !expanded\">\n              <div class=\"transaction-line-totals-amount card-button\" *ngIf=\"lineQuantityToInvoice !== 0\">\n                  <co-input-number-picker class=\"amount-number-picker\"\n                                          [(model)]=\"transactionLine.amountSelected\"\n                                          [decimals]=\"decimals\"\n                                          [min]=\"1\"\n                                          [max]=\"transactionLine.amount\"\n                                          [readonly]=\"readonly\"\n                                          (modelChange)=\"updateSelectedQuantity(transactionLine.amountSelected)\">\n                  </co-input-number-picker>\n              </div>\n          </co-transaction-card-header>\n          <div class=\"transaction-card-content-wrapper\">\n              <div class=\"content-base top-base\">\n                  <div class=\"transaction-field-wrapper status-bar\">\n                      <co-transaction-line-statusbar\n                              [screenConfigurationObject]=\"cfgNames.StatusBar\"\n                              [configNames]=\"statusBarConfigNames\"\n                              [activeCategory]=\"category.SalesOrderDeliveryNote\"></co-transaction-line-statusbar>\n                  </div>\n                  <div class=\"transaction-field-wrapper\">\n                      <div class=\"inside-field\">\n                          <co-transaction-line-label [insideLabel]=\"'WAREHOUSE'\"></co-transaction-line-label>\n                          <co-transaction-line-warehouse-button></co-transaction-line-warehouse-button>\n                      </div>\n                  </div>\n                  <div class=\"transaction-field-wrapper\">\n                      <div class=\"inside-field\">\n                          <co-transaction-line-label [insideLabel]=\"'DELIVERY_METHOD'\"></co-transaction-line-label>\n                          <co-transaction-line-delivery-button></co-transaction-line-delivery-button>\n                      </div>\n                  </div>\n              </div>\n              <div class=\"content-base bottom-base\">\n                  <div class=\"transaction-field-wrapper\">\n                      <div class=\"inside-field\">\n                          <co-transaction-line-label [insideLabel]=\"'PRICE'\"></co-transaction-line-label>\n                          <co-transaction-line-price class=\"transaction-line-totals-price price\"\n                                                     [screenConfigurationObject]=\"cfgNames.LinePrice\"\n                                                     [showLabel]=\"false\"\n                                                     [defaultEditMode]=\"false\"\n                          ></co-transaction-line-price>\n                      </div>\n                  </div>\n                  <div class=\"transaction-field-wrapper\">\n                      <div class=\"inside-field\">\n                          <co-transaction-line-label [insideLabel]=\"'DISCOUNT'\"></co-transaction-line-label>\n                          <co-transaction-line-discount-button *ngIf=\"!preview\"\n                                                               [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n                                                               [configNames]=\"discountConfigNames\"\n                          ></co-transaction-line-discount-button>\n                      </div>\n                  </div>\n                  <div class=\"transaction-field-wrapper\">\n                      <div class=\"inside-field\">\n                          <co-transaction-line-label [insideLabel]=\"'QUANTITY'\"></co-transaction-line-label>\n                          <co-transaction-line-amount class=\"amount-number-picker\"\n                                                      [screenConfigurationObject]=\"cfgNames.LineAmount\"\n                          ></co-transaction-line-amount>\n                      </div>\n                  </div>\n                  <div class=\"transaction-field-wrapper\">\n                      <div class=\"inside-field\">\n                          <co-transaction-line-label [insideLabel]=\"'TOTAL'\"></co-transaction-line-label>\n                          <co-editable-label class=\"transaction-line-totals-total price\"\n                                             [model]=\"transactionLine.displayNetLineTotal | coCurrency: true\"\n                                             [editModel]=\"transactionLine.displayNetLineTotal\"\n                                             [readonly]=\"true\"\n                          ></co-editable-label>\n                      </div>\n                  </div>\n              </div>\n              <div class=\"content-expanded\" *ngIf=\"expanded\">\n                  <div class=\"transaction-field-wrapper\">\n                      <div class=\"inside-field\">\n                          <co-transaction-line-label [insideLabel]=\"'DELIVERY_METHOD'\"></co-transaction-line-label>\n                          <co-transaction-line-delivery-button\n                                  [screenConfigurationObject]=\"cfgNames.LineDeliveryMethod\"\n                          ></co-transaction-line-delivery-button>\n                      </div>\n                  </div>\n                  <div class=\"transaction-field-wrapper\">\n                      <div class=\"inside-field\">\n                          <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE'\"></co-transaction-line-label>\n                          <co-transaction-line-delivery-date-button></co-transaction-line-delivery-date-button>\n                      </div>\n                  </div>\n              </div>\n          </div>\n\n          <co-transaction-card-footer\n                  [transactionTypeCategory]=\"category.SalesOrderInvoice\"\n                  [expanded]=\"expanded\"\n          ></co-transaction-card-footer>\n      </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -29989,7 +30120,7 @@
                 //  {title: 'DELIVERY_NOTE', icon: Icon.MemoCircleCheckRegular, category: TransactionTypeCategory.SalesOrderDeliveryNote, component: TransactionSalesDeliveryButtonBarButtonComponent, cfgName: this.cfgNames.RubricDelivery},
                 //]],
                 [transactionKind_enum.TransactionKind.ServiceOrder, [
-                        { title: 'SERVICE', icon: Icon.ToolboxRegular, category: TransactionTypeCategory.ServiceOrderService, component: TransactionServiceServiceButtonBarButtonComponent },
+                        { title: 'SERVICE', icon: Icon.ScrewdriverWrenchRegular, category: TransactionTypeCategory.ServiceOrderService, component: TransactionServiceServiceButtonBarButtonComponent },
                         { title: 'OVERVIEW', icon: Icon.CartShoppingRegular, category: TransactionTypeCategory.ServiceOrderOverview, component: TransactionSalesOverviewButtonBarButtonComponent, cfgName: this.cfgNames.RubricOverview },
                         { title: 'PURCHASE', icon: Icon.PalletBoxesSharpRegular, category: TransactionTypeCategory.ServiceOrderPurchase, component: TransactionSalesPurchaseButtonBarButtonComponent, cfgName: this.cfgNames.RubricPurchase },
                         { title: 'ALLOCATION', icon: Icon.ShelvesRegular, category: TransactionTypeCategory.ServiceOrderAllocation, component: TransactionSalesAllocationButtonBarButtonComponent, cfgName: this.cfgNames.RubricAllocate },
@@ -53260,8 +53391,77 @@
         showClass: [{ type: i0.HostBinding, args: ['class.co-shopping-cart',] }]
     };
 
+    var LineSelectionService = /** @class */ (function () {
+        function LineSelectionService(_transactionEventService, _transactionService) {
+            var _this = this;
+            this._transactionEventService = _transactionEventService;
+            this._transactionService = _transactionService;
+            this._subs = [];
+            this._selectedLineUuidsForDelivery = [];
+            this._selectedLineUuidsForInvoice = [];
+            this._subs.push(this._transactionEventService.lineSelectedForDelivery.subscribe(function (data) {
+                if (_this._checkAllLinesSelectedForDelivery(data)) {
+                    _this._selectedLineUuidsForDelivery.length = 0;
+                    _this._transactionEventService.allLinesSelectedForDelivery.next();
+                }
+            }), this._transactionEventService.lineSelectedForInvoice.subscribe(function (data) {
+                if (_this._checkAllLinesSelectedForInvoice(data)) {
+                    _this._selectedLineUuidsForInvoice.length = 0;
+                    _this._transactionEventService.allLinesSelectedForInvoice.next();
+                }
+            }));
+        }
+        LineSelectionService.prototype.ngOnDestroy = function () {
+            this._subs.forEach(function (s) { return s.unsubscribe(); });
+        };
+        LineSelectionService.prototype._checkAllLinesSelectedForDelivery = function (data) {
+            var _this = this;
+            if (data && data.lineUuid) {
+                if (!data.selected) {
+                    return true;
+                }
+                this._selectedLineUuidsForDelivery.push(data.lineUuid);
+                var transactionLinesForDelivery = this._transactionService.currentTransaction.transactionLines.filter(function (l) { return l.articleLineStatus && l.articleLineStatus.quantityToDeliver !== 0; });
+                if (this._transactionService.currentTransaction.deliveryCostLines) {
+                    transactionLinesForDelivery = transactionLinesForDelivery.concat(this._transactionService.currentTransaction.deliveryCostLines);
+                }
+                var notFound = transactionLinesForDelivery.filter(function (l) { return _this._selectedLineUuidsForDelivery.indexOf(l.uuid) < 0; });
+                return notFound.length === 0;
+            }
+            return false;
+        };
+        LineSelectionService.prototype._checkAllLinesSelectedForInvoice = function (data) {
+            var _this = this;
+            if (data && data.lineUuid) {
+                if (!data.selected) {
+                    return true;
+                }
+                this._selectedLineUuidsForInvoice.push(data.lineUuid);
+                var transactionLinesForInvoice = this._transactionService.currentTransaction.transactionLines.filter(function (l) { return l.articleLineStatus && l.articleLineStatus.quantityToInvoice !== 0; });
+                if (this._transactionService.currentTransaction.deliveryCostLines) {
+                    transactionLinesForInvoice = transactionLinesForInvoice.concat(this._transactionService.currentTransaction.deliveryCostLines);
+                }
+                var notFound = transactionLinesForInvoice.filter(function (l) { return _this._selectedLineUuidsForInvoice.indexOf(l.uuid) < 0; });
+                return notFound.length === 0;
+            }
+            return false;
+        };
+        return LineSelectionService;
+    }());
+    LineSelectionService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function LineSelectionService_Factory() { return new LineSelectionService(i0__namespace.ɵɵinject(TransactionEventService), i0__namespace.ɵɵinject(TransactionService)); }, token: LineSelectionService, providedIn: "root" });
+    LineSelectionService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: "root"
+                },] }
+    ];
+    LineSelectionService.ctorParameters = function () { return [
+        { type: TransactionEventService },
+        { type: TransactionService }
+    ]; };
+
     var TransactionInternalComponent = /** @class */ (function () {
-        function TransactionInternalComponent(iconCacheService, service, transactionEventService, _transactionConnectorService, _transactionEventService, _screenConfigurationService, _dialogService, _purchaseConfirmationService, _deliveryPlanningService, _transactionBaseService, _changeDetector, _transactionHeaderService) {
+        function TransactionInternalComponent(iconCacheService, service, transactionEventService, _transactionConnectorService, _transactionEventService, _screenConfigurationService, _dialogService, _purchaseConfirmationService, _deliveryPlanningService, _transactionBaseService, _changeDetector, _transactionHeaderService, _lineSelection //Do not remove this. While it is not directly used it has its own important subscriptions.
+        ) {
             this.iconCacheService = iconCacheService;
             this.service = service;
             this.transactionEventService = transactionEventService;
@@ -53274,6 +53474,7 @@
             this._transactionBaseService = _transactionBaseService;
             this._changeDetector = _changeDetector;
             this._transactionHeaderService = _transactionHeaderService;
+            this._lineSelection = _lineSelection;
             this.categories = TransactionTypeCategory;
             this.viewModes = corecomponents_v12.ContentViewMode;
             this.icons = Icon;
@@ -53410,7 +53611,21 @@
         //   this.service.relation = relation;
         // }
         TransactionInternalComponent.prototype.handleButtonBarButtonClicked = function (button) {
-            this.activeCategory = button.category;
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            if (!(this.activeCategory !== button.category && this.transaction)) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.service.updateQuantitySelectNone(this.transaction.transactionInfo.uuid, false, false)];
+                        case 1:
+                            _b.sent();
+                            _b.label = 2;
+                        case 2:
+                            this.activeCategory = button.category;
+                            return [2 /*return*/];
+                    }
+                });
+            });
         };
         TransactionInternalComponent.prototype.handleShowSidePanel = function (line, force) {
             if (force === void 0) { force = false; }
@@ -53692,7 +53907,8 @@
         { type: DeliveryPlanningService },
         { type: TransactionBaseService },
         { type: i0.ChangeDetectorRef },
-        { type: TransactionHeaderService }
+        { type: TransactionHeaderService },
+        { type: LineSelectionService }
     ]; };
     TransactionInternalComponent.propDecorators = {
         sidePanelComponents: [{ type: i0.ViewChildren, args: [TransactionLineSidePanelComponent,] }],
@@ -59248,19 +59464,22 @@
     ];
 
     var TransactionCreateWizardComponent = /** @class */ (function () {
-        function TransactionCreateWizardComponent(createService, relationService, transactionScreenConfigurationService) {
+        function TransactionCreateWizardComponent(createService, relationService, transactionScreenConfigurationService, _headerService) {
             this.createService = createService;
             this.relationService = relationService;
             this.transactionScreenConfigurationService = transactionScreenConfigurationService;
+            this._headerService = _headerService;
             this.transKind = transactionKind_enum.TransactionKind;
             this.Icon = Icon;
             this.transactionFinished = new i0.EventEmitter();
             //This can be an input once the component is adjusted to work to create more transactions.
             this.transactionType = transactionKind_enum.TransactionKind.ServiceOrder;
             this.noLockOnCustomerSet = false;
+            this.isReady = false;
             this._externallyProvidedTransaction = null;
             //for bundle puroses where an new, non transaction based, service should always start with the customer already set
             this._externallyProvidedCustomer = null;
+            this._subs = [];
         }
         Object.defineProperty(TransactionCreateWizardComponent.prototype, "externallyProvidedTransaction", {
             set: function (transaction) {
@@ -59288,9 +59507,16 @@
         };
         TransactionCreateWizardComponent.prototype.ngOnInit = function () {
             return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.createService.prepareAfterSalesSystemParam()];
+                        case 0:
+                            this._subs.push(this.createService.transactionUpdated.subscribe(function (transaction) {
+                                if (transaction) {
+                                    _this._headerService.transaction = transaction;
+                                }
+                            }));
+                            return [4 /*yield*/, this.createService.prepareAfterSalesSystemParam()];
                         case 1:
                             _a.sent();
                             if (this.createService.afterSalesSystemParam) {
@@ -59302,11 +59528,22 @@
                             this.createService.transactionKind = this.transactionType;
                             this.createService.createNewRelation();
                             this._processExternalSettings();
+                            this._headerService.relation = new customerFullObject_bo.CustomerFullObject();
+                            this._headerService.createCloneRelation();
+                            this.isReady = true;
                             return [2 /*return*/];
                     }
                 });
             });
         };
+        TransactionCreateWizardComponent.prototype.ngOnDestroy = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    this._subs.forEach(function (s) { return s.unsubscribe(); });
+                    return [2 /*return*/];
+                });
+            });
+        };
         TransactionCreateWizardComponent.prototype.handleRelationValidation = function () {
             return __awaiter(this, void 0, void 0, function () {
                 var valid, _a;
@@ -59519,15 +59756,16 @@
     TransactionCreateWizardComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-create-wizard",
-                    template: "\n    <co-click-block></co-click-block>\n    <co-simple-vertical-stepper [stepButtonLabels]=\"['Volgende', 'Volgende', 'Volgende', 'Volgende', 'Afronden']\"\n                                #stepper [titleIcon]=\"Icon.ServiceCartRegular\" [title]=\"'CREATE_SERVICE' | localize\" [doNotShowOKOnSteps]=\"[3]\">\n      <co-stepper-step  #stepRelationSection [index]=\"1\" [label]=\"'PERSONAL_DATA' | localize\" (validateStep)=\"handleRelationValidation()\">\n        <co-transaction-header-popup-relation #relationSection [noLockOnCustomerSet]=\"noLockOnCustomerSet\" [forceReadonly]=\"noLockOnCustomerSet\"\n                                              *ngIf=\"stepRelationSection.show\"\n                                              class=\"category-content\"\n                                              [forceReadonly]=\"(createService.currentTransaction.transactionInfo.uuid !== undefined)\"\n                                              [showInvoiceAddress]=\"false\" [showPrivacy]=\"false\" [showMessageForChangeCustomer]=\"true\"\n                                              (changeCustomerRequested)=\"resetWizard()\"\n        ></co-transaction-header-popup-relation>\n      </co-stepper-step>\n      <co-stepper-step  #stepTransactionSection [index]=\"2\" [label]=\"'HOW_TO_CREATE_SERVICE' | localize\" (validateStep)=\"handleTransactionValidation()\">\n        <co-transaction-header-popup-create-service #transactionSection [relation]=\"createService.relation\" [forceReadonly]=\"(createService.currentTransaction.transactionInfo.uuid !== undefined)\"\n                                                    [afterSalesSystem]=\"createService.afterSalesSystemParam\"></co-transaction-header-popup-create-service>\n      </co-stepper-step>\n      <co-stepper-step  #stepWizardSection [index]=\"3\" [label]=\"'SERVICE_WIZARD' | localize\" (validateStep)=\"handleWizardValidation()\">\n        <co-transaction-header-popup-service-wizard #wizardSection (wizardFinished)=\"wizardFinished()\" (skipWizard)=\"skipWizard()\"></co-transaction-header-popup-service-wizard>\n      </co-stepper-step>\n      <co-stepper-step #stepServiceFieldsSection [index]=\"4\" [label]=\"'SERVICE_INFO' | localize\" (validateStep)=\"handleServiceInfoValidation()\">\n        <co-transaction-header-popup-service-fields #serviceFieldsSection></co-transaction-header-popup-service-fields>\n      </co-stepper-step>\n      <co-stepper-step  [index]=\"5\" [label]=\"'FINISH' | localize\">\n      </co-stepper-step>\n    </co-simple-vertical-stepper>\n\n  ",
-                    providers: [TransactionCreateService],
+                    template: "\n    <co-click-block></co-click-block>\n    <ng-container *ngIf=\"isReady\">\n      <co-simple-vertical-stepper [stepButtonLabels]=\"['Volgende', 'Volgende', 'Volgende', 'Volgende', 'Afronden']\"\n                                  #stepper [titleIcon]=\"Icon.ServiceCartRegular\" [title]=\"'CREATE_SERVICE' | localize\" [doNotShowOKOnSteps]=\"[3]\">\n        <co-stepper-step  #stepRelationSection [index]=\"1\" [label]=\"'PERSONAL_DATA' | localize\" (validateStep)=\"handleRelationValidation()\">\n\n          <co-transaction-header-popup-relation #relationSection [noLockOnCustomerSet]=\"noLockOnCustomerSet\" [forceReadonly]=\"noLockOnCustomerSet\"\n                                                *ngIf=\"stepRelationSection.show\"\n                                                class=\"category-content\"\n                                                [forceReadonly]=\"(createService.currentTransaction.transactionInfo.uuid !== undefined)\"\n                                                [showInvoiceAddress]=\"false\" [showPrivacy]=\"false\" [showMessageForChangeCustomer]=\"true\"\n                                                (changeCustomerRequested)=\"resetWizard()\"\n          ></co-transaction-header-popup-relation>\n        </co-stepper-step>\n        <co-stepper-step  #stepTransactionSection [index]=\"2\" [label]=\"'HOW_TO_CREATE_SERVICE' | localize\" (validateStep)=\"handleTransactionValidation()\">\n          <co-transaction-header-popup-create-service #transactionSection [relation]=\"createService.relation\" [forceReadonly]=\"(createService.currentTransaction.transactionInfo.uuid !== undefined)\"\n                                                      [afterSalesSystem]=\"createService.afterSalesSystemParam\"></co-transaction-header-popup-create-service>\n        </co-stepper-step>\n        <co-stepper-step  #stepWizardSection [index]=\"3\" [label]=\"'SERVICE_WIZARD' | localize\" (validateStep)=\"handleWizardValidation()\">\n          <co-transaction-header-popup-service-wizard #wizardSection (wizardFinished)=\"wizardFinished()\" (skipWizard)=\"skipWizard()\"></co-transaction-header-popup-service-wizard>\n        </co-stepper-step>\n        <co-stepper-step #stepServiceFieldsSection [index]=\"4\" [label]=\"'SERVICE_INFO' | localize\" (validateStep)=\"handleServiceInfoValidation()\">\n          <co-transaction-header-popup-service-fields #serviceFieldsSection></co-transaction-header-popup-service-fields>\n        </co-stepper-step>\n        <co-stepper-step  [index]=\"5\" [label]=\"'FINISH' | localize\">\n        </co-stepper-step>\n      </co-simple-vertical-stepper>\n    </ng-container>\n\n  ",
+                    providers: [TransactionCreateService, TransactionHeaderService],
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
     TransactionCreateWizardComponent.ctorParameters = function () { return [
         { type: TransactionCreateService },
         { type: TransactionRelationService },
-        { type: TransactionScreenConfigurationService }
+        { type: TransactionScreenConfigurationService },
+        { type: TransactionHeaderService }
     ]; };
     TransactionCreateWizardComponent.propDecorators = {
         stepper: [{ type: i0.ViewChild, args: ["stepper",] }],
@@ -59770,74 +60008,6 @@
         { type: TransactionSettingsService }
     ]; };
 
-    var LineSelectionService = /** @class */ (function () {
-        function LineSelectionService(_transactionEventService, _transactionService) {
-            var _this = this;
-            this._transactionEventService = _transactionEventService;
-            this._transactionService = _transactionService;
-            this._subs = [];
-            this._selectedLineUuidsForDelivery = [];
-            this._selectedLineUuidsForInvoice = [];
-            this._subs.push(this._transactionEventService.lineSelectedForDelivery.subscribe(function (data) {
-                if (_this._checkAllLinesSelectedForDelivery(data)) {
-                    _this._selectedLineUuidsForDelivery.length = 0;
-                    _this._transactionEventService.allLinesSelectedForDelivery.next();
-                }
-            }), this._transactionEventService.lineSelectedForInvoice.subscribe(function (data) {
-                if (_this._checkAllLinesSelectedForInvoice(data)) {
-                    _this._selectedLineUuidsForInvoice.length = 0;
-                    _this._transactionEventService.allLinesSelectedForInvoice.next();
-                }
-            }));
-        }
-        LineSelectionService.prototype.ngOnDestroy = function () {
-            this._subs.forEach(function (s) { return s.unsubscribe(); });
-        };
-        LineSelectionService.prototype._checkAllLinesSelectedForDelivery = function (data) {
-            var _this = this;
-            if (data && data.lineUuid) {
-                if (!data.selected) {
-                    return true;
-                }
-                this._selectedLineUuidsForDelivery.push(data.lineUuid);
-                var transactionLinesForDelivery = this._transactionService.currentTransaction.transactionLines.filter(function (l) { return l.articleLineStatus && l.articleLineStatus.quantityToDeliver !== 0; });
-                if (this._transactionService.currentTransaction.deliveryCostLines) {
-                    transactionLinesForDelivery = transactionLinesForDelivery.concat(this._transactionService.currentTransaction.deliveryCostLines);
-                }
-                var notFound = transactionLinesForDelivery.filter(function (l) { return _this._selectedLineUuidsForDelivery.indexOf(l.uuid) < 0; });
-                return notFound.length === 0;
-            }
-            return false;
-        };
-        LineSelectionService.prototype._checkAllLinesSelectedForInvoice = function (data) {
-            var _this = this;
-            if (data && data.lineUuid) {
-                if (!data.selected) {
-                    return true;
-                }
-                this._selectedLineUuidsForInvoice.push(data.lineUuid);
-                var transactionLinesForInvoice = this._transactionService.currentTransaction.transactionLines.filter(function (l) { return l.articleLineStatus && l.articleLineStatus.quantityToInvoice !== 0; });
-                if (this._transactionService.currentTransaction.deliveryCostLines) {
-                    transactionLinesForInvoice = transactionLinesForInvoice.concat(this._transactionService.currentTransaction.deliveryCostLines);
-                }
-                var notFound = transactionLinesForInvoice.filter(function (l) { return _this._selectedLineUuidsForInvoice.indexOf(l.uuid) < 0; });
-                return notFound.length === 0;
-            }
-            return false;
-        };
-        return LineSelectionService;
-    }());
-    LineSelectionService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function LineSelectionService_Factory() { return new LineSelectionService(i0__namespace.ɵɵinject(TransactionEventService), i0__namespace.ɵɵinject(TransactionService)); }, token: LineSelectionService, providedIn: "root" });
-    LineSelectionService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: "root"
-                },] }
-    ];
-    LineSelectionService.ctorParameters = function () { return [
-        { type: TransactionEventService },
-        { type: TransactionService }
-    ]; };
-
     /**
      * Generated bundle index. Do not edit.
      */