@colijnit/transaction 256.1.27 → 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.27";
-            this.publishDate = "13-12-2024 17:51:03";
+            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);
@@ -13659,84 +13727,6 @@
         transaction: [{ type: i0.Input }]
     };
 
-    var DialogTransactionHeaderBaseComponent = /** @class */ (function (_super) {
-        __extends(DialogTransactionHeaderBaseComponent, _super);
-        function DialogTransactionHeaderBaseComponent() {
-            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-            _this.buttonType = AppPopupButtonType;
-            _this.autoClose = false;
-            _this.useModel = true;
-            _this.close = new i0.EventEmitter();
-            _this.shouldRollbackOnClose = true;
-            return _this;
-        }
-        DialogTransactionHeaderBaseComponent.prototype.onClose = function (eventType, output) {
-            return;
-        };
-        DialogTransactionHeaderBaseComponent.prototype.handleValueChange = function (value) {
-            this.value = value;
-        };
-        DialogTransactionHeaderBaseComponent.prototype.handleOkClick = function () {
-            this.onClose(AppPopupButtonType.Ok, this.value);
-        };
-        DialogTransactionHeaderBaseComponent.prototype.handleSearch = function (text) {
-            this.searchText = text;
-        };
-        DialogTransactionHeaderBaseComponent.prototype.handleCloseDialog = function (event, type) {
-            if (event) {
-                event.preventDefault();
-                event.stopPropagation();
-            }
-            this.handleClose(type);
-        };
-        DialogTransactionHeaderBaseComponent.prototype.handleClose = function (type) {
-            if (type === AppPopupButtonType.Cancel && this.shouldRollbackOnClose) {
-                this.rollback();
-            }
-            this.close.emit();
-            this.onClose(type);
-            this.detectChanges();
-        };
-        return DialogTransactionHeaderBaseComponent;
-    }(TransactionHeaderBaseComponent));
-    DialogTransactionHeaderBaseComponent.decorators = [
-        { type: i0.Directive }
-    ];
-    DialogTransactionHeaderBaseComponent.propDecorators = {
-        autoClose: [{ type: i0.Input }],
-        useModel: [{ type: i0.Input }],
-        close: [{ type: i0.Output }]
-    };
-
-    var DialogTransactionHeaderBranchComponent = /** @class */ (function (_super) {
-        __extends(DialogTransactionHeaderBranchComponent, _super);
-        function DialogTransactionHeaderBranchComponent() {
-            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-            _this.buttonType = AppPopupButtonType;
-            return _this;
-        }
-        DialogTransactionHeaderBranchComponent.prototype.showClass = function () {
-            return true;
-        };
-        DialogTransactionHeaderBranchComponent.prototype.handleValueChange = function (value) {
-            this.value = value;
-        };
-        DialogTransactionHeaderBranchComponent.prototype.handleOkClick = function () {
-            this.onClose(AppPopupButtonType.Ok, this.value);
-        };
-        return DialogTransactionHeaderBranchComponent;
-    }(DialogTransactionHeaderBaseComponent));
-    DialogTransactionHeaderBranchComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: "co-dialog-transaction-header-branch",
-                    template: "\n      <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" (closeClick)=\"handleCloseDialog($event, buttonType.Cancel)\">\n        <co-transaction-header-branch\n          [useModel]=\"useModel\"\n          [searchText]=\"searchText\"\n          (valueChange)=\"handleValueChange($event)\"\n        ></co-transaction-header-branch>\n      </co-dialog>\n      <ng-template #dialogHeader>\n        <co-dialog-header-search [title]=\"'BRANCH'\" (search)=\"handleSearch($event)\"></co-dialog-header-search>\n      </ng-template>\n      <ng-template #footerTemplate>\n        <div class=\"co-dialog-footer-button-wrapper\" *ngIf=\"!useModel\">\n          <co-button class=\"save-button\"\n                     [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                     (click)=\"handleOkClick()\"></co-button>\n          <co-button class=\"close-button\"\n                     [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n                     (click)=\"handleCloseDialog($event, buttonType.Cancel)\"></co-button>\n        </div>\n      </ng-template>\n    ",
-                    encapsulation: i0.ViewEncapsulation.None
-                },] }
-    ];
-    DialogTransactionHeaderBranchComponent.propDecorators = {
-        showClass: [{ type: i0.HostBinding, args: ["class.co-dialog-transaction-header-branch",] }]
-    };
-
     var TransactionCashRegisterOrderReceiptDialogComponent = /** @class */ (function (_super) {
         __extends(TransactionCashRegisterOrderReceiptDialogComponent, _super);
         function TransactionCashRegisterOrderReceiptDialogComponent() {
@@ -14016,6 +14006,123 @@
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-cash-register-order-receipt-dialog",] }]
     };
 
+    var DialogBranchComponent = /** @class */ (function () {
+        function DialogBranchComponent(iconCacheService, _relationService) {
+            this.iconCacheService = iconCacheService;
+            this._relationService = _relationService;
+            this.icons = Icon;
+            this.buttonType = AppPopupButtonType;
+            this.fields = { text: "description", value: "relationId" };
+            this.viewModels = [];
+            this.viewModelsFiltered = [];
+            this.codeField = 'branchNo';
+            this.checkField = 'relationNr';
+            this.propsForLabel = [{ label: 'branchNo' }, { label: 'description' }];
+        }
+        DialogBranchComponent.prototype.showClass = function () {
+            return true;
+        };
+        Object.defineProperty(DialogBranchComponent.prototype, "searchText", {
+            get: function () {
+                return this._searchText;
+            },
+            set: function (value) {
+                if (value !== undefined && value !== null) {
+                    this._searchText = value;
+                    this._doSearch();
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DialogBranchComponent.prototype.ngOnInit = function () {
+            this._getCollection();
+        };
+        DialogBranchComponent.prototype.onClose = function (eventType, output) {
+            return;
+        };
+        DialogBranchComponent.prototype.handleSearch = function (text) {
+            this.searchText = text;
+        };
+        DialogBranchComponent.prototype.handleOkClick = function () {
+            this.onClose(AppPopupButtonType.Save, this.value);
+        };
+        DialogBranchComponent.prototype.handleCloseDialog = function (event, type) {
+            if (event) {
+                event.preventDefault();
+                event.stopPropagation();
+            }
+            this.onClose(type);
+        };
+        DialogBranchComponent.prototype.handleChecked = function (row) {
+            return __awaiter(this, void 0, void 0, function () {
+                var currentModel, i;
+                return __generator(this, function (_a) {
+                    row.checked = true;
+                    currentModel = this.viewModels.find(function (v) { return v.value === row.value; });
+                    if (currentModel) {
+                        currentModel.checked = true;
+                    }
+                    for (i = 0; i < this.viewModels.length; i++) {
+                        if (this.viewModels[i].value !== row.value) {
+                            this.viewModels[i].checked = false;
+                        }
+                    }
+                    this.value = row.value;
+                    return [2 /*return*/];
+                });
+            });
+        };
+        DialogBranchComponent.prototype._getCollection = function () {
+            var _this = this;
+            this._relationService.getBranches().then(function (branches) {
+                _this._collection = branches;
+                _this._prepareViewModels();
+            });
+        };
+        DialogBranchComponent.prototype._prepareViewModels = function () {
+            var _this = this;
+            this.viewModels.length = 0;
+            this._collection.forEach(function (d, index) {
+                var labels = JSON.parse(JSON.stringify(_this.propsForLabel));
+                labels.forEach(function (l) { return l.label = d[l.label]; });
+                _this.viewModels.push({
+                    value: d[_this.codeField],
+                    propsForLabel: labels,
+                    checked: (_this.value ? _this.value === d[_this.codeField] : index === 0)
+                });
+            });
+            this.viewModelsFiltered = this.viewModels.slice();
+            if (this.viewModels.length > 0) {
+                // this.valueChange.next(this.value ? this.value : this.viewModels[0].value);
+            }
+        };
+        DialogBranchComponent.prototype._doSearch = function () {
+            var _this = this;
+            this.viewModelsFiltered = JSON.parse(JSON.stringify(this.viewModels));
+            if (this.searchText) {
+                this.viewModelsFiltered = this.viewModelsFiltered.filter(function (vmf) {
+                    return vmf.propsForLabel.find(function (p) { return p.label && p.label.toString().match(new RegExp(_this.searchText, 'gi')); });
+                });
+            }
+        };
+        return DialogBranchComponent;
+    }());
+    DialogBranchComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'co-dialog-branch',
+                    template: "\n      <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" (closeClick)=\"handleCloseDialog($event, buttonType.Cancel)\">\n          <co-transaction-line-checkbox-list\n                  [collection]=\"viewModelsFiltered\"\n                  (checked)=\"handleChecked($event)\"\n          ></co-transaction-line-checkbox-list>\n      </co-dialog>\n      <ng-template #dialogHeader>\n          <co-dialog-header-search [title]=\"'BRANCH'\" (search)=\"handleSearch($event)\"></co-dialog-header-search>\n      </ng-template>\n      <ng-template #footerTemplate>\n          <div class=\"co-dialog-footer-button-wrapper\">\n              <co-button class=\"save-button\"\n                         [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                         (click)=\"handleOkClick()\"></co-button>\n              <co-button class=\"close-button\"\n                         [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n                         (click)=\"handleCloseDialog($event, buttonType.Cancel)\"></co-button>\n          </div>\n      </ng-template>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    DialogBranchComponent.ctorParameters = function () { return [
+        { type: IconCacheService },
+        { type: TransactionRelationService }
+    ]; };
+    DialogBranchComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ['class.co-dialog-branch',] }]
+    };
+
     var DialogService = /** @class */ (function () {
         function DialogService(_compFactoryResolver, appRef, injector, dynamicComponentService, _dictionaryService) {
             this._compFactoryResolver = _compFactoryResolver;
@@ -14086,12 +14193,9 @@
             };
             return this.dynamicComponentService.createComponent(DialogTransactionLineWarehouseCcComponent, data, undefined, [provider]);
         };
-        DialogService.prototype.showBranch = function (transaction) {
-            var data = {
-                transaction: transaction,
-                useModel: false
-            };
-            return this.dynamicComponentService.createComponent(DialogTransactionHeaderBranchComponent, data);
+        DialogService.prototype.showBranch = function () {
+            var data = {};
+            return this.dynamicComponentService.createComponent(DialogBranchComponent, data);
         };
         DialogService.prototype.showWarehouseLocation = function (warehouseNr, useModel, autoClose, showClose, transactionLine) {
             var data = {
@@ -14204,7 +14308,6 @@
             _this.relationUpdated = new rxjs.BehaviorSubject(undefined);
             _this.transactionKindSet = new rxjs.BehaviorSubject(false);
             _this.transactionMargeViewClicked = new rxjs.Subject();
-            _this.currentBranch = "1"; // current user branch, needs to be set before we can do anything with transactions
             _this.autoSave = false;
             _this.manualSaveParam = false;
             _this.applicationUser = false;
@@ -16574,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;
@@ -19070,7 +19195,7 @@
                     switch (_a.label) {
                         case 0:
                             if (!!this.currentBranch) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this.dialogService.showBranch(this.currentTransaction)];
+                            return [4 /*yield*/, this.dialogService.showBranch()];
                         case 1:
                             response = _a.sent();
                             if (response.button !== AppPopupButtonType.Cancel) {
@@ -22216,6 +22341,55 @@
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-totals",] }]
     };
 
+    var DialogTransactionHeaderBaseComponent = /** @class */ (function (_super) {
+        __extends(DialogTransactionHeaderBaseComponent, _super);
+        function DialogTransactionHeaderBaseComponent() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this.buttonType = AppPopupButtonType;
+            _this.autoClose = false;
+            _this.useModel = true;
+            _this.close = new i0.EventEmitter();
+            _this.shouldRollbackOnClose = true;
+            return _this;
+        }
+        DialogTransactionHeaderBaseComponent.prototype.onClose = function (eventType, output) {
+            return;
+        };
+        DialogTransactionHeaderBaseComponent.prototype.handleValueChange = function (value) {
+            this.value = value;
+        };
+        DialogTransactionHeaderBaseComponent.prototype.handleOkClick = function () {
+            this.onClose(AppPopupButtonType.Ok, this.value);
+        };
+        DialogTransactionHeaderBaseComponent.prototype.handleSearch = function (text) {
+            this.searchText = text;
+        };
+        DialogTransactionHeaderBaseComponent.prototype.handleCloseDialog = function (event, type) {
+            if (event) {
+                event.preventDefault();
+                event.stopPropagation();
+            }
+            this.handleClose(type);
+        };
+        DialogTransactionHeaderBaseComponent.prototype.handleClose = function (type) {
+            if (type === AppPopupButtonType.Cancel && this.shouldRollbackOnClose) {
+                this.rollback();
+            }
+            this.close.emit();
+            this.onClose(type);
+            this.detectChanges();
+        };
+        return DialogTransactionHeaderBaseComponent;
+    }(TransactionHeaderBaseComponent));
+    DialogTransactionHeaderBaseComponent.decorators = [
+        { type: i0.Directive }
+    ];
+    DialogTransactionHeaderBaseComponent.propDecorators = {
+        autoClose: [{ type: i0.Input }],
+        useModel: [{ type: i0.Input }],
+        close: [{ type: i0.Output }]
+    };
+
     var DialogTransactionHeaderDiscountComponent = /** @class */ (function (_super) {
         __extends(DialogTransactionHeaderDiscountComponent, _super);
         function DialogTransactionHeaderDiscountComponent() {
@@ -25008,6 +25182,7 @@
             _this._subscriptions = [];
             _this.showCheckbox = false;
             _this.checkboxReadonly = false;
+            _this.localAmountSelected = 0;
             return _this;
         }
         TransactionOrderDeliveryLineBaseComponent.prototype.ngOnInit = function () {
@@ -25017,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(); });
@@ -25036,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();
@@ -25063,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;
@@ -25091,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 = [
@@ -25129,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
                 },] }
@@ -25295,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;
             });
         };
@@ -26792,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;
             });
         };
@@ -26829,6 +27024,7 @@
             _this._subscriptions = [];
             _this.showCheckbox = false;
             _this.checkboxReadonly = false;
+            _this.localAmountSelected = 0;
             return _this;
         }
         TransactionInvoiceLineBaseComponent.prototype.ngOnInit = function () {
@@ -26843,6 +27039,7 @@
                 _this.detectChanges();
             }));
             this._checkCheckbox();
+            this._checkAmounts();
         };
         TransactionInvoiceLineBaseComponent.prototype.ngOnDestroy = function () {
             this._subscriptions.forEach(function (s) { return s.unsubscribe(); });
@@ -26850,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 () {
@@ -26863,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();
@@ -26891,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;
@@ -26902,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 = [
@@ -26940,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
                 },] }
@@ -27090,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
                 },] }
     ];
@@ -28180,7 +28395,7 @@
     TransactionQuickAccessSalesQuotationComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-quick-access-sales-quotation",
-                    template: "\n    <div class=\"quick-access-content-wrapper\">\n      <co-quick-send-button\n        [defaultMethodIcon]=\"defaultSendMethodIcon\"\n        [showLoader]=\"showLoader\"\n        (sendIconClicked)=\"handleSend(defaultSendMethod)\"\n        (openSendMethodDialog)=\"showSendMethodDialog = true\"\n      ></co-quick-send-button>\n      <co-transaction-send-documents\n        [historicReports]=\"historicReports\"\n        [transactionTypeCategory]=\"transactionTypeCategory.SalesOrderQuotation\"\n      ></co-transaction-send-documents>\n      <co-transaction-button\n        [label]=\"'SALES_ORDER' | localize\"\n        [iconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n        (click)=\"createSalesOrder()\"\n        class=\"sales-quote-btn custom-width\"\n      ></co-transaction-button>\n     <co-transaction-navigation-button-list\n        [refTransactions]=\"getCurrentRefTransactions()\"\n        [showRelationButton]=\"false\"\n        [emptyLabel]=\"'NO_SALES_QUOTE_ORDER' | localize\"\n        (transactionClick)=\"handleSalesOrderNavigation($event)\"\n      ></co-transaction-navigation-button-list>\n      <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n                             [headerTitle]=\"'Verzendmethode'\"\n                             [printerList]=\"printerList\"\n                             [defaultSendMethod]=\"defaultSendMethod\"\n                             [visibleMethods]=\"[sendMethodType.Print, sendMethodType.Email, sendMethodType.Pdf]\"\n                             [emailAddresses]=\"emailAddresses\"\n                             [emailLayouts]=\"emailLayouts\"\n                             [printLayouts]=\"printLayouts\"\n                             [isDocSignEnabled]=\"true\"\n                             [(reportingDocumentEmailRequest)]=\"reportDocumentEmailRequest\"\n                             [(reportingDocumentPrintRequest)]=\"reportDocumentPrintRequest\"\n                             [(reportingDocumentPdfRequest)]=\"reportDocumentPdfRequest\"\n                             (closeClick)=\"showSendMethodDialog = false\"\n                             (okClick)=\"handleSendMethodOkClick($event)\"\n      ></co-send-method-dialog>\n    </div>\n    <co-digital-signature\n      [documentId]=\"signatureDocumentId\"\n      (documentStored)=\"commitAndRefreshTransaction()\"\n    ></co-digital-signature>\n  ",
+                    template: "\n    <div class=\"quick-access-content-wrapper\">\n      <co-quick-send-button\n        [defaultMethodIcon]=\"defaultSendMethodIcon\"\n        [showLoader]=\"showLoader\"\n        (sendIconClicked)=\"handleSend(defaultSendMethod)\"\n        (openSendMethodDialog)=\"showSendMethodDialog = true\"\n      ></co-quick-send-button>\n      <co-transaction-send-documents\n        [historicReports]=\"historicReports\"\n        [transactionTypeCategory]=\"transactionTypeCategory.SalesOrderQuotation\"\n      ></co-transaction-send-documents>\n      <co-transaction-button class=\"sales-quote-btn custom-width\"\n        [label]=\"'SALES_ORDER' | localize\"\n        [iconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n        (click)=\"createSalesOrder()\"\n      ></co-transaction-button>\n     <co-transaction-navigation-button-list\n        [refTransactions]=\"getCurrentRefTransactions()\"\n        [showRelationButton]=\"false\"\n        [emptyLabel]=\"'NO_SALES_QUOTE_ORDER' | localize\"\n        (transactionClick)=\"handleSalesOrderNavigation($event)\"\n      ></co-transaction-navigation-button-list>\n      <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n                             [headerTitle]=\"'Verzendmethode'\"\n                             [printerList]=\"printerList\"\n                             [defaultSendMethod]=\"defaultSendMethod\"\n                             [visibleMethods]=\"[sendMethodType.Print, sendMethodType.Email, sendMethodType.Pdf]\"\n                             [emailAddresses]=\"emailAddresses\"\n                             [emailLayouts]=\"emailLayouts\"\n                             [printLayouts]=\"printLayouts\"\n                             [isDocSignEnabled]=\"true\"\n                             [(reportingDocumentEmailRequest)]=\"reportDocumentEmailRequest\"\n                             [(reportingDocumentPrintRequest)]=\"reportDocumentPrintRequest\"\n                             [(reportingDocumentPdfRequest)]=\"reportDocumentPdfRequest\"\n                             (closeClick)=\"showSendMethodDialog = false\"\n                             (okClick)=\"handleSendMethodOkClick($event)\"\n      ></co-send-method-dialog>\n    </div>\n    <co-digital-signature\n      [documentId]=\"signatureDocumentId\"\n      (documentStored)=\"commitAndRefreshTransaction()\"\n    ></co-digital-signature>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -29258,8 +29473,42 @@
             }
         };
         TransactionPlanningLineComponent.prototype.dragStarted = function (ev) {
+            var _a, _b, _c;
             this._deliveryPlanningService.currentTransId = this.transactionInfo.id;
-            ev.dataTransfer.setData('text', 'lines');
+            ev.target.classList.add('dragging');
+            var lineElement = ev.target.closest('co-transaction-base-line');
+            if (!lineElement)
+                return;
+            var dragBox = (_a = lineElement.querySelector('.co-transaction-line-image-and-description')) === null || _a === void 0 ? void 0 : _a.cloneNode(true);
+            var dragImage = document.createElement('div');
+            dragImage.style.display = 'flex';
+            dragImage.style.flexDirection = 'row';
+            dragImage.style.alignItems = 'center';
+            dragImage.style.justifyContent = 'space-around';
+            dragImage.style.width = '250px';
+            dragImage.style.minHeight = '50px';
+            dragImage.style.padding = '10px';
+            dragImage.style.backgroundColor = '#ffffff';
+            dragImage.style.border = '1px solid #ccc';
+            dragImage.style.boxShadow = '0 4px 6px rgba(0, 0, 0, 0.1)';
+            dragImage.style.borderRadius = '5px';
+            dragImage.style.fontSize = '12px';
+            if (dragBox) {
+                dragBox.style.flex = '1';
+                dragImage.appendChild(dragBox);
+            }
+            document.body.appendChild(dragImage);
+            dragImage.style.position = 'absolute';
+            dragImage.style.top = '-1000px';
+            dragImage.style.left = '-1000px';
+            // Set the custom drag image
+            (_b = ev.dataTransfer) === null || _b === void 0 ? void 0 : _b.setDragImage(dragImage, 50, 25);
+            // Cleanup: Remove the drag image after it's set
+            setTimeout(function () { return document.body.removeChild(dragImage); }, 0);
+            (_c = ev.dataTransfer) === null || _c === void 0 ? void 0 : _c.setData('text', 'lines');
+        };
+        TransactionPlanningLineComponent.prototype.dragEnded = function (ev) {
+            ev.target.classList.remove('dragging');
         };
         Object.defineProperty(TransactionPlanningLineComponent.prototype, "linePlanned", {
             get: function () {
@@ -29299,7 +29548,8 @@
         descriptionDblClick: [{ type: i0.Output }],
         showClass: [{ type: i0.HostBinding, args: ['class.co-transaction-planning-line',] }],
         handleMouseOver: [{ type: i0.HostListener, args: ['mouseover', ['$event'],] }],
-        handleMouseLeave: [{ type: i0.HostListener, args: ['mouseleave', ['$event'],] }]
+        handleMouseLeave: [{ type: i0.HostListener, args: ['mouseleave', ['$event'],] }],
+        dragEnded: [{ type: i0.HostListener, args: ['dragend', ['$event'],] }]
     };
 
     var TransactionQuickAccessPlanningComponent = /** @class */ (function (_super) {
@@ -29870,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 },
@@ -39613,13 +39863,8 @@
             this.orderLines = !this.orderLines;
         };
         DeliveryPlanningOverviewTileLineComponent.prototype.showNormalOrderLines = function (event) {
-            if (!this.isActive) {
-                return;
-            }
-            else {
-                event.stopPropagation();
-                this.orderLines = !this.orderLines;
-            }
+            event.stopPropagation();
+            this.linesActive = !this.linesActive;
         };
         DeliveryPlanningOverviewTileLineComponent.prototype.getPlannedLines = function (lines) {
             return lines.filter(function (line) { return line.planned === true; });
@@ -39632,7 +39877,7 @@
     DeliveryPlanningOverviewTileLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-delivery-planning-overview-tile-line",
-                    template: "\n      <div class=\"planning-line-wrapper\" (click)=\"setLinesActive()\" [class.normal-mode]=\"isActive\" [class.active-lines]=\"linesActive || isActive\">\n        <div class=\"planning-line-content\" (click)=\"showNormalOrderLines($event)\">\n          <div class=\"planning-line-left\">\n            <div class=\"planning-line-extend\" (click)=\"showOrderLines($event)\" *ngIf=\"linesActive || orderLines || isActive\">\n              <co-icon *ngIf=\"!orderLines\"\n                       [iconData]=\"iconCacheService.getIcon(icons.ChevronDownRegular)\"></co-icon>\n              <co-icon *ngIf=\"orderLines\"\n                       [iconData]=\"iconCacheService.getIcon(icons.ChevronUpRegular)\"></co-icon>\n            </div>\n            <div class=\"line-content-left\">\n              <div class=\"planning-relation\">\n                <span [textContent]=\"order?.relationName\"></span>\n              </div>\n              <div class=\"planning-address\" *ngIf=\"linesActive || isActive\">\n                <span [textContent]=\"order?.shortAddress\"></span>\n              </div>\n            </div>\n          </div>\n          <div class=\"planning-line-right\">\n            <div class=\"line-content-right\">\n              <div class=\"planning-order\">\n                <co-icon (click)=\"setLinesActive()\"\n                         [iconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"></co-icon>\n                <a href=\"javascript:void(0)\" [textContent]=\"order?.transactionNr\" (click)=\"handleEditOrderEvent(order)\"></a>\n\n              </div>\n              <div class=\"planning-time\" *ngIf=\"linesActive || isActive\">\n                <span\n                  [textContent]=\"(order?.startTime | date: 'HH:mm') + ' - ' + (order?.endTime | date: 'HH:mm')\"></span>\n              </div>\n            </div>\n            <div class=\"planning-line-actions\">\n              <co-icon *ngIf=\"linesActive || isActive\" (click)=\"handleDeleteOrderClick(order)\"\n                       [iconData]=\"iconCacheService.getIcon(icons.TrashCanRegular)\"></co-icon>\n              <co-icon *ngIf=\"!linesActive\" [class.hidden]=\"isActive\" [iconData]=\"iconCacheService.getIcon(icons.ChevronRightRegular)\"></co-icon>\n            </div>\n          </div>\n        </div>\n        <div class=\"order-line-list-wrapper\" *ngIf=\"orderLines\">\n          <div class=\"order-lines\" *ngFor=\"let line of getPlannedLines(order?.lines)\">\n            <span [textContent]=\"line.articleNumber\"></span>\n            <span [textContent]=\"line.description\"></span>\n            <co-icon *ngIf=\"linesActive || isActive\" (click)=\"handleDeleteOrderLineClick(order, line)\"\n                     [iconData]=\"iconCacheService.getIcon(icons.TrashCanRegular)\"></co-icon>\n          </div>\n        </div>\n      </div>\n    ",
+                    template: "\n      <div class=\"planning-line-wrapper\" (click)=\"setLinesActive()\" [class.normal-mode]=\"isActive\" [class.active-lines]=\"linesActive || isActive\">\n        <div class=\"planning-line-content\" (click)=\"showNormalOrderLines($event)\">\n          <div class=\"planning-line-left\">\n            <div class=\"line-content-left\">\n              <div class=\"planning-relation\">\n                <span [textContent]=\"order?.relationName\"></span>\n              </div>\n              <div class=\"planning-address\" *ngIf=\"linesActive || isActive\">\n                <span [textContent]=\"order?.shortAddress\"></span>\n              </div>\n            </div>\n          </div>\n          <div class=\"planning-line-right\">\n            <div class=\"line-content-right\">\n              <div class=\"planning-order\">\n                <co-icon (click)=\"setLinesActive()\"\n                         [iconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"></co-icon>\n                <a href=\"javascript:void(0)\" [textContent]=\"order?.transactionNr\" (click)=\"handleEditOrderEvent(order)\"></a>\n\n              </div>\n              <div class=\"planning-time\" *ngIf=\"linesActive || isActive\">\n                <span\n                  [textContent]=\"(order?.startTime | date: 'HH:mm') + ' - ' + (order?.endTime | date: 'HH:mm')\"></span>\n              </div>\n            </div>\n            <div class=\"planning-line-actions\">\n              <co-icon *ngIf=\"linesActive || isActive\" (click)=\"handleDeleteOrderClick(order)\"\n                       [iconData]=\"iconCacheService.getIcon(icons.TrashCanRegular)\"></co-icon>\n              <co-icon *ngIf=\"!linesActive\" [class.hidden]=\"isActive\" [iconData]=\"iconCacheService.getIcon(icons.ChevronRightRegular)\"></co-icon>\n            </div>\n          </div>\n        </div>\n        <div class=\"order-line-list-wrapper\" *ngIf=\"linesActive\">\n          <div class=\"order-lines\" *ngFor=\"let line of getPlannedLines(order?.lines)\">\n            <span [textContent]=\"line.articleNumber\"></span>\n            <span [textContent]=\"line.description\"></span>\n            <co-icon *ngIf=\"linesActive || isActive\" (click)=\"handleDeleteOrderLineClick(order, line)\"\n                     [iconData]=\"iconCacheService.getIcon(icons.TrashCanRegular)\"></co-icon>\n          </div>\n        </div>\n      </div>\n    ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -53146,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;
@@ -53160,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;
@@ -53296,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; }
@@ -53578,7 +53907,8 @@
         { type: DeliveryPlanningService },
         { type: TransactionBaseService },
         { type: i0.ChangeDetectorRef },
-        { type: TransactionHeaderService }
+        { type: TransactionHeaderService },
+        { type: LineSelectionService }
     ]; };
     TransactionInternalComponent.propDecorators = {
         sidePanelComponents: [{ type: i0.ViewChildren, args: [TransactionLineSidePanelComponent,] }],
@@ -57934,6 +58264,35 @@
                 },] }
     ];
 
+    var DialogTransactionHeaderBranchComponent = /** @class */ (function (_super) {
+        __extends(DialogTransactionHeaderBranchComponent, _super);
+        function DialogTransactionHeaderBranchComponent() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this.buttonType = AppPopupButtonType;
+            return _this;
+        }
+        DialogTransactionHeaderBranchComponent.prototype.showClass = function () {
+            return true;
+        };
+        DialogTransactionHeaderBranchComponent.prototype.handleValueChange = function (value) {
+            this.value = value;
+        };
+        DialogTransactionHeaderBranchComponent.prototype.handleOkClick = function () {
+            this.onClose(AppPopupButtonType.Ok, this.value);
+        };
+        return DialogTransactionHeaderBranchComponent;
+    }(DialogTransactionHeaderBaseComponent));
+    DialogTransactionHeaderBranchComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-dialog-transaction-header-branch",
+                    template: "\n      <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" (closeClick)=\"handleCloseDialog($event, buttonType.Cancel)\">\n        <co-transaction-header-branch\n          [useModel]=\"useModel\"\n          [searchText]=\"searchText\"\n          (valueChange)=\"handleValueChange($event)\"\n        ></co-transaction-header-branch>\n      </co-dialog>\n      <ng-template #dialogHeader>\n        <co-dialog-header-search [title]=\"'BRANCH'\" (search)=\"handleSearch($event)\"></co-dialog-header-search>\n      </ng-template>\n      <ng-template #footerTemplate>\n        <div class=\"co-dialog-footer-button-wrapper\" *ngIf=\"!useModel\">\n          <co-button class=\"save-button\"\n                     [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                     (click)=\"handleOkClick()\"></co-button>\n          <co-button class=\"close-button\"\n                     [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n                     (click)=\"handleCloseDialog($event, buttonType.Cancel)\"></co-button>\n        </div>\n      </ng-template>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    DialogTransactionHeaderBranchComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ["class.co-dialog-transaction-header-branch",] }]
+    };
+
     var DialogTransactionHeaderBranchModule = /** @class */ (function () {
         function DialogTransactionHeaderBranchModule() {
         }
@@ -57958,6 +58317,29 @@
                 },] }
     ];
 
+    var DialogBranchModule = /** @class */ (function () {
+        function DialogBranchModule() {
+        }
+        return DialogBranchModule;
+    }());
+    DialogBranchModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.CoDialogModule,
+                        DialogHeaderSearchModule,
+                        corecomponents_v12.ButtonModule,
+                        TransactionLineCheckboxModule
+                    ],
+                    declarations: [
+                        DialogBranchComponent
+                    ],
+                    exports: [
+                        DialogBranchComponent
+                    ]
+                },] }
+    ];
+
     var TransactionSalesReservationPopupComponent = /** @class */ (function () {
         function TransactionSalesReservationPopupComponent(iconCacheService, salesReservationService, _transactionService, _transactionHeaderService) {
             this.iconCacheService = iconCacheService;
@@ -58044,15 +58426,14 @@
                         TransactionButtonModule,
                         corecomponents_v12.ScreenConfigurationModule,
                         TransactionServiceOverviewModule,
-                        TransactionLinesSidePanelModule,
                         TransactionCardsModule,
                         TransactionMarginModule,
                         ClickBlockModule,
                         DialogTransactionLineWarehouseCcModule,
                         DialogTransactionHeaderBranchModule,
+                        DialogBranchModule,
                         TransactionPurchaseReservationOrderTileModule,
-                        corecomponents_v12.CoDialogModule,
-                        corecomponents_v12.ButtonModule,
+                        corecomponents_v12.CoDialogModule
                     ],
                     declarations: [
                         TransactionInternalComponent,
@@ -59083,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) {
@@ -59123,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) {
@@ -59137,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;
@@ -59354,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",] }],
@@ -59605,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.
      */
@@ -60413,16 +60748,18 @@
     exports["ɵys"] = TransactionLineWarehouseCcInterbranchComponent;
     exports["ɵyt"] = DialogTransactionHeaderBranchModule;
     exports["ɵyu"] = DialogTransactionHeaderBranchComponent;
-    exports["ɵyv"] = TransactionInternalComponent;
-    exports["ɵyw"] = TransactionSalesReservationPopupComponent;
-    exports["ɵyx"] = TransactionCashRegisterOrderReceiptDialogModule;
-    exports["ɵyy"] = TransactionCashRegisterOrderReceiptDialogComponent;
-    exports["ɵyz"] = SaveCancelButtonsModule;
+    exports["ɵyv"] = DialogBranchModule;
+    exports["ɵyw"] = DialogBranchComponent;
+    exports["ɵyx"] = TransactionInternalComponent;
+    exports["ɵyy"] = TransactionSalesReservationPopupComponent;
+    exports["ɵyz"] = TransactionCashRegisterOrderReceiptDialogModule;
     exports["ɵz"] = CharacteristicAnswerModule;
-    exports["ɵza"] = SaveCancelButtonsComponent;
-    exports["ɵzb"] = TransactionTagComponent;
-    exports["ɵzc"] = SimpleVerticalStepperModule;
-    exports["ɵzd"] = SimpleVerticalStepperComponent;
+    exports["ɵza"] = TransactionCashRegisterOrderReceiptDialogComponent;
+    exports["ɵzb"] = SaveCancelButtonsModule;
+    exports["ɵzc"] = SaveCancelButtonsComponent;
+    exports["ɵzd"] = TransactionTagComponent;
+    exports["ɵze"] = SimpleVerticalStepperModule;
+    exports["ɵzf"] = SimpleVerticalStepperComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });