@colijnit/transaction 255.1.45 → 255.1.47

package/bundles/colijnit-transaction.umd.js

@@ -33,8 +33,8 @@
         function Version() {
             this.name = "@colijnit/transaction";
             this.description = "Colijn IT transaction package";
-            this.symVer = "255.1.45";
-            this.publishDate = "2-10-2024 17:30:09";
+            this.symVer = "255.1.47";
+            this.publishDate = "7-10-2024 18:54:44";
         }
         return Version;
     }());
@@ -8823,6 +8823,25 @@
                 });
             });
         };
+        TransactionConnectorAdapterService.prototype.restoreDeliverySettings = function (ordersToBeRestored) {
+            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.restoreDeliverySettings(ordersToBeRestored)];
+                        case 1:
+                            response = _a.sent();
+                            if (response && response.validationResult.success) {
+                                return [2 /*return*/, true];
+                            }
+                            else {
+                                return [2 /*return*/, false];
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
         TransactionConnectorAdapterService.prototype._openPdfContent = function (content) {
             if (content) {
                 try {
@@ -11356,6 +11375,16 @@
                 });
             });
         };
+        TransactionConnectorService.prototype.restoreDeliverySettings = function (ordersToBeRestored) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._adapterService.restoreDeliverySettings(ordersToBeRestored)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
         return TransactionConnectorService;
     }());
     TransactionConnectorService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function TransactionConnectorService_Factory() { return new TransactionConnectorService(i0__namespace.ɵɵinject(TransactionConnectorAdapterService), i0__namespace.ɵɵinject(TransactionSelectSingleCacheService), i0__namespace.ɵɵinject(TransactionSelectMultipleCacheService), i0__namespace.ɵɵinject(TransactionSelectMultipleParameterizedCacheService), i0__namespace.ɵɵinject(TransactionSelectSingleParameterizedCacheService)); }, token: TransactionConnectorService, providedIn: "root" });
@@ -11613,6 +11642,17 @@
         /* Invoice_check rubric */
         /* Service Overview Tab*/
         TransactionCfgName["ServiceMessage"] = "serviceMessage";
+        TransactionCfgName["ServiceWizardMessage"] = "serviceWizardMessage";
+        TransactionCfgName["ServiceOverviewImage"] = "serviceOverviewImage";
+        TransactionCfgName["ServicePriority"] = "servicePriority";
+        TransactionCfgName["ServiceCauseCode"] = "serviceCauseCode";
+        TransactionCfgName["ServiceEntryType"] = "serviceEntryType";
+        TransactionCfgName["HeaderTaskCreator"] = "headerTaskCreator";
+        TransactionCfgName["HeaderActivityList"] = "headerActivityList";
+        TransactionCfgName["HeaderHistActivities"] = "headerHistActivities";
+        TransactionCfgName["HeaderProductDetails"] = "headerProductDetails";
+        TransactionCfgName["HeaderOrderDetails"] = "headerOrderDetails";
+        TransactionCfgName["HeaderPurchaseDetails"] = "headerPurchaseDetails";
     })(exports.TransactionCfgName || (exports.TransactionCfgName = {}));
 
     var TransactionScreenConfigurationService = /** @class */ (function (_super) {
@@ -18114,6 +18154,8 @@
         CheckoutCfgName["DepositAmount"] = "depositAmount";
         CheckoutCfgName["Branch"] = "branch";
         CheckoutCfgName["AdministrativeManager"] = "administrativeManager";
+        CheckoutCfgName["SalesPerson"] = "salesPerson";
+        CheckoutCfgName["PaymentCondition"] = "paymentCondition";
         CheckoutCfgName["MarketingCode"] = "marketingCode";
         CheckoutCfgName["Definitive"] = "definitive";
         CheckoutCfgName["OnHoldCodes"] = "onHoldCodes";
@@ -19074,7 +19116,7 @@
     CheckoutOverviewDeliveryEditComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-checkout-overview-delivery-edit",
-                    template: "\n      <div class=\"delivery-edit-content\">\n          <co-form>\n              <div class=\"checkout-form-wrapper\">\n                  <div class=\"checkout-label-column\">\n                      <span #indexLabel></span>\n                      <span class=\"label-description\" [textContent]=\"'DELIVERY_DATA' | localize\"></span>\n                  </div>\n                  <div class=\"checkout-data-column\">\n                      <div class=\"checkout-data-row\">\n                          <co-transaction-header-delivery-method\n                                  [screenConfigurationObject]=\"cfgNames.DeliveryMethod\"\n                                  [transactionInfo]=\"transaction.transactionInfo\"\n                                  [filterOnWizard]=\"true\"\n                                  (deliveryMethodChange)=\"currentDeliveryMethod = $event\"\n                          ></co-transaction-header-delivery-method>\n                      </div>\n                      <div class=\"checkout-data-row\">\n                          <co-transaction-header-delivery-date class=\"header-delivery-deliverydate\"\n                                                               [screenConfigurationObject]=\"cfgNames.DeliveryDate\"\n                                                               [transactionInfo]=\"transaction.transactionInfo\"\n                          ></co-transaction-header-delivery-date>\n                          <co-transaction-header-preferred-delivery-date class=\"header-delivery-deliverydate\"\n                                                                         [screenConfigurationObject]=\"cfgNames.PreferedDeliveryDate\"\n                                                                         [transactionInfo]=\"transaction.transactionInfo\"\n                          ></co-transaction-header-preferred-delivery-date>\n                      </div>\n                      <div class=\"checkout-data-row\">\n                          <co-transaction-header-partial-delivery\n                                  [screenConfigurationObject]=\"cfgNames.PartialDelivery\"\n                                  [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-partial-delivery>\n                      </div>\n                      <div class=\"checkout-data-row\" [screenConfigurationObject]=\"cfgNames.DeliveryOptions\" screenConfigNativeElement>\n                          <co-collapsible [headerTitle]=\"'ADD_DELIVERY_OPTION' | localize\"\n                                          [iconData]=\"iconService.getIcon(icons.TriangleDown)\">\n                              <div class=\"checkout-data-row\">\n                                  <co-transaction-header-delivery-options\n                                          [screenConfigurationObject]=\"cfgNames.DeliveryOptions\"\n                                          [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-delivery-options>\n                              </div>\n                          </co-collapsible>\n                      </div>\n                      <div class=\"checkout-data-row\" [screenConfigurationObject]=\"cfgNames.Remarks\" screenConfigNativeElement>\n                          <co-collapsible [headerTitle]=\"'ADD_REMARK' | localize\" [iconData]=\"iconService.getIcon(icons.TriangleDown)\">\n                              <div class=\"checkout-data-row\">\n                                  <co-transaction-header-remarks\n                                          [screenConfigurationObject]=\"cfgNames.Remarks\"\n                                          [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-remarks>\n                              </div>\n                          </co-collapsible>\n                      </div>\n                      <div class=\"checkout-data-row\" [screenConfigurationObject]=\"cfgNames.Reference\" screenConfigNativeElement>\n                          <co-collapsible [headerTitle]=\"'ADD_REFERENCE' | localize\" [iconData]=\"iconService.getIcon(icons.TriangleDown)\">\n                              <div class=\"checkout-data-row\">\n                                  <co-transaction-header-reference\n                                          [screenConfigurationObject]=\"cfgNames.Reference\"\n                                          [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-reference>\n                              </div>\n                              <div class=\"checkout-data-row\" [screenConfigurationObject]=\"cfgNames.ReferenceRelation\"\n                                   screenConfigNativeElement>\n                                  <co-transaction-header-relation-reference\n                                          [screenConfigurationObject]=\"cfgNames.ReferenceRelation\"\n                                          [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-relation-reference>\n                              </div>\n                          </co-collapsible>\n                      </div>\n                  </div>\n                  <ng-container *ngIf=\"showDownPayment\">\n                      <div class=\"checkout-label-column\">\n                          <span #indexLabel></span>\n                          <span class=\"label-description\" [textContent]=\"'DOWNPAYMENT' | localize\"></span>\n                      </div>\n                      <div class=\"checkout-data-column\">\n                          <div class=\"checkout-data-row\">\n                              <co-transaction-header-deposit-percentage\n                                      [screenConfigurationObject]=\"cfgNames.DepositPercentage\"\n                                      [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-deposit-percentage>\n                              <co-transaction-header-deposit-amount\n                                      [screenConfigurationObject]=\"cfgNames.DepositAmount\"\n                                      [transaction]=\"transaction\"></co-transaction-header-deposit-amount>\n                          </div>\n                      </div>\n                  </ng-container>\n                  <ng-container *ngIf=\"showOrderData\">\n                      <div class=\"checkout-label-column\">\n                          <span #indexLabel></span>\n                          <span class=\"label-description\" [textContent]=\"'ORDER_DATA' | localize\"></span>\n                      </div>\n                      <div class=\"checkout-data-column\">\n                          <div class=\"checkout-data-row\">\n                              <co-transaction-header-branch\n                                      [screenConfigurationObject]=\"cfgNames.Branch\"\n                                      [simple]=\"true\" [transaction]=\"transaction\"\n                                      [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-branch>\n                              <co-transaction-header-administrative-relation\n                                      [screenConfigurationObject]=\"cfgNames.AdministrativeManager\"\n                                      [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-administrative-relation>\n                          </div>\n                          <div class=\"checkout-data-row\" *ngIf=\"showOrderParameters\">\n                            <co-transaction-header-definitive\n                              [screenConfigurationObject]=\"cfgNames.Definitive\"\n                              [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-definitive>\n                            <co-transaction-header-hold-codes\n                              *ngIf=\"!transaction.transactionInfo.transactionDefinitive\"\n                              [screenConfigurationObject]=\"cfgNames.OnHoldCodes\"\n                              [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-hold-codes>\n                          </div>\n                          <div class=\"checkout-data-row\" [screenConfigurationObject]=\"cfgNames.MarketingCode\" screenConfigNativeElement>\n                              <span class=\"label\" [textContent]=\"'MARKETING_CODE' | localize\"></span>\n                          </div>\n                          <div class=\"checkout-data-row\">\n                              <co-transaction-header-marketing\n                                      [screenConfigurationObject]=\"cfgNames.MarketingCode\"\n                                      [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-marketing>\n                          </div>\n                      </div>\n                  </ng-container>\n              </div>\n          </co-form>\n      </div>\n  ",
+                    template: "\n      <div class=\"delivery-edit-content\">\n          <co-form>\n              <div class=\"checkout-form-wrapper\">\n                  <div class=\"checkout-label-column\">\n                      <span #indexLabel></span>\n                      <span class=\"label-description\" [textContent]=\"'DELIVERY_DATA' | localize\"></span>\n                  </div>\n                  <div class=\"checkout-data-column\">\n                      <div class=\"checkout-data-row\">\n                          <co-transaction-header-delivery-method\n                                  [screenConfigurationObject]=\"cfgNames.DeliveryMethod\"\n                                  [transactionInfo]=\"transaction.transactionInfo\"\n                                  [filterOnWizard]=\"true\"\n                                  (deliveryMethodChange)=\"currentDeliveryMethod = $event\"\n                          ></co-transaction-header-delivery-method>\n                      </div>\n                      <div class=\"checkout-data-row\">\n                          <co-transaction-header-delivery-date class=\"header-delivery-deliverydate\"\n                                                               [screenConfigurationObject]=\"cfgNames.DeliveryDate\"\n                                                               [transactionInfo]=\"transaction.transactionInfo\"\n                          ></co-transaction-header-delivery-date>\n                          <co-transaction-header-preferred-delivery-date class=\"header-delivery-deliverydate\"\n                                                                         [screenConfigurationObject]=\"cfgNames.PreferedDeliveryDate\"\n                                                                         [transactionInfo]=\"transaction.transactionInfo\"\n                          ></co-transaction-header-preferred-delivery-date>\n                      </div>\n                      <div class=\"checkout-data-row\">\n                          <co-transaction-header-partial-delivery\n                                  [screenConfigurationObject]=\"cfgNames.PartialDelivery\"\n                                  [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-partial-delivery>\n                      </div>\n                      <div class=\"checkout-data-row\" [screenConfigurationObject]=\"cfgNames.DeliveryOptions\" screenConfigNativeElement>\n                          <co-collapsible [headerTitle]=\"'ADD_DELIVERY_OPTION' | localize\"\n                                          [iconData]=\"iconService.getIcon(icons.TriangleDown)\">\n                              <div class=\"checkout-data-row\">\n                                  <co-transaction-header-delivery-options\n                                          [screenConfigurationObject]=\"cfgNames.DeliveryOptions\"\n                                          [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-delivery-options>\n                              </div>\n                          </co-collapsible>\n                      </div>\n                      <div class=\"checkout-data-row\" [screenConfigurationObject]=\"cfgNames.Remarks\" screenConfigNativeElement>\n                          <co-collapsible [headerTitle]=\"'ADD_REMARK' | localize\" [iconData]=\"iconService.getIcon(icons.TriangleDown)\">\n                              <div class=\"checkout-data-row\">\n                                  <co-transaction-header-remarks\n                                          [screenConfigurationObject]=\"cfgNames.Remarks\"\n                                          [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-remarks>\n                              </div>\n                          </co-collapsible>\n                      </div>\n                      <div class=\"checkout-data-row\" [screenConfigurationObject]=\"cfgNames.Reference\" screenConfigNativeElement>\n                          <co-collapsible [headerTitle]=\"'ADD_REFERENCE' | localize\" [iconData]=\"iconService.getIcon(icons.TriangleDown)\">\n                              <div class=\"checkout-data-row\">\n                                  <co-transaction-header-reference\n                                          [screenConfigurationObject]=\"cfgNames.Reference\"\n                                          [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-reference>\n                              </div>\n                              <div class=\"checkout-data-row\" [screenConfigurationObject]=\"cfgNames.ReferenceRelation\"\n                                   screenConfigNativeElement>\n                                  <co-transaction-header-relation-reference\n                                          [screenConfigurationObject]=\"cfgNames.ReferenceRelation\"\n                                          [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-relation-reference>\n                              </div>\n                          </co-collapsible>\n                      </div>\n                  </div>\n                  <ng-container *ngIf=\"showDownPayment\">\n                      <div class=\"checkout-label-column\">\n                          <span #indexLabel></span>\n                          <span class=\"label-description\" [textContent]=\"'DOWNPAYMENT' | localize\"></span>\n                      </div>\n                      <div class=\"checkout-data-column\">\n                          <div class=\"checkout-data-row\">\n                              <co-transaction-header-deposit-percentage\n                                      [screenConfigurationObject]=\"cfgNames.DepositPercentage\"\n                                      [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-deposit-percentage>\n                              <co-transaction-header-deposit-amount\n                                      [screenConfigurationObject]=\"cfgNames.DepositAmount\"\n                                      [transaction]=\"transaction\"></co-transaction-header-deposit-amount>\n                          </div>\n                      </div>\n                  </ng-container>\n                  <ng-container *ngIf=\"showOrderData\">\n                      <div class=\"checkout-label-column\">\n                          <span #indexLabel></span>\n                          <span class=\"label-description\" [textContent]=\"'ORDER_DATA' | localize\"></span>\n                      </div>\n                      <div class=\"checkout-data-column\">\n                          <div class=\"checkout-data-row\">\n                              <co-transaction-header-branch\n                                      [screenConfigurationObject]=\"cfgNames.Branch\"\n                                      [simple]=\"true\" [transaction]=\"transaction\"\n                                      [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-branch>\n                              <co-transaction-header-administrative-relation\n                                      [screenConfigurationObject]=\"cfgNames.AdministrativeManager\"\n                                      [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-administrative-relation>\n                          </div>\n                        <div class=\"checkout-data-row\">\n                          <co-transaction-header-payment-condition\n                            [screenConfigurationObject]=\"cfgNames.PaymentCondition\"\n                            [transactionInfo]=\"transaction.transactionInfo\">\n                          </co-transaction-header-payment-condition>\n                          <co-transaction-header-sales-person\n                            [screenConfigurationObject]=\"cfgNames.SalesPerson\"\n                            [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-sales-person>\n                        </div>\n                          <div class=\"checkout-data-row\" *ngIf=\"showOrderParameters\">\n                            <co-transaction-header-definitive\n                              [screenConfigurationObject]=\"cfgNames.Definitive\"\n                              [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-definitive>\n                            <co-transaction-header-hold-codes\n                              *ngIf=\"!transaction.transactionInfo.transactionDefinitive\"\n                              [screenConfigurationObject]=\"cfgNames.OnHoldCodes\"\n                              [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-hold-codes>\n                          </div>\n                          <div class=\"checkout-data-row\" [screenConfigurationObject]=\"cfgNames.MarketingCode\" screenConfigNativeElement>\n                              <span class=\"label\" [textContent]=\"'MARKETING_CODE' | localize\"></span>\n                          </div>\n                          <div class=\"checkout-data-row\">\n                              <co-transaction-header-marketing\n                                      [screenConfigurationObject]=\"cfgNames.MarketingCode\"\n                                      [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-marketing>\n                          </div>\n                      </div>\n                  </ng-container>\n              </div>\n          </co-form>\n      </div>\n  ",
                     providers: [
                         corecomponents_v12.FormMasterService,
                         {
@@ -27243,12 +27285,12 @@
             this._transaction = _transaction;
             this._dragging = false;
             this._planTransportWeek = [];
+            this._planTransportWeekArr = [];
             this._deliveryMethods = [];
             this._districts = [];
             this._skills = [];
             this._employees = [];
             this._userGroups = [];
-            this._tilesQueryList = new i0.QueryList();
             this.currentCalendarMode = exports.DeliveryPlanningCalendarModes.Week;
             this.currentTileMode = DeliveryPlanningTileModes.Normal;
             this.datePlanningMode = i10.CalendarView.WeekView;
@@ -27256,6 +27298,7 @@
             this.currentPlanningMode = exports.DeliveryPlanningModes.Transaction;
             this.currentStartDate = new Date();
             this.availabilityCheckEvent = new rxjs.Subject();
+            this.reRenderHourScheduling = new rxjs.Subject();
         }
         Object.defineProperty(DeliveryPlanningService.prototype, "dragging", {
             get: function () {
@@ -27280,6 +27323,16 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(DeliveryPlanningService.prototype, "planTransportWeekArr", {
+            get: function () {
+                return this._planTransportWeekArr;
+            },
+            set: function (value) {
+                this._planTransportWeekArr = value;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(DeliveryPlanningService.prototype, "deliveryMethods", {
             get: function () {
                 return this._deliveryMethods;
@@ -27330,13 +27383,6 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(DeliveryPlanningService.prototype, "queryList", {
-            get: function () {
-                return this._tilesQueryList;
-            },
-            enumerable: false,
-            configurable: true
-        });
         DeliveryPlanningService.prototype.getOrderSequenceValue = function () {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_b) {
@@ -27353,6 +27399,7 @@
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
+                            if (!planningTransportWeekDay.transport) return [3 /*break*/, 2];
                             request = new getTransportOrdersRequest_bo.GetTransportOrdersRequest();
                             request.transportId = planningTransportWeekDay.transport.transportId;
                             request.date = planningTransportWeekDay.date;
@@ -27360,11 +27407,12 @@
                             return [4 /*yield*/, this._transaction.getTransportOrders(request)];
                         case 1:
                             orderResponse = _b.sent();
-                            if (orderResponse) {
+                            if (orderResponse && orderResponse.length > 0) {
                                 planningTransportWeekDay.plannedOrders = orderResponse;
                                 planningTransportWeekDay.ordersLoaded = true;
                             }
-                            return [2 /*return*/, planningTransportWeekDay];
+                            _b.label = 2;
+                        case 2: return [2 /*return*/, planningTransportWeekDay];
                     }
                 });
             });
@@ -27384,36 +27432,122 @@
                 return request;
             }
         };
-        DeliveryPlanningService.prototype.addHours = function (date, hours) {
-            var hoursToAdd = hours * 60 * 60 * 1000;
-            date.setTime(date.getTime() + hoursToAdd);
-            return date;
-        };
-        DeliveryPlanningService.prototype.queryListTile = function (transportId) {
-            var newTile;
-            this._tilesQueryList.forEach(function (tile) {
-                if (tile.transportDay.transport.transportId === transportId) {
-                    newTile = tile;
-                }
-            });
-            return newTile;
-        };
         DeliveryPlanningService.prototype.getPlanningTransportWeek = function () {
             return __awaiter(this, void 0, void 0, function () {
-                var weekArrays;
+                var _this = this;
                 return __generator(this, function (_b) {
-                    weekArrays = [];
                     this._transaction.getPlanTransportWeek(this.currentStartDate, this.currentPlanning.planningId).then(function (result) {
                         if (result.length > 0) {
-                            result.forEach(function (team) {
-                                weekArrays.push(Object.keys(team).sort().map(function (key) { return team[key]; }));
-                            });
+                            _this._planTransportWeek = result;
+                            _this._planTransportWeekArr = _this.convertPlanningTransportWeekToArray(_this._planTransportWeek);
                         }
                     });
-                    return [2 /*return*/, weekArrays];
+                    return [2 /*return*/];
+                });
+            });
+        };
+        DeliveryPlanningService.prototype.updatePlanningTransportValues = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var newPlanningTransportWeek, newPlanningNestedArr;
+                var _this = this;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0: return [4 /*yield*/, this._transaction.getPlanTransportWeek(this.currentStartDate, this.currentPlanning.planningId)];
+                        case 1:
+                            newPlanningTransportWeek = _b.sent();
+                            newPlanningNestedArr = this.convertPlanningTransportWeekToArray(newPlanningTransportWeek);
+                            // Update the old nested array (this._planTransportWeekArr) with new values
+                            this._planTransportWeekArr.forEach(function (oldWeekDays, weekIndex) {
+                                var newWeekDays = newPlanningNestedArr[weekIndex];
+                                // Compare each day's data in the old and new nested arrays
+                                newWeekDays.forEach(function (newDay, dayIndex) { return __awaiter(_this, void 0, void 0, function () {
+                                    var oldDay;
+                                    return __generator(this, function (_b) {
+                                        switch (_b.label) {
+                                            case 0:
+                                                oldDay = oldWeekDays[dayIndex];
+                                                // Check for changes and update only changed properties
+                                                return [4 /*yield*/, this._updateChangedProperties(oldDay, newDay)];
+                                            case 1:
+                                                // Check for changes and update only changed properties
+                                                _b.sent();
+                                                return [2 /*return*/];
+                                        }
+                                    });
+                                }); });
+                            });
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        // Function to update only the changed properties
+        DeliveryPlanningService.prototype._updateChangedProperties = function (oldDay, newDay) {
+            return __awaiter(this, void 0, void 0, function () {
+                var propertiesToCompare, transportPropertiesToCompare;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            propertiesToCompare = [
+                                'minutes',
+                                'maxMinutes',
+                                'maxFactor',
+                                'orderAmount',
+                                'load',
+                                'maxOrderAmount',
+                                'factor',
+                            ];
+                            transportPropertiesToCompare = [
+                                'plannedOrders'
+                            ];
+                            propertiesToCompare.forEach(function (property) {
+                                // Compare and update only if there's a change
+                                if (JSON.stringify(oldDay[property]) !== JSON.stringify(newDay[property])) {
+                                    oldDay[property] = newDay[property];
+                                }
+                            });
+                            transportPropertiesToCompare.forEach(function (property) {
+                                if (oldDay.transport && newDay.transport) {
+                                    if (JSON.stringify(oldDay.transport[property] !== JSON.stringify(newDay.transport[property]))) {
+                                        oldDay.transport[property] = newDay === null || newDay === void 0 ? void 0 : newDay.transport[property];
+                                    }
+                                }
+                            });
+                            return [4 /*yield*/, this.getTransportOrders(oldDay)];
+                        case 1:
+                            _b.sent();
+                            return [2 /*return*/];
+                    }
                 });
             });
         };
+        DeliveryPlanningService.prototype.convertPlanningTransportWeekToArray = function (planningTransportWeek) {
+            var weekArrays = [];
+            if (planningTransportWeek.length > 0) {
+                planningTransportWeek.forEach(function (team) {
+                    weekArrays.push(Object.keys(team).sort().map(function (key) { return team[key]; }));
+                });
+            }
+            return weekArrays;
+        };
+        DeliveryPlanningService.prototype.convertToPlanTransportWeek = function (nestedArray) {
+            var planTransportWeeks = [];
+            nestedArray.forEach(function (weekDays) {
+                var planTransportWeek = {}; // Create an empty object to hold the week's days
+                // Start from "day1" and assign the PlanningTransportWeekDay objects (excluding the transportId)
+                weekDays.forEach(function (day, dayIndex) {
+                    if (dayIndex === 7) {
+                        planTransportWeek['transportId'] = weekDays[dayIndex];
+                    }
+                    else {
+                        planTransportWeek["day" + (dayIndex + 1)] = day; // "day1", "day2", etc.
+                    }
+                });
+                // Push the object into the final array
+                planTransportWeeks.push(planTransportWeek);
+            });
+            return planTransportWeeks;
+        };
         DeliveryPlanningService.prototype.totalAssemblyTime = function (planOrder) {
             var _a;
             if (planOrder) {
@@ -27494,12 +27628,19 @@
                 _this.transactionLine.selected = value && !_this.transactionLineToBePickedCompleted;
             }));
         };
+        TransactionPlanningLineComponent.prototype.ngOnDestroy = function () {
+            _super.prototype.ngOnDestroy.call(this);
+            if (this._deliveryPlanningService.planOrderDate) {
+                this._deliveryPlanningService.planOrderDate = undefined;
+            }
+        };
         TransactionPlanningLineComponent.prototype.handleCheckBoxValueChanged = function (value, line) {
             this.transactionLine.selected = value;
         };
         TransactionPlanningLineComponent.prototype.handleLineClicked = function (mouseClick) {
-            if (this.transactionLine && this.transactionLine.commissionCode !== "1") {
-                return;
+            var _this = this;
+            if (this.transactionLines.filter(function (line) { return !_this.lineNotPlanned(line); })) {
+                this._deliveryPlanningService.planOrderDate = new Date(this.transactionLines.filter(function (line) { return !_this.lineNotPlanned(line); })[0].deliveryDate);
             }
             var target = mouseClick.target;
             if (target && target.dataset && target.dataset['action'] && target.dataset['action'] === 'openSidePanel') {
@@ -27530,7 +27671,7 @@
     TransactionPlanningLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-planning-overview-line",
-                    template: "\n    <co-transaction-base-line\n      [transactionInfo]=\"transactionInfo\"\n      [transactionLine]=\"transactionLine\"\n      [preview]=\"preview\"\n      [isFirst]=\"isFirst\"\n      [draggable]=\"lineNotPlanned(transactionLine)\"\n      (dragstart)=\"dragStarted($event)\"\n      [checkbox]=\"true\"\n      [checkboxValue]=\"transactionLine.selected\"\n      [checkboxReadonly]=\"false\"\n      (checkboxValueChanged)=\"handleCheckBoxValueChanged($event, transactionLine)\"\n      (click)=\"handleLineClicked($event)\"\n      observeVisibility #observer=visibilityObserve\n      (visibilityChange)=\"handleVisibilityChange(transactionLine, $event)\">\n      <ng-container *ngIf=\"transactionLine.isArticle\">\n        <div class=\"transaction-line-wrapper\">\n          <div *ngIf=!preview class=\"transaction-line-extended-wrapper\">\n            <div class=\"column1\">\n              <span class=\"transaction-field-label\" [textContent]=\"'COMMISSION_CODE' | localize\" *ngIf=\"isFirst\"></span>\n              <co-transaction-line-commission-button\n                [screenConfigurationObject]=\"cfgNames.LineCommission\"\n                [transactionLine]=\"transactionLine\"\n                [transactionInfo]=\"transactionInfo\"\n              ></co-transaction-line-commission-button>\n            </div>\n            <div class=\"column2\">\n              <span class=\"transaction-field-label\" [textContent]=\"'WAREHOUSE_AND_STATUS' | localize\"\n                    *ngIf=\"isFirst\"></span>\n              <co-transaction-line-warehouse-button\n                [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n                [transactionLine]=\"transactionLine\"\n                [transactionInfo]=\"transactionInfo\"\n              ></co-transaction-line-warehouse-button>\n              <co-transaction-line-statusbar\n                [screenConfigurationObject]=\"cfgNames.StatusBar\"\n                [configNames]=\"statusBarConfigNames\"\n                [transactionInfo]=\"transactionInfo\"\n                [transactionLine]=\"transactionLine\"\n                [activeCategory]=\"category.SalesOrderPlanning\"></co-transaction-line-statusbar>\n            </div>\n            <div class=\"column3\">\n              <span class=\"transaction-field-label\" [textContent]=\"'DELIVERY_INFORMATION' | localize\"\n                    *ngIf=\"isFirst\"></span>\n              <co-transaction-line-delivery-button\n                [screenConfigurationObject]=\"cfgNames.LineDeliveryMethod\"\n                [transactionLine]=\"transactionLine\"\n                [transactionInfo]=\"transactionInfo\"\n              ></co-transaction-line-delivery-button>\n              <co-transaction-line-delivery-date-button class=\"transaction-line-delivery-date two-column\"\n                                                        [screenConfigurationObject]=\"cfgNames.LineDeliveryDate\"\n                                                        [transactionInfo]=\"transactionInfo\"\n                                                        [transactionLine]=\"transactionLine\"\n              ></co-transaction-line-delivery-date-button>\n            </div>\n          </div>\n          <div class=\"transaction-line-section\">\n            <span class=\"transaction-field-label\" [textContent]=\"'TOTALS_AND_DISCOUNT' | localize\"\n                  *ngIf=\"isFirst\"></span>\n            <co-transaction-line-vat-button *ngIf=\"!preview\"\n                                            [screenConfigurationObject]=\"cfgNames.LineVat\"\n                                            [transactionLine]=\"transactionLine\"\n                                            [transactionInfo]=\"transactionInfo\"\n            ></co-transaction-line-vat-button>\n            <div class=\"transaction-line-totals\">\n              <co-transaction-line-price class=\"transaction-line-totals-price price\"\n                                         [screenConfigurationObject]=\"cfgNames.LinePrice\"\n                                         [transactionInfo]=\"transactionInfo\"\n                                         [transactionLine]=\"transactionLine\"\n                                         [showLabel]=\"false\"\n                                         [defaultEditMode]=\"false\"\n              ></co-transaction-line-price>\n              <co-transaction-line-discount-button *ngIf=\"!preview\"\n                                                   [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n                                                   [configNames]=\"discountConfigNames\"\n                                                   [transactionLine]=\"transactionLine\"\n                                                   [transactionInfo]=\"transactionInfo\"\n              ></co-transaction-line-discount-button>\n              <div class=\"transaction-line-totals-amount\">\n                <co-transaction-line-amount class=\"amount-number-picker\"\n                                            [screenConfigurationObject]=\"cfgNames.LineAmount\"\n                                            [transactionLine]=\"transactionLine\"\n                                            [transactionInfo]=\"transactionInfo\"\n                ></co-transaction-line-amount>\n              </div>\n              <co-editable-label class=\"transaction-line-totals-total price\"\n                                 [screenConfigurationObject]=\"cfgNames.LineNetLineTotal\"\n                                 [model]=\"transactionLine.displayNetLineTotal | coCurrency: true\"\n                                 [editModel]=\"transactionLine.displayNetLineTotal\"\n                                 [commit]=\"!readonly\"\n              ></co-editable-label>\n            </div>\n          </div>\n        </div>\n      </ng-container>\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      [draggable]=\"lineNotPlanned(transactionLine)\"\n      (dragstart)=\"dragStarted($event)\"\n      [checkbox]=\"lineNotPlanned(transactionLine)\"\n      [checkboxValue]=\"transactionLine.selected\"\n      [checkboxReadonly]=\"false\"\n      (checkboxValueChanged)=\"handleCheckBoxValueChanged($event, transactionLine)\"\n      (click)=\"handleLineClicked($event)\"\n      observeVisibility #observer=visibilityObserve\n      (visibilityChange)=\"handleVisibilityChange(transactionLine, $event)\">\n      <ng-container *ngIf=\"transactionLine.isArticle\">\n        <div class=\"transaction-line-wrapper\">\n          <div *ngIf=!preview class=\"transaction-line-extended-wrapper\">\n            <div class=\"column1\">\n              <span class=\"transaction-field-label\" [textContent]=\"'COMMISSION_CODE' | localize\" *ngIf=\"isFirst\"></span>\n              <co-transaction-line-commission-button\n                [screenConfigurationObject]=\"cfgNames.LineCommission\"\n                [transactionLine]=\"transactionLine\"\n                [transactionInfo]=\"transactionInfo\"\n              ></co-transaction-line-commission-button>\n            </div>\n            <div class=\"column2\">\n              <span class=\"transaction-field-label\" [textContent]=\"'WAREHOUSE_AND_STATUS' | localize\"\n                    *ngIf=\"isFirst\"></span>\n              <co-transaction-line-warehouse-button\n                [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n                [transactionLine]=\"transactionLine\"\n                [transactionInfo]=\"transactionInfo\"\n              ></co-transaction-line-warehouse-button>\n              <co-transaction-line-statusbar\n                [screenConfigurationObject]=\"cfgNames.StatusBar\"\n                [configNames]=\"statusBarConfigNames\"\n                [transactionInfo]=\"transactionInfo\"\n                [transactionLine]=\"transactionLine\"\n                [activeCategory]=\"category.SalesOrderPlanning\"></co-transaction-line-statusbar>\n            </div>\n            <div class=\"column3\">\n              <span class=\"transaction-field-label\" [textContent]=\"'DELIVERY_INFORMATION' | localize\"\n                    *ngIf=\"isFirst\"></span>\n              <co-transaction-line-delivery-button\n                [screenConfigurationObject]=\"cfgNames.LineDeliveryMethod\"\n                [transactionLine]=\"transactionLine\"\n                [transactionInfo]=\"transactionInfo\"\n              ></co-transaction-line-delivery-button>\n              <co-transaction-line-delivery-date-button class=\"transaction-line-delivery-date two-column\"\n                                                        [screenConfigurationObject]=\"cfgNames.LineDeliveryDate\"\n                                                        [transactionInfo]=\"transactionInfo\"\n                                                        [transactionLine]=\"transactionLine\"\n              ></co-transaction-line-delivery-date-button>\n            </div>\n          </div>\n          <div class=\"transaction-line-section\">\n            <span class=\"transaction-field-label\" [textContent]=\"'TOTALS_AND_DISCOUNT' | localize\"\n                  *ngIf=\"isFirst\"></span>\n            <co-transaction-line-vat-button *ngIf=\"!preview\"\n                                            [screenConfigurationObject]=\"cfgNames.LineVat\"\n                                            [transactionLine]=\"transactionLine\"\n                                            [transactionInfo]=\"transactionInfo\"\n            ></co-transaction-line-vat-button>\n            <div class=\"transaction-line-totals\">\n              <co-transaction-line-price class=\"transaction-line-totals-price price\"\n                                         [screenConfigurationObject]=\"cfgNames.LinePrice\"\n                                         [transactionInfo]=\"transactionInfo\"\n                                         [transactionLine]=\"transactionLine\"\n                                         [showLabel]=\"false\"\n                                         [defaultEditMode]=\"false\"\n              ></co-transaction-line-price>\n              <co-transaction-line-discount-button *ngIf=\"!preview\"\n                                                   [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n                                                   [configNames]=\"discountConfigNames\"\n                                                   [transactionLine]=\"transactionLine\"\n                                                   [transactionInfo]=\"transactionInfo\"\n              ></co-transaction-line-discount-button>\n              <div class=\"transaction-line-totals-amount\">\n                <co-transaction-line-amount class=\"amount-number-picker\"\n                                            [screenConfigurationObject]=\"cfgNames.LineAmount\"\n                                            [transactionLine]=\"transactionLine\"\n                                            [transactionInfo]=\"transactionInfo\"\n                ></co-transaction-line-amount>\n              </div>\n              <co-editable-label class=\"transaction-line-totals-total price\"\n                                 [screenConfigurationObject]=\"cfgNames.LineNetLineTotal\"\n                                 [model]=\"transactionLine.displayNetLineTotal | coCurrency: true\"\n                                 [editModel]=\"transactionLine.displayNetLineTotal\"\n                                 [commit]=\"!readonly\"\n              ></co-editable-label>\n            </div>\n          </div>\n        </div>\n      </ng-container>\n    </co-transaction-base-line>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -27618,12 +27759,15 @@
                 return ((_d = (_c = this._transactionService.currentTransaction) === null || _c === void 0 ? void 0 : _c.transactionInfo) === null || _d === void 0 ? void 0 : _d.allowPartialDelivery) ? (_f = (_e = this._transactionService.currentTransaction) === null || _e === void 0 ? void 0 : _e.transactionInfo) === null || _f === void 0 ? void 0 : _f.allowPartialDelivery : false;
             }
         };
+        TransactionQuickAccessPlanningComponent.prototype.isOrderFullyPlanned = function () {
+            return this._transactionService.currentTransaction.transactionLines.filter(function (line) { return line.articleLineStatus.quantityPlanningFinal !== 0; }).length > 0;
+        };
         return TransactionQuickAccessPlanningComponent;
     }(TransactionBaseComponent));
     TransactionQuickAccessPlanningComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-quick-access-planning",
-                    template: "\n      <div class=\"planning-buttons\">\n        <span class=\"button\" [class.selected]=\"lspMode\" (click)=\"toggleLspMode()\"><co-icon [iconData]=\"iconCacheService.getIcon(icons.BoxOpenFullRegular)\"></co-icon></span>\n        <span class=\"button\" *ngIf=\"lspMode\" (click)=\"togglePopup()\"><co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularBoxOpenCircleCheck)\"></co-icon></span>\n        </div>\n\n          <co-dialog *ngIf=\"showLspPopup\" [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\"\n                     [showCloseIcon]=\"true\" (closeClick)=\"togglePopup()\">\n            <co-transaction-quick-access-planning-popup [packageLSP]=\"packageLSP\" [deliveryMethods]=\"deliveryMethods\" (close)=\"showLspPopup = false\"></co-transaction-quick-access-planning-popup>\n          </co-dialog>\n          <ng-template #dialogHeader>\n              <div class=\"row header\">\n                  <co-icon [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruckFast)\"></co-icon>\n                  <div class=\"co-dialog-header-title\" [textContent]=\"'SEND_TO_LOGISTICS_SERVICE_PROVIDER' | localize\"></div>\n              </div>\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)=\"togglePopup()\"></co-button>\n                <co-button class=\"close-button\"\n                           [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n                           (click)=\"togglePopup()\"></co-button>\n              </div>\n          </ng-template>\n      <div class=\"select-all-wrapper\" *ngIf=\"!allowPartialDelivery()\">\n        <co-input-checkbox\n          [label]=\"'SELECT_ALL_LINES' | localize\"\n          (modelChange)=\"handleSelectAllLines($event)\"\n        ></co-input-checkbox>\n      </div>\n\n  ",
+                    template: "\n      <div class=\"planning-buttons\">\n        <span class=\"button\" [class.selected]=\"lspMode\" (click)=\"toggleLspMode()\"><co-icon [iconData]=\"iconCacheService.getIcon(icons.BoxOpenFullRegular)\"></co-icon></span>\n        <span class=\"button\" *ngIf=\"lspMode\" (click)=\"togglePopup()\"><co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularBoxOpenCircleCheck)\"></co-icon></span>\n        </div>\n\n          <co-dialog *ngIf=\"showLspPopup\" [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\"\n                     [showCloseIcon]=\"true\" (closeClick)=\"togglePopup()\">\n            <co-transaction-quick-access-planning-popup [packageLSP]=\"packageLSP\" [deliveryMethods]=\"deliveryMethods\" (close)=\"showLspPopup = false\"></co-transaction-quick-access-planning-popup>\n          </co-dialog>\n          <ng-template #dialogHeader>\n              <div class=\"row header\">\n                  <co-icon [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruckFast)\"></co-icon>\n                  <div class=\"co-dialog-header-title\" [textContent]=\"'SEND_TO_LOGISTICS_SERVICE_PROVIDER' | localize\"></div>\n              </div>\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)=\"togglePopup()\"></co-button>\n                <co-button class=\"close-button\"\n                           [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n                           (click)=\"togglePopup()\"></co-button>\n              </div>\n          </ng-template>\n      <div class=\"select-all-wrapper\" *ngIf=\"!allowPartialDelivery() && !isOrderFullyPlanned()\">\n        <co-input-checkbox\n          [label]=\"'SELECT_ALL_LINES' | localize\"\n          (modelChange)=\"handleSelectAllLines($event)\"\n        ></co-input-checkbox>\n      </div>\n\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -27658,7 +27802,7 @@
     TransactionCardPurchaseConfirmationComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-card-purchase-confirmation',
-                    template: "\n      <co-transaction-base-card\n              [transactionInfo]=\"transactionInfo\"\n              [transactionLine]=\"transactionLine\"\n              [showColorIndicator]=\"showColorIndicator\"\n              [colorIndicatorColor]=\"colorIndicatorColor\"\n              (dragover)=\"handleDragOver($event)\"\n              (drop)=\"handleDrop($event)\"\n              (dragleave)=\"handleDragLeave($event)\"\n      >\n        <div class=\"transaction-card-wrapper\">\n            <co-transaction-card-header\n                    [transactionLine]=\"transactionLine\"\n                    [showActionButtons]=\"true\"\n                    [showCheckbox]=\"showCheckboxForLine\"\n                    [showThumbnail]=\"false\"\n                    [expanded]=\"expanded\"\n            >\n             </co-transaction-card-header>\n\n            <div class=\"transaction-card-content-wrapper\">\n                <div class=\"content-base top-base\">\n                    <co-transaction-line-commission-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-commission-button>\n                    <co-transaction-line-supplier-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-supplier-button>\n                    <co-transaction-line-statusbar data-action=\"openSidePanel\"\n                                                   [screenConfigurationObject]=\"cfgNames.StatusBar\"\n                                                   [configNames]=\"statusBarConfigNames\"\n                                                   [transactionInfo]=\"transactionInfo\"\n                                                   [transactionLine]=\"transactionLine\"\n                                                   [activeCategory]=\"transactionTypeCategory.PurchaseOrderOrderConfirmation\"\n                    ></co-transaction-line-statusbar>\n                </div>\n                <div class=\"content-base bottom-base\">\n                  <co-input-text class=\"transaction-line-totals-price\"\n                                 [model]=\"transactionLine.purchasePortalLine.grossOrderPrice | coCurrency\"\n                                 [readonly]=\"true\"\n                                 [customHeight]=\"true\"\n                  ></co-input-text>\n                  <co-transaction-line-discount-button\n                    [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n                    [transactionLine]=\"transactionLine\"\n                    [transactionInfo]=\"transactionInfo\"\n                  ></co-transaction-line-discount-button>\n                  <div class=\"transaction-line-totals-amount\">\n                    <co-input-text\n                      [model]=\"transactionLine.amount\"\n                      [leftIconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n                      [readonly]=\"true\"\n                      [customHeight]=\"true\"\n                    ></co-input-text>\n                  </div>\n                  <co-input-text class=\"transaction-line-totals-total\"\n                                 [model]=\"transactionLine.displayNetLineTotal | coCurrency\"\n                                 [readonly]=\"true\"\n                                 [customHeight]=\"true\"\n                  ></co-input-text>\n                </div>\n                <div class=\"content-expanded\" *ngIf=\"expanded\">\n                  <co-input-text\n                    [model]=\"transactionLine.purchasePortalLine.articleNoSupplier ? transactionLine.purchasePortalLine.articleNoSupplier : '-'\"\n                    [leftIconData]=\"iconCacheService.getIcon(icons.RegularIndustryTag)\"\n                    [customHeight]=\"true\"\n                    [readonly]=\"true\"\n                  ></co-input-text>\n                  <co-transaction-line-supplier-delivery-date-button\n                    [screenConfigurationObject]=\"cfgNames.LineConfirmedDate\"\n                    [transactionLine]=\"transactionLine\"\n                  ></co-transaction-line-supplier-delivery-date-button>\n                </div>\n                <div class=\"content-expanded\" *ngIf=\"expanded\">\n                  <co-input-number-picker class=\"amount-number-picker\"\n                                          [screenConfigurationObject]=\"cfgNames.LineConfirmedAmount\"\n                                          [required]=\"true\"\n                                          [(model)]=\"+transactionLine.quantityPurchaseToConfirm\"\n                                          [decimals]=\"decimals\"\n                                          [min]=\"1\"\n                                          [max]=\"+transactionLine.purchasePortalLine.amountOrdered\"\n                                          [leftIconData]=\"iconCacheService.getIcon(icons.FileCircleInfoRegular)\"\n                  ></co-input-number-picker>\n                  <co-transaction-line-confirmed-price class=\"transaction-line-confirmed-price price\"\n                                                       [screenConfigurationObject]=\"cfgNames.LineConfirmedPrice\"\n                                                       [(price)]=\"transactionLine.purchasePortalLine.confirmedPrice\"\n                                                       [showLabel]=\"false\"\n                                                       [defaultEditMode]=\"false\"\n                  ></co-transaction-line-confirmed-price>\n                </div>\n            </div>\n\n            <co-transaction-card-footer\n                    [statusBarConfigNames]=\"statusBarConfigNames\"\n                    [transaction]=\"transaction\"\n                    [transactionLine]=\"transactionLine\"\n                    [transactionTypeCategory]=\"transactionTypeCategory.SalesOrderPurchase\"\n                    [expanded]=\"expanded\"\n                    (expandClicked)=\"expanded = !expanded\"\n            ></co-transaction-card-footer>\n        </div>\n      </co-transaction-base-card>\n    ",
+                    template: "\n    <co-transaction-base-card\n      [transactionInfo]=\"transactionInfo\"\n      [transactionLine]=\"transactionLine\"\n      [showColorIndicator]=\"showColorIndicator\"\n      [colorIndicatorColor]=\"colorIndicatorColor\"\n      (dragover)=\"handleDragOver($event)\"\n      (drop)=\"handleDrop($event)\"\n      (dragleave)=\"handleDragLeave($event)\"\n    >\n      <div class=\"transaction-card-wrapper\">\n        <co-transaction-card-header\n          [transactionLine]=\"transactionLine\"\n          [showActionButtons]=\"true\"\n          [showCheckbox]=\"showCheckboxForLine\"\n          [showThumbnail]=\"false\"\n          [expanded]=\"expanded\"\n        >\n        </co-transaction-card-header>\n\n        <div class=\"transaction-card-content-wrapper\">\n          <div class=\"content-base top-base\">\n            <co-transaction-line-commission-button [transactionLine]=\"transactionLine\"\n                                                   [transactionInfo]=\"transactionInfo\"></co-transaction-line-commission-button>\n            <co-transaction-line-supplier-button [transactionLine]=\"transactionLine\"\n                                                 [transactionInfo]=\"transactionInfo\"></co-transaction-line-supplier-button>\n            <co-transaction-line-statusbar data-action=\"openSidePanel\"\n                                           [screenConfigurationObject]=\"cfgNames.StatusBar\"\n                                           [configNames]=\"statusBarConfigNames\"\n                                           [transactionInfo]=\"transactionInfo\"\n                                           [transactionLine]=\"transactionLine\"\n                                           [activeCategory]=\"transactionTypeCategory.PurchaseOrderOrderConfirmation\"\n            ></co-transaction-line-statusbar>\n          </div>\n          <div class=\"content-base bottom-base\">\n            <co-input-text\n              class=\"transaction-line-totals-price\"\n              [class.warning]=\"showColorIndicator && transactionLine.purchasePortalLine.grossOrderPrice != transactionLine.purchasePortalLine.confirmedPrice\"\n              [model]=\"transactionLine.purchasePortalLine.grossOrderPrice | coCurrency\"\n              [readonly]=\"true\"\n              [customHeight]=\"true\">\n            </co-input-text>\n            <co-transaction-line-discount-button\n              [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n              [transactionLine]=\"transactionLine\"\n              [transactionInfo]=\"transactionInfo\"\n            ></co-transaction-line-discount-button>\n            <div class=\"transaction-line-totals-amount\">\n              <co-input-text\n                [class.warning]=\"showColorIndicator && transactionLine.amount !== transactionLine.quantityPurchaseToConfirm\"\n                [model]=\"transactionLine.amount\"\n                [leftIconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n                [readonly]=\"true\"\n                [customHeight]=\"true\"\n              ></co-input-text>\n            </div>\n            <co-input-text class=\"transaction-line-totals-total\"\n                           [model]=\"transactionLine.displayNetLineTotal | coCurrency\"\n                           [readonly]=\"true\"\n                           [customHeight]=\"true\"\n            ></co-input-text>\n          </div>\n          <div class=\"content-expanded\" *ngIf=\"expanded\">\n            <co-input-text\n              [model]=\"transactionLine.purchasePortalLine.articleNoSupplier ? transactionLine.purchasePortalLine.articleNoSupplier : '-'\"\n              [leftIconData]=\"iconCacheService.getIcon(icons.RegularIndustryTag)\"\n              [customHeight]=\"true\"\n              [readonly]=\"true\"\n            ></co-input-text>\n            <co-transaction-line-supplier-delivery-date-button\n              [screenConfigurationObject]=\"cfgNames.LineConfirmedDate\"\n              [transactionLine]=\"transactionLine\"\n            ></co-transaction-line-supplier-delivery-date-button>\n          </div>\n          <div class=\"content-expanded\" *ngIf=\"expanded\">\n            <co-input-number-picker class=\"amount-number-picker\"\n                                    [screenConfigurationObject]=\"cfgNames.LineConfirmedAmount\"\n                                    [required]=\"true\"\n                                    [(model)]=\"+transactionLine.quantityPurchaseToConfirm\"\n                                    [decimals]=\"decimals\"\n                                    [min]=\"1\"\n                                    [max]=\"+transactionLine.purchasePortalLine.amountOrdered\"\n                                    [leftIconData]=\"iconCacheService.getIcon(icons.FileCircleInfoRegular)\"\n            ></co-input-number-picker>\n            <co-transaction-line-confirmed-price class=\"transaction-line-confirmed-price price\"\n                                                 [screenConfigurationObject]=\"cfgNames.LineConfirmedPrice\"\n                                                 [(price)]=\"transactionLine.purchasePortalLine.confirmedPrice\"\n                                                 [showLabel]=\"false\"\n                                                 [defaultEditMode]=\"false\"\n            ></co-transaction-line-confirmed-price>\n          </div>\n        </div>\n\n        <co-transaction-card-footer\n          [statusBarConfigNames]=\"statusBarConfigNames\"\n          [transaction]=\"transaction\"\n          [transactionLine]=\"transactionLine\"\n          [transactionTypeCategory]=\"transactionTypeCategory.SalesOrderPurchase\"\n          [expanded]=\"expanded\"\n          (expandClicked)=\"expanded = !expanded\"\n        ></co-transaction-card-footer>\n      </div>\n    </co-transaction-base-card>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -27678,6 +27822,7 @@
             _this.transactionService = transactionService;
             _this.changeDetector = changeDetector;
             _this.Icon = Icon;
+            _this.cfgNames = exports.TransactionCfgName;
             _this.showDetails = false;
             return _this;
         }
@@ -27711,7 +27856,7 @@
     TransactionLinesSidePanelServiceOrderComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-lines-side-panel-service-order',
-                    template: "\n    <div class=\"full-details-wrapper\">\n      <div class=\"details-wrapper\">\n        <div class=\"details-label-wrapper clickable\" (click)=\"showDetailsClick()\">\n          <label class=\"detail-label\" [textContent]=\"'ARTICLE_DETAILS' | localize\"\n          ></label>\n          <co-icon [class.active]=\"showDetails\" [iconData]=\"iconCacheService.getIcon(icons.ChevronDownRegular)\"></co-icon>\n        </div>\n        <div class=\"details-display articles\">\n          <div class=\"article-description\">\n            <!--co-input-text [(model)]=\"transactionServiceInfo.productName\"\n                          class=\"detail-text-field\" [readonly]=\"true\"></co-input-text-->\n            <div class=\"art-details\">\n              <label class=\"label\" [textContent]=\"'DESCRIPTION'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceArticleDescription\"></span>\n            </div>\n          </div>\n          <div class=\"art-amount-batch\">\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'AMOUNT'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceQuantity\"></span>\n            </div>\n            <!--div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'BATCH_NUMBER'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceBatchNr\"></span>\n            </div-->\n          </div>\n          <co-image-display class=\"image-display\" [model]=\"image\"></co-image-display>\n        </div>\n      </div>\n      <div class=\"show-details-wrapper\"\n           *ngIf=\"showDetails\"\n           [@slideToggle]=\"showDetails ? 'open' : 'closed'\">\n        <div class=\"details-wrapper\">\n          <div class=\"details-label-wrapper\">\n            <label class=\"detail-label\" [textContent]=\"'SALESORDER_DETAIL' | localize\"\n            ></label>\n          </div>\n          <div class=\"details-display\">\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'ORDERNUMBER'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceTransactionNr\"></span>\n            </div>\n            <div class=\"vertical-line\"></div>\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'ORDER_DATE'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceTransactionDate | date : 'd-MM-yyyy'\"></span>\n            </div>\n            <div class=\"vertical-line\"></div>\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'DELIVERY_DATE'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceDeliveryDate | date : 'd-MM-yyyy'\"></span>\n            </div>\n            <div class=\"vertical-line\"></div>\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'REFERENCE'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.priority\"></span>\n            </div>\n          </div>\n        </div>\n        <div class=\"details-wrapper\">\n          <div class=\"details-label-wrapper\">\n            <label class=\"detail-label\" [textContent]=\"'PURCHASEORDER_DETAIL' | localize\"\n            ></label>\n          </div>\n          <div class=\"details-display supplier\">\n            <div class=\"top-details\">\n              <div class=\"detail\">\n                <label class=\"label\" [textContent]=\"'ORDERNUMBER'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourcePurchaseTransactionNr\"></span>\n              </div>\n              <div class=\"vertical-line\"></div>\n              <div class=\"detail\">\n                <label class=\"label\" [textContent]=\"'ORDER_DATE'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourcePurchaseTransactionDate | date : 'd-MM-yyyy'\"></span>\n              </div>\n              <div class=\"vertical-line\"></div>\n              <div class=\"detail\">\n                <label class=\"label\" [textContent]=\"'RECEIVED'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourcePurchaseTransactionReceiptDate | date : 'd-MM-yyyy'\"></span>\n              </div>\n              <div class=\"vertical-line\"></div>\n              <div class=\"detail\">\n                <label class=\"label\" [textContent]=\"'REFERENCE'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceRefSupplier\"></span>\n              </div>\n            </div>\n            <div class=\"bottom-details\">\n              <div class=\"detail supplier\">\n                <label class=\"label\" [textContent]=\"'SUPPLIER'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceSupplierName\"></span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"full-details-wrapper\">\n      <div class=\"details-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderProductDetails\" screenConfigNativeElement>\n        <div class=\"details-label-wrapper clickable\" (click)=\"showDetailsClick()\">\n          <label class=\"detail-label\" [textContent]=\"'ARTICLE_DETAILS' | localize\"\n          ></label>\n          <co-icon [class.active]=\"showDetails\" [iconData]=\"iconCacheService.getIcon(icons.ChevronDownRegular)\"></co-icon>\n        </div>\n        <div class=\"details-display articles\">\n          <div class=\"article-description\">\n            <!--co-input-text [(model)]=\"transactionServiceInfo.productName\"\n                          class=\"detail-text-field\" [readonly]=\"true\"></co-input-text-->\n            <div class=\"art-details\">\n              <label class=\"label\" [textContent]=\"'DESCRIPTION'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceArticleDescription\"></span>\n            </div>\n          </div>\n          <div class=\"art-amount-batch\">\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'AMOUNT'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceQuantity\"></span>\n            </div>\n            <!--div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'BATCH_NUMBER'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceBatchNr\"></span>\n            </div-->\n          </div>\n          <co-image-display class=\"image-display\" [model]=\"image\"></co-image-display>\n        </div>\n      </div>\n      <div class=\"show-details-wrapper\"\n           *ngIf=\"showDetails\"\n           [@slideToggle]=\"showDetails ? 'open' : 'closed'\">\n        <div class=\"details-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderOrderDetails\" screenConfigNativeElement>\n          <div class=\"details-label-wrapper\">\n            <label class=\"detail-label\" [textContent]=\"'SALESORDER_DETAIL' | localize\"\n            ></label>\n          </div>\n          <div class=\"details-display\">\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'ORDERNUMBER'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceTransactionNr\"></span>\n            </div>\n            <div class=\"vertical-line\"></div>\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'ORDER_DATE'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceTransactionDate | date : 'd-MM-yyyy'\"></span>\n            </div>\n            <div class=\"vertical-line\"></div>\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'DELIVERY_DATE'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceDeliveryDate | date : 'd-MM-yyyy'\"></span>\n            </div>\n            <div class=\"vertical-line\"></div>\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'REFERENCE'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.priority\"></span>\n            </div>\n          </div>\n        </div>\n        <div class=\"details-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderPurchaseDetails\" screenConfigNativeElement>\n          <div class=\"details-label-wrapper\">\n            <label class=\"detail-label\" [textContent]=\"'PURCHASEORDER_DETAIL' | localize\"\n            ></label>\n          </div>\n          <div class=\"details-display supplier\">\n            <div class=\"top-details\">\n              <div class=\"detail\">\n                <label class=\"label\" [textContent]=\"'ORDERNUMBER'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourcePurchaseTransactionNr\"></span>\n              </div>\n              <div class=\"vertical-line\"></div>\n              <div class=\"detail\">\n                <label class=\"label\" [textContent]=\"'ORDER_DATE'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourcePurchaseTransactionDate | date : 'd-MM-yyyy'\"></span>\n              </div>\n              <div class=\"vertical-line\"></div>\n              <div class=\"detail\">\n                <label class=\"label\" [textContent]=\"'RECEIVED'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourcePurchaseTransactionReceiptDate | date : 'd-MM-yyyy'\"></span>\n              </div>\n              <div class=\"vertical-line\"></div>\n              <div class=\"detail\">\n                <label class=\"label\" [textContent]=\"'REFERENCE'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceRefSupplier\"></span>\n              </div>\n            </div>\n            <div class=\"bottom-details\">\n              <div class=\"detail supplier\">\n                <label class=\"label\" [textContent]=\"'SUPPLIER'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceSupplierName\"></span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None,
                     animations: [
                         animations.trigger('slideToggle', [
@@ -27807,12 +27952,27 @@
             this._deliveryPlanningService.currentTransId = this.transaction.transactionInfo.id;
             ev.dataTransfer.setData("text", "lines");
         };
+        TransactionCardPlanningComponent.prototype.lineNotPlanned = function (line) {
+            if (!this._deliveryPlanningService.linesPlanOrder) {
+                return true;
+            }
+            if (this._deliveryPlanningService.linesPlanOrder.lines.find(function (line) { return line.lineNr === line.originalLineNr; })) {
+                return false;
+            }
+            else {
+                return true;
+            }
+        };
+        TransactionCardPlanningComponent.prototype.allowPartialDelivery = function () {
+            var _a;
+            return (_a = this.transactionInfo) === null || _a === void 0 ? void 0 : _a.allowPartialDelivery;
+        };
         return TransactionCardPlanningComponent;
     }(TransactionBaseComponent));
     TransactionCardPlanningComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-card-planning",
-                    template: "\n    <div class=\"transaction-card-wrapper\" observeVisibility #observer=visibilityObserve\n         [draggable]=\"true\"\n         (dragstart)=\"dragStarted($event)\"\n         (visibilityChange)=\"handleVisibilityChange(transactionLine, $event)\">\n      <co-transaction-card-header\n        [transactionLine]=\"transactionLine\"\n        [showActionButtons]=\"true\"\n        [showCheckbox]=\"true\"\n        [expanded]=\"expanded\" [selected]=\"selected\"\n      (checkboxValueChanged)=\"selected = $event\"\n      >\n      </co-transaction-card-header>\n      <div class=\"transaction-card-content-wrapper\">\n        <div class=\"content-base top-base\">\n          <co-transaction-line-commission-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-commission-button>\n          <co-transaction-line-supplier-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-supplier-button>\n          <co-transaction-line-statusbar\n            [screenConfigurationObject]=\"cfgNames.StatusBar\"\n            [configNames]=\"statusBarConfigNames\"\n            [transactionInfo]=\"transactionInfo\"\n            [transactionLine]=\"transactionLine\"\n            [activeCategory]=\"category.SalesOrderPlanning\"></co-transaction-line-statusbar>\n        </div>\n        <div class=\"content-base bottom-base\">\n          <co-editable-label class=\"transaction-card-price price\"\n                             [model]=\"transactionLine.price | coCurrency\"\n                             [readonly]=\"true\"\n          ></co-editable-label>\n          <div class=\"transaction-line-totals-amount\">\n            <co-transaction-line-amount class=\"amount-number-picker\"\n                                        [screenConfigurationObject]=\"cfgNames.LineAmount\"\n                                        [transactionLine]=\"transactionLine\"\n                                        [transactionInfo]=\"transactionInfo\"\n            ></co-transaction-line-amount>\n          </div>\n          <co-transaction-line-discount-button *ngIf=\"!preview\"\n                                               [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n                                               [configNames]=\"discountConfigNames\"\n                                               [transactionLine]=\"transactionLine\"\n                                               [transactionInfo]=\"transactionInfo\"\n          ></co-transaction-line-discount-button>\n          <co-editable-label class=\"transaction-line-totals-total price\"\n                             [model]=\"transactionLine.displayNetLineTotal | coCurrency\"\n                             [editModel]=\"transactionLine.displayNetLineTotal\"\n                             [readonly]=\"true\"\n          ></co-editable-label>\n        </div>\n        <div class=\"content-expanded\" *ngIf=\"expanded\">\n          <co-transaction-line-warehouse-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-warehouse-button>\n          <co-transaction-line-delivery-button class=\"fit-content\" [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-delivery-button>\n          <co-transaction-line-vat-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-vat-button>\n        </div>\n      </div>\n\n      <co-transaction-card-footer\n        [transaction]=\"transaction\"\n        [transactionLine]=\"transactionLine\"\n        [transactionTypeCategory]=\"category.SalesOrderOverview\"\n        [expanded]=\"expanded\"\n        (expandClicked)=\"expanded = !expanded\"\n      ></co-transaction-card-footer>\n    </div>\n  ",
+                    template: "\n    <div class=\"transaction-card-wrapper\" observeVisibility #observer=visibilityObserve\n         [draggable]=\"lineNotPlanned(transactionLine)\"\n         (dragstart)=\"dragStarted($event)\"\n         (visibilityChange)=\"handleVisibilityChange(transactionLine, $event)\">\n      <co-transaction-card-header\n        [transactionLine]=\"transactionLine\"\n        [showActionButtons]=\"true\"\n        [showCheckbox]=\"lineNotPlanned(transactionLine)\"\n        [expanded]=\"expanded\" [selected]=\"selected\"\n      (checkboxValueChanged)=\"selected = $event\"\n      >\n      </co-transaction-card-header>\n      <div class=\"transaction-card-content-wrapper\">\n        <div class=\"content-base top-base\">\n          <co-transaction-line-commission-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-commission-button>\n          <co-transaction-line-supplier-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-supplier-button>\n          <co-transaction-line-statusbar\n            [screenConfigurationObject]=\"cfgNames.StatusBar\"\n            [configNames]=\"statusBarConfigNames\"\n            [transactionInfo]=\"transactionInfo\"\n            [transactionLine]=\"transactionLine\"\n            [activeCategory]=\"category.SalesOrderPlanning\"></co-transaction-line-statusbar>\n        </div>\n        <div class=\"content-base bottom-base\">\n          <co-editable-label class=\"transaction-card-price price\"\n                             [model]=\"transactionLine.price | coCurrency\"\n                             [readonly]=\"true\"\n          ></co-editable-label>\n          <div class=\"transaction-line-totals-amount\">\n            <co-transaction-line-amount class=\"amount-number-picker\"\n                                        [screenConfigurationObject]=\"cfgNames.LineAmount\"\n                                        [transactionLine]=\"transactionLine\"\n                                        [transactionInfo]=\"transactionInfo\"\n            ></co-transaction-line-amount>\n          </div>\n          <co-transaction-line-discount-button *ngIf=\"!preview\"\n                                               [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n                                               [configNames]=\"discountConfigNames\"\n                                               [transactionLine]=\"transactionLine\"\n                                               [transactionInfo]=\"transactionInfo\"\n          ></co-transaction-line-discount-button>\n          <co-editable-label class=\"transaction-line-totals-total price\"\n                             [model]=\"transactionLine.displayNetLineTotal | coCurrency\"\n                             [editModel]=\"transactionLine.displayNetLineTotal\"\n                             [readonly]=\"true\"\n          ></co-editable-label>\n        </div>\n        <div class=\"content-expanded\" *ngIf=\"expanded\">\n          <co-transaction-line-warehouse-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-warehouse-button>\n          <co-transaction-line-delivery-button class=\"fit-content\" [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-delivery-button>\n          <co-transaction-line-vat-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-vat-button>\n        </div>\n      </div>\n\n      <co-transaction-card-footer\n        [transaction]=\"transaction\"\n        [transactionLine]=\"transactionLine\"\n        [transactionTypeCategory]=\"category.SalesOrderOverview\"\n        [expanded]=\"expanded\"\n        (expandClicked)=\"expanded = !expanded\"\n      ></co-transaction-card-footer>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -33790,6 +33950,11 @@
         { type: i0.Component, args: [{
                     selector: "co-avatar",
                     template: "\n    <co-image-display [model]=\"imageSrc\" *ngIf=\"imageSrc; else showInitials\"></co-image-display>\n    <ng-template #showInitials>\n      <svg viewBox=\"0 0 30 30\">\n        <text x=\"50%\" y=\"50%\" dominant-baseline=\"central\" text-anchor=\"middle\">{{ initials }}</text>\n      </svg>\n    </ng-template>\n  ",
+                    providers: [{
+                            provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                            useExisting: i0.forwardRef(function () { return AvatarComponent; })
+                        }
+                    ],
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
@@ -33909,8 +34074,8 @@
             this.pollingForStatusStarted = new rxjs.Subject();
             this.pollingForStatusEnded = new rxjs.Subject();
             this.doNotFetchAmountToPayForRemaining = false;
-            this._paymentStatusPollIntervalMs = 5000;
-            this._paymentStatusMaxPollInterval = 60;
+            this._paymentStatusPollIntervalMs = 1000;
+            this._paymentStatusMaxPollInterval = 300; // give the customer 5 minutes (300 x 1 second interval) to pay
             this._paymentStatusPollIntervalCount = 0;
         }
         Object.defineProperty(TransactionPaymentService.prototype, "currentPaymentMethod", {
@@ -35452,7 +35617,7 @@
     TransactionHeaderDeliveryComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-delivery",
-                    template: "\n    <co-transaction-header-block\n      [firstBlockTemplate]=\"firstBlock\"\n      [secondBlockTemplate]=\"secondBlock\"\n      [thirdBlockTemplate]=\"thirdBlock\"\n      [hiddenBlockTemplate]=\"hiddenBlock\"\n      (headerClick)=\"showDialog = true\"\n    >\n    </co-transaction-header-block>\n    <ng-template #headerBlock>\n\n    </ng-template>\n    <ng-template #firstBlock>\n      <div class=\"transaction-header-block-row\" (click)=\"showDialog = true\">\n        <div class=\"planning-request-button-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderDeliveryPreferedHeader\" screenConfigNativeElement>\n          <co-icon class=\"planning-request-button\" [class.co-transaction-check]=\"transactionInfo.deliveryDateDefinitive\"\n                   [iconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"\n                   (click)=\"showDialog = true\"></co-icon>\n        </div>\n        <div class=\"header-deliverydate-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderDeliveryDateHeader\" screenConfigNativeElement>\n          <div class=\"header-delivery-deliverydate-label co-transaction-label\" [textContent]=\"'DELIVERY_DATE' | localize\"></div>\n          <div class=\"header-delivery-deliverydate-content\" [class.closed]=\"transactionInfo.deliveryDateDefinitive\">\n            <co-transaction-header-delivery-date class=\"header-delivery-deliverydate\"\n                                                 [screenConfigurationObject]=\"cfgNames.HeaderDeliveryDateHeader\"\n                                                 [transactionInfo]=\"transactionInfo\"\n                                                 [defaultEditMode]=\"true\"\n                                                 [showLabel]=\"false\"\n            ></co-transaction-header-delivery-date>\n          </div>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #secondBlock>\n      <div class=\"header-deliverdate-definitive-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderDeliveryDefinitiveHeader\" screenConfigNativeElement>\n        <co-transaction-header-deliverydate-definitive-button\n          [screenConfigurationObject]=\"cfgNames.HeaderDeliveryDefinitiveHeader\"\n          [class.closed]=\"transactionInfo.deliveryDateDefinitive\"\n          [transactionInfo]=\"transactionInfo\">\n        </co-transaction-header-deliverydate-definitive-button>\n      </div>\n    </ng-template>\n    <ng-template #thirdBlock>\n\n      <co-transaction-header-delivery-method-button class=\"header-delivery-method\"\n                                                    [screenConfigurationObject]=\"cfgNames.HeaderDeliveryMethod\"\n                                                    [transactionInfo]=\"transactionInfo\"\n      ></co-transaction-header-delivery-method-button>\n\n      <!--div class=\"header-delivery-preferred-deliverydate-label co-transaction-label\" [textContent]=\"'PREFERRED_DATE' | localize\"></div>\n      <co-transaction-header-preferred-delivery-date class=\"header-delivery-deliverydate\"\n                                                     [transactionInfo]=\"transactionInfo\"\n                                                     [defaultEditMode]=\"false\"\n                                                     [showLabel]=\"false\"\n      ></co-transaction-header-preferred-delivery-date-->\n     </ng-template>\n    <ng-template #hiddenBlock>\n      <co-transaction-header-partial-delivery class=\"transaction-header-partial-delivery co-transaction-label\"\n                                              [screenConfigurationObject]=\"cfgNames.HeaderDeliveryPartialHeader\"\n                                              [transactionInfo]=\"transactionInfo\"></co-transaction-header-partial-delivery>\n    </ng-template>\n    <co-transaction-header-popup *ngIf=\"showDialog\"\n                                 [activeCategoryDescription]=\"'DELIVERY_INFORMATION'\"\n                                 [relation]=\"relation\"\n                                 [transaction]=\"transaction\"\n                                 (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n  ",
+                    template: "\n    <co-transaction-header-block\n      [firstBlockTemplate]=\"firstBlock\"\n      [secondBlockTemplate]=\"secondBlock\"\n      [thirdBlockTemplate]=\"thirdBlock\"\n      [hiddenBlockTemplate]=\"hiddenBlock\"\n      (headerClick)=\"showDialog = true\"\n    >\n    </co-transaction-header-block>\n    <ng-template #headerBlock>\n\n    </ng-template>\n    <ng-template #firstBlock>\n      <div class=\"transaction-header-block-row\" (click)=\"showDialog = true\">\n        <div class=\"planning-request-button-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderDeliveryPreferedHeader\" screenConfigNativeElement>\n          <co-icon class=\"planning-request-button\" [class.co-transaction-check]=\"transactionInfo.deliveryDateDefinitive\"\n                   [iconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"\n                   (click)=\"showDialog = true\"></co-icon>\n        </div>\n        <div class=\"header-deliverydate-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderDeliveryDateHeader\" screenConfigNativeElement>\n          <div class=\"header-delivery-deliverydate-label co-transaction-label\" [textContent]=\"'DELIVERY_DATE' | localize\"></div>\n          <div class=\"header-delivery-deliverydate-content\" [class.closed]=\"transactionInfo.deliveryDateDefinitive\">\n            <co-transaction-header-delivery-date class=\"header-delivery-deliverydate\"\n                                                 [screenConfigurationObject]=\"cfgNames.HeaderDeliveryDateHeader\"\n                                                 [transactionInfo]=\"transactionInfo\"\n                                                 [defaultEditMode]=\"true\"\n                                                 [showLabel]=\"false\"\n            ></co-transaction-header-delivery-date>\n          </div>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #secondBlock>\n      <div class=\"header-deliverdate-definitive-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderDeliveryDefinitiveHeader\" screenConfigNativeElement>\n        <co-transaction-header-deliverydate-definitive-button\n          [screenConfigurationObject]=\"cfgNames.HeaderDeliveryDefinitiveHeader\"\n          [class.closed]=\"transactionInfo.deliveryDateDefinitive\"\n          [transactionInfo]=\"transactionInfo\">\n        </co-transaction-header-deliverydate-definitive-button>\n      </div>\n    </ng-template>\n    <ng-template #thirdBlock>\n\n      <co-transaction-header-delivery-method-button class=\"header-delivery-method\"\n                                                    [screenConfigurationObject]=\"cfgNames.HeaderDeliveryMethod\"\n                                                    [transactionInfo]=\"transactionInfo\"\n      ></co-transaction-header-delivery-method-button>\n\n      <co-transaction-header-preferred-delivery-date class=\"header-delivery-deliverydate\"\n                                                     [transactionInfo]=\"transactionInfo\"\n                                                     [defaultEditMode]=\"false\"\n                                                     [showLabel]=\"false\"\n      ></co-transaction-header-preferred-delivery-date>\n     </ng-template>\n    <ng-template #hiddenBlock>\n      <co-transaction-header-partial-delivery class=\"transaction-header-partial-delivery co-transaction-label\"\n                                              [screenConfigurationObject]=\"cfgNames.HeaderDeliveryPartialHeader\"\n                                              [transactionInfo]=\"transactionInfo\"></co-transaction-header-partial-delivery>\n    </ng-template>\n    <co-transaction-header-popup *ngIf=\"showDialog\"\n                                 [activeCategoryDescription]=\"'DELIVERY_INFORMATION'\"\n                                 [relation]=\"relation\"\n                                 [transaction]=\"transaction\"\n                                 (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n  ",
                     providers: [{
                             provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
                             useExisting: i0.forwardRef(function () { return TransactionHeaderDeliveryComponent; })
@@ -37019,6 +37184,10 @@
         { type: i0.Component, args: [{
                     selector: 'co-transaction-header-popup-order',
                     template: "\n    <div class=\"transaction-header-popup-category-wrapper co-small-scrollbar\">\n      <co-form>\n        <div class=\"transaction-header-popup-section\">\n          <div class=\"transaction-header-popup-section-label\" [textContent]=\"'BASE_INFO1' | localize\"></div>\n          <co-transaction-header-definitive class=\"header-definitive-checkbox\" [screenConfigurationObject]=\"cfgNames.Definitive\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-definitive>\n          <div class=\"transaction-header-popup-two-column-grid\">\n            <co-transaction-header-hold-codes *ngIf=\"transactionInfo.transactionKind !== transKind.SalesQuotation\" [screenConfigurationObject]=\"cfgNames.OnHoldCodes\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-hold-codes>\n            <co-transaction-header-payment-condition  [screenConfigurationObject]=\"cfgNames.PaymentCondition\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-payment-condition>\n            <co-transaction-header-branch [simple]=\"true\" [screenConfigurationObject]=\"cfgNames.Branch\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-branch>\n            <co-transaction-header-administrative-relation [screenConfigurationObject]=\"cfgNames.AdministrativeManager\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-administrative-relation>\n            <co-transaction-header-price-kind  [screenConfigurationObject]=\"cfgNames.PriceKind\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-price-kind>\n            <co-transaction-header-sales-person *ngIf=\"transactionKind !== transKind.PurchaseOrder\"\n                [screenConfigurationObject]=\"cfgNames.SalesPerson\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-sales-person>\n            <co-transaction-header-sales-person *ngIf=\"transactionKind === transKind.PurchaseOrder\"\n                [screenConfigurationObject]=\"cfgNames.Buyer\" [label]=\"'PURCHASE_PERSON'\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-sales-person>\n            <co-transaction-header-currency  [screenConfigurationObject]=\"cfgNames.Currency\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-currency>\n            <co-transaction-header-type\n              [screenConfigurationObject]=\"cfgNames.TransactionType\"\n              [transactionInfo]=\"transactionInfo\"\n              [lockAndSave]=\"false\">\n            </co-transaction-header-type>\n          </div>\n          <div class=\"transaction-header-popup-two-column-grid\">\n            <co-transaction-header-project-code [screenConfigurationObject]=\"cfgNames.ProjectCode\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-project-code>\n            <div class=\"cash-on-delivery-row\">\n                <co-button\n                  class=\"save-button\"\n                  [iconData]=\"iconCacheService.getIcon(icons.PlusSimple)\"\n                  (click)=\"addProjectCodeModalVisible = true\"\n                  >\n                </co-button>\n              </div>\n          </div>\n        </div>\n        <div class=\"transaction-header-popup-section\" *ngIf=\"transactionInfo.transactionKind === transKind.SalesQuotation\">\n          <div class=\"transaction-header-popup-section-label\" [textContent]=\"'STATUS' | localize\"></div>\n          <div class=\"transaction-header-popup-two-column-grid\">\n            <co-transaction-header-scoring-chance [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-scoring-chance>\n            <co-transaction-header-retail-stadium [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-retail-stadium>\n            <co-transaction-header-scoring-date [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-scoring-date>\n          </div>\n        </div>\n        <div class=\"transaction-header-popup-section\" [screenConfigurationObject]=\"cfgNames.MarketingCode\" screenConfigNativeElement>\n          <div class=\"transaction-header-popup-section-label\" [textContent]=\"'MARKETING_CODE' | localize\"></div>\n          <co-transaction-header-marketing  [screenConfigurationObject]=\"cfgNames.MarketingCode\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-marketing>\n        </div>\n      </co-form>\n      <co-project-code-modal\n        *ngIf=\"addProjectCodeModalVisible\"\n        (showProjectCodeModal)=\"showProjectCodeModal($event)\">\n      </co-project-code-modal>\n    </div>\n  ",
+                    providers: [{
+                            provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                            useExisting: i0.forwardRef(function () { return TransactionHeaderPopupOrderComponent; })
+                        }],
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -41256,7 +41425,9 @@
                         corecomponents_v12.ScreenConfigurationModule,
                         SuggestionsSidebarModule,
                         corecomponents_v12.ListOfValuesModule,
-                        StepperStepModule
+                        StepperStepModule,
+                        TransactionHeaderSalesPersonModule,
+                        TransactionHeaderPaymentConditionModule
                     ],
                     declarations: [
                         CheckoutOverviewRelationEditComponent,
@@ -41860,11 +42031,6 @@
         { type: i0.Component, args: [{
                     selector: 'co-transaction-internal',
                     template: "\n    <ng-container *ngIf=\"loaded\">\n      <co-click-block></co-click-block>\n      <co-transaction-header\n        *ngIf=\"showHeader\"\n        [transaction]=\"transaction\"\n        [relation]=\"relation\"\n        (relationChange)=\"handleRelationChange($event)\">\n      </co-transaction-header>\n\n      <div class=\"transaction-lines-header\">\n        <co-transaction-quick-access\n          *ngIf=\"showQuickAccess\"\n          class=\"transaction-lines-header-item\"\n          [transaction]=\"transaction\"\n          [relation]=\"relation\"\n          [activeCategory]=\"activeCategory\">\n        </co-transaction-quick-access>\n        <co-transaction-button-bar\n          *ngIf=\"showButtonBar\"\n          class=\"transaction-lines-header-item\"\n          [selectedCategory]=\"activeCategory\"\n          (buttonClicked)=\"handleButtonBarButtonClicked($event)\">\n        </co-transaction-button-bar>\n\n        <div class=\"transaction-lines-header-item right\">\n          <co-avatar\n            class=\"transaction-sales-avatar\"\n            [relationId]=\"transaction.transactionInfo.handledBy\"\n            [screenConfigurationObject]=\"cfgNames.HeaderHandledBy\"\n            screenConfigNativeElement>\n          </co-avatar>\n          <co-avatar\n            class=\"transaction-sales-avatar\"\n            [relationId]=\"transaction.transactionInfo.branch?.relationId\"\n            [screenConfigurationObject]=\"cfgNames.HeaderBranch\"\n            screenConfigNativeElement>\n          </co-avatar>\n          <co-view-mode-buttons\n            *ngIf=\"!shouldShowTiles() && showViewModeButtons\"\n            [showViewModes]=\"[viewModes.List, viewModes.Tiles]\"\n            (viewModeChange)=\"handleViewModeChange($event)\">\n          </co-view-mode-buttons>\n        </div>\n      </div>\n\n      <div class=\"transaction-lines-content-wrapper\">\n        <!--<co-transaction-document-button-bar [transaction]=\"transaction\"></co-transaction-document-button-bar>-->\n        <div class=\"transaction-lines-content\">\n          <div *ngIf=\"activeCategory === category.ServiceOrderService\">\n            <co-transaction-service-overview [posOrderData]=\"posOrderData\" [transaction]=\"transaction\"></co-transaction-service-overview>\n          </div>\n          <div class=\"transaction-tiles-wrapper\" *ngIf=\"activeViewMode === viewModes.Tiles || shouldShowTiles() || transactionPlanning\">\n            <co-transaction-cards\n              [transaction]=\"transaction\"\n              [activeCategory]=\"activeCategory\"\n              [class.planning-cards]=\"transactionPlanning\">\n            </co-transaction-cards>\n          </div>\n          <div class=\"transaction-lines-wrapper\"\n               *ngIf=\"(activeViewMode === viewModes.List && !shouldShowTiles()) && activeCategory !== category.ServiceOrderService && !transactionPlanning\">\n            <co-transaction-lines\n              [transaction]=\"transaction\"\n              [activeCategory]=\"activeCategory\"\n              (saveTransactionLine)=\"saveTransactionLineText($event)\">\n            </co-transaction-lines>\n          </div>\n          <div class=\"transaction-footer-wrapper\">\n            <div class=\"transaction-footer-left\">\n              <co-add-product\n                *ngIf=\"activeCategory === categories.SalesOrderCashRegister ||\n                activeCategory === categories.SalesOrderOverview ||\n                activeCategory === categories.PurchaseOrderOverview ||\n                activeCategory === categories.SalesOrderQuotation ||\n                activeCategory === categories.ServiceOrderOverview\">\n              </co-add-product>\n              <co-transaction-button\n                class=\"custom-width text-rule\"\n                *ngIf=\"activeCategory !== categories.ServiceOrderService\"\n                [iconData]=\"iconCacheService.getIcon(icons.TextSolid)\"\n                (click)=\"handleTransactionText()\">\n              </co-transaction-button>\n            </div>\n\n            <div class=\"transaction-footer-center\">\n              <co-transaction-margin *ngIf=\"activeCategory === categories.SalesOrderMarginInfo\"\n                                     [transactionInfo]=\"transaction.transactionInfo\"\n                                     [transactionMarginInfo]=\"transactionMarginInfo\"\n              ></co-transaction-margin>\n            </div>\n\n            <co-transaction-totals\n              *ngIf=\"activeCategory !== category.ServiceOrderService\"\n              [transactionInfo]=\"transaction.transactionInfo\"\n              [transactionTotal]=\"transaction.transactionTotal\"\n              [showDiscount]=\"true\">\n            </co-transaction-totals>\n          </div>\n        </div>\n\n        <co-transaction-lines-side-panel\n          *ngIf=\"\n          transaction &&\n          (transaction.transactionInfo.transactionKind === transactionKind.CashDesk && !fullyInvoiced())\"\n          [posOrderData]=\"posOrderData\"\n          [transaction]=\"transaction\">\n        </co-transaction-lines-side-panel>\n\n        <co-transaction-line-side-panel\n          *ngIf=\"showSidePanel\"\n          [transaction]=\"transaction\"\n          [transactionInfo]=\"transaction.transactionInfo\"\n          [transactionLine]=\"sidePanelTransactionLine\"\n          [activeCategory]=\"activeCategory\"\n          (cancelClick)=\"showSidePanel = false\">\n        </co-transaction-line-side-panel>\n\n        <!--Popup voor wijzigen volgorde van tekstregels-->\n        <co-transaction-article-text-overview\n          *ngIf=\"showArticleTextOverview\"\n          [transactionInfo]=\"transaction.transactionInfo\"\n          [transactionLine]=\"transactionLine\"\n          (closeClick)=\"closeArticleTextOverview()\"\n          (cancelClick)=\"closeArticleTextOverview()\">\n        </co-transaction-article-text-overview>\n\n        <!--Popup voor aanmaken en updaten transactietekstregels-->\n        <co-transaction-article-text\n          *ngIf=\"showTransactionText\"\n          [header]=\"'ORDER_TEXT_LINE' | localize\"\n          [transactionUuid]=\"transaction.transactionInfo.uuid\"\n          [editText]=\"textToEdit\"\n          [orderLineSetDTO]=\"selectedOrderLineSetDTO\"\n          [transactionLine]=\"transactionLine\"\n          (saveClick)=\"saveTransactionLineText($event)\"\n          (closeClick)=\"closeTransactionText()\"\n          (cancelClick)=\"closeTransactionText()\"\n          (saveOrderLineSetClick)=\"saveOrderLineSet($event)\">\n        </co-transaction-article-text>\n\n        <!--Popup voor aanmaken en updaten artikeltekstregels-->\n        <co-transaction-article-text\n          *ngIf=\"showArticleText\"\n          [header]=\"'PRODUCT_DESCRIPTION_AND_TEXTS' | localize\"\n          [transactionUuid]=\"transaction.transactionInfo.uuid\"\n          [showArticleImageDescription]=\"transactionLine.articleBound\"\n          [showImage]=\"false\"\n          [articleLineNr]=\"transactionLine.lineNr\"\n          [articleRef]=\"transactionLine.articleNumber\"\n          [transactionLine]=\"transactionLine\"\n          [editText]=\"textToEdit\"\n          (saveClick)=\"saveArticleLineText($event)\"\n          (closeClick)=\"closeArticleText()\"\n          (cancelClick)=\"closeArticleText()\">\n        </co-transaction-article-text>\n\n        <co-transaction-copy-order\n          *ngIf=\"showCopyOrderDialog\"\n          [transaction]=\"transaction\"\n          (closeDialog)=\"showCopyOrderDialog = false\">\n        </co-transaction-copy-order>\n      </div>\n    </ng-container>\n  ",
-                    providers: [{
-                            provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
-                            useExisting: i0.forwardRef(function () { return TransactionInternalComponent; })
-                        }
-                    ],
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -41933,7 +42099,7 @@
     TransactionHeaderComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header",
-                    template: "\n    <div class=\"transaction-header-wrapper\" [class.expanded]=\"toggleHeader\">\n      <co-carousel>\n        <co-transaction-header-relation #carouselItem\n                                        [screenConfigurationObject]=\"cfgNames.RelationInfoHeader\"\n                                        [(relation)]=\"relation\"\n                                        [transaction]=\"transaction\"\n                                        [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-relation>\n        <co-transaction-header-order #carouselItem\n                                     [screenConfigurationObject]=\"cfgNames.OrderInfoHeader\"\n                                     [(relation)]=\"relation\"\n                                     [transaction]=\"transaction\"\n                                     [transactionInfo]=\"transaction.transactionInfo\"\n                                     [transactionTotal]=\"transaction.transactionTotal\"\n                                     [class.purchase-order-header]=\"isPurchaseOrder\"></co-transaction-header-order>\n        <co-transaction-header-payment *ngIf=\"!isPurchaseOrder\" #carouselItem\n                                       [screenConfigurationObject]=\"cfgNames.PaymentInfoHeader\"\n                                       [(relation)]=\"relation\"\n                                       [transaction]=\"transaction\"\n                                       [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-payment>\n        <co-transaction-header-delivery #carouselItem\n                                        [screenConfigurationObject]=\"cfgNames.DeliveryInfoHeader\"\n                                        [(relation)]=\"relation\"\n                                        [transaction]=\"transaction\"\n                                        [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-delivery>\n      </co-carousel>\n      <div class=\"expand-transaction-header\">\n        <co-icon class=\"expand-header-icon\"\n                 [iconData]=\"iconCacheService.getIcon(icons.ArrowPointDown)\"\n                 (click)=\"expandHeader()\">\n        </co-icon>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"transaction-header-wrapper\" [class.expanded]=\"toggleHeader\">\n      <co-carousel>\n        <co-transaction-header-relation #carouselItem\n                                        [screenConfigurationObject]=\"cfgNames.RelationInfoHeader\"\n                                        [(relation)]=\"relation\"\n                                        [transaction]=\"transaction\"\n                                        [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-relation>\n        <div class=\"header-order-payment-wrapper\">\n          <co-transaction-header-order #carouselItem\n                                       [screenConfigurationObject]=\"cfgNames.OrderInfoHeader\"\n                                       [(relation)]=\"relation\"\n                                       [transaction]=\"transaction\"\n                                       [transactionInfo]=\"transaction.transactionInfo\"\n                                       [transactionTotal]=\"transaction.transactionTotal\"\n                                       [class.purchase-order-header]=\"isPurchaseOrder\"></co-transaction-header-order>\n          <co-transaction-header-payment *ngIf=\"!isPurchaseOrder\" #carouselItem\n                                         [screenConfigurationObject]=\"cfgNames.PaymentInfoHeader\"\n                                         [(relation)]=\"relation\"\n                                         [transaction]=\"transaction\"\n                                         [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-payment>\n        </div>\n        <co-transaction-header-delivery #carouselItem\n                                        [screenConfigurationObject]=\"cfgNames.DeliveryInfoHeader\"\n                                        [(relation)]=\"relation\"\n                                        [transaction]=\"transaction\"\n                                        [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-delivery>\n      </co-carousel>\n      <div class=\"expand-transaction-header\">\n        <co-icon class=\"expand-header-icon\"\n                 [iconData]=\"iconCacheService.getIcon(icons.ArrowPointDown)\"\n                 (click)=\"expandHeader()\">\n        </co-icon>\n      </div>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -44816,13 +44982,21 @@
         showClass: [{ type: i0.HostBinding, args: ["class.co-delivery-planning",] }]
     };
 
+    var DeliveryPlanningUpdateActions;
+    (function (DeliveryPlanningUpdateActions) {
+        DeliveryPlanningUpdateActions["PlanOrder"] = "planOrder";
+        DeliveryPlanningUpdateActions["PlanLines"] = "planLines";
+        DeliveryPlanningUpdateActions["DeletePlannedOrder"] = "deletePlannedOrder";
+        DeliveryPlanningUpdateActions["DeletePlannedLines"] = "deletePlannedLines";
+    })(DeliveryPlanningUpdateActions || (DeliveryPlanningUpdateActions = {}));
+
     var DeliveryPlanningMainComponent = /** @class */ (function () {
-        function DeliveryPlanningMainComponent(_deliveryPlanningService, _viewModeService, _transaction, _changeDetector) {
+        function DeliveryPlanningMainComponent(_deliveryPlanningService, _viewModeService, _transaction, _changeDetector, _transactionEventService) {
             this._deliveryPlanningService = _deliveryPlanningService;
             this._viewModeService = _viewModeService;
             this._transaction = _transaction;
             this._changeDetector = _changeDetector;
-            this.fullPlanningTransportWeek = [];
+            this._transactionEventService = _transactionEventService;
         }
         Object.defineProperty(DeliveryPlanningMainComponent.prototype, "currentMode", {
             get: function () {
@@ -44842,6 +45016,9 @@
             get: function () {
                 return this._deliveryPlanningService.currentStartDate;
             },
+            set: function (date) {
+                this._deliveryPlanningService.currentStartDate = date;
+            },
             enumerable: false,
             configurable: true
         });
@@ -44855,80 +45032,104 @@
         DeliveryPlanningMainComponent.prototype.ngAfterViewInit = function () {
             var _a;
             if ((_a = this._deliveryPlanningService.currentPlanning) === null || _a === void 0 ? void 0 : _a.planningId) {
-                this.resetTransportWeek();
+                this.getPlanningTransportWeek();
             }
         };
         DeliveryPlanningMainComponent.prototype.planningChanged = function (planning) {
             this.planning = planning;
             this._deliveryPlanningService.currentPlanning = planning;
-            this.resetTransportWeek();
-        };
-        DeliveryPlanningMainComponent.prototype.weekFilter = function (planTransportWeek) {
-            planTransportWeek.forEach(function (ploeg) {
-                if (ploeg) {
-                    for (var property in ploeg) {
-                        if (property) {
-                            if (property !== "day1" && property !== "day2" && property !== "day3") {
-                                delete ploeg[property];
-                            }
-                        }
-                    }
-                }
-            });
-        };
-        DeliveryPlanningMainComponent.prototype.weekFilterWithReturn = function (planTransportWeek) {
-            var copy = JSON.parse(JSON.stringify(this.fullPlanningTransportWeek[0])); // Deep copy of the original state
-            for (var property in copy) {
-                if (property) {
-                    if (property !== "day1" && property !== "day2" && property !== "day3") {
-                        delete copy[property];
-                    }
-                }
-            }
-            return copy;
-        };
-        DeliveryPlanningMainComponent.prototype.updatePlanTransportWeek = function (planningTransportWeek) {
+            this.getPlanningTransportWeek();
+        };
+        // public async updatePlanTransportWeek(updateData:{week: PlanningTransportWeek, action: DeliveryPlanningUpdateActions}) {
+        //   if (updateData.week && updateData.week?.day1 && this.fullPlanningTransportWeek.length > 0) {
+        //     this.fullPlanningTransportWeek[0].day1 = updateData.week?.day1;
+        //     this.fullPlanningTransportWeek[0].day2 = updateData.week?.day2;
+        //     this.fullPlanningTransportWeek[0].day3 = updateData.week?.day3;
+        //     let updateResult = await this._transaction.updatePlanTransportWeek(this.fullPlanningTransportWeek[0]);
+        //     if (updateResult) {
+        //       if(updateData.action && updateData.action === DeliveryPlanningUpdateActions.DeletePlannedOrder && this._deliveryPlanningService.deletingOrder) {
+        //         this._deliveryPlanningService.deletingOrder.dateResetNeeded = true;
+        //         await this._transaction.restoreDeliverySettings([this._deliveryPlanningService.deletingOrder]);
+        //       }
+        //       await this._transaction.commit();
+        //     }
+        //   }
+        //     this.resetTransportWeek();
+        // }
+        DeliveryPlanningMainComponent.prototype.updatePlanTransportWeek = function (updateData) {
             return __awaiter(this, void 0, void 0, function () {
-                var updateResult;
+                var result, week, updateResult;
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
-                            if (!(planningTransportWeek && (planningTransportWeek === null || planningTransportWeek === void 0 ? void 0 : planningTransportWeek.day1) && this.fullPlanningTransportWeek.length > 0)) return [3 /*break*/, 3];
-                            this.fullPlanningTransportWeek[0].day1 = planningTransportWeek === null || planningTransportWeek === void 0 ? void 0 : planningTransportWeek.day1;
-                            this.fullPlanningTransportWeek[0].day2 = planningTransportWeek === null || planningTransportWeek === void 0 ? void 0 : planningTransportWeek.day2;
-                            this.fullPlanningTransportWeek[0].day3 = planningTransportWeek === null || planningTransportWeek === void 0 ? void 0 : planningTransportWeek.day3;
-                            return [4 /*yield*/, this._transaction.updatePlanTransportWeek(this.fullPlanningTransportWeek[0])];
+                            result = this._deliveryPlanningService.convertToPlanTransportWeek(this._deliveryPlanningService.planTransportWeekArr);
+                            week = result.find(function (week) { return week['transportId'] === updateData.week[updateData.week.length - 1]; });
+                            if (!week) return [3 /*break*/, 8];
+                            return [4 /*yield*/, this._transaction.updatePlanTransportWeek(week)];
                         case 1:
                             updateResult = _b.sent();
-                            if (!updateResult) return [3 /*break*/, 3];
-                            return [4 /*yield*/, this._transaction.commit()];
+                            if (!updateResult) return [3 /*break*/, 6];
+                            if (!(updateData.action && updateData.action === DeliveryPlanningUpdateActions.DeletePlannedOrder && this._deliveryPlanningService.deletingOrder)) return [3 /*break*/, 3];
+                            this._deliveryPlanningService.deletingOrder.dateResetNeeded = true;
+                            return [4 /*yield*/, this._transaction.restoreDeliverySettings([this._deliveryPlanningService.deletingOrder])];
                         case 2:
                             _b.sent();
                             _b.label = 3;
-                        case 3:
-                            this.resetTransportWeek();
+                        case 3: return [4 /*yield*/, this._transaction.commit()];
+                        case 4:
+                            _b.sent();
+                            return [4 /*yield*/, this.updateNewValues()];
+                        case 5:
+                            _b.sent();
+                            if (this._deliveryPlanningService.currentTileMode === DeliveryPlanningTileModes.Calendar) {
+                                this._deliveryPlanningService.reRenderHourScheduling.next();
+                            }
+                            return [3 /*break*/, 8];
+                        case 6: return [4 /*yield*/, this.resetPlanningTransportWeek()];
+                        case 7:
+                            _b.sent();
+                            _b.label = 8;
+                        case 8: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        DeliveryPlanningMainComponent.prototype.updateNewValues = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0: return [4 /*yield*/, this._deliveryPlanningService.updatePlanningTransportValues()];
+                        case 1:
+                            _b.sent();
                             return [2 /*return*/];
                     }
                 });
             });
         };
-        DeliveryPlanningMainComponent.prototype.resetTransportWeek = function () {
+        DeliveryPlanningMainComponent.prototype.resetPlanningTransportWeek = function () {
             return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
                 return __generator(this, function (_b) {
-                    this._transaction.getPlanTransportWeek(this.currentStartDate, this._deliveryPlanningService.currentPlanning.planningId).then(function (result) {
-                        if (result.length > 0) {
-                            var myClonedArray_1 = [];
-                            result.forEach(function (val) { return myClonedArray_1.push(Object.assign({}, val)); });
-                            _this.fullPlanningTransportWeek = myClonedArray_1;
-                            _this.weekFilter(result);
-                            _this._deliveryPlanningService.planTransportWeek = result;
-                        }
-                    });
                     return [2 /*return*/];
                 });
             });
         };
+        DeliveryPlanningMainComponent.prototype.getPlanningTransportWeek = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            if (this._deliveryPlanningService.planOrderDate) {
+                                this.currentStartDate = this._deliveryPlanningService.planOrderDate;
+                                this._deliveryPlanningService.planOrderDate = undefined;
+                            }
+                            return [4 /*yield*/, this._deliveryPlanningService.getPlanningTransportWeek()];
+                        case 1:
+                            _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
         DeliveryPlanningMainComponent.prototype.getListData = function () {
             var _this = this;
             var loadDataIfNeeded = function (data, loader, setter) {
@@ -44955,7 +45156,7 @@
     DeliveryPlanningMainComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-delivery-planning-main",
-                    template: "\n    <div class=\"wrapper row\">\n\n      <div class=\"delivery-main-wrapper\">\n        <!--              <co-delivery-planning-mode-selection [currentMode]=\"currentMode\" [currentViewMode]=\"currentViewMode\" (modeChangeEvent)=\"changeViewMode($event)\" ></co-delivery-planning-mode-selection>-->\n        <div class=\"planning-selection-wrapper\">\n          <co-delivery-planning-selection\n            (planningChangeEvent)=\"planningChanged($event)\"></co-delivery-planning-selection>\n        </div>\n        <co-delivery-planning-overview [currentMode]=\"currentMode\"\n                                       [currentViewMode]=\"currentViewMode\"\n                                       (updatePlanningTransportEvent)=\"updatePlanTransportWeek($event)\"\n                                       (resetPlanningTransportEvent)=\"resetTransportWeek()\"\n        ></co-delivery-planning-overview>\n      </div>\n    </div>\n\n\n  ",
+                    template: "\n    <div class=\"wrapper row\">\n\n      <div class=\"delivery-main-wrapper\">\n        <!--              <co-delivery-planning-mode-selection [currentMode]=\"currentMode\" [currentViewMode]=\"currentViewMode\" (modeChangeEvent)=\"changeViewMode($event)\" ></co-delivery-planning-mode-selection>-->\n        <div class=\"planning-selection-wrapper\">\n          <co-delivery-planning-selection\n            (planningChangeEvent)=\"planningChanged($event)\"></co-delivery-planning-selection>\n        </div>\n        <co-delivery-planning-overview [currentMode]=\"currentMode\"\n                                       [currentViewMode]=\"currentViewMode\"\n                                       (updatePlanningTransportEvent)=\"updatePlanTransportWeek($event)\"\n                                       (resetPlanningTransportEvent)=\"getPlanningTransportWeek()\"\n        ></co-delivery-planning-overview>\n      </div>\n    </div>\n\n\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -44963,7 +45164,8 @@
         { type: DeliveryPlanningService },
         { type: SearchViewModeService },
         { type: TransactionConnectorService },
-        { type: i0.ChangeDetectorRef }
+        { type: i0.ChangeDetectorRef },
+        { type: TransactionEventService }
     ]; };
     DeliveryPlanningMainComponent.propDecorators = {
         showClass: [{ type: i0.HostBinding, args: ["class.co-delivery-planning-main",] }]
@@ -45107,11 +45309,14 @@
             this.icons = Icon;
             this.tileModes = DeliveryPlanningTileModes;
             this.ordersLoaded = false;
+            this._subs = [];
             this.disabled = false;
             this.expandedEvent = new i0.EventEmitter();
-            this.deleteLineEvent = new i0.EventEmitter();
+            this.deleteOrderEvent = new i0.EventEmitter();
+            this.deleteOrderLineEvent = new i0.EventEmitter();
+            this.editOrderEvent = new i0.EventEmitter();
             this.getTransportOrdersEvent = new i0.EventEmitter();
-            this.updatePlanningTransportWeek = new i0.EventEmitter();
+            this.timeChangeEvent = new i0.EventEmitter();
             this.openSettingsDialogEvent = new i0.EventEmitter();
             this.calendarPlanEvent = new i0.EventEmitter();
         }
@@ -45127,6 +45332,7 @@
         };
         DeliveryPlanningOverviewTileComponent.prototype.ngOnInit = function () {
             return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
@@ -45137,11 +45343,25 @@
                             this.ordersLoaded = true;
                             this.getTransportOrdersEvent.emit(this.transportDay);
                             _a.label = 2;
-                        case 2: return [2 /*return*/];
+                        case 2:
+                            this._subs.push(this._deliveryPlanningService.reRenderHourScheduling.subscribe(function (event) {
+                                _this.hourSchedulingComp.generateScheduledObjects();
+                            }));
+                            return [2 /*return*/];
                     }
                 });
             });
         };
+        DeliveryPlanningOverviewTileComponent.prototype.ngOnDestroy = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    this._subs.forEach(function (sub) {
+                        sub.unsubscribe();
+                    });
+                    return [2 /*return*/];
+                });
+            });
+        };
         DeliveryPlanningOverviewTileComponent.prototype.drop = function (event) {
             // moveItemInArray(this.planningLines, event.previousIndex, event.currentIndex);
         };
@@ -45161,8 +45381,11 @@
                 });
             }
         };
-        DeliveryPlanningOverviewTileComponent.prototype.handleDeleteLineClick = function (order) {
-            this.deleteLineEvent.emit([order, this.transportDay]);
+        DeliveryPlanningOverviewTileComponent.prototype.handleDeleteOrderClick = function (order) {
+            this.deleteOrderEvent.emit([order, this.transportDay]);
+        };
+        DeliveryPlanningOverviewTileComponent.prototype.handleDeleteOrderLineClick = function (data) {
+            this.deleteOrderLineEvent.emit(data);
         };
         DeliveryPlanningOverviewTileComponent.prototype.handleSettingsSave = function () {
         };
@@ -45174,21 +45397,20 @@
             this.openSettingsDialogEvent.emit(this.transportDay);
         };
         DeliveryPlanningOverviewTileComponent.prototype.handleTimeChangeEvent = function (obj) {
-            var transNr = obj['transactionNr'];
-            var order = this.transportDay.plannedOrders.find(function (planOrder) { return planOrder.transactionNr === transNr; });
-            order.startTime = new Date(obj['startTime']);
-            order.endTime = new Date(obj['endTime']);
-            this.updatePlanningTransportWeek.emit();
+            this.timeChangeEvent.emit(obj);
         };
         DeliveryPlanningOverviewTileComponent.prototype.handleCalendarPlanEvent = function (data) {
             this.calendarPlanEvent.emit(data);
         };
+        DeliveryPlanningOverviewTileComponent.prototype.handleEditOrderEvent = function (planOrder) {
+            this.editOrderEvent.emit(planOrder);
+        };
         return DeliveryPlanningOverviewTileComponent;
     }());
     DeliveryPlanningOverviewTileComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-delivery-planning-overview-tile",
-                    template: "\n    <div class=\"delivery-planning-overview-tile-wrapper\">\n      <div class=\"header-tile-wrapper\">\n        <div class=\"header-title\" (click)=\"expandedChange()\">\n          <co-icon *ngIf=\"!expanded\" [iconData]=\"iconCacheService.getIcon(icons.CaretDownSolid)\"></co-icon>\n          <co-icon *ngIf=\"expanded\" [iconData]=\"iconCacheService.getIcon(icons.CaretUpSolid)\"></co-icon>\n          <span class=\"header-title\" [textContent]=\"transportDay?.transport.registrationNumber\"></span>\n        </div>\n        <div class=\"truck-header-tile\">\n          <co-icon\n            [iconData]=\"iconCacheService.getIcon(icons.TruckContainerDuo)\"></co-icon>\n          <co-icon class=\"small\" (click)=\"openSettingsDialog()\"\n                   [iconData]=\"iconCacheService.getIcon(icons.SlidersUpRegular)\"></co-icon>\n\n        </div>\n\n      </div>\n      <div class=\"planning-wrapper\">\n        <div class=\"status-wrapper row\">\n          <co-delivery-planning-tile-status\n            [currentVolume]=\"transportDay?.orderAmount\"\n            [maxVolume]=\"transportDay?.maxOrderAmount\"\n            [currentTimeTotal]=\"transportDay?.minutes\"\n            [timeTotal]=\"transportDay?.maxMinutes\">\n          </co-delivery-planning-tile-status>\n          <div class=\"planning-short-line-wrapper\" *ngIf=\"!expanded\">\n            <co-delivery-planning-overview-short-line\n              *ngFor=\"let order of transportDay?.plannedOrders\"\n              (deleteLineEvent)=\"handleDeleteLineClick($event)\"\n              [order]=\"order\">\n            </co-delivery-planning-overview-short-line>\n          </div>\n        </div>\n        <co-collapsible [expanded]=\"expanded\">\n          <div class=\"tile-content-wrapper column\">\n\n            <div class=\"planning-lines-wrapper\" cdkDropList (cdkDropListDropped)=\"drop($event)\"\n                 *ngIf=\"tileMode === tileModes.Normal\">\n              <co-delivery-planning-overview-tile-line cdkDrag\n                                                       *ngFor=\"let order of transportDay?.plannedOrders\"\n                                                       (deleteLineEvent)=\"handleDeleteLineClick($event)\"\n                                                       [order]=\"order\">\n              </co-delivery-planning-overview-tile-line>\n            </div>\n\n            <ng-template #customTemplate let-hour=\"hour\" let-objects=\"objects\">\n              <div>\n                <div\n                  *ngFor=\"let obj of objects\"\n                  class=\"custom-scheduled-object\"\n                  draggable=\"true\"\n                  (dragstart)=\"onCustomDragStart($event, obj)\"\n                >\n                  <co-delivery-planning-overview-tile-line cdkDrag\n                                                           *ngFor=\"let obj of objects\"\n                                                           (deleteLineEvent)=\"handleDeleteLineClick($event)\"\n                                                           [order]=\"obj\">\n                  </co-delivery-planning-overview-tile-line>\n                </div>\n              </div>\n            </ng-template>\n\n            <co-hour-scheduling *ngIf=\"ordersLoaded && tileMode === tileModes.Calendar\"\n                                [schedule]=\"transportDay\"\n                                [startTimeProp]=\"'startTime'\"\n                                [endTimeProp]=\"'endTime'\"\n                                [objectsProp]=\"'plannedOrders'\"\n                                [childProp]=\"'transport'\"\n                                [customTemplate]=\"customTemplate\"\n                                [customTemplateUsed]=\"true\"\n                                [idProp]=\"'transId'\"\n                                (timeChangeEvent)=\"handleTimeChangeEvent($event)\"\n                                (drop)=\"handleDrop($event)\"\n                                (newObjectPlanEvent)=\"handleCalendarPlanEvent($event)\"\n            ></co-hour-scheduling>\n          </div>\n        </co-collapsible>\n      </div>\n\n    </div>\n  ",
+                    template: "\n    <div class=\"delivery-planning-overview-tile-wrapper\">\n      <div class=\"header-tile-wrapper\">\n        <div class=\"header-title\" (click)=\"expandedChange()\">\n          <co-icon *ngIf=\"!expanded\" [iconData]=\"iconCacheService.getIcon(icons.CaretDownSolid)\"></co-icon>\n          <co-icon *ngIf=\"expanded\" [iconData]=\"iconCacheService.getIcon(icons.CaretUpSolid)\"></co-icon>\n          <span class=\"header-title\" [textContent]=\"transportDay?.transport.registrationNumber\"></span>\n        </div>\n        <div class=\"truck-header-tile\">\n          <co-icon\n            [iconData]=\"iconCacheService.getIcon(icons.TruckContainerDuo)\"></co-icon>\n          <co-icon class=\"small\" (click)=\"openSettingsDialog()\"\n                   [iconData]=\"iconCacheService.getIcon(icons.SlidersUpRegular)\"></co-icon>\n\n        </div>\n\n      </div>\n      <div class=\"planning-wrapper\">\n        <div class=\"status-wrapper row\">\n          <co-delivery-planning-tile-status\n            [currentVolume]=\"transportDay?.orderAmount\"\n            [maxVolume]=\"transportDay?.maxOrderAmount\"\n            [currentTimeTotal]=\"transportDay?.minutes\"\n            [timeTotal]=\"transportDay?.maxMinutes\">\n          </co-delivery-planning-tile-status>\n          <div class=\"planning-short-line-wrapper\" *ngIf=\"!expanded\">\n            <co-delivery-planning-overview-short-line\n              *ngFor=\"let order of transportDay?.plannedOrders\"\n              (deleteOrderEvent)=\"handleDeleteOrderClick($event)\"\n              [order]=\"order\">\n            </co-delivery-planning-overview-short-line>\n          </div>\n        </div>\n        <co-collapsible [expanded]=\"expanded\">\n          <div class=\"tile-content-wrapper column\">\n\n            <div class=\"planning-lines-wrapper\" cdkDropList (cdkDropListDropped)=\"drop($event)\"\n                 *ngIf=\"tileMode === tileModes.Normal\">\n              <co-delivery-planning-overview-tile-line cdkDrag\n                                                       *ngFor=\"let order of transportDay?.plannedOrders\"\n                                                       (deleteOrderEvent)=\"handleDeleteOrderClick($event)\"\n                                                       (deleteOrderLineEvent)=\"handleDeleteOrderLineClick($event)\"\n                                                       (editOrderEvent)=\"handleEditOrderEvent($event)\"\n                                                       [order]=\"order\">\n              </co-delivery-planning-overview-tile-line>\n            </div>\n\n            <ng-template #customTemplate let-hour=\"hour\" let-objects=\"objects\">\n              <div>\n                <div\n                  *ngFor=\"let obj of objects\"\n                  class=\"custom-scheduled-object\"\n                  draggable=\"true\"\n                  (dragstart)=\"onCustomDragStart($event, obj)\"\n                >\n                  <co-delivery-planning-overview-tile-line cdkDrag\n                                                           *ngFor=\"let obj of objects\"\n                                                           (deleteOrderEvent)=\"handleDeleteOrderClick($event)\"\n                                                           (deleteOrderLineEvent)=\"handleDeleteOrderLineClick($event)\"\n                                                           (editOrderEvent)=\"handleEditOrderEvent($event)\"\n                                                           [order]=\"obj\">\n                  </co-delivery-planning-overview-tile-line>\n                </div>\n              </div>\n            </ng-template>\n\n            <co-hour-scheduling #hourSchedulingComponent *ngIf=\"ordersLoaded && tileMode === tileModes.Calendar\"\n                                [schedule]=\"transportDay\"\n                                [startTimeProp]=\"'startTime'\"\n                                [endTimeProp]=\"'endTime'\"\n                                [objectsProp]=\"'plannedOrders'\"\n                                [childProp]=\"'transport'\"\n                                [customTemplate]=\"customTemplate\"\n                                [customTemplateUsed]=\"true\"\n                                [idProp]=\"'transId'\"\n                                (timeChangeEvent)=\"handleTimeChangeEvent($event)\"\n                                (drop)=\"handleDrop($event)\"\n                                (newObjectPlanEvent)=\"handleCalendarPlanEvent($event)\"\n            ></co-hour-scheduling>\n          </div>\n        </co-collapsible>\n      </div>\n\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -45201,11 +45423,14 @@
         disabled: [{ type: i0.Input }],
         transportDay: [{ type: i0.Input }],
         expandedEvent: [{ type: i0.Output }],
-        deleteLineEvent: [{ type: i0.Output }],
+        deleteOrderEvent: [{ type: i0.Output }],
+        deleteOrderLineEvent: [{ type: i0.Output }],
+        editOrderEvent: [{ type: i0.Output }],
         getTransportOrdersEvent: [{ type: i0.Output }],
-        updatePlanningTransportWeek: [{ type: i0.Output }],
+        timeChangeEvent: [{ type: i0.Output }],
         openSettingsDialogEvent: [{ type: i0.Output }],
         calendarPlanEvent: [{ type: i0.Output }],
+        hourSchedulingComp: [{ type: i0.ViewChild, args: ['hourSchedulingComponent',] }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-delivery-planning-overview-tile",] }]
     };
 
@@ -45218,6 +45443,7 @@
             this._changeDetector = _changeDetector;
             this.iconCacheService = iconCacheService;
             this.icons = Icon;
+            this.planningActions = DeliveryPlanningUpdateActions;
             this.tileModes = DeliveryPlanningTileModes;
             this.deliveryPlanningViewModes = exports.DeliveryPlanningViewModes;
             this.availability = [];
@@ -45229,7 +45455,6 @@
             this.updatePlanningTransportEvent = new i0.EventEmitter();
             this.resetPlanningTransportEvent = new i0.EventEmitter();
             this.tileSize = 300; //one tile should have this width
-            this.date = new Date();
             this.available = false;
             this.showNoteDialog = false;
             this.showSettingsDialog = false;
@@ -45250,14 +45475,9 @@
             configurable: true
         });
         ;
-        Object.defineProperty(DeliveryPlanningOverviewComponent.prototype, "planTransportWeek", {
+        Object.defineProperty(DeliveryPlanningOverviewComponent.prototype, "planTransportWeekArr", {
             get: function () {
-                if (this._deliveryPlanningService.planTransportWeek.length) {
-                    return this._deliveryPlanningService.planTransportWeek;
-                }
-                else {
-                    return [];
-                }
+                return this._deliveryPlanningService.planTransportWeekArr;
             },
             enumerable: false,
             configurable: true
@@ -45272,6 +45492,9 @@
             enumerable: false,
             configurable: true
         });
+        DeliveryPlanningOverviewComponent.prototype.currentDate = function () {
+            return this._deliveryPlanningService.currentStartDate;
+        };
         //calculating upon loading
         DeliveryPlanningOverviewComponent.prototype.ngAfterViewChecked = function () {
             this.setColNum();
@@ -45286,8 +45509,8 @@
         DeliveryPlanningOverviewComponent.prototype.dropped = function (ev, week, transportDay, transportDays) {
             return __awaiter(this, void 0, void 0, function () {
                 var data, index, tile, planOrder;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             ev.preventDefault();
                             ev.stopPropagation();
@@ -45301,10 +45524,10 @@
                             if (!(data != "lines")) return [3 /*break*/, 3];
                             return [4 /*yield*/, this._transaction.getTransactionById(parseInt(data))];
                         case 1:
-                            _c.sent();
+                            _b.sent();
                             return [4 /*yield*/, this._transactionCon.getPlanOrder(parseInt(data))];
                         case 2:
-                            planOrder = _c.sent();
+                            planOrder = _b.sent();
                             if (planOrder) {
                                 this.openPlanningPopup(planOrder, transportDay, week);
                             }
@@ -45313,8 +45536,8 @@
                             if (!this._transaction.currentTransaction.transactionLines.find(function (transactionLine) { return transactionLine.selected; })) return [3 /*break*/, 5];
                             return [4 /*yield*/, this.planSelectedLines(transportDay, week)];
                         case 4:
-                            _c.sent();
-                            _c.label = 5;
+                            _b.sent();
+                            _b.label = 5;
                         case 5: return [2 /*return*/];
                     }
                 });
@@ -45327,15 +45550,11 @@
             }
         };
         DeliveryPlanningOverviewComponent.prototype.setColNum = function () {
-            var _a, _b;
             if (this._deliveryPlanningService.viewMode === exports.DeliveryPlanningViewModes.Sidebar) {
                 this.columnNum = 1;
             }
             else {
-                var width = (_b = (_a = this.rowContainer) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.offsetWidth;
-                if (width) {
-                    this.columnNum = Math.trunc(width / this.tileSize);
-                }
+                this.columnNum = 3;
             }
         };
         DeliveryPlanningOverviewComponent.prototype.dragEnd = function (ev) {
@@ -45359,42 +45578,45 @@
         };
         DeliveryPlanningOverviewComponent.prototype.handleDeleteOrder = function (deleteResult, planningTransportWeek) {
             return __awaiter(this, void 0, void 0, function () {
-                var order;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
+                var oldWeek, order;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
+                            oldWeek = planningTransportWeek;
                             order = deleteResult[0];
                             if (!order) return [3 /*break*/, 3];
                             return [4 /*yield*/, this.getTransportOrders(deleteResult[0], deleteResult[1])];
                         case 1:
-                            _c.sent();
+                            _b.sent();
                             return [4 /*yield*/, this.getOrderLinesPlanned(order)];
                         case 2:
-                            _c.sent();
+                            _b.sent();
                             if (deleteResult[0].lines.length > 0) {
-                                order === null || order === void 0 ? void 0 : order.lines.forEach(function (line) {
-                                    line.planned = false;
-                                    line.selected = false;
-                                });
-                                order.lines = [];
+                                this._deliveryPlanningService.deletingOrder = order;
                                 deleteResult[1].plannedOrders.splice(deleteResult[1].plannedOrders.indexOf(order), 1);
-                                this.updatePlanningTransportEvent.emit(planningTransportWeek);
+                                this.updatePlanningTransportEvent.emit({ oldWeek: oldWeek, week: planningTransportWeek, action: DeliveryPlanningUpdateActions.DeletePlannedOrder });
                             }
                             else {
                                 this._dialog.showError("NO_LINES_TO_DELETE", true);
                             }
-                            _c.label = 3;
+                            _b.label = 3;
                         case 3: return [2 /*return*/];
                     }
                 });
             });
         };
+        DeliveryPlanningOverviewComponent.prototype.handleDeleteLine = function (deleteResult, weekDay, transportWeekRow) {
+            var oldWeek = transportWeekRow;
+            var order = weekDay.plannedOrders.find(function (order) { return order.transId === deleteResult.order.transId; });
+            order.lines = order.lines.filter(function (line) { return line.originalLineNr !== deleteResult.line.originalLineNr; });
+            this.updatePlanningTransportEvent.emit({ oldWeek: oldWeek, week: transportWeekRow, action: DeliveryPlanningUpdateActions.DeletePlannedLines });
+        };
         DeliveryPlanningOverviewComponent.prototype.getOrderLinesPlanned = function (order) {
             return __awaiter(this, void 0, void 0, function () {
-                var request, filterObj, _c, _d, _e, _f;
-                var _g;
-                return __generator(this, function (_h) {
-                    switch (_h.label) {
+                var request, filterObj, _b, _c, _d, _e;
+                var _f;
+                return __generator(this, function (_g) {
+                    switch (_g.label) {
                         case 0:
                             request = new orderLinesPlannedRequest_bo.OrderLinesPlannedRequest();
                             filterObj = new planningFilterObject_bo.PlanningFilterObject();
@@ -45406,12 +45628,15 @@
                             filterObj.beginCurrentWeek = new Date();
                             filterObj.checkOrderLines = 1;
                             request.filterObject = filterObj;
-                            _d = (_c = (_g = order.lines).push).apply;
-                            _e = [_g];
-                            _f = [[]];
+                            if (!order.lines) {
+                                order.lines = [];
+                            }
+                            _c = (_b = (_f = order.lines).push).apply;
+                            _d = [_f];
+                            _e = [[]];
                             return [4 /*yield*/, this._transactionCon.getOrderLinesPlanned(request)];
                         case 1:
-                            _d.apply(_c, _e.concat([__spreadArray.apply(void 0, _f.concat([__read.apply(void 0, [_h.sent()])]))]));
+                            _c.apply(_b, _d.concat([__spreadArray.apply(void 0, _e.concat([__read.apply(void 0, [_g.sent()])]))]));
                             return [2 /*return*/];
                     }
                 });
@@ -45419,18 +45644,18 @@
         };
         DeliveryPlanningOverviewComponent.prototype.getTransportOrders = function (order, transportDay) {
             return __awaiter(this, void 0, void 0, function () {
-                var request, _c;
-                return __generator(this, function (_d) {
-                    switch (_d.label) {
+                var request, _b;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
                             request = new getTransportOrdersRequest_bo.GetTransportOrdersRequest();
                             request.planningId = this._deliveryPlanningService.currentPlanning.planningId;
                             request.date = transportDay.date;
                             request.transportId = transportDay.transport.transportId;
-                            _c = transportDay;
+                            _b = transportDay;
                             return [4 /*yield*/, this._transactionCon.getTransportOrders(request)];
                         case 1:
-                            _c.plannedOrders = _d.sent();
+                            _b.plannedOrders = _c.sent();
                             transportDay.ordersLoaded = true;
                             return [2 /*return*/];
                     }
@@ -45439,7 +45664,9 @@
         };
         DeliveryPlanningOverviewComponent.prototype.planOrderLines = function (order, transportDay, week) {
             return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_c) {
+                var oldWeek;
+                return __generator(this, function (_b) {
+                    oldWeek = week;
                     if (order.lines.length) {
                         order.linesLoaded = true;
                         order.tasks = [];
@@ -45453,7 +45680,7 @@
                         else {
                             transportDay.plannedOrders.push(order);
                         }
-                        this.updatePlanningTransportEvent.emit(week);
+                        this.updatePlanningTransportEvent.emit({ oldWeek: oldWeek, week: week, action: DeliveryPlanningUpdateActions.PlanLines });
                     }
                     else {
                         this._dialog.showError("NO_LINES_TO_PLAN", true);
@@ -45465,22 +45692,22 @@
         DeliveryPlanningOverviewComponent.prototype.planSelectedLines = function (transportDay, week) {
             return __awaiter(this, void 0, void 0, function () {
                 var planOrder, linesToPlan, originalPlannedLineCount, correctOrder;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0: return [4 /*yield*/, this._transactionCon.getPlanOrder(this._transaction.currentTransaction.transactionInfo.id)];
                         case 1:
-                            planOrder = _c.sent();
+                            planOrder = _b.sent();
                             linesToPlan = planOrder.lines;
                             planOrder.lines = [];
                             return [4 /*yield*/, this.getTransportOrders(planOrder, transportDay)];
                         case 2:
-                            _c.sent();
+                            _b.sent();
                             return [4 /*yield*/, this.getSequenceOrderValue(planOrder)];
                         case 3:
-                            _c.sent();
+                            _b.sent();
                             return [4 /*yield*/, this.getOrderLinesPlanned(planOrder)];
                         case 4:
-                            _c.sent();
+                            _b.sent();
                             originalPlannedLineCount = planOrder.lines.length;
                             if (!transportDay.plannedOrders.find(function (order) { return order.transId === planOrder.transId; })) {
                                 transportDay.plannedOrders.push(planOrder);
@@ -45511,14 +45738,14 @@
         };
         DeliveryPlanningOverviewComponent.prototype.getSequenceOrderValue = function (order) {
             return __awaiter(this, void 0, void 0, function () {
-                var _c;
-                return __generator(this, function (_d) {
-                    switch (_d.label) {
+                var _b;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
-                            _c = order;
+                            _b = order;
                             return [4 /*yield*/, this._deliveryPlanningService.getOrderSequenceValue()];
                         case 1:
-                            _c.plannedLineId = _d.sent();
+                            _b.plannedLineId = _c.sent();
                             order.chained = false;
                             return [2 /*return*/];
                     }
@@ -45527,23 +45754,34 @@
         };
         DeliveryPlanningOverviewComponent.prototype.handlePopupPlanEvent = function (event) {
             return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             this.showNoteDialog = false;
                             return [4 /*yield*/, this.getTransportOrders(event[0], event[1])];
                         case 1:
-                            _c.sent();
+                            _b.sent();
                             return [4 /*yield*/, this.getSequenceOrderValue(event[0])];
                         case 2:
-                            _c.sent();
+                            _b.sent();
                             return [4 /*yield*/, this.getOrderLinesPlanned(event[0])];
                         case 3:
-                            _c.sent();
+                            _b.sent();
                             return [4 /*yield*/, this.planOrderLines(event[0], event[1], event[2])];
                         case 4:
-                            _c.sent();
-                            return [2 /*return*/];
+                            _b.sent();
+                            if (!this._deliveryPlanningService.currentTransId) return [3 /*break*/, 8];
+                            return [4 /*yield*/, this._transaction.getTransactionById(this._deliveryPlanningService.currentTransId)];
+                        case 5:
+                            _b.sent();
+                            return [4 /*yield*/, this._transaction.saveTransaction()];
+                        case 6:
+                            _b.sent();
+                            return [4 /*yield*/, this._transaction.checkRefTransaction()];
+                        case 7:
+                            _b.sent();
+                            _b.label = 8;
+                        case 8: return [2 /*return*/];
                     }
                 });
             });
@@ -45563,37 +45801,46 @@
             var _a;
             return __awaiter(this, void 0, void 0, function () {
                 var planOrder;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             if (!(data.data === "false" && this._deliveryPlanningService.currentTransId)) return [3 /*break*/, 2];
                             return [4 /*yield*/, this._transactionCon.getPlanOrder((_a = this._deliveryPlanningService) === null || _a === void 0 ? void 0 : _a.currentTransId)];
                         case 1:
-                            planOrder = _c.sent();
+                            planOrder = _b.sent();
                             return [3 /*break*/, 4];
                         case 2: return [4 /*yield*/, this._transactionCon.getPlanOrder(parseInt(data.data))];
                         case 3:
-                            planOrder = _c.sent();
-                            _c.label = 4;
+                            planOrder = _b.sent();
+                            _b.label = 4;
                         case 4:
-                            if (!(planOrder && data.currentHour)) return [3 /*break*/, 9];
+                            if (!(planOrder && data.currentHour)) return [3 /*break*/, 12];
                             planOrder.startTime = this.calculateStartTime(transportWeekDay, data.currentHour);
                             planOrder.endTime = this.calculateEndTime(planOrder.startTime, data.currentHour, planOrder);
                             return [4 /*yield*/, this.getTransportOrders(planOrder, transportWeekDay)];
                         case 5:
-                            _c.sent();
+                            _b.sent();
                             return [4 /*yield*/, this.getSequenceOrderValue(planOrder)];
                         case 6:
-                            _c.sent();
+                            _b.sent();
                             return [4 /*yield*/, this.getOrderLinesPlanned(planOrder)];
                         case 7:
-                            _c.sent();
+                            _b.sent();
                             return [4 /*yield*/, this.planOrderLines(planOrder, transportWeekDay, week)];
                         case 8:
-                            _c.sent();
-                            this._deliveryPlanningService.currentTransId = undefined;
-                            _c.label = 9;
-                        case 9: return [2 /*return*/];
+                            _b.sent();
+                            if (!(data.data === "false" && this._deliveryPlanningService.currentTransId)) return [3 /*break*/, 12];
+                            return [4 /*yield*/, this._transaction.getTransactionById(this._deliveryPlanningService.currentTransId)];
+                        case 9:
+                            _b.sent();
+                            return [4 /*yield*/, this._transaction.saveTransaction()];
+                        case 10:
+                            _b.sent();
+                            return [4 /*yield*/, this._transaction.checkRefTransaction()];
+                        case 11:
+                            _b.sent();
+                            _b.label = 12;
+                        case 12: return [2 /*return*/];
                     }
                 });
             });
@@ -45640,12 +45887,23 @@
                 return false;
             }
         };
+        DeliveryPlanningOverviewComponent.prototype.handleTimeChangeEvent = function (transportDay, week, obj) {
+            var oldWeek = week;
+            var transNr = obj['transactionNr'];
+            var order = transportDay.plannedOrders.find(function (planOrder) { return planOrder.transactionNr === transNr; });
+            order.startTime = new Date(obj['startTime']);
+            order.endTime = new Date(obj['endTime']);
+            this.updatePlanningTransportEvent.emit({ oldWeek: oldWeek, week: week, action: DeliveryPlanningUpdateActions.PlanOrder });
+        };
+        DeliveryPlanningOverviewComponent.prototype.handleEditPlannedOrder = function (planOrder, transportDay, week) {
+            this.openPlanningPopup(planOrder, transportDay, week);
+        };
         return DeliveryPlanningOverviewComponent;
     }());
     DeliveryPlanningOverviewComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-delivery-planning-overview",
-                    template: "\n    <co-delivery-planning-overview-popup #planningPopup *ngIf=\"showNoteDialog\" (closeEvent)=\"showNoteDialog = false\"\n                                         (onSucceededPlanAction)=\"handlePopupPlanEvent($event)\"></co-delivery-planning-overview-popup>\n    <co-delivery-planning-overview-tile-settings-popup *ngIf=\"showSettingsDialog\" [transportDay]=\"selectedTransportDay\" (availabilityChecked)=\"handleAvailabilityChecked($event)\" (onSaveAction)=\"handleSettingsSave($event)\" (closeEvent)=\"showSettingsDialog = false\"></co-delivery-planning-overview-tile-settings-popup>\n    <div class=\"delivery-overview-wrapper\" [class.sidebar]=\"currentViewMode === 'DAYS_AROUND'\">\n      <div class=\"tile-view-modes row\">\n        <co-icon (click)=\"currentTileMode = tileModes.Normal\" [class.active]=\"currentTileMode === tileModes.Normal\" [iconData]=\"iconCacheService.getIcon(icons.CalendarLinesRegular)\"></co-icon>\n        <co-icon (click)=\"currentTileMode = tileModes.Calendar\" [class.active]=\"currentTileMode === tileModes.Calendar\" [iconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"></co-icon>\n      </div>\n      <div class=\"planning-component-wrapper\">\n        <co-date-planning [view]=\"currentViewMode\" [selectedDate]=\"date\"\n                          (rangeChange)=\"handleDateRangeChange($event)\"></co-date-planning>\n      </div>\n      <div class=\"row date-planning\" #rowContainer *ngFor=\"let transportWeekRow of planTransportWeek\">\n        <div class=\"column\" #columnElem\n             *ngFor=\"let transPortDay of filterWeekArray(weekArray(transportWeekRow)); index as i\">\n          <co-delivery-planning-overview-tile\n            [class.disabled]=\"!transPortDay.availableOnDate || transPortDay.maxMinutes === 0 || checkAvailable(transPortDay)\"\n            [disabled]=\"!transPortDay.availableOnDate || transPortDay.maxMinutes === 0\"\n            (dragover)=\"allowDrop($event, transPortDay)\"\n            (drop)=\"dropped($event, transportWeekRow, transPortDay, filterWeekArray(weekArray(transportWeekRow)))\"\n            (dragend)=\"dragEnd($event)\"\n\n            [transportDay]=\"transPortDay\"\n            (deleteLineEvent)=\"handleDeleteOrder($event, transportWeekRow)\"\n            (updatePlanningTransportWeek)=\"updatePlanningTransportEvent.emit(transportWeekRow)\"\n            (openSettingsDialogEvent)=\"openSettingsDialog($event)\"\n            (calendarPlanEvent)=\"handleCalendarPlanEvent($event, transPortDay, transportWeekRow)\"\n          ></co-delivery-planning-overview-tile>\n\n        </div>\n      </div>\n    </div>\n\n\n  ",
+                    template: "\n    <co-delivery-planning-overview-popup #planningPopup *ngIf=\"showNoteDialog\" (closeEvent)=\"showNoteDialog = false\"\n                                         (onSucceededPlanAction)=\"handlePopupPlanEvent($event)\"></co-delivery-planning-overview-popup>\n    <co-delivery-planning-overview-tile-settings-popup *ngIf=\"showSettingsDialog\" [transportDay]=\"selectedTransportDay\" (availabilityChecked)=\"handleAvailabilityChecked($event)\" (onSaveAction)=\"handleSettingsSave($event)\" (closeEvent)=\"showSettingsDialog = false\"></co-delivery-planning-overview-tile-settings-popup>\n    <div class=\"delivery-overview-wrapper\" [class.sidebar]=\"currentViewMode === 'DAYS_AROUND'\">\n      <div class=\"tile-view-modes row\">\n        <co-icon (click)=\"currentTileMode = tileModes.Normal\" [class.active]=\"currentTileMode === tileModes.Normal\" [iconData]=\"iconCacheService.getIcon(icons.CalendarLinesRegular)\"></co-icon>\n        <co-icon (click)=\"currentTileMode = tileModes.Calendar\" [class.active]=\"currentTileMode === tileModes.Calendar\" [iconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"></co-icon>\n      </div>\n      <div class=\"planning-component-wrapper\">\n        <co-date-planning [view]=\"currentViewMode\" [selectedDate]=\"currentDate()\"\n                          (rangeChange)=\"handleDateRangeChange($event)\"></co-date-planning>\n      </div>\n\n      <div class=\"row date-planning\" #rowContainer *ngFor=\"let transportWeekRow of planTransportWeekArr\">\n        <div class=\"column\" #columnElem\n             *ngFor=\"let transPortDay of filterWeekArray(transportWeekRow); index as i\">\n          <co-delivery-planning-overview-tile\n            [class.disabled]=\"!transPortDay.availableOnDate || transPortDay.maxMinutes === 0 || checkAvailable(transPortDay)\"\n            [disabled]=\"!transPortDay.availableOnDate || transPortDay.maxMinutes === 0\"\n            (dragover)=\"allowDrop($event, transPortDay)\"\n            (drop)=\"dropped($event, transportWeekRow, transPortDay, filterWeekArray(transportWeekRow))\"\n            (dragend)=\"dragEnd($event)\"\n            [transportDay]=\"transPortDay\"\n            (deleteOrderEvent)=\"handleDeleteOrder($event, transportWeekRow)\"\n            (timeChangeEvent)=\"handleTimeChangeEvent(transPortDay, transportWeekRow,$event)\"\n            (openSettingsDialogEvent)=\"openSettingsDialog($event)\"\n            (calendarPlanEvent)=\"handleCalendarPlanEvent($event, transPortDay, transportWeekRow)\"\n            (deleteOrderLineEvent)=\"handleDeleteLine($event, transPortDay, transportWeekRow)\"\n            (editOrderEvent)=\"handleEditPlannedOrder($event, transPortDay, transportWeekRow)\"\n\n          ></co-delivery-planning-overview-tile>\n        </div>\n      </div>\n\n\n    </div>\n\n\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -45681,13 +45939,18 @@
             this.orderLines = false;
             this.order = new planOrder_bo.PlanOrder();
             this.isActive = false;
-            this.deleteLineEvent = new i0.EventEmitter();
+            this.deleteOrderEvent = new i0.EventEmitter();
+            this.deleteOrderLineEvent = new i0.EventEmitter();
+            this.editOrderEvent = new i0.EventEmitter();
         }
         DeliveryPlanningOverviewTileLineComponent.prototype.showClass = function () {
             return true;
         };
-        DeliveryPlanningOverviewTileLineComponent.prototype.handleDeleteLineClick = function (order) {
-            this.deleteLineEvent.emit(order);
+        DeliveryPlanningOverviewTileLineComponent.prototype.handleDeleteOrderClick = function (order) {
+            this.deleteOrderEvent.emit(order);
+        };
+        DeliveryPlanningOverviewTileLineComponent.prototype.handleDeleteOrderLineClick = function (order, line) {
+            this.deleteOrderLineEvent.emit({ order: order, line: line });
         };
         DeliveryPlanningOverviewTileLineComponent.prototype.setLinesActive = function () {
             this.linesActive = !this.linesActive;
@@ -45700,12 +45963,15 @@
         DeliveryPlanningOverviewTileLineComponent.prototype.getPlannedLines = function (lines) {
             return lines.filter(function (line) { return line.planned === true; });
         };
+        DeliveryPlanningOverviewTileLineComponent.prototype.handleEditOrderEvent = function (planOrder) {
+            this.editOrderEvent.emit(planOrder);
+        };
         return DeliveryPlanningOverviewTileLineComponent;
     }());
     DeliveryPlanningOverviewTileLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-delivery-planning-overview-tile-line",
-                    template: "\n      <div class=\"planning-line-wrapper\" (click)=\"setLinesActive()\" [class.active-lines]=\"linesActive\">\n        <div class=\"planning-line-content\">\n          <div class=\"planning-line-left\">\n            <div class=\"planning-line-extend\" *ngIf=\"linesActive || orderLines\">\n              <co-icon *ngIf=\"!orderLines\" (click)=\"showOrderLines($event)\" [iconData]=\"iconCacheService.getIcon(icons.ChevronDownRegular)\"></co-icon>\n              <co-icon *ngIf=\"orderLines\" (click)=\"showOrderLines($event)\" [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\">\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()\" [iconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"></co-icon>\n                <span [textContent]=\"order.transactionNr\"></span>\n              </div>\n              <div class=\"planning-time\" *ngIf=\"linesActive\">\n                <span [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\" (click)=\"handleDeleteLineClick(order)\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanRegular)\"></co-icon>\n              <co-icon *ngIf=\"!linesActive\" [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          </div>\n        </div>\n      </div>\n    ",
+                    template: "\n      <div class=\"planning-line-wrapper\" (click)=\"setLinesActive()\" [class.active-lines]=\"linesActive\">\n        <div class=\"planning-line-content\">\n          <div class=\"planning-line-left\">\n            <div class=\"planning-line-extend\" *ngIf=\"linesActive || orderLines\">\n              <co-icon *ngIf=\"!orderLines\" (click)=\"showOrderLines($event)\"\n                       [iconData]=\"iconCacheService.getIcon(icons.ChevronDownRegular)\"></co-icon>\n              <co-icon *ngIf=\"orderLines\" (click)=\"showOrderLines($event)\"\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\">\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\">\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\" (click)=\"handleDeleteOrderClick(order)\"\n                       [iconData]=\"iconCacheService.getIcon(icons.TrashCanRegular)\"></co-icon>\n              <co-icon *ngIf=\"!linesActive\" [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\" (click)=\"handleDeleteOrderLineClick(order, line)\"\n                     [iconData]=\"iconCacheService.getIcon(icons.TrashCanRegular)\"></co-icon>\n          </div>\n        </div>\n      </div>\n    ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -45715,7 +45981,9 @@
     DeliveryPlanningOverviewTileLineComponent.propDecorators = {
         order: [{ type: i0.Input }],
         isActive: [{ type: i0.Input }],
-        deleteLineEvent: [{ type: i0.Output }],
+        deleteOrderEvent: [{ type: i0.Output }],
+        deleteOrderLineEvent: [{ type: i0.Output }],
+        editOrderEvent: [{ type: i0.Output }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-delivery-planning-overview-tile-line",] }]
     };
 
@@ -45744,38 +46012,105 @@
     ];
 
     var DeliveryPlanningTileStatusComponent = /** @class */ (function () {
-        function DeliveryPlanningTileStatusComponent() {
-            this.maxVolume = 15;
-            this.timeTotal = 480;
-            this.currentVolume = 0;
-            this.currentTimeTotal = 0;
+        function DeliveryPlanningTileStatusComponent(_changeDetector) {
+            this._changeDetector = _changeDetector;
             this.volumePercent = 0;
             this.timePercent = 0;
+            this._maxVolume = 0;
+            this._timeTotal = 0;
+            this._currentVolume = 0;
+            this._currentTimeTotal = 0;
         }
+        Object.defineProperty(DeliveryPlanningTileStatusComponent.prototype, "maxVolume", {
+            get: function () {
+                return this._maxVolume;
+            },
+            set: function (value) {
+                if (value != this._maxVolume) {
+                    this._maxVolume = value;
+                    this.calculateVolumePercent();
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DeliveryPlanningTileStatusComponent.prototype, "timeTotal", {
+            get: function () {
+                return this._timeTotal;
+            },
+            set: function (value) {
+                if (value != this._timeTotal) {
+                    this._timeTotal = value;
+                    this.calculateTimePercent();
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DeliveryPlanningTileStatusComponent.prototype, "currentVolume", {
+            get: function () {
+                return this._currentVolume;
+            },
+            set: function (value) {
+                if (value != this._currentVolume) {
+                    this._currentVolume = value;
+                    this.calculateVolumePercent();
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DeliveryPlanningTileStatusComponent.prototype, "currentTimeTotal", {
+            get: function () {
+                return this._currentTimeTotal;
+            },
+            set: function (value) {
+                if (value != this._currentTimeTotal) {
+                    this._currentTimeTotal = value;
+                    this.calculateTimePercent();
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
         DeliveryPlanningTileStatusComponent.prototype.showClass = function () {
             return true;
         };
         DeliveryPlanningTileStatusComponent.prototype.ngOnInit = function () {
-            if (this.currentVolume > 0 && this.maxVolume > 0) {
+            this.calculatePercentages();
+        };
+        DeliveryPlanningTileStatusComponent.prototype.calculateVolumePercent = function () {
+            if (this.currentVolume === 0) {
+                this.volumePercent = 0;
+            }
+            else {
                 this.volumePercent = Math.round((this.currentVolume / this.maxVolume) * 100 * 100) / 100;
             }
-            if (this.currentTimeTotal > 0 && this.timeTotal > 0) {
+        };
+        DeliveryPlanningTileStatusComponent.prototype.calculateTimePercent = function () {
+            if (this.currentTimeTotal === 0) {
+                this.timePercent = 0;
+            }
+            else {
                 this.timePercent = Math.round((this.currentTimeTotal / this.timeTotal) * 100 * 100) / 100;
             }
         };
-        DeliveryPlanningTileStatusComponent.prototype.percent = function (first, second) {
-            return (first / second) * 100;
+        DeliveryPlanningTileStatusComponent.prototype.calculatePercentages = function () {
+            this.calculateTimePercent();
+            this.calculateVolumePercent();
         };
         return DeliveryPlanningTileStatusComponent;
     }());
     DeliveryPlanningTileStatusComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-delivery-planning-tile-status",
-                    template: "\n      <div class=\"tile-status-wrapper row\">\n        <div class=\"tile-wrapper-around\">\n          <span class=\"tile-label\" [textContent]=\"('TIME' | localize) + ': '  + currentTimeTotal + ' ' + ('AVAILABLE' | localize)\"></span>\n          <div class=\"time-wrapper\" [style.--percent]=\"timePercent\">\n            <div class=\"row\">\n              <span [textContent]=\"'%'  + timePercent\"></span>\n            </div>\n          </div>\n        </div>\n        <div class=\"tile-wrapper-around\">\n          <span class=\"tile-label\" [textContent]=\"('VOLUME' | localize) + ': '  + currentVolume + ' ' + ('AVAILABLE' | localize)\"></span>\n          <div class=\"volume-wrapper\"[style.--percent]=\"volumePercent\">\n            <div class=\"row\">\n              <span [textContent]=\"'%'  + volumePercent\"></span>\n            </div>\n          </div>\n        </div>\n      </div>\n    ",
+                    template: "\n      <div class=\"tile-status-wrapper row\">\n        <div class=\"tile-wrapper-around\">\n          <span class=\"tile-label\" [textContent]=\"('TIME' | localize) + ': '  + currentTimeTotal + ' ' + ('AVAILABLE' | localize)\"></span>\n          <div class=\"time-wrapper\" [style.--percent]=\"timePercent\"  [class.overload]=\"timePercent > 100\">\n            <div class=\"row\">\n              <span [textContent]=\"timePercent + '%'\"></span>\n            </div>\n          </div>\n        </div>\n        <div class=\"tile-wrapper-around\">\n          <span class=\"tile-label\" [textContent]=\"('VOLUME' | localize) + ': '  + currentVolume + ' ' + ('AVAILABLE' | localize)\"></span>\n          <div class=\"volume-wrapper\"[style.--percent]=\"volumePercent\"  [class.overload]=\"volumePercent > 100\">\n            <div class=\"row\">\n              <span [textContent]=\"volumePercent + '%'\"></span>\n            </div>\n          </div>\n        </div>\n      </div>\n    ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
-    DeliveryPlanningTileStatusComponent.ctorParameters = function () { return []; };
+    DeliveryPlanningTileStatusComponent.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef }
+    ]; };
     DeliveryPlanningTileStatusComponent.propDecorators = {
         maxVolume: [{ type: i0.Input }],
         timeTotal: [{ type: i0.Input }],
@@ -45811,13 +46146,13 @@
             this.showNoteDialog = false;
             this.expanded = false;
             this.order = new planOrder_bo.PlanOrder();
-            this.deleteLineEvent = new i0.EventEmitter();
+            this.deleteOrderEvent = new i0.EventEmitter();
         }
         DeliveryPlanningOverviewShortLineComponent.prototype.showClass = function () {
             return true;
         };
         DeliveryPlanningOverviewShortLineComponent.prototype.handleDeleteLineClick = function (order) {
-            this.deleteLineEvent.emit(order);
+            this.deleteOrderEvent.emit(order);
         };
         return DeliveryPlanningOverviewShortLineComponent;
     }());
@@ -45833,7 +46168,7 @@
     ]; };
     DeliveryPlanningOverviewShortLineComponent.propDecorators = {
         order: [{ type: i0.Input }],
-        deleteLineEvent: [{ type: i0.Output }],
+        deleteOrderEvent: [{ type: i0.Output }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-delivery-planning-overview-short-line",] }]
     };
 
@@ -45937,56 +46272,68 @@
             this.onSucceededPlanAction.emit([this.planOrder, this.transportDay, this.week]);
         };
         DeliveryPlanningOverviewPopupComponent.prototype.startTimeForOrder = function () {
-            return this.planOrder.startTime;
+            var _a, _b;
+            return (_b = (_a = this.planOrder) === null || _a === void 0 ? void 0 : _a.startTime) === null || _b === void 0 ? void 0 : _b.toLocaleString();
         };
         DeliveryPlanningOverviewPopupComponent.prototype.endTimeForOrder = function () {
-            return this.planOrder.endTime;
+            var _a, _b;
+            return (_b = (_a = this.planOrder) === null || _a === void 0 ? void 0 : _a.endTime) === null || _b === void 0 ? void 0 : _b.toLocaleString();
         };
-        DeliveryPlanningOverviewPopupComponent.prototype.handleStartTimeChange = function (timeString) {
-            var originalPlanOrderDate = new Date(this.planOrder.startTime);
-            var date = new Date(originalPlanOrderDate.getFullYear(), originalPlanOrderDate.getMonth(), originalPlanOrderDate.getDay(), parseInt(timeString[0]), 0);
-            if (!isNaN(date.getTime())) {
-                this.planOrder.startTime = date;
+        DeliveryPlanningOverviewPopupComponent.prototype.handleStartTimeChange = function () {
+            if (this.startTimeCompRef.model) {
+                this.planOrder.startTime = this.handleDateChange(this.startTimeCompRef.model);
             }
         };
-        DeliveryPlanningOverviewPopupComponent.prototype.handleEndTimeChange = function (timeString) {
-            var originalPlanOrderDate = new Date(this.planOrder.startTime);
-            var date = new Date(originalPlanOrderDate.getFullYear(), originalPlanOrderDate.getMonth(), originalPlanOrderDate.getDay(), parseInt(timeString[0]), 0);
-            if (!isNaN(date.getTime())) {
-                this.planOrder.endTime = date;
+        DeliveryPlanningOverviewPopupComponent.prototype.handleEndTimeChange = function () {
+            if (this.endTimeCompRef.model) {
+                this.planOrder.endTime = this.handleDateChange(this.endTimeCompRef.model);
             }
         };
         DeliveryPlanningOverviewPopupComponent.prototype.handleInitialTimePlanning = function (transportWeekDay) {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
             if (!((_a = this.planOrder) === null || _a === void 0 ? void 0 : _a.startTime) && ((_b = transportWeekDay === null || transportWeekDay === void 0 ? void 0 : transportWeekDay.plannedOrders) === null || _b === void 0 ? void 0 : _b.length) === 0) {
                 this.planOrder.startTime = new Date(transportWeekDay.date);
                 (_d = (_c = this.planOrder) === null || _c === void 0 ? void 0 : _c.startTime) === null || _d === void 0 ? void 0 : _d.setHours(8);
                 (_f = (_e = this.planOrder) === null || _e === void 0 ? void 0 : _e.startTime) === null || _f === void 0 ? void 0 : _f.setMinutes(0);
                 (_h = (_g = this.planOrder) === null || _g === void 0 ? void 0 : _g.startTime) === null || _h === void 0 ? void 0 : _h.setSeconds(0);
             }
-            if (!((_j = this.planOrder) === null || _j === void 0 ? void 0 : _j.endTime) && (transportWeekDay === null || transportWeekDay === void 0 ? void 0 : transportWeekDay.plannedOrders.length) === 0) {
-                this.planOrder.endTime = new Date((_k = this.planOrder) === null || _k === void 0 ? void 0 : _k.startTime);
-                this.planOrder.endTime.setHours(((_m = (_l = this.planOrder) === null || _l === void 0 ? void 0 : _l.endTime) === null || _m === void 0 ? void 0 : _m.getHours()) + (this.deliveryPlanningService.totalAssemblyTime(this.planOrder) > 0 ? (this.deliveryPlanningService.totalAssemblyTime(this.planOrder) / 60) : 1));
+            if (!((_j = this.planOrder) === null || _j === void 0 ? void 0 : _j.endTime) && ((_k = transportWeekDay === null || transportWeekDay === void 0 ? void 0 : transportWeekDay.plannedOrders) === null || _k === void 0 ? void 0 : _k.length) === 0) {
+                this.planOrder.endTime = new Date((_l = this.planOrder) === null || _l === void 0 ? void 0 : _l.startTime);
+                this.planOrder.endTime.setHours(((_o = (_m = this.planOrder) === null || _m === void 0 ? void 0 : _m.endTime) === null || _o === void 0 ? void 0 : _o.getHours()) + (this.deliveryPlanningService.totalAssemblyTime(this.planOrder) > 0 ? (this.deliveryPlanningService.totalAssemblyTime(this.planOrder) / 60) : 1));
                 this.planOrder.startTime.setMinutes(0);
                 this.planOrder.startTime.setSeconds(0);
             }
-            if ((transportWeekDay === null || transportWeekDay === void 0 ? void 0 : transportWeekDay.plannedOrders.length) > 0) {
+            if (((_p = transportWeekDay === null || transportWeekDay === void 0 ? void 0 : transportWeekDay.plannedOrders) === null || _p === void 0 ? void 0 : _p.length) > 0) {
                 this.planOrder.startTime = new Date(transportWeekDay === null || transportWeekDay === void 0 ? void 0 : transportWeekDay.date);
-                this.planOrder.startTime.setHours((_p = (_o = transportWeekDay === null || transportWeekDay === void 0 ? void 0 : transportWeekDay.plannedOrders[transportWeekDay.plannedOrders.length - 1]) === null || _o === void 0 ? void 0 : _o.endTime) === null || _p === void 0 ? void 0 : _p.getHours());
+                this.planOrder.startTime.setHours((_r = (_q = transportWeekDay === null || transportWeekDay === void 0 ? void 0 : transportWeekDay.plannedOrders[transportWeekDay.plannedOrders.length - 1]) === null || _q === void 0 ? void 0 : _q.endTime) === null || _r === void 0 ? void 0 : _r.getHours());
                 this.planOrder.startTime.setMinutes(0);
                 this.planOrder.startTime.setSeconds(0);
                 this.planOrder.endTime = new Date(this.planOrder.startTime);
-                this.planOrder.endTime.setHours(((_r = (_q = this.planOrder) === null || _q === void 0 ? void 0 : _q.endTime) === null || _r === void 0 ? void 0 : _r.getHours()) + (this.deliveryPlanningService.totalAssemblyTime(this.planOrder) > 0 ? (this.deliveryPlanningService.totalAssemblyTime(this.planOrder) / 60) : 1));
+                this.planOrder.endTime.setHours(((_t = (_s = this.planOrder) === null || _s === void 0 ? void 0 : _s.endTime) === null || _t === void 0 ? void 0 : _t.getHours()) + (this.deliveryPlanningService.totalAssemblyTime(this.planOrder) > 0 ? (this.deliveryPlanningService.totalAssemblyTime(this.planOrder) / 60) : 1));
                 this.planOrder.startTime.setMinutes(0);
                 this.planOrder.startTime.setSeconds(0);
             }
         };
+        DeliveryPlanningOverviewPopupComponent.prototype.handleDateChange = function (text) {
+            var splitText;
+            splitText = text.split(":");
+            if (splitText) {
+                var date = new Date(this.transportDay.date);
+                date.setHours(parseInt(splitText[0]));
+                date.setMinutes(parseInt(splitText[1]));
+                date.setSeconds(0);
+                return date;
+            }
+            else {
+                return undefined;
+            }
+        };
         return DeliveryPlanningOverviewPopupComponent;
     }());
     DeliveryPlanningOverviewPopupComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-delivery-planning-overview-popup",
-                    template: "\n    <co-dialog [showCloseIcon]=\"true\" (closeClick)=\"closePopup()\" [headerTemplate]=\"header\"\n               [footerTemplate]=\"footer\">\n      <ng-template #header>\n        <div class=\"dialog-header-wrapper\">\n          <span class=\"footer-header-title\" [textContent]=\"transportDay?.transport?.registrationNumber\"></span>\n          <div class=\"icon\">\n            <co-icon class=\"\"\n                     [iconData]=\"iconCacheService.getIcon(icons.TruckContainerDuo)\"></co-icon>\n          </div>\n        </div>\n      </ng-template>\n\n      <div class=\"body-wrapper\">\n        <co-delivery-planning-tile-status\n          [currentVolume]=\"transportDay?.orderAmount\"\n          [maxVolume]=\"transportDay?.maxOrderAmount\"\n          [currentTimeTotal]=\"transportDay?.minutes\"\n          [timeTotal]=\"transportDay?.maxMinutes\">\n        </co-delivery-planning-tile-status>\n\n        <div class=\"form-details\">\n          <span class=\"h1\" [textContent]=\"'TIME_SETTINGS' | localize\"></span>\n        </div>\n        <div class=\"popup-row\">\n          <co-input-text [model]=\"impactTime()\" [placeholder]=\"'IMPACT_TIME' | localize\"></co-input-text>\n          <co-input-text [model]=\"deliveryPlanningService.totalAssemblyTime(planOrder)\"\n                         [placeholder]=\"'ASSEMBLY_TIME' | localize\"></co-input-text>\n        </div>\n\n        <div class=\"popup-row\">\n          <co-input-text [model]=\"startTimeForOrder() | date: 'HH:mm'\"\n                         [placeholder]=\"'STARTTIME' | localize\" (modelChange)=\"handleStartTimeChange($event)\"></co-input-text>\n          <co-input-text [model]=\"endTimeForOrder() | date: 'HH:mm'\"\n                         [placeholder]=\"'STOPTIME' | localize\" (modelChange)=\"handleEndTimeChange($event)\"></co-input-text>\n        </div>\n\n\n        <div class=\"remark-wrapper\">\n          <span [textContent]=\"'PLAN_REMARKS' | localize\"></span>\n          <co-input-textarea [(model)]=\"planOrder.remarks\"></co-input-textarea>\n        </div>\n\n\n      </div>\n\n\n      <ng-template #footer>\n        <div class=\"buttons-wrapper\">\n          <co-button class=\"save-button\"\n                     [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                     (click)=\"handleCommitClick()\"></co-button>\n          <co-button class=\"close-button\"\n                     [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n                     (click)=\"closePopup()\"></co-button>\n        </div>\n      </ng-template>\n    </co-dialog>\n  ",
+                    template: "\n    <co-dialog [showCloseIcon]=\"true\" (closeClick)=\"closePopup()\" [headerTemplate]=\"header\"\n               [footerTemplate]=\"footer\">\n      <ng-template #header>\n        <div class=\"dialog-header-wrapper\">\n          <span class=\"footer-header-title\" [textContent]=\"transportDay?.transport?.registrationNumber\"></span>\n          <div class=\"icon\">\n            <co-icon class=\"\"\n                     [iconData]=\"iconCacheService.getIcon(icons.TruckContainerDuo)\"></co-icon>\n          </div>\n        </div>\n      </ng-template>\n\n      <div class=\"body-wrapper\">\n        <co-delivery-planning-tile-status\n          [currentVolume]=\"transportDay?.orderAmount\"\n          [maxVolume]=\"transportDay?.maxOrderAmount\"\n          [currentTimeTotal]=\"transportDay?.minutes\"\n          [timeTotal]=\"transportDay?.maxMinutes\">\n        </co-delivery-planning-tile-status>\n\n        <div class=\"form-details\">\n          <span class=\"h1\" [textContent]=\"'TIME_SETTINGS' | localize\"></span>\n        </div>\n        <div class=\"popup-row\">\n          <co-input-text [model]=\"impactTime()\" [placeholder]=\"'IMPACT_TIME' | localize\"></co-input-text>\n          <co-input-text [model]=\"deliveryPlanningService.totalAssemblyTime(planOrder)\"\n                         [placeholder]=\"'ASSEMBLY_TIME' | localize\"></co-input-text>\n        </div>\n\n        <div class=\"popup-row\">\n          <co-input-text #startTime [model]=\"startTimeForOrder() | date: 'hh:mm'\"\n                         [placeholder]=\"'STARTTIME' | localize\" (blur)=\"handleStartTimeChange()\"></co-input-text>\n          <co-input-text #endTime [model]=\"endTimeForOrder() | date: 'hh:mm'\"\n                         [placeholder]=\"'STOPTIME' | localize\" (blur)=\"handleEndTimeChange()\"></co-input-text>\n        </div>\n\n\n        <div class=\"remark-wrapper\">\n          <span [textContent]=\"'PLAN_REMARKS' | localize\"></span>\n          <co-input-textarea [(model)]=\"planOrder.remarks\"></co-input-textarea>\n        </div>\n\n\n      </div>\n\n\n      <ng-template #footer>\n        <div class=\"buttons-wrapper\">\n          <co-button class=\"save-button\"\n                     [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                     (click)=\"handleCommitClick()\"></co-button>\n          <co-button class=\"close-button\"\n                     [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n                     (click)=\"closePopup()\"></co-button>\n        </div>\n      </ng-template>\n    </co-dialog>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -45998,6 +46345,8 @@
     DeliveryPlanningOverviewPopupComponent.propDecorators = {
         closeEvent: [{ type: i0.Output }],
         onSucceededPlanAction: [{ type: i0.Output }],
+        startTimeCompRef: [{ type: i0.ViewChild, args: ['startTime',] }],
+        endTimeCompRef: [{ type: i0.ViewChild, args: ['endTime',] }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-delivery-planning-overview-popup",] }]
     };
 
@@ -52418,7 +52767,11 @@
     TransactionServiceOverviewComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-service-overview",
-                    template: "\n    <div class=\"service-overview-wrapper\">\n      <div class=\"message-and-task-wrapper\">\n        <div class=\"service-message-and-image-wrapper\">\n          <div class=\"service-message-wrapper\">\n            <label class=\"label service-label\" [textContent]=\"'SERVICE_REPORT'| localize\"></label>\n            <span  *ngIf=\"transactionServiceInfo && transactionServiceInfo.wizardQuestionsAndAnswers\"\n                               [textContent]=\"transactionServiceInfo.wizardQuestionsAndAnswers\"></span> <!--[screenConfigurationObject]=\"\" screenConfigNativeElement-->\n            <co-transaction-service-message  class=\"transaction-service-message\" [transaction]=\"transaction\">\n            </co-transaction-service-message>\n          </div>\n          <co-files-upload (documentChangeEvent)=\"upsertDocument($event)\"\n                           (documentDeleted)=\"deleteDocument($event)\"\n                           [label]=\"'ADD_IMAGES' | localize\"\n                           [documents]=\"documents\"\n                           [isEditable]=\"false\">\n          </co-files-upload>\n          <div class=\"service-order-lines-wrapper\">\n            <div class=\"service-message-extra-wrapper\">\n              <co-list-of-values [label]=\"'PRIORITY'| localize\" displayField=\"description\" [model]=\"priorityModel\"\n                                 [collection]=\"priorityDomainColl\"\n                                 (modelChange)=\"setPriority($event)\"></co-list-of-values>\n              <co-list-of-values [label]=\"'CAUSE_CODE' | localize\" displayField=\"description\" [model]=\"causeCodeModel\"\n                                 [collection]=\"causeCodeColl\"\n                                 (modelChange)=\"setCauseCode($event)\"></co-list-of-values>\n              <co-list-of-values [label]=\"'ENTRY_TYPE' | localize\" displayField=\"description\" [model]=\"entryTypeModel\"\n                                 [collection]=\"entryTypeColl\"\n                                 (modelChange)=\"setEntryType($event)\"></co-list-of-values>\n            </div>\n            <co-transaction-lines-side-panel\n              class=\"higher-max-width\"\n              [posOrderData]=\"posOrderData\"\n              [transaction]=\"transaction\">\n            </co-transaction-lines-side-panel>\n          </div>\n\n        </div>\n        <div class=\"activity-list-component-wrapper\">\n          <div class=\"activity-task-creator-wrapper\">\n            <co-component-activity-list #openActivities [showActivityHeader]=\"showActivityHeader\" [table]=\"TableName.Transactions\" [key]=\"transactionInfo.id.toString()\" (refreshRequested)=\"finishedActivitiesRefreshRequested()\">\n            </co-component-activity-list>\n            <co-task-creator [table]=\"TableName.Transactions\" [remarkAndWorkKey]=\"transactionInfo.id.toString()\" [taskKey]=\"transactionInfo.transactionNr.toString()\"\n                             [author]=\"transactionService.loggedInUser\" [branchNo]=\"transactionInfo.branch.relationNr.toString()\"\n                             [workflowCategoryType]=\"WorkflowCategoryType.ServiceOrder\"\n                             (activityCreated)=\"fullActivitiesRefreshRequested()\"></co-task-creator>\n          </div>\n          <div class=\"activity-list-conv-wrapper\">\n            <label class=\"label history-label\" [textContent]=\"'HISTORIC_ACTIVITY_CHAT'| localize\"></label>\n            <co-activity-list [activities]=\"activities\"></co-activity-list>\n          </div>\n        </div>\n      </div>\n    </div>\n\n  ",
+                    template: "\n    <div class=\"service-overview-wrapper\">\n      <div class=\"message-and-task-wrapper\">\n        <div class=\"service-message-and-image-wrapper\">\n          <div class=\"service-message-wrapper\">\n            <div class=\"service-message\">\n              <label class=\"label service-label\" [textContent]=\"'SERVICE_REPORT'| localize\"></label>\n              <span  *ngIf=\"transactionServiceInfo && transactionServiceInfo.wizardQuestionsAndAnswers\"\n                                 [textContent]=\"transactionServiceInfo.wizardQuestionsAndAnswers\" [screenConfigurationObject]=\"cfgNames.ServiceWizardMessage\" screenConfigNativeElement\n                                 ></span> <!---->\n              <co-transaction-service-message  class=\"transaction-service-message\" [transaction]=\"transaction\">\n              </co-transaction-service-message>\n            </div>\n          <co-files-upload (documentChangeEvent)=\"upsertDocument($event)\" [screenConfigurationObject]=\"cfgNames.ServiceOverviewImage\"\n                           (documentDeleted)=\"deleteDocument($event)\"\n                           [label]=\"'ADD_IMAGES' | localize\"\n                           [documents]=\"documents\"\n                           [isEditable]=\"false\" > <!---->\n          </co-files-upload>\n          </div>\n          <div class=\"service-order-lines-wrapper\">\n            <div class=\"service-message-extra-wrapper\">\n              <co-list-of-values [label]=\"'PRIORITY'| localize\" displayField=\"description\" [model]=\"priorityModel\"\n                                 [collection]=\"priorityDomainColl\" [screenConfigurationObject]=\"cfgNames.ServicePriority\"\n                                 (modelChange)=\"setPriority($event)\"></co-list-of-values> <!---->\n              <co-list-of-values [label]=\"'CAUSE_CODE' | localize\" displayField=\"description\" [model]=\"causeCodeModel\"\n                                 [collection]=\"causeCodeColl\" [screenConfigurationObject]=\"cfgNames.ServiceCauseCode\"\n                                 (modelChange)=\"setCauseCode($event)\"></co-list-of-values> <!---->\n              <co-list-of-values [label]=\"'ENTRY_TYPE' | localize\" displayField=\"description\" [model]=\"entryTypeModel\"\n                                 [collection]=\"entryTypeColl\" [screenConfigurationObject]=\"cfgNames.ServiceEntryType\"\n                                 (modelChange)=\"setEntryType($event)\"></co-list-of-values> <!---->\n            </div>\n            <co-transaction-lines-side-panel\n              class=\"higher-max-width\"\n              [posOrderData]=\"posOrderData\"\n              [transaction]=\"transaction\">\n            </co-transaction-lines-side-panel>\n          </div>\n\n        </div>\n        <div class=\"activity-list-component-wrapper\">\n          <div class=\"activity-task-creator-wrapper\">\n            <co-component-activity-list #openActivities [showActivityHeader]=\"showActivityHeader\" [screenConfigurationObject]=\"cfgNames.HeaderActivityList\"\n                                        [table]=\"TableName.Transactions\" [key]=\"transactionInfo.id.toString()\" (refreshRequested)=\"finishedActivitiesRefreshRequested()\">\n            </co-component-activity-list>\n            <co-task-creator [table]=\"TableName.Transactions\" [remarkAndWorkKey]=\"transactionInfo.id.toString()\" [taskKey]=\"transactionInfo.transactionNr.toString()\"\n                             [author]=\"transactionService.loggedInUser\" [branchNo]=\"transactionInfo.branch.relationNr.toString()\"\n                             [workflowCategoryType]=\"WorkflowCategoryType.ServiceOrder\" [screenConfigurationObject]=\"cfgNames.HeaderTaskCreator\"\n                             (activityCreated)=\"fullActivitiesRefreshRequested()\"></co-task-creator>\n          </div>\n          <div class=\"activity-list-conv-wrapper\">\n            <label class=\"label history-label\" [textContent]=\"'HISTORIC_ACTIVITY_CHAT'| localize\" [screenConfigurationObject]=\"cfgNames.HeaderHistActivities\" screenConfigNativeElement></label>\n            <co-activity-list [activities]=\"activities\" [screenConfigurationObject]=\"cfgNames.HeaderHistActivities\"></co-activity-list>\n          </div>\n        </div>\n      </div>\n    </div>\n\n  ",
+                    providers: [{
+                            provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                            useExisting: i0.forwardRef(function () { return TransactionServiceOverviewComponent; })
+                        }],
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -52484,7 +52837,7 @@
     TransactionServiceMessageComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-service-message",
-                    template: "\n    <co-input-textarea #input\n                   [model]=\"transactionServiceInfo.reportMessage\"\n                   [forceReadonly]=\"readonly\"\n                   [showSaveCancel]=\"true\"\n    ></co-input-textarea> <!--[screenConfigurationObject]=\"cfgNames.ServiceMessage\"-->\n  ",
+                    template: "\n    <co-input-textarea #input\n                   [model]=\"transactionServiceInfo.reportMessage\"\n                   [forceReadonly]=\"readonly\"\n                   [showSaveCancel]=\"true\"\n                   [screenConfigurationObject]=\"cfgNames.ServiceMessage\"\n    ></co-input-textarea>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -53491,7 +53844,8 @@
                         common.CommonModule,
                         corecomponents_v12.InputTextareaModule,
                         corecomponents_v12.InputTextModule,
-                        corecomponents_v12.IconModule
+                        corecomponents_v12.IconModule,
+                        corecomponents_v12.ScreenConfigurationModule
                     ],
                     declarations: [
                         TransactionLinesSidePanelServiceOrderComponent
@@ -53544,7 +53898,8 @@
                         i10.ComponentActivityListModule,
                         i10.TaskCreatorModule,
                         TransactionLinesSidePanelModule,
-                        TransactionServiceMessageModule
+                        TransactionServiceMessageModule,
+                        corecomponents_v12.ScreenConfigurationModule,
                     ],
                     declarations: [
                         TransactionServiceOverviewComponent
@@ -55094,9 +55449,9 @@
             this.selectedPrinterLayout = defaultPrintLayout ? defaultPrintLayout : null;
             var defaultEmailLayout = this.emailLayouts.find(function (layout) { return layout.isDefault; });
             this.selectedEmailLayout = defaultEmailLayout ? defaultEmailLayout : null;
-            /*if (this.activeCashDrawer && this.activePrinter && defaultPrintLayout && defaultEmailLayout) {
-              this.saveButtonClick();
-            }*/
+            if (this.activeCashDrawer && this.activePrinter && defaultPrintLayout && defaultEmailLayout && this.cashRegisters.length === 1) {
+                this.saveButtonClick();
+            }
         };
         TransactionCashRegisterDialogComponent.prototype._prepareDialogData = function () {
             return __awaiter(this, void 0, void 0, function () {