@colijnit/transaction 12.1.36 → 12.1.37

package/bundles/colijnit-transaction.umd.js

@@ -2641,8 +2641,10 @@
 
     var TransactionFilterPopupBaseComponent = /** @class */ (function () {
         function TransactionFilterPopupBaseComponent() {
+            this.autoClose = false;
             this.useModel = true;
             this.valueChange = new i0.EventEmitter();
+            this.closeAfterCommit = new i0.EventEmitter();
             this.viewModels = [];
             this.viewModelsFiltered = [];
             this.propsForLabel = [];
@@ -2677,20 +2679,44 @@
             enumerable: false,
             configurable: true
         });
-        TransactionFilterPopupBaseComponent.prototype.commit = function (value) { };
+        TransactionFilterPopupBaseComponent.prototype.commit = function (value) {
+            return Promise.resolve(true);
+        };
         TransactionFilterPopupBaseComponent.prototype.handleChecked = function (row) {
-            row.checked = true;
-            for (var i = 0; i < this.viewModels.length; i++) {
-                if (this.viewModels[i].value !== row.value) {
-                    this.viewModels[i].checked = false;
-                }
-            }
-            if (this.useModel) {
-                this.commit(this.viewModels.find(function (v) { return v.checked; }).value);
-            }
-            else {
-                this.valueChange.emit(row.value);
-            }
+            return __awaiter(this, void 0, void 0, function () {
+                var currentModel, i;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            row.checked = true;
+                            currentModel = this.viewModels.find(function (v) { return v.value === row.value; });
+                            if (currentModel) {
+                                currentModel.checked = true;
+                            }
+                            for (i = 0; i < this.viewModels.length; i++) {
+                                if (this.viewModels[i].value !== row.value) {
+                                    this.viewModels[i].checked = false;
+                                }
+                            }
+                            if (!this.useModel) return [3 /*break*/, 4];
+                            if (!this.autoClose) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.commit(row.value)];
+                        case 1:
+                            if (_a.sent()) {
+                                this.closeAfterCommit.emit();
+                            }
+                            return [3 /*break*/, 3];
+                        case 2:
+                            this.commit(row.value);
+                            _a.label = 3;
+                        case 3: return [3 /*break*/, 5];
+                        case 4:
+                            this.valueChange.emit(row.value);
+                            _a.label = 5;
+                        case 5: return [2 /*return*/];
+                    }
+                });
+            });
         };
         TransactionFilterPopupBaseComponent.prototype.prepareViewModels = function () {
             var _this = this;
@@ -2731,9 +2757,11 @@
         { type: i0.Directive }
     ];
     TransactionFilterPopupBaseComponent.propDecorators = {
+        autoClose: [{ type: i0.Input }],
         useModel: [{ type: i0.Input }],
         searchText: [{ type: i0.Input }],
-        valueChange: [{ type: i0.Output }]
+        valueChange: [{ type: i0.Output }],
+        closeAfterCommit: [{ type: i0.Output }]
     };
 
     var TransactionLineBaseComponent = /** @class */ (function (_super) {
@@ -2841,7 +2869,7 @@
     DialogTransactionLineWarehouseComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-dialog-transaction-line-warehouse",
-                    template: "\n    <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" [showCloseIcon]=\"useModel\" (closeClick)=\"handleClose(buttonType.Ok)\">\n      <co-transaction-line-warehouse\n        [useModel]=\"useModel\"\n        [transactionLine]=\"transactionLine\"\n        [searchText]=\"searchText\"\n        (valueChange)=\"handleValueChange($event)\"\n      ></co-transaction-line-warehouse>\n    </co-dialog>\n    <ng-template #dialogHeader>\n      <co-dialog-header-search [title]=\"'WAREHOUSE'\" (search)=\"handleSearch($event)\"></co-dialog-header-search>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"dialog-footer-button-wrapper\" *ngIf=\"!useModel\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"handleOkClick()\"></co-button>\n      </div>\n    </ng-template>\n  ",
+                    template: "\n    <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" [showCloseIcon]=\"useModel\" (closeClick)=\"handleClose(buttonType.Ok)\">\n      <co-transaction-line-warehouse\n        [autoClose]=\"autoClose\"\n        [useModel]=\"useModel\"\n        [transactionLine]=\"transactionLine\"\n        [searchText]=\"searchText\"\n        (closeAfterCommit)=\"handleClose(buttonType.Ok)\"\n        (valueChange)=\"handleValueChange($event)\"\n      ></co-transaction-line-warehouse>\n    </co-dialog>\n    <ng-template #dialogHeader>\n      <co-dialog-header-search [title]=\"'WAREHOUSE'\" (search)=\"handleSearch($event)\"></co-dialog-header-search>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"dialog-footer-button-wrapper\" *ngIf=\"!useModel\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"handleOkClick()\"></co-button>\n      </div>\n    </ng-template>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -2862,7 +2890,7 @@
     DialogTransactionLineCommissionCodeComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-dialog-transaction-line-commission-code",
-                    template: "\n    <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" [showCloseIcon]=\"useModel\" (closeClick)=\"handleClose(buttonType.Ok)\">\n      <co-transaction-line-commission-code\n        [useModel]=\"useModel\"\n        [transactionLine]=\"transactionLine\"\n        (valueChange)=\"handleValueChange($event)\"></co-transaction-line-commission-code>\n    </co-dialog>\n    <ng-template #dialogHeader>\n      <div class=\"dialog-header-title\" [textContent]=\"'COMMISSION_CODE' | localize\"></div>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"dialog-footer-button-wrapper\" *ngIf=\"!useModel\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"handleOkClick()\"></co-button>\n      </div>\n    </ng-template>\n  ",
+                    template: "\n    <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" [showCloseIcon]=\"useModel\" (closeClick)=\"handleClose(buttonType.Ok)\">\n      <co-transaction-line-commission-code\n        [autoClose]=\"autoClose\"\n        [useModel]=\"useModel\"\n        [transactionInfo]=\"transactionInfo\"\n        [transactionLine]=\"transactionLine\"\n        (closeAfterCommit)=\"handleClose(buttonType.Ok)\"\n        (valueChange)=\"handleValueChange($event)\"></co-transaction-line-commission-code>\n    </co-dialog>\n    <ng-template #dialogHeader>\n      <div class=\"dialog-header-title\" [textContent]=\"'COMMISSION_CODE' | localize\"></div>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"dialog-footer-button-wrapper\" *ngIf=\"!useModel\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"handleOkClick()\"></co-button>\n      </div>\n    </ng-template>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -2954,7 +2982,7 @@
     DialogTransactionLineWarehouseLocationComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-dialog-transaction-line-warehouse-location",
-                    template: "\n    <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" [showCloseIcon]=\"useModel\" (closeClick)=\"onClose(buttonType.Ok)\">\n      <co-transaction-line-warehouse-location\n        [useModel]=\"useModel\"\n        [transactionLine]=\"transactionLine\"\n        [searchText]=\"searchText\"\n        (valueChange)=\"handleValueChange($event)\"\n      ></co-transaction-line-warehouse-location>\n    </co-dialog>\n    <ng-template #dialogHeader>\n      <co-dialog-header-search [title]=\"'LOCATION'\" (search)=\"handleSearch($event)\"></co-dialog-header-search>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"dialog-footer-button-wrapper\" *ngIf=\"!useModel\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"handleOkClick()\"></co-button>\n      </div>\n    </ng-template>\n    ",
+                    template: "\n    <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" [showCloseIcon]=\"useModel\" (closeClick)=\"onClose(buttonType.Ok)\">\n      <co-transaction-line-warehouse-location\n        [autoClose]=\"autoClose\"\n        [useModel]=\"useModel\"\n        [transactionLine]=\"transactionLine\"\n        [searchText]=\"searchText\"\n        (closeAfterCommit)=\"handleClose(buttonType.Ok)\"\n        (valueChange)=\"handleValueChange($event)\"\n      ></co-transaction-line-warehouse-location>\n    </co-dialog>\n    <ng-template #dialogHeader>\n      <co-dialog-header-search [title]=\"'LOCATION'\" (search)=\"handleSearch($event)\"></co-dialog-header-search>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"dialog-footer-button-wrapper\" *ngIf=\"!useModel\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"handleOkClick()\"></co-button>\n      </div>\n    </ng-template>\n    ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -7085,10 +7113,7 @@
         TransactionService.prototype.getRelationListObjects = function (relationRequest) {
             return this.connector.getRelationListObjects(relationRequest);
         };
-        TransactionService.prototype.addArticle = function (articleNo, amount, warehouseNo, commissionCode, isReturn, aboveLineNr, belowLineNr) {
-            if (amount === void 0) { amount = 1; }
-            if (warehouseNo === void 0) { warehouseNo = 1; }
-            if (commissionCode === void 0) { commissionCode = "2"; }
+        TransactionService.prototype.addArticle = function (articleNo, isReturn, aboveLineNr, belowLineNr) {
             if (isReturn === void 0) { isReturn = false; }
             if (aboveLineNr === void 0) { aboveLineNr = 0; }
             if (belowLineNr === void 0) { belowLineNr = 0; }
@@ -7099,7 +7124,7 @@
                         case 0: return [4 /*yield*/, this._checkAndCreateTransaction()];
                         case 1:
                             _a.sent();
-                            return [4 /*yield*/, this.connector.addTransactionLine(this.currentTransaction.transactionInfo.uuid, transactionLineType_enum.TransactionLineType.ArticleLine, articleNo, amount, warehouseNo, commissionCode, isReturn, aboveLineNr, belowLineNr)];
+                            return [4 /*yield*/, this.connector.addTransactionLine(this.currentTransaction.transactionInfo.uuid, transactionLineType_enum.TransactionLineType.ArticleLine, articleNo, null, null, null, isReturn, aboveLineNr, belowLineNr)];
                         case 2:
                             response = _a.sent();
                             return [4 /*yield*/, this.handleLineOperationStatuses(response)];
@@ -7594,6 +7619,7 @@
         };
         CheckoutComponent.prototype.handleTransactionFinished = function (id) {
             this.service.currentTransaction = new transactionInfoResponse_bo.TransactionInfoResponse();
+            this.service.relation = new customerFullObject_bo.CustomerFullObject();
             this.service.articleAmount = 0;
             this.transactionFinished.emit(id);
         };
@@ -9773,6 +9799,7 @@
             this._imageService = _imageService;
             this.icons = Icon;
             this.preview = false;
+            this.transactionInfo = new transactionInfo_bo.TransactionInfo();
             this.waitingForUserAction = new i0.EventEmitter();
             this.sidePanelButtonClicked = new i0.EventEmitter();
             this.stock = stockStatus_enum.StockStatus.Low;
@@ -9933,7 +9960,7 @@
     TransactionLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line",
-                    template: "\n    <div class=\"transaction-line\">\n      <ng-container *ngIf=\"line.isArticle\">\n        <div class=\"transaction-line-wrapper\">\n          <div class=\"transaction-line-image\" [class.preview]=\"preview\">\n            <co-image-display [model]=\"image\"></co-image-display>\n          </div>\n          <div class=\"transaction-line-description\">\n            <div class=\"description-wrapper\">\n              <co-transaction-line-description class=\"transaction-line-description-description\"\n                                               [transactionLine]=\"line\"\n                                               [defaultEditMode]=\"false\"\n                                               [showLabel]=\"false\"\n              ></co-transaction-line-description>\n              <span *ngIf=\"line.goodDescription && line.articleNumber\" class=\"transaction-line-description-divider\">|</span>\n              <span [textContent]=\"line.articleNumber\" class=\"transaction-line-description-sku\"></span>\n              <co-icon class=\"delete-icon\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\" (click)=\"deleteTransactionLineClick()\"></co-icon>\n            </div>\n            <div *ngIf=!preview class=\"article-text-wrapper\">\n              <div class=\"article-text\" *ngFor=\"let text of line.articleTestAsArray\">\n                <span [innerHTML]=\"text | safeHtml\" (dblclick)=\"handleOpenArticleText(text)\"></span>\n              </div>\n            </div>\n            <div *ngIf=!preview class=\"configuration-text-wrapper\">\n              <span [innerHTML]=\"line.configurationReadable\"></span>\n            </div>\n          </div>\n          <div *ngIf=!preview class=\"transaction-line-stock\">\n            <div class=\"transaction-line-stock-wrapper\">\n              <stock-status-indicator [model]=\"stock\"></stock-status-indicator>\n            </div>\n          </div>\n          <div *ngIf=!preview class=\"transaction-line-extended-wrapper\">\n            <div class=\"transaction-line-button\" (click)=\"openTheCommissionCodeDialog()\">\n              <span class=\"co-transaction-overflow-ellipsis\" [textContent]=\"line.commissionCode | append:' | ' | append:line.commissionDescription\"></span>\n            </div>\n            <div class=\"transaction-line-button\" (click)=\"openTheWarehouseDialog()\">\n              <co-icon class=\"header-warehouse-icon\" [iconData]=\"iconCacheService.getIcon(icons.Warehouse)\"></co-icon>\n              <span class=\"co-transaction-overflow-ellipsis\" [textContent]=\"line.warehouseNumber\"></span>\n            </div>\n            <div class=\"transaction-line-button big\" (click)=\"openTheDeliveryMethodDialog()\">\n              <co-icon class=\"header-delivery-truck-icon\" [iconData]=\"iconCacheService.getIcon(icons.TruckFastSolid)\"></co-icon>\n              <span class=\"co-transaction-overflow-ellipsis\" [textContent]=\"line.deliveryMethodDescription\"></span>\n            </div>\n            <div class=\"transaction-line-button custom-width no-border two-column\">\n              <span [textContent]=\"'DELIVERY_DATE' | localize | append:':'\" class=\"small-font\"></span>\n              <span class=\"co-transaction-overflow-ellipsis\" [textContent]=\"line.deliveryDate | date:'dd MMM YYYY'\"></span>\n              <co-icon class=\"header-delivery-date-icon\" [iconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"></co-icon>\n            </div>\n          </div>\n          <div *ngIf=\"!preview\" class=\"transaction-line-button\" (click)=\"openVatDialog()\">\n            <span class=\"co-transaction-overflow-ellipsis\" [textContent]=\"line.vatDescription\"></span>\n          </div>\n          <div class=\"transaction-line-totals\">\n            <co-transaction-line-price class=\"transaction-line-totals-price price\"\n                                       [transactionLine]=\"line\"\n                                       [showLabel]=\"false\"\n                                       [defaultEditMode]=\"false\"\n            ></co-transaction-line-price>\n            <div class=\"transaction-line-button custom-width\" (click)=\"openTheDiscountDialog()\">\n              <span class=\"co-transaction-overflow-ellipsis transaction-line-discount\" [class.negative]=\"line.lineTotalDiscountAmount < 0\"\n                    [textContent]=\"(line.lineTotalDiscountAmount | coCurrency) || ('DISCOUNT' | localize)\"></span>\n            </div>\n            <div *ngIf=!preview class=\"transaction-line-totals-amount\">\n              <co-input-number-picker class=\"amount-number-picker\"\n                                      [(model)]=\"localAmount\" [min]=\"0\"\n                                      [readonly]=\"readonly\"\n                                      (modelChange)=\"changeLineAmount($event)\"></co-input-number-picker>\n            </div>\n            <co-editable-label class=\"transaction-line-totals-total price\"\n                               [model]=\"line.displayNetLineTotal | coCurrency\"\n                               [editModel]=\"line.displayNetLineTotal\"\n                               [readonly]=\"readonly\"\n                               [commit]=\"!readonly\"\n            ></co-editable-label>\n          </div>\n          <div *ngIf=\"!preview\" class=\"transaction-line-buttons\">\n            <co-transaction-line-action-buttons\n              [transactionLine]=\"line\"\n              (waitingForUserAction)=\"waitingForUserAction.next($event)\"\n              (sidePanelButtonClicked)=\"handleShowSidePanel()\"\n            ></co-transaction-line-action-buttons>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"line.isText\">\n        <div [textContent]=\"line.text\"></div>\n        <div class=\"transaction-line-delete\" *ngIf=\"!preview\">\n          <co-icon class=\"delete-icon\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\" (click)=\"deleteTransactionLineClick()\"></co-icon>\n        </div>\n      </ng-container>\n      <co-dialog-transaction-line-delivery-method *ngIf=\"showDialogDeliveryMethod\"\n                                                  [transactionInfo]=\"service.currentTransaction.transactionInfo\"\n                                                  [transactionLine]=\"line\"\n                                                  (close)=\"showDialogDeliveryMethod = false\"\n      ></co-dialog-transaction-line-delivery-method>\n      <co-dialog-transaction-line-commission-code *ngIf=\"showDialogCommissionCode\"\n                                                  [transactionInfo]=\"service.currentTransaction.transactionInfo\"\n                                                  [transactionLine]=\"line\"\n                                                  (close)=\"showDialogCommissionCode = false\"\n      ></co-dialog-transaction-line-commission-code>\n      <co-dialog-transaction-line-vat *ngIf=\"showDialogVat\"\n                                      [transactionInfo]=\"service.currentTransaction.transactionInfo\"\n                                      [transactionLine]=\"line\"\n                                      (close)=\"showDialogVat = false\"\n      ></co-dialog-transaction-line-vat>\n      <co-dialog-transaction-line-warehouse *ngIf=\"showDialogWarehouse\"\n                                            [transactionInfo]=\"service.currentTransaction.transactionInfo\"\n                                            [transactionLine]=\"line\"\n                                            (close)=\"showDialogWarehouse = false\"\n      ></co-dialog-transaction-line-warehouse>\n      <co-dialog-transaction-line-discount *ngIf=\"showDialogDiscount\"\n                                            [transactionInfo]=\"service.currentTransaction.transactionInfo\"\n                                            [transactionLine]=\"line\"\n                                            (close)=\"showDialogDiscount = false\"\n      ></co-dialog-transaction-line-discount>\n    </div>\n  ",
+                    template: "\n    <div class=\"transaction-line\">\n      <ng-container *ngIf=\"line.isArticle\">\n        <div class=\"transaction-line-wrapper\">\n          <div class=\"transaction-line-image\" [class.preview]=\"preview\">\n            <co-image-display [model]=\"image\"></co-image-display>\n          </div>\n          <div class=\"transaction-line-description\">\n            <div class=\"description-wrapper\">\n              <co-transaction-line-description class=\"transaction-line-description-description\"\n                                               [transactionLine]=\"line\"\n                                               [defaultEditMode]=\"false\"\n                                               [showLabel]=\"false\"\n              ></co-transaction-line-description>\n              <span *ngIf=\"line.goodDescription && line.articleNumber\" class=\"transaction-line-description-divider\">|</span>\n              <span [textContent]=\"line.articleNumber\" class=\"transaction-line-description-sku\"></span>\n              <co-icon class=\"delete-icon\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\" (click)=\"deleteTransactionLineClick()\"></co-icon>\n            </div>\n            <div *ngIf=!preview class=\"article-text-wrapper\">\n              <div class=\"article-text\" *ngFor=\"let text of line.articleTestAsArray\">\n                <span [innerHTML]=\"text | safeHtml\" (dblclick)=\"handleOpenArticleText(text)\"></span>\n              </div>\n            </div>\n            <div *ngIf=!preview class=\"configuration-text-wrapper\">\n              <span [innerHTML]=\"line.configurationReadable\"></span>\n            </div>\n          </div>\n          <div *ngIf=!preview class=\"transaction-line-stock\">\n            <div class=\"transaction-line-stock-wrapper\">\n              <stock-status-indicator [model]=\"stock\"></stock-status-indicator>\n            </div>\n          </div>\n          <div *ngIf=!preview class=\"transaction-line-extended-wrapper\">\n            <div class=\"transaction-line-button\" (click)=\"openTheCommissionCodeDialog()\">\n              <span class=\"co-transaction-overflow-ellipsis\" [textContent]=\"line.commissionCode | append:' | ' | append:line.commissionDescription\"></span>\n            </div>\n            <div class=\"transaction-line-button\" (click)=\"openTheWarehouseDialog()\">\n              <co-icon class=\"header-warehouse-icon\" [iconData]=\"iconCacheService.getIcon(icons.Warehouse)\"></co-icon>\n              <span class=\"co-transaction-overflow-ellipsis\" [textContent]=\"line.warehouseNumber\"></span>\n            </div>\n            <div class=\"transaction-line-button big\" (click)=\"openTheDeliveryMethodDialog()\">\n              <co-icon class=\"header-delivery-truck-icon\" [iconData]=\"iconCacheService.getIcon(icons.TruckFastSolid)\"></co-icon>\n              <span class=\"co-transaction-overflow-ellipsis\" [textContent]=\"line.deliveryMethodDescription\"></span>\n            </div>\n            <div class=\"transaction-line-button custom-width no-border no-pointer two-column\">\n              <span [textContent]=\"'DELIVERY_DATE' | localize | append:':'\" class=\"small-font\"></span>\n              <co-transaction-line-delivery-date class=\"transaction-line-deliverydate\"\n                                         [transactionLine]=\"line\"\n                                         [transactionInfo]=\"transactionInfo\"\n                                         [showLabel]=\"false\"\n                                         [defaultEditMode]=\"false\"\n              ></co-transaction-line-delivery-date>\n            </div>\n          </div>\n          <div *ngIf=\"!preview\" class=\"transaction-line-button\" (click)=\"openVatDialog()\">\n            <span class=\"co-transaction-overflow-ellipsis\" [textContent]=\"line.vatDescription\"></span>\n          </div>\n          <div class=\"transaction-line-totals\">\n            <co-transaction-line-price class=\"transaction-line-totals-price price\"\n                                       [transactionLine]=\"line\"\n                                       [showLabel]=\"false\"\n                                       [defaultEditMode]=\"false\"\n            ></co-transaction-line-price>\n            <div class=\"transaction-line-button center-align custom-width\" (click)=\"openTheDiscountDialog()\">\n              <span class=\"co-transaction-overflow-ellipsis transaction-line-discount\" [class.negative]=\"line.lineTotalDiscountAmount < 0\"\n                    [textContent]=\"(line.lineTotalDiscountAmount | coCurrency) || ('DISCOUNT' | localize)\"></span>\n            </div>\n            <div *ngIf=!preview class=\"transaction-line-totals-amount\">\n              <co-input-number-picker class=\"amount-number-picker\"\n                                      [(model)]=\"localAmount\" [min]=\"0\"\n                                      [readonly]=\"readonly\"\n                                      (modelChange)=\"changeLineAmount($event)\"></co-input-number-picker>\n            </div>\n            <co-editable-label class=\"transaction-line-totals-total price\"\n                               [model]=\"line.displayNetLineTotal | coCurrency\"\n                               [editModel]=\"line.displayNetLineTotal\"\n                               [readonly]=\"true\"\n                               [commit]=\"false\"\n            ></co-editable-label>\n          </div>\n          <div *ngIf=\"!preview\" class=\"transaction-line-buttons\">\n            <co-transaction-line-action-buttons\n              [transactionLine]=\"line\"\n              (waitingForUserAction)=\"waitingForUserAction.next($event)\"\n              (sidePanelButtonClicked)=\"handleShowSidePanel()\"\n            ></co-transaction-line-action-buttons>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"line.isText\">\n        <div [textContent]=\"line.text\"></div>\n        <div class=\"transaction-line-delete\" *ngIf=\"!preview\">\n          <co-icon class=\"delete-icon\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\" (click)=\"deleteTransactionLineClick()\"></co-icon>\n        </div>\n      </ng-container>\n      <co-dialog-transaction-line-delivery-method *ngIf=\"showDialogDeliveryMethod\"\n                                                  [autoClose]=\"true\"\n                                                  [transactionInfo]=\"service.currentTransaction.transactionInfo\"\n                                                  [transactionLine]=\"line\"\n                                                  (close)=\"showDialogDeliveryMethod = false\"\n      ></co-dialog-transaction-line-delivery-method>\n      <co-dialog-transaction-line-commission-code *ngIf=\"showDialogCommissionCode\"\n                                                  [autoClose]=\"true\"\n                                                  [transactionInfo]=\"service.currentTransaction.transactionInfo\"\n                                                  [transactionLine]=\"line\"\n                                                  (close)=\"showDialogCommissionCode = false\"\n      ></co-dialog-transaction-line-commission-code>\n      <co-dialog-transaction-line-vat *ngIf=\"showDialogVat\"\n                                      [autoClose]=\"true\"\n                                      [transactionInfo]=\"service.currentTransaction.transactionInfo\"\n                                      [transactionLine]=\"line\"\n                                      (close)=\"showDialogVat = false\"\n      ></co-dialog-transaction-line-vat>\n      <co-dialog-transaction-line-warehouse *ngIf=\"showDialogWarehouse\"\n                                            [autoClose]=\"true\"\n                                            [transactionInfo]=\"service.currentTransaction.transactionInfo\"\n                                            [transactionLine]=\"line\"\n                                            (close)=\"showDialogWarehouse = false\"\n      ></co-dialog-transaction-line-warehouse>\n      <co-dialog-transaction-line-discount *ngIf=\"showDialogDiscount\"\n                                            [transactionInfo]=\"service.currentTransaction.transactionInfo\"\n                                            [transactionLine]=\"line\"\n                                            (close)=\"showDialogDiscount = false\"\n      ></co-dialog-transaction-line-discount>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -9946,6 +9973,7 @@
     ]; };
     TransactionLineComponent.propDecorators = {
         preview: [{ type: i0.HostBinding, args: ["class.preview",] }, { type: i0.Input }],
+        transactionInfo: [{ type: i0.Input }],
         line: [{ type: i0.Input }],
         waitingForUserAction: [{ type: i0.Output }],
         sidePanelButtonClicked: [{ type: i0.Output }],
@@ -10415,7 +10443,7 @@
     DialogTransactionLineDeliveryMethodComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-dialog-transaction-line-delivery-method",
-                    template: "\n    <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" [showCloseIcon]=\"useModel\" (closeClick)=\"handleClose(buttonType.Ok)\">\n      <co-transaction-line-delivery-method\n        [useModel]=\"useModel\"\n        [transactionInfo]=\"transactionInfo\"\n        [transactionLine]=\"transactionLine\"\n        [searchText]=\"searchText\"\n        (valueChange)=\"handleValueChange($event)\"></co-transaction-line-delivery-method>\n    </co-dialog>\n    <ng-template #dialogHeader>\n      <co-dialog-header-search [title]=\"'DELIVERY_METHOD'\" (search)=\"handleSearch($event)\"></co-dialog-header-search>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"dialog-footer-button-wrapper\" *ngIf=\"!useModel\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"handleOkClick()\"></co-button>\n      </div>\n    </ng-template>\n  ",
+                    template: "\n    <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" [showCloseIcon]=\"useModel\" (closeClick)=\"handleClose(buttonType.Ok)\">\n      <co-transaction-line-delivery-method\n        [autoClose]=\"autoClose\"\n        [useModel]=\"useModel\"\n        [transactionInfo]=\"transactionInfo\"\n        [transactionLine]=\"transactionLine\"\n        [searchText]=\"searchText\"\n        (closeAfterCommit)=\"handleClose(buttonType.Ok)\"\n        (valueChange)=\"handleValueChange($event)\"></co-transaction-line-delivery-method>\n    </co-dialog>\n    <ng-template #dialogHeader>\n      <co-dialog-header-search [title]=\"'DELIVERY_METHOD'\" (search)=\"handleSearch($event)\"></co-dialog-header-search>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"dialog-footer-button-wrapper\" *ngIf=\"!useModel\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"handleOkClick()\"></co-button>\n      </div>\n    </ng-template>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -10752,7 +10780,7 @@
     DialogTransactionLineVatComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-dialog-transaction-line-vat",
-                    template: "\n    <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" [showCloseIcon]=\"useModel\" (closeClick)=\"handleClose(buttonType.Ok)\">\n      <co-transaction-line-vat\n        [useModel]=\"useModel\"\n        [transactionLine]=\"transactionLine\"\n        [searchText]=\"searchText\"\n        (valueChange)=\"handleValueChange($event)\"\n      ></co-transaction-line-vat>\n    </co-dialog>\n    <ng-template #dialogHeader>\n      <co-dialog-header-search [title]=\"'VAT'\" (search)=\"handleSearch($event)\"></co-dialog-header-search>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"dialog-footer-button-wrapper\" *ngIf=\"!useModel\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"handleOkClick()\"></co-button>\n      </div>\n    </ng-template>\n    ",
+                    template: "\n    <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" [showCloseIcon]=\"useModel\" (closeClick)=\"handleClose(buttonType.Ok)\">\n      <co-transaction-line-vat\n        [autoClose]=\"autoClose\"\n        [useModel]=\"useModel\"\n        [transactionLine]=\"transactionLine\"\n        [searchText]=\"searchText\"\n        (closeAfterCommit)=\"handleClose(buttonType.Ok)\"\n        (valueChange)=\"handleValueChange($event)\"\n      ></co-transaction-line-vat>\n    </co-dialog>\n    <ng-template #dialogHeader>\n      <co-dialog-header-search [title]=\"'VAT'\" (search)=\"handleSearch($event)\"></co-dialog-header-search>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"dialog-footer-button-wrapper\" *ngIf=\"!useModel\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"handleOkClick()\"></co-button>\n      </div>\n    </ng-template>\n    ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -11400,7 +11428,7 @@
     DialogTransactionLinePriceListComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-dialog-transaction-line-price-list",
-                    template: "\n    <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" [showCloseIcon]=\"useModel\" (closeClick)=\"handleClose(buttonType.Ok)\">\n      <co-transaction-line-price-list\n        [useModel]=\"useModel\"\n        [transactionLine]=\"transactionLine\"\n        [searchText]=\"searchText\"\n        (valueChange)=\"handleValueChange($event)\"></co-transaction-line-price-list>\n    </co-dialog>\n    <ng-template #dialogHeader>\n      <co-dialog-header-search [title]=\"'PRICE_LIST'\" (search)=\"handleSearch($event)\"></co-dialog-header-search>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"dialog-footer-button-wrapper\" *ngIf=\"!useModel\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"handleOkClick()\"></co-button>\n      </div>\n    </ng-template>\n  ",
+                    template: "\n    <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" [showCloseIcon]=\"useModel\" (closeClick)=\"handleClose(buttonType.Ok)\">\n      <co-transaction-line-price-list\n        [autoClose]=\"autoClose\"\n        [useModel]=\"useModel\"\n        [transactionLine]=\"transactionLine\"\n        [searchText]=\"searchText\"\n        (closeAfterCommit)=\"handleClose(buttonType.Ok)\"\n        (valueChange)=\"handleValueChange($event)\"></co-transaction-line-price-list>\n    </co-dialog>\n    <ng-template #dialogHeader>\n      <co-dialog-header-search [title]=\"'PRICE_LIST'\" (search)=\"handleSearch($event)\"></co-dialog-header-search>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"dialog-footer-button-wrapper\" *ngIf=\"!useModel\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"handleOkClick()\"></co-button>\n      </div>\n    </ng-template>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -11460,6 +11488,115 @@
                 },] }
     ];
 
+    var TransactionLineDeliveryDateComponent = /** @class */ (function (_super) {
+        __extends(TransactionLineDeliveryDateComponent, _super);
+        function TransactionLineDeliveryDateComponent(_transactionService) {
+            var _this = _super.call(this) || this;
+            _this._transactionService = _transactionService;
+            _this.showLabel = true;
+            _this.defaultEditMode = true;
+            _this._editMode = false;
+            return _this;
+        }
+        Object.defineProperty(TransactionLineDeliveryDateComponent.prototype, "child", {
+            set: function (content) {
+                var _this = this;
+                if (content) {
+                    this.input = content;
+                    this.input.commit = function (date) { return _this.commit(date); };
+                    if (this._editMode) {
+                        this.input.requestFocus();
+                    }
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TransactionLineDeliveryDateComponent.prototype, "editMode", {
+            get: function () {
+                return this._editMode;
+            },
+            set: function (value) {
+                this._editMode = value;
+                if (this._editMode && this.input) {
+                    this.input.doFocus();
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TransactionLineDeliveryDateComponent.prototype.handleClick = function (event) {
+            if (!this.readonly) {
+                this.editMode = true;
+            }
+        };
+        TransactionLineDeliveryDateComponent.prototype.commit = function (date) {
+            return __awaiter(this, void 0, void 0, function () {
+                var oldDate, success;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!(this.transactionLine.deliveryDate !== date)) return [3 /*break*/, 2];
+                            oldDate = this.transactionLine.deliveryDate;
+                            return [4 /*yield*/, this._transactionService.updateDeliveryDateTransactionLine(this._transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, date)];
+                        case 1:
+                            success = _a.sent();
+                            if (!success) {
+                                this.transactionLine.deliveryDate = oldDate;
+                            }
+                            else {
+                                this.editMode = false;
+                            }
+                            return [2 /*return*/, success];
+                        case 2: return [2 /*return*/, true];
+                    }
+                });
+            });
+        };
+        TransactionLineDeliveryDateComponent.prototype.transactionInfoSet = function () {
+            this.readonly = this.readonly || (this.transactionInfo.deliveryDateDefinitive || !this.transactionInfo.allowPartialDelivery);
+        };
+        return TransactionLineDeliveryDateComponent;
+    }(TransactionLineBaseComponent));
+    TransactionLineDeliveryDateComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-transaction-line-delivery-date",
+                    template: "\n    <span *ngIf=\"(!editMode  || readonly) && !defaultEditMode\" [textContent]=\"transactionLine.deliveryDate | date:'dd MMM yyyy'\"></span>\n    <co-input-date #input *ngIf=\"editMode || defaultEditMode\"\n                   [placeholder]=\"showLabel ? ('DELIVERY_DATE' | localize) : ''\"\n                   [showSaveCancel]=\"!readonly\"\n                   [readonly]=\"readonly\"\n                   [model]=\"transactionLine.deliveryDate\"\n                   (modelChange)=\"commit($event)\"\n                   (blur)=\"editMode = false\"\n    ></co-input-date>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    TransactionLineDeliveryDateComponent.ctorParameters = function () { return [
+        { type: TransactionService }
+    ]; };
+    TransactionLineDeliveryDateComponent.propDecorators = {
+        child: [{ type: i0.ViewChild, args: ['input', { read: corecomponents_v12.InputDatePickerComponent },] }],
+        showLabel: [{ type: i0.Input }],
+        defaultEditMode: [{ type: i0.Input }],
+        editMode: [{ type: i0.Input }],
+        handleClick: [{ type: i0.HostListener, args: ["click", ["$event"],] }]
+    };
+
+    var TransactionLineDeliveryDateModule = /** @class */ (function () {
+        function TransactionLineDeliveryDateModule() {
+        }
+        return TransactionLineDeliveryDateModule;
+    }());
+    TransactionLineDeliveryDateModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        PipeModule,
+                        corecomponents_v12.InputDatePickerModule
+                    ],
+                    declarations: [
+                        TransactionLineDeliveryDateComponent
+                    ],
+                    exports: [
+                        TransactionLineDeliveryDateComponent
+                    ]
+                },] }
+    ];
+
     var TransactionLineModule = /** @class */ (function () {
         function TransactionLineModule() {
         }
@@ -11485,7 +11622,8 @@
                         DialogTransactionLineCommissionCodeModule,
                         DialogTransactionLineVatModule,
                         DialogTransactionLineWarehouseModule,
-                        DialogTransactionLineDiscountModule
+                        DialogTransactionLineDiscountModule,
+                        TransactionLineDeliveryDateModule
                     ],
                     declarations: [
                         TransactionLineComponent
@@ -11501,6 +11639,7 @@
             this.iconCacheService = iconCacheService;
             this.service = service;
             this.icons = Icon;
+            this.transactionInfo = new transactionInfo_bo.TransactionInfo();
             this.transactionLines = [];
             this.preview = false;
             this.saveTransactionLine = new i0.EventEmitter();
@@ -11574,7 +11713,7 @@
     TransactionLinesComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-lines",
-                    template: "\n    <div cdkDropListGroup class=\"drop-list-group\">\n      <div #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n           class=\"transaction-lines-drag-drop-list narrow-scrollbar\"\n           [cdkDropListDisabled]=\"preview || userActionRequired\"\n           [cdkDropListData]=\"transactionLines\"\n           [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n           (cdkDropListDropped)=\"handleDrop($event)\"\n      >\n        <div class=\"draggable-transaction-line\" *ngFor=\"let line of transactionLines; trackBy:trackByFn;\" cdkDrag>\n          <co-icon class=\"transaction-line-drag-handle\" [class.show]=\"line === selectedTransactionLine && transactionLines.length > 1\" cdkDragHandle\n                   [iconData]=\"iconCacheService.getIcon(icons.GripDotsVerticalSolid)\">\n          </co-icon>\n          <co-transaction-line\n            [preview]=\"preview\"\n            [line]=\"line\"\n            [selected]=\"line === selectedTransactionLine\"\n            (dblclick)=\"handleTransactionLineDblClick(line)\"\n            (sidePanelButtonClicked)=\"handleShowSidePanelClicked(line)\"\n            (waitingForUserAction)=\"userActionRequired = $event\"\n            (click)=\"selectedTransactionLine = line\"\n          ></co-transaction-line>\n        </div>\n      </div>\n    </div>\n    <co-button *ngIf=!preview class=\"add-text-button circle\" [iconData]=\"iconCacheService.getIcon(icons.Txt)\" (click)=\"handleTransactionArticleText($event)\"></co-button>\n    <co-transaction-article-text *ngIf=\"showTransactionArticleText\"\n                                 [header]=\"'TEXT' | localize\"\n                                 [transactionLine]=\"selectedArticleText\"\n                                 [editText]=\"textToEdit\"\n                                 (saveClick)=\"saveTransactionArticleLineText($event)\"\n                                 (closeClick)=\"closeTransactionArticleText($event)\"\n                                 (cancelClick)=\"closeTransactionArticleText($event)\"\n    ></co-transaction-article-text>\n  ",
+                    template: "\n    <div cdkDropListGroup class=\"drop-list-group\">\n      <div #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n           class=\"transaction-lines-drag-drop-list narrow-scrollbar\"\n           [cdkDropListDisabled]=\"preview || userActionRequired\"\n           [cdkDropListData]=\"transactionLines\"\n           [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n           (cdkDropListDropped)=\"handleDrop($event)\"\n      >\n        <div class=\"draggable-transaction-line\" *ngFor=\"let line of transactionLines; trackBy:trackByFn;\" cdkDrag>\n          <co-icon *ngIf=\"!preview\" class=\"transaction-line-drag-handle\" [class.show]=\"line === selectedTransactionLine && transactionLines.length > 1\" cdkDragHandle\n                   [iconData]=\"iconCacheService.getIcon(icons.GripDotsVerticalSolid)\">\n          </co-icon>\n          <co-transaction-line\n            [preview]=\"preview\"\n            [transactionInfo]=\"transactionInfo\"\n            [line]=\"line\"\n            [selected]=\"line === selectedTransactionLine\"\n            (dblclick)=\"handleTransactionLineDblClick(line)\"\n            (sidePanelButtonClicked)=\"handleShowSidePanelClicked(line)\"\n            (waitingForUserAction)=\"userActionRequired = $event\"\n            (click)=\"selectedTransactionLine = line\"\n          ></co-transaction-line>\n        </div>\n      </div>\n    </div>\n    <co-button *ngIf=!preview class=\"add-text-button circle\" [iconData]=\"iconCacheService.getIcon(icons.Txt)\" (click)=\"handleTransactionArticleText($event)\"></co-button>\n    <co-transaction-article-text *ngIf=\"showTransactionArticleText\"\n                                 [header]=\"'TEXT' | localize\"\n                                 [transactionLine]=\"selectedArticleText\"\n                                 [editText]=\"textToEdit\"\n                                 (saveClick)=\"saveTransactionArticleLineText($event)\"\n                                 (closeClick)=\"closeTransactionArticleText($event)\"\n                                 (cancelClick)=\"closeTransactionArticleText($event)\"\n    ></co-transaction-article-text>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -11584,6 +11723,7 @@
     ]; };
     TransactionLinesComponent.propDecorators = {
         transactionArticleText: [{ type: i0.ViewChild, args: [TransactionArticleTextComponent,] }],
+        transactionInfo: [{ type: i0.Input }],
         transactionLines: [{ type: i0.Input }],
         preview: [{ type: i0.Input }],
         saveTransactionLine: [{ type: i0.Output }],
@@ -11634,7 +11774,7 @@
     ShoppingCartPreviewComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-shopping-cart-preview",
-                    template: "\n    <div class=\"cart-header\">\n      <span class=\"cart-header-label\" [textContent]=\"'CART' | localize\"></span>\n    </div>\n    <div class=\"cart-lines\">\n      <co-transaction-lines\n        [transactionLines]=\"service.currentTransaction.transactionLines\"\n        [preview]=\"true\"\n      ></co-transaction-lines>\n    </div>\n    <div class=\"preview-totals-wrapper\">\n      <co-transaction-totals [totals]=\"service.currentTransaction.transactionTotal\"></co-transaction-totals>\n    </div>\n    <div class=\"cart-buttons\">\n      <a class=\"button-edit-cart\" [textContent]=\"'EDIT_CART' | localize\"\n         (click)=\"editCartClick.emit()\"\n      ></a>\n      <co-button *ngIf=\"showCheckoutButton\" class=\"button-checkout\" [label]=\"'SHOPPING_CART_CHECKOUT' | localize\"\n                 [disabled]=\"!service.articleAmount\"\n                 (click)=\"checkout.emit()\"></co-button>\n    </div>\n  ",
+                    template: "\n    <div class=\"cart-header\">\n      <span class=\"cart-header-label\" [textContent]=\"'CART' | localize\"></span>\n    </div>\n    <div class=\"cart-lines\">\n      <co-transaction-lines\n        [transactionInfo]=\"service.currentTransaction.transactionInfo\"\n        [transactionLines]=\"service.currentTransaction.transactionLines\"\n        [preview]=\"true\"\n      ></co-transaction-lines>\n    </div>\n    <div class=\"preview-totals-wrapper\">\n      <co-transaction-totals [totals]=\"service.currentTransaction.transactionTotal\"></co-transaction-totals>\n    </div>\n    <div class=\"cart-buttons\">\n      <a class=\"button-edit-cart\" [textContent]=\"'EDIT_CART' | localize\"\n         (click)=\"editCartClick.emit()\"\n      ></a>\n      <co-button *ngIf=\"showCheckoutButton\" class=\"button-checkout\" [label]=\"'SHOPPING_CART_CHECKOUT' | localize\"\n                 [disabled]=\"!service.articleAmount\"\n                 (click)=\"checkout.emit()\"></co-button>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -13056,7 +13196,7 @@
     TransactionHeaderDeliveryComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-delivery",
-                    template: "\n    <co-transaction-header-block\n      [headerBlockTemplate]=\"headerBlock\"\n      [firstBlockTemplate]=\"firstBlock\"\n      [secondBlockTemplate]=\"secondBlock\"\n      [thirdBlockTemplate]=\"thirdBlock\"\n      [hasDetails]=\"true\"\n      (headerClick)=\"showDialog = true\"\n    >\n    </co-transaction-header-block>\n    <ng-template #headerBlock>\n      <div class=\"header-delivery-method\" (click)=\"showTheDeliveryMethodDialog()\">\n        <co-icon class=\"header-delivery-truck-icon\" [iconData]=\"iconService.getIcon(icons.TruckFastSolid)\"></co-icon>\n        <span [textContent]=\"deliveryMethod?.description\"></span>\n      </div>\n      <div class=\"header-planning-request-button\">\n        <co-icon class=\"planning-request-button\" [class.co-transaction-check]=\"transactionInfo.deliveryDateDefinitive\"\n                 [iconData]=\"iconService.getIcon(icons.CalendarDayRegular)\"></co-icon>\n      </div>\n    </ng-template>\n    <ng-template #firstBlock>\n      <div class=\"header-delivery-deliverydate-label co-transaction-label\" [textContent]=\"'DELIVERY_DATE' | localize\"></div>\n      <div class=\"header-delivery-deliverydate-wrapper\" [class.closed]=\"transactionInfo.deliveryDateDefinitive\">\n        <co-transaction-header-delivery-date class=\"header-delivery-deliverydate\"\n                                             [transactionInfo]=\"transactionInfo\"\n                                             [defaultEditMode]=\"false\"\n                                             [showLabel]=\"false\"\n        ></co-transaction-header-delivery-date>\n        <co-icon *ngIf=\"transactionInfo.deliveryDateDefinitive\" [iconData]=\"iconService.getIcon(icons.LockKeyholeSolid)\"></co-icon>\n        <co-icon *ngIf=\"!transactionInfo.deliveryDateDefinitive\" [iconData]=\"iconService.getIcon(icons.LockKeyholeOpenSolid)\"></co-icon>\n      </div>\n    </ng-template>\n    <ng-template #secondBlock>\n      <div class=\"header-delivery-preferred-deliverydate-label co-transaction-label\" [textContent]=\"'PREFERRED_DATE' | localize\"></div>\n      <co-transaction-header-preferred-delivery-date class=\"header-delivery-deliverydate\"\n                                                     [transactionInfo]=\"transactionInfo\"\n                                                     [defaultEditMode]=\"false\"\n                                                     [showLabel]=\"false\"\n      ></co-transaction-header-preferred-delivery-date>\n    </ng-template>\n    <ng-template #thirdBlock>\n      <div class=\"header-delivery-partial-delivery-label co-transaction-label\" [textContent]=\"'PART_DELIVERY' | localize\"></div>\n      <co-input-checkbox class=\"header-delivery-partial-delivery\" [model]=\"transactionInfo.allowPartialDelivery\"></co-input-checkbox>\n    </ng-template>\n    <co-dialog *ngIf=\"showDialog\" [headerTemplate]=\"headerTemplate\" (closeClick)=\"showDialog = false\">\n      <ng-template #headerTemplate>\n        <div class=\"co-transaction-dialog-header-title\" [textContent]=\"'DELIVERY_INFORMATION' | localize\"></div>\n        <co-transaction-header-block\n          [headerBlockTemplate]=\"headerBlock\"\n          [firstBlockTemplate]=\"firstBlock\"\n          [secondBlockTemplate]=\"secondBlock\"\n          [thirdBlockTemplate]=\"thirdBlock\"\n        >\n        </co-transaction-header-block>\n      </ng-template>\n      <co-transaction-header-delivery-options\n        [transactionInfo]=\"transactionInfo\"\n        [deliveryMethod]=\"deliveryMethod\"\n      ></co-transaction-header-delivery-options>\n      <co-transaction-header-remarks [transactionInfo]=\"transactionInfo\"></co-transaction-header-remarks>\n      <co-transaction-header-reference [transactionInfo]=\"transactionInfo\"></co-transaction-header-reference>\n      <co-transaction-header-relation-reference [transactionInfo]=\"transactionInfo\"></co-transaction-header-relation-reference>\n    </co-dialog>\n    <co-dialog-transaction-header-delivery-method *ngIf=\"showDeliveryMethodDialog\"\n                                                  [transactionInfo]=\"transactionInfo\" (close)=\"showDeliveryMethodDialog = false\">\n    </co-dialog-transaction-header-delivery-method>\n  ",
+                    template: "\n    <co-transaction-header-block\n      [headerBlockTemplate]=\"headerBlock\"\n      [firstBlockTemplate]=\"firstBlock\"\n      [secondBlockTemplate]=\"secondBlock\"\n      [thirdBlockTemplate]=\"thirdBlock\"\n      [hasDetails]=\"true\"\n      (headerClick)=\"showDialog = true\"\n    >\n    </co-transaction-header-block>\n    <ng-template #headerBlock>\n      <div class=\"header-delivery-method\" (click)=\"showTheDeliveryMethodDialog()\">\n        <co-icon class=\"header-delivery-truck-icon\" [iconData]=\"iconService.getIcon(icons.TruckFastSolid)\"></co-icon>\n        <span [textContent]=\"deliveryMethod?.description\"></span>\n      </div>\n      <div class=\"header-planning-request-button\">\n        <co-icon class=\"planning-request-button\" [class.co-transaction-check]=\"transactionInfo.deliveryDateDefinitive\"\n                 [iconData]=\"iconService.getIcon(icons.CalendarDayRegular)\"></co-icon>\n      </div>\n    </ng-template>\n    <ng-template #firstBlock>\n      <div class=\"header-delivery-deliverydate-label co-transaction-label\" [textContent]=\"'DELIVERY_DATE' | localize\"></div>\n      <div class=\"header-delivery-deliverydate-wrapper\" [class.closed]=\"transactionInfo.deliveryDateDefinitive\">\n        <co-transaction-header-delivery-date class=\"header-delivery-deliverydate\"\n                                             [transactionInfo]=\"transactionInfo\"\n                                             [defaultEditMode]=\"false\"\n                                             [showLabel]=\"false\"\n        ></co-transaction-header-delivery-date>\n        <co-icon *ngIf=\"transactionInfo.deliveryDateDefinitive\" [iconData]=\"iconService.getIcon(icons.LockKeyholeSolid)\"></co-icon>\n        <co-icon *ngIf=\"!transactionInfo.deliveryDateDefinitive\" [iconData]=\"iconService.getIcon(icons.LockKeyholeOpenSolid)\"></co-icon>\n      </div>\n    </ng-template>\n    <ng-template #secondBlock>\n      <div class=\"header-delivery-preferred-deliverydate-label co-transaction-label\" [textContent]=\"'PREFERRED_DATE' | localize\"></div>\n      <co-transaction-header-preferred-delivery-date class=\"header-delivery-deliverydate\"\n                                                     [transactionInfo]=\"transactionInfo\"\n                                                     [defaultEditMode]=\"false\"\n                                                     [showLabel]=\"false\"\n      ></co-transaction-header-preferred-delivery-date>\n    </ng-template>\n    <ng-template #thirdBlock>\n      <div class=\"header-delivery-partial-delivery-label co-transaction-label\" [textContent]=\"'PART_DELIVERY' | localize\"></div>\n      <co-input-checkbox class=\"header-delivery-partial-delivery\" [model]=\"transactionInfo.allowPartialDelivery\"></co-input-checkbox>\n    </ng-template>\n    <co-dialog *ngIf=\"showDialog\" [headerTemplate]=\"headerTemplate\" (closeClick)=\"showDialog = false\">\n      <ng-template #headerTemplate>\n        <div class=\"co-transaction-dialog-header-title\" [textContent]=\"'DELIVERY_INFORMATION' | localize\"></div>\n        <co-transaction-header-block\n          [headerBlockTemplate]=\"headerBlock\"\n          [firstBlockTemplate]=\"firstBlock\"\n          [secondBlockTemplate]=\"secondBlock\"\n          [thirdBlockTemplate]=\"thirdBlock\"\n        >\n        </co-transaction-header-block>\n      </ng-template>\n      <co-transaction-header-delivery-options\n        [transactionInfo]=\"transactionInfo\"\n        [deliveryMethod]=\"deliveryMethod\"\n      ></co-transaction-header-delivery-options>\n      <co-transaction-header-remarks [transactionInfo]=\"transactionInfo\"></co-transaction-header-remarks>\n      <co-transaction-header-reference [transactionInfo]=\"transactionInfo\"></co-transaction-header-reference>\n      <co-transaction-header-relation-reference [transactionInfo]=\"transactionInfo\"></co-transaction-header-relation-reference>\n    </co-dialog>\n    <co-dialog-transaction-header-delivery-method *ngIf=\"showDeliveryMethodDialog\"\n                                                  [autoClose]=\"true\"\n                                                  [transactionInfo]=\"transactionInfo\" (close)=\"showDeliveryMethodDialog = false\">\n    </co-dialog-transaction-header-delivery-method>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -13211,6 +13351,9 @@
                             if (!success) {
                                 this.input.model = oldDate;
                             }
+                            else {
+                                this.editMode = false;
+                            }
                             return [2 /*return*/, success];
                         case 2: return [2 /*return*/, true];
                     }
@@ -13225,7 +13368,7 @@
     TransactionHeaderDeliveryDateComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-delivery-date",
-                    template: "\n    <span *ngIf=\"(!editMode  || readonly) && !defaultEditMode\" [textContent]=\"transactionInfo.deliveryDate | date:'dd MMM yyyy'\"></span>\n    <co-input-date #input *ngIf=\"editMode || defaultEditMode\"\n                   [placeholder]=\"showLabel ? ('DELIVERY_DATE' | localize) : ''\"\n                   [showSaveCancel]=\"!readonly\"\n                   [readonly]=\"readonly\"\n                   [model]=\"transactionInfo.deliveryDate\"\n                   (blur)=\"editMode = false\"\n    ></co-input-date>\n  ",
+                    template: "\n    <span *ngIf=\"(!editMode  || readonly) && !defaultEditMode\" [textContent]=\"transactionInfo.deliveryDate | date:'dd MMM yyyy'\"></span>\n    <co-input-date #input *ngIf=\"editMode || defaultEditMode\"\n                   [placeholder]=\"showLabel ? ('DELIVERY_DATE' | localize) : ''\"\n                   [showSaveCancel]=\"!readonly\"\n                   [readonly]=\"readonly\"\n                   [model]=\"transactionInfo.deliveryDate\"\n                   (modelChange)=\"commitDeliveryDate($event)\"\n                   (blur)=\"editMode = false\"\n    ></co-input-date>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -13829,6 +13972,9 @@
                             if (!success) {
                                 this.input.model = oldDate;
                             }
+                            else {
+                                this.editMode = false;
+                            }
                             return [2 /*return*/, success];
                         case 2: return [2 /*return*/, true];
                     }
@@ -13843,7 +13989,7 @@
     TransactionHeaderPreferredDeliveryDateComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-preferred-delivery-date",
-                    template: "\n    <span *ngIf=\"(!editMode  || readonly) && !defaultEditMode\" [textContent]=\"transactionInfo.preferredDeliveryDate | date:'dd MMM yyyy'\"></span>\n    <co-input-date #input *ngIf=\"editMode || defaultEditMode\"\n                   [placeholder]=\"showLabel ? ('PREFERRED_DATE' | localize) : ''\"\n                   [showSaveCancel]=\"!readonly\"\n                   [readonly]=\"readonly\"\n                   [model]=\"transactionInfo.preferredDeliveryDate\"\n                   (blur)=\"editMode = false\"\n    ></co-input-date>\n  ",
+                    template: "\n    <span *ngIf=\"(!editMode  || readonly) && !defaultEditMode\" [textContent]=\"(transactionInfo.preferredDeliveryDate | date:'dd MMM yyyy') || '<invullen>'\"></span>\n    <co-input-date #input *ngIf=\"editMode || defaultEditMode\"\n                   [placeholder]=\"showLabel ? ('PREFERRED_DATE' | localize) : ''\"\n                   [showSaveCancel]=\"!readonly\"\n                   [readonly]=\"readonly\"\n                   [model]=\"transactionInfo.preferredDeliveryDate\"\n                   (modelChange)=\"commitPreferredDeliveryDate($event)\"\n                   (blur)=\"editMode = false\"\n    ></co-input-date>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -13925,7 +14071,7 @@
     DialogTransactionHeaderDeliveryMethodComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-dialog-transaction-header-delivery-method",
-                    template: "\n    <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" [showCloseIcon]=\"useModel\" (closeClick)=\"handleClose(buttonType.Ok)\">\n      <co-transaction-header-delivery-method\n        [showAsCarousel]=\"false\"\n        [useModel]=\"useModel\"\n        [transactionInfo]=\"transactionInfo\"\n        [searchText]=\"searchText\"\n        (valueChange)=\"handleValueChange($event)\"></co-transaction-header-delivery-method>\n    </co-dialog>\n    <ng-template #dialogHeader>\n      <co-dialog-header-search [title]=\"'DELIVERY_METHOD'\" (search)=\"handleSearch($event)\"></co-dialog-header-search>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"dialog-footer-button-wrapper\" *ngIf=\"!useModel\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"handleOkClick()\"></co-button>\n      </div>\n    </ng-template>\n  ",
+                    template: "\n    <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" [showCloseIcon]=\"useModel\" (closeClick)=\"handleClose(buttonType.Ok)\">\n      <co-transaction-header-delivery-method\n        [autoClose]=\"autoClose\"\n        [showAsCarousel]=\"false\"\n        [useModel]=\"useModel\"\n        [transactionInfo]=\"transactionInfo\"\n        [searchText]=\"searchText\"\n        (closeAfterCommit)=\"handleClose(buttonType.Ok)\"\n        (valueChange)=\"handleValueChange($event)\"></co-transaction-header-delivery-method>\n    </co-dialog>\n    <ng-template #dialogHeader>\n      <co-dialog-header-search [title]=\"'DELIVERY_METHOD'\" (search)=\"handleSearch($event)\"></co-dialog-header-search>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"dialog-footer-button-wrapper\" *ngIf=\"!useModel\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"handleOkClick()\"></co-button>\n      </div>\n    </ng-template>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -14894,7 +15040,7 @@
     TransactionComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction",
-                    template: "\n    <co-transaction-header *ngIf=\"showHeader\" [transaction]=\"transaction\"></co-transaction-header>\n\n    <div class=\"transaction-lines-header\">\n      <co-transaction-quick-access *ngIf=\"showQuickAccess\" class=\"transaction-lines-header-item\"\n                                   [transactionType]=\"transaction.transactionInfo.transactionKind\"\n                                   [activeCategory]=\"activeCategory\"\n      ></co-transaction-quick-access>\n\n      <co-transaction-button-bar *ngIf=\"showButtonBar\" class=\"transaction-lines-header-item\"\n                                 [transactionType]=\"transaction.transactionInfo.transactionKind\"\n                                 [selectedCategory]=\"activeCategory\"\n                                 (buttonClicked)=\"handleButtonBarButtonClicked($event)\"\n      ></co-transaction-button-bar>\n\n      <co-view-mode-buttons class=\"transaction-lines-header-item\"\n                            [showViewModes]=\"[viewModes.List, viewModes.Grid, viewModes.Tiles]\" (viewModeChange)=\"activeViewMode = $event\"></co-view-mode-buttons>\n    </div>\n\n    <div class=\"transaction-tiles-wrapper\" *ngIf=\"activeViewMode === viewModes.Tiles\">\n      <co-transaction-tile\n        *ngFor=\"let transaction of transaction.transactionLines\"\n        [transactionLine]=\"transaction\"\n        (showSidePanelClicked)=\"handleShowSidePanel($event)\"\n      ></co-transaction-tile>\n    </div>\n    <div class=\"transaction-lines-wrapper\" *ngIf=\"activeViewMode === viewModes.List\">\n      <co-transaction-lines\n        [transactionLines]=\"transaction.transactionLines\"\n        (showSidePanelClicked)=\"handleShowSidePanel($event)\"\n        (saveTransactionLine)=\"saveTransactionLine($event)\"\n      ></co-transaction-lines>\n    </div>\n    <div class=\"transaction-lines-grid-wrapper\" *ngIf=\"activeViewMode === viewModes.Grid\">\n      <co-transaction-grid\n        [transactionLines]=\"transaction.transactionLines\"\n        [transactionId]=\"transactionId\"\n        [transactionType]=\"transaction.transactionInfo.transactionKind\"\n        [activeCategory]=\"activeCategory\"\n        (sidePanelClicked)=\"handleShowSidePanel($event)\"\n      ></co-transaction-grid>\n      <!--\n            <co-transaction-order-confirmation-grid\n              *ngIf=\"activeCategory === 1\"\n              [transactionLines]=\"transaction.transactionLines\"\n              (sidePanelClicked)=\"handleShowSidePanel($event)\"\n            ></co-transaction-order-confirmation-grid>\n      -->\n    </div>\n    <div class=\"transaction-footer-wrapper\">\n      <co-transaction-totals [totals]=\"transaction.transactionTotal\" [showDiscount]=\"true\" (discountClick)=\"addDiscount()\"></co-transaction-totals>\n    </div>\n    <co-discount *ngIf=\"showDiscountsSidebar\">\n    </co-discount>\n  ",
+                    template: "\n    <co-transaction-header *ngIf=\"showHeader\" [transaction]=\"transaction\"></co-transaction-header>\n\n    <div class=\"transaction-lines-header\">\n      <co-transaction-quick-access *ngIf=\"showQuickAccess\" class=\"transaction-lines-header-item\"\n                                   [transactionType]=\"transaction.transactionInfo.transactionKind\"\n                                   [activeCategory]=\"activeCategory\"\n      ></co-transaction-quick-access>\n\n      <co-transaction-button-bar *ngIf=\"showButtonBar\" class=\"transaction-lines-header-item\"\n                                 [transactionType]=\"transaction.transactionInfo.transactionKind\"\n                                 [selectedCategory]=\"activeCategory\"\n                                 (buttonClicked)=\"handleButtonBarButtonClicked($event)\"\n      ></co-transaction-button-bar>\n\n      <co-view-mode-buttons class=\"transaction-lines-header-item\"\n                            [showViewModes]=\"[viewModes.List, viewModes.Grid, viewModes.Tiles]\" (viewModeChange)=\"activeViewMode = $event\"></co-view-mode-buttons>\n    </div>\n\n    <div class=\"transaction-tiles-wrapper\" *ngIf=\"activeViewMode === viewModes.Tiles\">\n      <co-transaction-tile\n        *ngFor=\"let transaction of transaction.transactionLines\"\n        [transactionLine]=\"transaction\"\n        (showSidePanelClicked)=\"handleShowSidePanel($event)\"\n      ></co-transaction-tile>\n    </div>\n    <div class=\"transaction-lines-wrapper\" *ngIf=\"activeViewMode === viewModes.List\">\n      <co-transaction-lines\n        [transactionInfo]=\"transaction.transactionInfo\"\n        [transactionLines]=\"transaction.transactionLines\"\n        (showSidePanelClicked)=\"handleShowSidePanel($event)\"\n        (saveTransactionLine)=\"saveTransactionLine($event)\"\n      ></co-transaction-lines>\n    </div>\n    <div class=\"transaction-lines-grid-wrapper\" *ngIf=\"activeViewMode === viewModes.Grid\">\n      <co-transaction-grid\n        [transactionLines]=\"transaction.transactionLines\"\n        [transactionId]=\"transactionId\"\n        [transactionType]=\"transaction.transactionInfo.transactionKind\"\n        [activeCategory]=\"activeCategory\"\n        (sidePanelClicked)=\"handleShowSidePanel($event)\"\n      ></co-transaction-grid>\n      <!--\n            <co-transaction-order-confirmation-grid\n              *ngIf=\"activeCategory === 1\"\n              [transactionLines]=\"transaction.transactionLines\"\n              (sidePanelClicked)=\"handleShowSidePanel($event)\"\n            ></co-transaction-order-confirmation-grid>\n      -->\n    </div>\n    <div class=\"transaction-footer-wrapper\">\n      <co-transaction-totals [totals]=\"transaction.transactionTotal\" [showDiscount]=\"true\" (discountClick)=\"addDiscount()\"></co-transaction-totals>\n    </div>\n    <co-discount *ngIf=\"showDiscountsSidebar\">\n    </co-discount>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -15482,70 +15628,6 @@
                 },] }
     ];
 
-    var TransactionLineDeliveryDateComponent = /** @class */ (function (_super) {
-        __extends(TransactionLineDeliveryDateComponent, _super);
-        function TransactionLineDeliveryDateComponent(_transactionService) {
-            var _this = _super.call(this) || this;
-            _this._transactionService = _transactionService;
-            return _this;
-        }
-        TransactionLineDeliveryDateComponent.prototype.commit = function (date) {
-            return __awaiter(this, void 0, void 0, function () {
-                var oldDate, success;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            if (!(this.transactionLine.deliveryDate !== date)) return [3 /*break*/, 2];
-                            oldDate = this.transactionLine.deliveryDate;
-                            return [4 /*yield*/, this._transactionService.updateDeliveryDateTransactionLine(this._transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, date)];
-                        case 1:
-                            success = _a.sent();
-                            if (!success) {
-                                this.transactionLine.deliveryDate = oldDate;
-                            }
-                            return [2 /*return*/, success];
-                        case 2: return [2 /*return*/, true];
-                    }
-                });
-            });
-        };
-        TransactionLineDeliveryDateComponent.prototype.transactionInfoSet = function () {
-            this.readonly = this.readonly || (this.transactionInfo.deliveryDateDefinitive || !this.transactionInfo.allowPartialDelivery);
-        };
-        return TransactionLineDeliveryDateComponent;
-    }(TransactionLineBaseComponent));
-    TransactionLineDeliveryDateComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: "co-transaction-line-delivery-date",
-                    template: "\n    <co-input-date\n                   [placeholder]=\"'DELIVERY_DATE' | localize\"\n                   [model]=\"transactionLine.deliveryDate\"\n                   [readonly]=\"readonly\"\n                   (modelChange)=\"commit($event)\"\n    ></co-input-date>\n  ",
-                    encapsulation: i0.ViewEncapsulation.None
-                },] }
-    ];
-    TransactionLineDeliveryDateComponent.ctorParameters = function () { return [
-        { type: TransactionService }
-    ]; };
-
-    var TransactionLineDeliveryDateModule = /** @class */ (function () {
-        function TransactionLineDeliveryDateModule() {
-        }
-        return TransactionLineDeliveryDateModule;
-    }());
-    TransactionLineDeliveryDateModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        PipeModule,
-                        corecomponents_v12.InputDatePickerModule
-                    ],
-                    declarations: [
-                        TransactionLineDeliveryDateComponent
-                    ],
-                    exports: [
-                        TransactionLineDeliveryDateComponent
-                    ]
-                },] }
-    ];
-
     var TransactionLineReferenceComponent = /** @class */ (function (_super) {
         __extends(TransactionLineReferenceComponent, _super);
         function TransactionLineReferenceComponent(_transactionService) {
@@ -20131,89 +20213,89 @@
     exports["ɵdt"] = DialogTransactionLinePriceListModule;
     exports["ɵdu"] = DialogTransactionLinePriceListComponent;
     exports["ɵdv"] = DialogTransactionLineDiscountComponent;
-    exports["ɵdw"] = TransactionImageService;
-    exports["ɵdx"] = AvatarModule;
-    exports["ɵdy"] = AvatarComponent;
-    exports["ɵdz"] = SharedService;
+    exports["ɵdw"] = TransactionLineDeliveryDateModule;
+    exports["ɵdx"] = TransactionLineDeliveryDateComponent;
+    exports["ɵdy"] = TransactionImageService;
+    exports["ɵdz"] = AvatarModule;
     exports["ɵe"] = DictionaryService;
-    exports["ɵea"] = SharedConnectorService;
-    exports["ɵeb"] = DeliveryTypeTileModule;
-    exports["ɵec"] = DeliveryTypeTileComponent;
-    exports["ɵed"] = PaymentModule;
-    exports["ɵee"] = PaymentTileModule;
-    exports["ɵef"] = PaymentTileComponent;
-    exports["ɵeg"] = PaymentQrCodeModule;
-    exports["ɵeh"] = PaymentQrCodeComponent;
-    exports["ɵei"] = PaymentComponent;
-    exports["ɵej"] = PaymentService;
-    exports["ɵek"] = RelationTypeModule;
-    exports["ɵel"] = RelationTypeComponent;
-    exports["ɵem"] = RelationGeneralModule;
-    exports["ɵen"] = RelationSuggestionsListModule;
-    exports["ɵeo"] = RelationSuggestionsListItemModule;
-    exports["ɵep"] = RelationSuggestionsListItemComponent;
-    exports["ɵeq"] = RelationSuggestionsListComponent;
-    exports["ɵer"] = RelationGeneralComponent;
-    exports["ɵes"] = RelationAddressesModule;
-    exports["ɵet"] = RelationAddressesComponent;
-    exports["ɵeu"] = RelationContactDetailsModule;
-    exports["ɵev"] = RelationContactDetailsComponent;
-    exports["ɵew"] = RelationPreferencesModule;
-    exports["ɵex"] = RelationPreferencesComponent;
-    exports["ɵey"] = TransactionHeaderBlockModule;
-    exports["ɵez"] = TransactionHeaderBlockComponent;
+    exports["ɵea"] = AvatarComponent;
+    exports["ɵeb"] = SharedService;
+    exports["ɵec"] = SharedConnectorService;
+    exports["ɵed"] = DeliveryTypeTileModule;
+    exports["ɵee"] = DeliveryTypeTileComponent;
+    exports["ɵef"] = PaymentModule;
+    exports["ɵeg"] = PaymentTileModule;
+    exports["ɵeh"] = PaymentTileComponent;
+    exports["ɵei"] = PaymentQrCodeModule;
+    exports["ɵej"] = PaymentQrCodeComponent;
+    exports["ɵek"] = PaymentComponent;
+    exports["ɵel"] = PaymentService;
+    exports["ɵem"] = RelationTypeModule;
+    exports["ɵen"] = RelationTypeComponent;
+    exports["ɵeo"] = RelationGeneralModule;
+    exports["ɵep"] = RelationSuggestionsListModule;
+    exports["ɵeq"] = RelationSuggestionsListItemModule;
+    exports["ɵer"] = RelationSuggestionsListItemComponent;
+    exports["ɵes"] = RelationSuggestionsListComponent;
+    exports["ɵet"] = RelationGeneralComponent;
+    exports["ɵeu"] = RelationAddressesModule;
+    exports["ɵev"] = RelationAddressesComponent;
+    exports["ɵew"] = RelationContactDetailsModule;
+    exports["ɵex"] = RelationContactDetailsComponent;
+    exports["ɵey"] = RelationPreferencesModule;
+    exports["ɵez"] = RelationPreferencesComponent;
     exports["ɵf"] = TransactionConnectorService;
-    exports["ɵfa"] = TransactionHeaderDeliveryDateModule;
-    exports["ɵfb"] = TransactionHeaderDeliveryDateComponent;
-    exports["ɵfc"] = TransactionHeaderBaseComponent;
-    exports["ɵfd"] = TransactionHeaderDeliveryOptionsModule;
-    exports["ɵfe"] = TransactionHeaderDeliveryOptionsComponent;
-    exports["ɵff"] = TransactionHeaderRemarksModule;
-    exports["ɵfg"] = TransactionHeaderRemarksComponent;
-    exports["ɵfh"] = TransactionHeaderReferenceModule;
-    exports["ɵfi"] = TransactionHeaderReferenceComponent;
-    exports["ɵfj"] = TransactionHeaderRelationReferenceModule;
-    exports["ɵfk"] = TransactionHeaderRelationReferenceComponent;
-    exports["ɵfl"] = TransactionHeaderDeliveryMethodModule;
-    exports["ɵfm"] = TransactionHeaderDeliveryMethodComponent;
-    exports["ɵfn"] = TransactionHeaderPreferredDeliveryDateModule;
-    exports["ɵfo"] = TransactionHeaderPreferredDeliveryDateComponent;
-    exports["ɵfp"] = DialogTransactionHeaderDeliveryMethodModule;
-    exports["ɵfq"] = DialogTransactionHeaderDeliveryMethodComponent;
-    exports["ɵfr"] = DialogTransactionHeaderBaseComponent;
-    exports["ɵfs"] = TransactionBaseComponent;
-    exports["ɵft"] = TransactionHeaderPartialDeliveryModule;
-    exports["ɵfu"] = TransactionHeaderPartialDeliveryComponent;
-    exports["ɵfv"] = TransactionHeaderDownpaymentPercentageModule;
-    exports["ɵfw"] = TransactionHeaderDownpaymentPercentageComponent;
-    exports["ɵfx"] = TransactionHeaderDownpaymentAmountModule;
-    exports["ɵfy"] = TransactionHeaderDownpaymentAmountComponent;
-    exports["ɵfz"] = TransactionHeaderDefinitiveModule;
+    exports["ɵfa"] = TransactionHeaderBlockModule;
+    exports["ɵfb"] = TransactionHeaderBlockComponent;
+    exports["ɵfc"] = TransactionHeaderDeliveryDateModule;
+    exports["ɵfd"] = TransactionHeaderDeliveryDateComponent;
+    exports["ɵfe"] = TransactionHeaderBaseComponent;
+    exports["ɵff"] = TransactionHeaderDeliveryOptionsModule;
+    exports["ɵfg"] = TransactionHeaderDeliveryOptionsComponent;
+    exports["ɵfh"] = TransactionHeaderRemarksModule;
+    exports["ɵfi"] = TransactionHeaderRemarksComponent;
+    exports["ɵfj"] = TransactionHeaderReferenceModule;
+    exports["ɵfk"] = TransactionHeaderReferenceComponent;
+    exports["ɵfl"] = TransactionHeaderRelationReferenceModule;
+    exports["ɵfm"] = TransactionHeaderRelationReferenceComponent;
+    exports["ɵfn"] = TransactionHeaderDeliveryMethodModule;
+    exports["ɵfo"] = TransactionHeaderDeliveryMethodComponent;
+    exports["ɵfp"] = TransactionHeaderPreferredDeliveryDateModule;
+    exports["ɵfq"] = TransactionHeaderPreferredDeliveryDateComponent;
+    exports["ɵfr"] = DialogTransactionHeaderDeliveryMethodModule;
+    exports["ɵfs"] = DialogTransactionHeaderDeliveryMethodComponent;
+    exports["ɵft"] = DialogTransactionHeaderBaseComponent;
+    exports["ɵfu"] = TransactionBaseComponent;
+    exports["ɵfv"] = TransactionHeaderPartialDeliveryModule;
+    exports["ɵfw"] = TransactionHeaderPartialDeliveryComponent;
+    exports["ɵfx"] = TransactionHeaderDownpaymentPercentageModule;
+    exports["ɵfy"] = TransactionHeaderDownpaymentPercentageComponent;
+    exports["ɵfz"] = TransactionHeaderDownpaymentAmountModule;
     exports["ɵg"] = TransactionConnectorAdapterService;
-    exports["ɵga"] = TransactionHeaderDefinitiveComponent;
-    exports["ɵgb"] = TransactionHeaderBranchModule;
-    exports["ɵgc"] = TransactionHeaderBranchComponent;
-    exports["ɵgd"] = TransactionHeaderAdministrativeRelationModule;
-    exports["ɵge"] = TransactionHeaderAdministrativeRelationComponent;
-    exports["ɵgf"] = TransactionHeaderMarketingModule;
-    exports["ɵgg"] = TransactionHeaderMarketingComponent;
-    exports["ɵgh"] = CheckoutOverviewRelationEditComponent;
-    exports["ɵgi"] = CheckoutOverviewDeliveryEditComponent;
-    exports["ɵgj"] = CheckoutOverviewDeliveryAddressComponent;
-    exports["ɵgk"] = CheckoutOverviewPaymentComponent;
-    exports["ɵgl"] = CheckoutLoginComponent;
-    exports["ɵgm"] = TransactionFilterCategoriesModule;
-    exports["ɵgn"] = TransactionFilterCategoriesComponent;
-    exports["ɵgo"] = TransactionHeaderPaymentModule;
-    exports["ɵgp"] = TransactionHeaderPaymentComponent;
-    exports["ɵgq"] = TransactionLinesGridModule;
-    exports["ɵgr"] = TransactionBaseGridModule;
-    exports["ɵgs"] = TransactionLineSidePanelModule;
-    exports["ɵgt"] = TransactionLineSidePanelDefaultModule;
-    exports["ɵgu"] = TransactionLineQuantityModule;
-    exports["ɵgv"] = TransactionLineQuantityComponent;
-    exports["ɵgw"] = TransactionLineDeliveryDateModule;
-    exports["ɵgx"] = TransactionLineDeliveryDateComponent;
+    exports["ɵga"] = TransactionHeaderDownpaymentAmountComponent;
+    exports["ɵgb"] = TransactionHeaderDefinitiveModule;
+    exports["ɵgc"] = TransactionHeaderDefinitiveComponent;
+    exports["ɵgd"] = TransactionHeaderBranchModule;
+    exports["ɵge"] = TransactionHeaderBranchComponent;
+    exports["ɵgf"] = TransactionHeaderAdministrativeRelationModule;
+    exports["ɵgg"] = TransactionHeaderAdministrativeRelationComponent;
+    exports["ɵgh"] = TransactionHeaderMarketingModule;
+    exports["ɵgi"] = TransactionHeaderMarketingComponent;
+    exports["ɵgj"] = CheckoutOverviewRelationEditComponent;
+    exports["ɵgk"] = CheckoutOverviewDeliveryEditComponent;
+    exports["ɵgl"] = CheckoutOverviewDeliveryAddressComponent;
+    exports["ɵgm"] = CheckoutOverviewPaymentComponent;
+    exports["ɵgn"] = CheckoutLoginComponent;
+    exports["ɵgo"] = TransactionFilterCategoriesModule;
+    exports["ɵgp"] = TransactionFilterCategoriesComponent;
+    exports["ɵgq"] = TransactionHeaderPaymentModule;
+    exports["ɵgr"] = TransactionHeaderPaymentComponent;
+    exports["ɵgs"] = TransactionLinesGridModule;
+    exports["ɵgt"] = TransactionBaseGridModule;
+    exports["ɵgu"] = TransactionLineSidePanelModule;
+    exports["ɵgv"] = TransactionLineSidePanelDefaultModule;
+    exports["ɵgw"] = TransactionLineQuantityModule;
+    exports["ɵgx"] = TransactionLineQuantityComponent;
     exports["ɵgy"] = TransactionLineReferenceModule;
     exports["ɵgz"] = TransactionLineReferenceComponent;
     exports["ɵh"] = SelectMultipleCacheService;