@colijnit/transaction 12.1.35 → 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
                 },] }
     ];
@@ -2870,12 +2898,104 @@
         showClass: [{ type: i0.HostBinding, args: ["class.co-dialog-transaction-line-commission-code",] }]
     };
 
+    var DynamicComponentService = /** @class */ (function () {
+        function DynamicComponentService(_compFactoryResolver, appRef, injector) {
+            this._compFactoryResolver = _compFactoryResolver;
+            this.appRef = appRef;
+            this.injector = injector;
+            this._componentRefs = [];
+        }
+        DynamicComponentService.prototype.createComponent = function (componentClass, inputs, outputs, providers) {
+            var _this = this;
+            return new Promise(function (resolve) {
+                if (providers) {
+                    i0.Injector.create(providers, _this.injector);
+                }
+                var componentRef = _this._compFactoryResolver
+                    .resolveComponentFactory(componentClass)
+                    .create(_this.injector);
+                _this._componentRefs.push(componentRef);
+                if (inputs) {
+                    for (var property in inputs) {
+                        if (inputs.hasOwnProperty(property)) {
+                            componentRef.instance[property] = inputs[property];
+                        }
+                    }
+                }
+                if (outputs) {
+                    var _loop_1 = function (event) {
+                        if (outputs.hasOwnProperty(event)) {
+                            componentRef.instance[event].subscribe(function () { return outputs[event](); });
+                        }
+                    };
+                    for (var event in outputs) {
+                        _loop_1(event);
+                    }
+                }
+                _this.appRef.attachView(componentRef.hostView);
+                var domElem = componentRef.hostView
+                    .rootNodes[0];
+                document.body.appendChild(domElem);
+                componentRef.onDestroy(function () {
+                    _this.appRef.detachView(componentRef.hostView);
+                });
+                componentRef.instance.onClose = function (button, output) {
+                    var idx = _this._componentRefs.indexOf(componentRef);
+                    _this.appRef.detachView(componentRef.hostView);
+                    _this._componentRefs[idx] = undefined;
+                    _this._componentRefs.splice(idx, 1);
+                    if (outputs) {
+                        for (var event in outputs) {
+                            if (outputs.hasOwnProperty(event)) {
+                                componentRef.instance[event].unsubscribe();
+                            }
+                        }
+                    }
+                    resolve(output ? output : button);
+                };
+            });
+        };
+        return DynamicComponentService;
+    }());
+    DynamicComponentService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DynamicComponentService_Factory() { return new DynamicComponentService(i0__namespace.ɵɵinject(i0__namespace.ComponentFactoryResolver), i0__namespace.ɵɵinject(i0__namespace.ApplicationRef), i0__namespace.ɵɵinject(i0__namespace.INJECTOR)); }, token: DynamicComponentService, providedIn: "root" });
+    DynamicComponentService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: "root"
+                },] }
+    ];
+    DynamicComponentService.ctorParameters = function () { return [
+        { type: i0.ComponentFactoryResolver },
+        { type: i0.ApplicationRef },
+        { type: i0.Injector }
+    ]; };
+
+    var DialogTransactionLineWarehouseLocationComponent = /** @class */ (function (_super) {
+        __extends(DialogTransactionLineWarehouseLocationComponent, _super);
+        function DialogTransactionLineWarehouseLocationComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        DialogTransactionLineWarehouseLocationComponent.prototype.showClass = function () {
+            return true;
+        };
+        return DialogTransactionLineWarehouseLocationComponent;
+    }(DialogTransactionLineBaseComponent));
+    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        [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
+                },] }
+    ];
+    DialogTransactionLineWarehouseLocationComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ["class.co-dialog-transaction-line-warehouse-location",] }]
+    };
+
     var DialogService = /** @class */ (function () {
-        function DialogService(_compFactoryResolver, appRef, injector) {
+        function DialogService(_compFactoryResolver, appRef, injector, dynamicComponentService) {
             this._compFactoryResolver = _compFactoryResolver;
             this.appRef = appRef;
             this.injector = injector;
-            // private _componentRef: any;
+            this.dynamicComponentService = dynamicComponentService;
             this._componentRefs = [];
         }
         DialogService.prototype.showYesNo = function (title, text) {
@@ -2889,7 +3009,7 @@
                                 text: text,
                                 type: AppPopupType.Confirmation
                             };
-                            return [4 /*yield*/, this._createComponent(ConfirmationDialogComponent, data)];
+                            return [4 /*yield*/, this.dynamicComponentService.createComponent(ConfirmationDialogComponent, data)];
                         case 1:
                             response = _a.sent();
                             return [2 /*return*/, response === AppPopupButtonType.Yes];
@@ -2906,7 +3026,7 @@
             if (details) {
                 data.details = details;
             }
-            return this._createComponent(ConfirmationDialogComponent, data);
+            return this.dynamicComponentService.createComponent(ConfirmationDialogComponent, data);
         };
         DialogService.prototype.showInformation = function (message) {
             var data = {
@@ -2914,7 +3034,19 @@
                 text: message,
                 type: AppPopupType.Information
             };
-            return this._createComponent(ConfirmationDialogComponent, data);
+            return this.dynamicComponentService.createComponent(ConfirmationDialogComponent, data);
+        };
+        DialogService.prototype.showTransactionLineComponent = function (comp, transLine) {
+            var data = {
+                transactionLine: transLine
+            };
+            return this.dynamicComponentService.createComponent(comp, data);
+        };
+        DialogService.prototype.showTransactionHeaderComponent = function (comp, transactionInfo) {
+            var data = {
+                transactionInfo: transactionInfo
+            };
+            return this.dynamicComponentService.createComponent(comp, data);
         };
         DialogService.prototype.showCharacteristics = function (title, choices, value) {
             var data = {
@@ -2922,55 +3054,29 @@
                 choices: choices,
                 value: value
             };
-            return this._createComponent(CharacteristicAnswerComponent, data);
+            return this.dynamicComponentService.createComponent(CharacteristicAnswerComponent, data);
         };
         DialogService.prototype.showWarehouse = function () {
             var data = {
                 useModel: false
             };
-            return this._createComponent(DialogTransactionLineWarehouseComponent, data);
+            return this.dynamicComponentService.createComponent(DialogTransactionLineWarehouseComponent, data);
         };
         DialogService.prototype.showCommissionCode = function () {
             var data = {
                 useModel: false
             };
-            return this._createComponent(DialogTransactionLineCommissionCodeComponent, data);
+            return this.dynamicComponentService.createComponent(DialogTransactionLineCommissionCodeComponent, data);
         };
-        DialogService.prototype._createComponent = function (componentClass, data, providers) {
-            var _this = this;
-            return new Promise(function (resolve) {
-                if (providers) {
-                    i0.Injector.create(providers, _this.injector);
-                }
-                var componentRef = _this._compFactoryResolver
-                    .resolveComponentFactory(componentClass)
-                    .create(_this.injector);
-                _this._componentRefs.push(componentRef);
-                for (var key in data) {
-                    if (data.hasOwnProperty(key)) {
-                        componentRef.instance[key] = data[key];
-                    }
-                }
-                _this.appRef.attachView(componentRef.hostView);
-                var domElem = componentRef.hostView
-                    .rootNodes[0];
-                document.body.appendChild(domElem);
-                componentRef.onDestroy(function () {
-                    _this.appRef.detachView(componentRef.hostView);
-                });
-                // @ts-ignore
-                componentRef.instance.onClose = function (button, output) {
-                    var idx = _this._componentRefs.indexOf(componentRef);
-                    _this.appRef.detachView(componentRef.hostView);
-                    _this._componentRefs[idx] = undefined;
-                    _this._componentRefs.splice(idx, 1);
-                    resolve(output ? output : button);
-                };
-            });
+        DialogService.prototype.showWarehouseLocation = function () {
+            var data = {
+                useModel: false
+            };
+            return this.dynamicComponentService.createComponent(DialogTransactionLineWarehouseLocationComponent, data);
         };
         return DialogService;
     }());
-    DialogService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DialogService_Factory() { return new DialogService(i0__namespace.ɵɵinject(i0__namespace.ComponentFactoryResolver), i0__namespace.ɵɵinject(i0__namespace.ApplicationRef), i0__namespace.ɵɵinject(i0__namespace.INJECTOR)); }, token: DialogService, providedIn: "root" });
+    DialogService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DialogService_Factory() { return new DialogService(i0__namespace.ɵɵinject(i0__namespace.ComponentFactoryResolver), i0__namespace.ɵɵinject(i0__namespace.ApplicationRef), i0__namespace.ɵɵinject(i0__namespace.INJECTOR), i0__namespace.ɵɵinject(DynamicComponentService)); }, token: DialogService, providedIn: "root" });
     DialogService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: "root"
@@ -2979,7 +3085,8 @@
     DialogService.ctorParameters = function () { return [
         { type: i0.ComponentFactoryResolver },
         { type: i0.ApplicationRef },
-        { type: i0.Injector }
+        { type: i0.Injector },
+        { type: DynamicComponentService }
     ]; };
 
     var ErrorService = /** @class */ (function () {
@@ -5823,21 +5930,15 @@
                 var _this = this;
                 return __generator(this, function (_a) {
                     return [2 /*return*/, new Promise(function (resolve, reject) {
-                            // const collection = this._collectionService.getCollection(StockLocation.name, [warehouseNr]);
-                            // if (collection) {
-                            //   resolve(collection);
-                            // } else {
                             return _this.connector.getStockManagementLocations(warehouseNr).then(function (response) {
                                 if (response && response.validationResult && response.validationResult.success) {
                                     var collection = _this._boFactory.makeBOArrayFromRawBackendDataArray(stockLocation_bo.StockLocation, response.resultObjects);
-                                    // this._collectionService.cacheCollection(StockLocation.name, collection, [warehouseNr]);
-                                    resolve(collection);
+                                    resolve(collection.slice(0, 50));
                                 }
                                 else {
                                     reject(response.validationMessagesAsString);
                                 }
                             });
-                            // }
                         })];
                 });
             });
@@ -7012,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; }
@@ -7026,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)];
@@ -7521,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);
         };
@@ -9700,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;
@@ -9860,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
                 },] }
     ];
@@ -9873,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 }],
@@ -10342,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
                 },] }
     ];
@@ -10425,7 +10526,7 @@
     TransactionLineCheckboxListComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-checkbox-list",
-                    template: "\n    <table lazyRenderMaster>\n      <tr *ngFor=\"let row of collection\" lazyRender #lazyRender=\"lazyRender\">\n        <td>\n          <co-input-checkbox *ngIf=\"lazyRender.isShowing\"\n                             [model]=\"row.checked\"\n                             [readonly]=\"readonly\"\n                             (click)=\"handleChecked($event, row)\"\n          ></co-input-checkbox>\n        </td>\n        <td *ngFor=\"let label of row.propsForLabel\" [innerHTML]=\"label\"></td>\n      </tr>\n    </table>\n  ",
+                    template: "\n    <table lazyRenderMaster>\n      <tr *ngFor=\"let row of collection\" lazyRender #lazyRender=\"lazyRender\" [class.visible]=\"lazyRender.isShowing\">\n        <td>\n          <co-input-checkbox\n                             [model]=\"row.checked\"\n                             [readonly]=\"readonly\"\n                             (click)=\"handleChecked($event, row)\"\n          ></co-input-checkbox>\n        </td>\n        <td *ngFor=\"let label of row.propsForLabel\" [innerHTML]=\"label\"></td>\n      </tr>\n    </table>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -10679,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
                 },] }
     ];
@@ -11327,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
                 },] }
     ];
@@ -11387,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() {
         }
@@ -11412,7 +11622,8 @@
                         DialogTransactionLineCommissionCodeModule,
                         DialogTransactionLineVatModule,
                         DialogTransactionLineWarehouseModule,
-                        DialogTransactionLineDiscountModule
+                        DialogTransactionLineDiscountModule,
+                        TransactionLineDeliveryDateModule
                     ],
                     declarations: [
                         TransactionLineComponent
@@ -11428,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();
@@ -11501,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
                 },] }
     ];
@@ -11511,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 }],
@@ -11561,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
                 },] }
     ];
@@ -12983,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
                 },] }
     ];
@@ -13138,6 +13351,9 @@
                             if (!success) {
                                 this.input.model = oldDate;
                             }
+                            else {
+                                this.editMode = false;
+                            }
                             return [2 /*return*/, success];
                         case 2: return [2 /*return*/, true];
                     }
@@ -13152,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
                 },] }
     ];
@@ -13756,6 +13972,9 @@
                             if (!success) {
                                 this.input.model = oldDate;
                             }
+                            else {
+                                this.editMode = false;
+                            }
                             return [2 /*return*/, success];
                         case 2: return [2 /*return*/, true];
                     }
@@ -13770,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
                 },] }
     ];
@@ -13852,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
                 },] }
     ];
@@ -14630,29 +14849,135 @@
         ContentViewMode[ContentViewMode["Tiles"] = 5] = "Tiles";
     })(ContentViewMode || (ContentViewMode = {}));
 
-    var TransactionComponent = /** @class */ (function () {
-        function TransactionComponent(iconCacheService, _service) {
-            var _this = this;
-            this.iconCacheService = iconCacheService;
-            this._service = _service;
-            this.viewModes = ContentViewMode;
-            this.icons = Icon;
-            this.showHeader = true;
-            this.showQuickAccess = true;
-            this.showButtonBar = true;
-            this.activeViewMode = ContentViewMode.List;
-            this.showDiscountsSidebar = false;
-            this.showSidePanel = false;
-            this._subs = [];
-            this._transaction = new transactionInfoResponse_bo.TransactionInfoResponse();
-            this._subs.push(this._service.transactionUpdated.subscribe(function (transaction) { return __awaiter(_this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    if (transaction) {
-                        this.transaction = transaction;
-                    }
-                    return [2 /*return*/];
-                });
-            }); }));
+    var TransactionTypeCategory;
+    (function (TransactionTypeCategory) {
+        TransactionTypeCategory["PurchaseOrderOverview"] = "purchaseOrderOverview";
+        TransactionTypeCategory["PurchaseOrderOrderConfirmation"] = "purchaseOrderOrderConfirmation";
+        TransactionTypeCategory["PurchaseOrderTransport"] = "purchaseOrderTransport";
+        TransactionTypeCategory["PurchaseOrderReceivedGoods"] = "purchaseOrderReceivedGoods";
+        TransactionTypeCategory["PurchaseOrderInvoiceCheck"] = "purchaseOrderInvoiceCheck";
+        TransactionTypeCategory["PurchaseOrderMenu"] = "purchaseOrderMenu";
+        TransactionTypeCategory["SalesOrderOverview"] = "salesOrderOverview";
+        TransactionTypeCategory["SalesOrderPurchase"] = "salesOrderPurchase";
+        TransactionTypeCategory["SalesOrderLogistics"] = "salesOrderLogistics";
+        TransactionTypeCategory["SalesOrderPlanning"] = "salesOrderPlanning";
+        TransactionTypeCategory["SalesOrderDeliveryNote"] = "salesOrderDeliveryNote";
+        TransactionTypeCategory["SalesOrderInvoice"] = "salesOrderInvoice";
+    })(TransactionTypeCategory || (TransactionTypeCategory = {}));
+
+    var TransactionEventService = /** @class */ (function () {
+        function TransactionEventService() {
+            this.addToCartBySku = new rxjs.Subject();
+            this.addToCartBySelectorResult = new rxjs.Subject();
+            this.openShoppingCartModule = new rxjs.Subject();
+            this.loggedIn = new rxjs.Subject();
+            this.addNewUserToShoppingCartModule = new rxjs.Subject();
+            this.addUserRelationShoppingCartModule = new rxjs.Subject();
+            this.addArticleLine = new rxjs.Subject();
+            this.addTextLine = new rxjs.Subject();
+            this.addArticleLineAt = new rxjs.Subject();
+            this.addTextLineAt = new rxjs.Subject();
+            this.changeLineSequence = new rxjs.Subject();
+            this.transactionLineClicked = new rxjs.Subject();
+            this.rightSidebarClose = new rxjs.Subject();
+            this.scrollContent = new rxjs.Subject();
+            this.receivedPurchaseOrderCommit = new rxjs.Subject();
+            this.commitReceivePurchaseOrders = new rxjs.Subject();
+            this.transactionLineChanged = new rxjs.Subject();
+        }
+        return TransactionEventService;
+    }());
+    TransactionEventService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function TransactionEventService_Factory() { return new TransactionEventService(); }, token: TransactionEventService, providedIn: "root" });
+    TransactionEventService.decorators = [
+        { type: i0.Injectable, args: [{ providedIn: "root" },] }
+    ];
+
+    var DynamicBaseComponent = /** @class */ (function () {
+        function DynamicBaseComponent() {
+        }
+        DynamicBaseComponent.prototype.onClose = function () { };
+        return DynamicBaseComponent;
+    }());
+    DynamicBaseComponent.decorators = [
+        { type: i0.Directive }
+    ];
+
+    var TransactionLineSidePanelComponent = /** @class */ (function (_super) {
+        __extends(TransactionLineSidePanelComponent, _super);
+        function TransactionLineSidePanelComponent(iconService, _service, _transactionEventService) {
+            var _this = _super.call(this) || this;
+            _this.iconService = iconService;
+            _this._service = _service;
+            _this._transactionEventService = _transactionEventService;
+            _this.icons = Icon;
+            _this.categories = TransactionTypeCategory;
+            _this.transactionTypes = transactionKind_enum.TransactionKind;
+            _this.cancelClick = new i0.EventEmitter();
+            _this.show = true;
+            return _this;
+        }
+        TransactionLineSidePanelComponent.prototype.showClass = function () {
+            return true;
+        };
+        TransactionLineSidePanelComponent.prototype.handleCancelClick = function () {
+            var _this = this;
+            this.show = false;
+            setTimeout(function () {
+                _this.onClose();
+            }, 200);
+        };
+        return TransactionLineSidePanelComponent;
+    }(DynamicBaseComponent));
+    TransactionLineSidePanelComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-transaction-line-side-panel",
+                    template: "\n    <div class=\"transaction-line-side-panel-wrapper\" *ngIf=\"show\" @showHideSidePanel>\n      <icon (click)=\"handleCancelClick()\" [icon]=\"icons.Cancel\" class=\"close-button\"></icon>\n      <div class=\"transaction-line-side-panel-header\">\n        <div class=\"transaction-line-side-panel-header-item\">\n          <span class=\"side-panel-header-label\" [textContent]=\"'ARTICLE_NR'| localize\"></span>\n          <span class=\"side-panel-header-field\" [textContent]=\"transactionLine.articleNumber\"></span>\n        </div>\n        <div class=\"side-panel-header-divider\"></div>\n        <div class=\"transaction-line-side-panel-header-item\">\n          <span class=\"side-panel-header-label\" [textContent]=\"'DESCRIPTION'| localize\"></span>\n          <span class=\"side-panel-header-field\" [textContent]=\"transactionLine.goodDescription\"></span>\n        </div>\n        <div class=\"side-panel-header-divider\"></div>\n        <div class=\"transaction-line-side-panel-header-item\">\n          <span class=\"side-panel-header-label\" [textContent]=\"'AMOUNT'| localize\"></span>\n          <span class=\"side-panel-header-field\" [textContent]=\"transactionLine.amount\"></span>\n        </div>\n        <div class=\"side-panel-header-divider\"></div>\n        <div class=\"transaction-line-side-panel-header-item\">\n        <span class=\"side-panel-header-label\"\n              [textContent]=\"activeCategory === categories.PurchaseOrderReceivedGoods ? ('TO_REPORT_IN' | localize) : ('PRICE' | localize)\"></span>\n          <span class=\"side-panel-header-field\"\n                [textContent]=\"activeCategory === categories.PurchaseOrderReceivedGoods ? quantityToReceive : (transactionLine.price | priceDisplay)\"></span>\n        </div>\n      </div>\n      <div class=\"transaction-line-side-panel-nav-bar\">\n        <co-transaction-button-bar\n          [transactionType]=\"transactionInfo.transactionKind\"\n          (buttonClicked)=\"activeCategory = $event.category\"\n        ></co-transaction-button-bar>\n      </div>\n      <div class=\"transaction-line-side-panel-content\">\n        <ng-container [ngSwitch]=\"transactionInfo.transactionKind\">\n          <ng-container *ngSwitchCase=\"transactionTypes.PurchaseOrder\">\n            <co-transaction-line-side-panel-purchase\n              [transactionLine]=\"transactionLine\"\n              [transactionInfo]=\"transactionInfo\"\n              [category]=\"activeCategory\"\n              (quantityToReceiveChange)=\"quantityToReceive = $event\"\n            ></co-transaction-line-side-panel-purchase>\n          </ng-container>\n          <ng-container *ngSwitchDefault>\n            <co-transaction-line-side-panel-purchase\n              [transactionLine]=\"transactionLine\"\n              [transactionInfo]=\"transactionInfo\"\n              [category]=\"activeCategory\"\n            ></co-transaction-line-side-panel-purchase>\n          </ng-container>\n        </ng-container>\n      </div>\n    </div>\n  ",
+                    animations: [
+                        animations.trigger("showHideSidePanel", [
+                            animations.state("void", animations.style({ transform: 'translateX(100%)' })),
+                            animations.state("*", animations.style({ transform: 'translateX(0)' })),
+                            animations.transition("void <=> *", animations.animate("200ms ease-in-out"))
+                        ])
+                    ],
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    TransactionLineSidePanelComponent.ctorParameters = function () { return [
+        { type: IconCacheService },
+        { type: TransactionService },
+        { type: TransactionEventService }
+    ]; };
+    TransactionLineSidePanelComponent.propDecorators = {
+        transactionLine: [{ type: i0.Input }],
+        transactionInfo: [{ type: i0.Input }],
+        activeCategory: [{ type: i0.Input }],
+        cancelClick: [{ type: i0.Output }],
+        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-line-side-panel",] }]
+    };
+
+    var TransactionComponent = /** @class */ (function () {
+        function TransactionComponent(iconCacheService, _service, dynamicComponentService) {
+            var _this = this;
+            this.iconCacheService = iconCacheService;
+            this._service = _service;
+            this.dynamicComponentService = dynamicComponentService;
+            this.viewModes = ContentViewMode;
+            this.icons = Icon;
+            this.showHeader = true;
+            this.showQuickAccess = true;
+            this.showButtonBar = true;
+            this.activeViewMode = ContentViewMode.List;
+            this.showDiscountsSidebar = false;
+            this._subs = [];
+            this._transaction = new transactionInfoResponse_bo.TransactionInfoResponse();
+            this._subs.push(this._service.transactionUpdated.subscribe(function (transaction) { return __awaiter(_this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    if (transaction) {
+                        this.transaction = transaction;
+                    }
+                    return [2 /*return*/];
+                });
+            }); }));
         }
         Object.defineProperty(TransactionComponent.prototype, "transaction", {
             get: function () {
@@ -14704,30 +15029,25 @@
         };
         TransactionComponent.prototype.handleShowSidePanel = function (line) {
             this.sidePanelTransactionLine = line;
-            this.showSidePanel = true;
-        };
-        TransactionComponent.prototype.handleCloseSidePanel = function (event) {
-            this.showSidePanel = false;
+            this.dynamicComponentService.createComponent(TransactionLineSidePanelComponent, {
+                transactionInfo: this.transaction.transactionInfo,
+                transactionLine: this.sidePanelTransactionLine,
+                activeCategory: this.activeCategory
+            });
         };
         return TransactionComponent;
     }());
     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\n    <co-transaction-line-side-panel *ngIf=\"showSidePanel\" @showHideSidePanel\n                                    [transactionInfo]=\"transaction.transactionInfo\"\n                                    [transactionLine]=\"sidePanelTransactionLine\"\n                                    [activeCategory]=\"activeCategory\"\n                                    (cancelClick)=\"handleCloseSidePanel($event)\"\n    ></co-transaction-line-side-panel>\n  ",
-                    animations: [
-                        animations.trigger("showHideSidePanel", [
-                            animations.state("void", animations.style({ transform: 'translateX(100%)' })),
-                            animations.state("*", animations.style({ transform: 'translateX(0)' })),
-                            animations.transition("void <=> *", animations.animate("200ms ease-in-out"))
-                        ])
-                    ],
+                    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
                 },] }
     ];
     TransactionComponent.ctorParameters = function () { return [
         { type: IconCacheService },
-        { type: TransactionService }
+        { type: TransactionService },
+        { type: DynamicComponentService }
     ]; };
     TransactionComponent.propDecorators = {
         transaction: [{ type: i0.Input }],
@@ -15193,7 +15513,7 @@
     TransactionBaseGridComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-base-grid",
-                    template: "\n    <co-simple-grid [data]=\"transactionLines\"\n                    [extraColumns]=\"extraColumns\"\n                    [dragDropEnabled]=\"true\"\n                    [emitDragDrop]=\"true\"\n                    (onDrop)=\"handleDrop($event)\"\n                    (rowVisible)=\"rowVisible.next($event)\">\n      <co-simple-grid-column [headerText]=\"'DESCRIPTION' | localize\" [width]=\"300\" [order]=\"10\">\n        <ng-template #template let-row = \"row\">\n          <div class=\"transaction-grid-article-description\" [textContent]=\"row.goodDescription\"></div>\n          <div class=\"transaction-grid-article-text\" [textContent]=\"row.articleBoundConcatenatedText\"></div>\n        </ng-template>\n      </co-simple-grid-column>\n      <co-simple-grid-column [width]=\"150\" [order]=\"20\">\n        <ng-template #template let-row = \"row\">\n          <co-image-display class=\"transaction-grid-article-image\" [model]=\"row.articleImageData\"></co-image-display>\n        </ng-template>\n      </co-simple-grid-column>\n      <co-simple-grid-column [field]=\"'articleNumber'\" [width]=\"70\" [order]=\"30\" [textAlign]=\"align.Center\">\n        <ng-template #headerTemplate>\n          <icon class=\"transaction-grid-header-icon\" [icon]=\"icon.BarcodeSolid\"></icon>\n        </ng-template>\n      </co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"''\" [width]=\"40\" [field]=\"'sideMenuButton'\" [order]=\"400\">\n        <ng-template #template let-row = \"row\">\n          <co-transaction-line-action-buttons class=\"transaction-line-action-buttons\"\n            [transactionLine]=\"row\"\n            (sidePanelButtonClicked)=\"openSidePanel(row)\"\n          ></co-transaction-line-action-buttons>\n        </ng-template>\n      </co-simple-grid-column>\n    </co-simple-grid>\n  ",
+                    template: "\n    <co-simple-grid [data]=\"transactionLines\"\n                    [extraColumns]=\"extraColumns\"\n                    [dragDropEnabled]=\"true\"\n                    [emitDragDrop]=\"true\"\n                    (onDrop)=\"handleDrop($event)\"\n                    (rowVisible)=\"rowVisible.next($event)\">\n      <co-simple-grid-column [headerText]=\"'DESCRIPTION' | localize\" [width]=\"300\" [order]=\"10\">\n        <ng-template #template let-row = \"row\">\n          <div class=\"transaction-grid-article-description\" [textContent]=\"row.goodDescription\"></div>\n          <div class=\"transaction-grid-article-text\" [textContent]=\"row.articleBoundConcatenatedText\"></div>\n        </ng-template>\n      </co-simple-grid-column>\n      <co-simple-grid-column [width]=\"150\" [order]=\"20\">\n        <ng-template #template let-row = \"row\">\n          <co-image-display class=\"transaction-grid-article-image\" [model]=\"row.articleImageData\"></co-image-display>\n        </ng-template>\n      </co-simple-grid-column>\n      <co-simple-grid-column [field]=\"'articleNumber'\" [width]=\"70\" [order]=\"30\" [textAlign]=\"align.Center\">\n        <ng-template #headerTemplate>\n          <icon class=\"transaction-grid-header-icon\" [icon]=\"icon.BarcodeSolid\"></icon>\n        </ng-template>\n      </co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"''\" [width]=\"40\" [field]=\"'sideMenuButton'\" [order]=\"400\">\n        <ng-template #template let-row = \"row\">\n          <co-transaction-line-action-buttons *ngIf=\"row.isArticle\" class=\"transaction-line-action-buttons\"\n            [transactionLine]=\"row\"\n            (sidePanelButtonClicked)=\"openSidePanel(row)\"\n          ></co-transaction-line-action-buttons>\n        </ng-template>\n      </co-simple-grid-column>\n    </co-simple-grid>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -15201,89 +15521,6 @@
         showClass: [{ type: i0.HostBinding, args: ['class.co-transaction-base-grid',] }]
     };
 
-    var TransactionTypeCategory;
-    (function (TransactionTypeCategory) {
-        TransactionTypeCategory["PurchaseOrderOverview"] = "purchaseOrderOverview";
-        TransactionTypeCategory["PurchaseOrderOrderConfirmation"] = "purchaseOrderOrderConfirmation";
-        TransactionTypeCategory["PurchaseOrderTransport"] = "purchaseOrderTransport";
-        TransactionTypeCategory["PurchaseOrderReceivedGoods"] = "purchaseOrderReceivedGoods";
-        TransactionTypeCategory["PurchaseOrderInvoiceCheck"] = "purchaseOrderInvoiceCheck";
-        TransactionTypeCategory["PurchaseOrderMenu"] = "purchaseOrderMenu";
-        TransactionTypeCategory["SalesOrderOverview"] = "salesOrderOverview";
-        TransactionTypeCategory["SalesOrderPurchase"] = "salesOrderPurchase";
-        TransactionTypeCategory["SalesOrderLogistics"] = "salesOrderLogistics";
-        TransactionTypeCategory["SalesOrderPlanning"] = "salesOrderPlanning";
-        TransactionTypeCategory["SalesOrderDeliveryNote"] = "salesOrderDeliveryNote";
-        TransactionTypeCategory["SalesOrderInvoice"] = "salesOrderInvoice";
-    })(TransactionTypeCategory || (TransactionTypeCategory = {}));
-
-    var TransactionEventService = /** @class */ (function () {
-        function TransactionEventService() {
-            this.addToCartBySku = new rxjs.Subject();
-            this.addToCartBySelectorResult = new rxjs.Subject();
-            this.openShoppingCartModule = new rxjs.Subject();
-            this.loggedIn = new rxjs.Subject();
-            this.addNewUserToShoppingCartModule = new rxjs.Subject();
-            this.addUserRelationShoppingCartModule = new rxjs.Subject();
-            this.addArticleLine = new rxjs.Subject();
-            this.addTextLine = new rxjs.Subject();
-            this.addArticleLineAt = new rxjs.Subject();
-            this.addTextLineAt = new rxjs.Subject();
-            this.changeLineSequence = new rxjs.Subject();
-            this.transactionLineClicked = new rxjs.Subject();
-            this.rightSidebarClose = new rxjs.Subject();
-            this.scrollContent = new rxjs.Subject();
-            this.receivedPurchaseOrderCommit = new rxjs.Subject();
-            this.commitReceivePurchaseOrders = new rxjs.Subject();
-            this.transactionLineChanged = new rxjs.Subject();
-        }
-        return TransactionEventService;
-    }());
-    TransactionEventService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function TransactionEventService_Factory() { return new TransactionEventService(); }, token: TransactionEventService, providedIn: "root" });
-    TransactionEventService.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: "root" },] }
-    ];
-
-    var TransactionLineSidePanelComponent = /** @class */ (function () {
-        function TransactionLineSidePanelComponent(iconService, _service, _transactionEventService) {
-            this.iconService = iconService;
-            this._service = _service;
-            this._transactionEventService = _transactionEventService;
-            this.icons = Icon;
-            this.categories = TransactionTypeCategory;
-            this.transactionTypes = transactionKind_enum.TransactionKind;
-            this.transactionLine = new transactionLineInfo_bo.TransactionLineInfo();
-            this.transactionInfo = new transactionInfo_bo.TransactionInfo();
-            this.cancelClick = new i0.EventEmitter();
-        }
-        TransactionLineSidePanelComponent.prototype.showClass = function () {
-            return true;
-        };
-        TransactionLineSidePanelComponent.prototype.handleCancelClick = function (event) {
-            this.cancelClick.next(event);
-        };
-        return TransactionLineSidePanelComponent;
-    }());
-    TransactionLineSidePanelComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: "co-transaction-line-side-panel",
-                    template: "\n    <icon (click)=\"handleCancelClick($event)\" [icon]=\"icons.Cancel\" class=\"close-button\"></icon>\n    <div class=\"transaction-line-side-panel-header\">\n      <div class=\"transaction-line-side-panel-header-item\">\n        <span class=\"side-panel-header-label\" [textContent]=\"'ARTICLE_NR'| localize\"></span>\n        <span class=\"side-panel-header-field\" [textContent]=\"transactionLine.articleNumber\"></span>\n      </div>\n      <div class=\"side-panel-header-divider\"></div>\n      <div class=\"transaction-line-side-panel-header-item\">\n        <span class=\"side-panel-header-label\" [textContent]=\"'DESCRIPTION'| localize\"></span>\n        <span class=\"side-panel-header-field\" [textContent]=\"transactionLine.goodDescription\"></span>\n      </div>\n      <div class=\"side-panel-header-divider\"></div>\n      <div class=\"transaction-line-side-panel-header-item\">\n        <span class=\"side-panel-header-label\" [textContent]=\"'AMOUNT'| localize\"></span>\n        <span class=\"side-panel-header-field\" [textContent]=\"transactionLine.amount\"></span>\n      </div>\n      <div class=\"side-panel-header-divider\"></div>\n      <div class=\"transaction-line-side-panel-header-item\">\n        <span class=\"side-panel-header-label\"\n              [textContent]=\"activeCategory === categories.PurchaseOrderReceivedGoods ? ('TO_REPORT_IN' | localize) : ('PRICE' | localize)\"></span>\n        <span class=\"side-panel-header-field\"\n              [textContent]=\"activeCategory === categories.PurchaseOrderReceivedGoods ? quantityToReceive : (transactionLine.price | priceDisplay)\"></span>\n      </div>\n    </div>\n    <div class=\"transaction-line-side-panel-nav-bar\">\n      <co-transaction-button-bar\n        [transactionType]=\"transactionInfo.transactionKind\"\n        (buttonClicked)=\"activeCategory = $event.category\"\n      ></co-transaction-button-bar>\n    </div>\n    <div class=\"transaction-line-side-panel-content\">\n      <ng-container [ngSwitch]=\"transactionInfo.transactionKind\">\n        <ng-container *ngSwitchCase=\"transactionTypes.PurchaseOrder\">\n          <co-transaction-line-side-panel-purchase\n            [transactionInfo]=\"transactionInfo\"\n            [transactionLine]=\"transactionLine\"\n            [category]=\"activeCategory\"\n            (quantityToReceiveChange)=\"quantityToReceive = $event\"\n          ></co-transaction-line-side-panel-purchase>\n        </ng-container>\n        <ng-container *ngSwitchDefault>\n          <co-transaction-line-side-panel-purchase\n            [transactionInfo]=\"transactionInfo\"\n            [transactionLine]=\"transactionLine\"\n            [category]=\"activeCategory\"\n          ></co-transaction-line-side-panel-purchase>\n        </ng-container>\n      </ng-container>\n    </div>\n  ",
-                    encapsulation: i0.ViewEncapsulation.None
-                },] }
-    ];
-    TransactionLineSidePanelComponent.ctorParameters = function () { return [
-        { type: IconCacheService },
-        { type: TransactionService },
-        { type: TransactionEventService }
-    ]; };
-    TransactionLineSidePanelComponent.propDecorators = {
-        transactionLine: [{ type: i0.Input }],
-        transactionInfo: [{ type: i0.Input }],
-        activeCategory: [{ type: i0.Input }],
-        cancelClick: [{ type: i0.Output }],
-        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-line-side-panel",] }]
-    };
-
     var TransactionLineSidePanelDefaultComponent = /** @class */ (function () {
         function TransactionLineSidePanelDefaultComponent(iconService, _transactionService) {
             this.iconService = iconService;
@@ -15391,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) {
@@ -15676,7 +15849,7 @@
     TransactionHistoryGridComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-history-grid",
-                    template: "\n    <div class=\"history-grid-wrapper\">\n      <div class=\"delete-button-wrapper\">\n        <co-grid-toolbar-button\n          (buttonClick)=\"handleDeleteClick()\"\n          [iconData]=\"iconsService.getIcon(icons.TrashBin)\"\n          [disabled]=\"!selectedRow\"\n        ></co-grid-toolbar-button>\n      </div>\n      <co-simple-grid [data]=\"collection\" [extraColumns]=\"extraColumns\" (selectRow)=\"handleSelectRow($event)\">\n        <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\" [order]=\"20\" [width]=\"100\">\n          <ng-template #template let-row=\"row\">\n            <div class=\"row-container\">\n              <span class=\"row\" [textContent]=\"row.receiptDate | date\"></span>\n              <span class=\"correction\" *ngFor=\"let correction of row.corrections\" [textContent]=\"correction.receiptDate | date\"></span>\n            </div>\n          </ng-template>\n        </co-simple-grid-column>\n\n        <co-simple-grid-column [headerText]=\"'AMOUNT' | localize\" [order]=\"30\" [width]=\"70\">\n          <ng-template #template let-row=\"row\">\n            <div class=\"row-container\">\n              <span class=\"row\" [textContent]=\"row.quantity\"></span>\n              <span class=\"correction\" *ngFor=\"let correction of row.corrections\" [textContent]=\"correction.quantity\"></span>\n            </div>\n          </ng-template>\n        </co-simple-grid-column>\n\n        <co-simple-grid-column [headerText]=\"'REFERENCE' | localize\" [order]=\"50\">\n          <ng-template #template let-row=\"row\">\n            <div class=\"row-container\">\n              <span class=\"row\" [textContent]=\"row.reference\"></span>\n              <span class=\"correction\" *ngFor=\"let correction of row.corrections\" [textContent]=\"correction.reference\"></span>\n            </div>\n          </ng-template>\n        </co-simple-grid-column>\n\n        <co-simple-grid-column [headerText]=\"'USER' | localize\" [order]=\"70\">\n          <ng-template #template let-row=\"row\">\n            <div class=\"row-container\">\n              <span class=\"row\" [textContent]=\"row.username\"></span>\n              <span class=\"correction\" *ngFor=\"let correction of row.corrections\" [textContent]=\"correction.username\"></span>\n            </div>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n  ",
+                    template: "\n    <div class=\"history-grid-wrapper\">\n      <div class=\"delete-button-wrapper\">\n        <co-grid-toolbar-button\n          (buttonClick)=\"handleDeleteClick()\"\n          [iconData]=\"iconsService.getIcon(icons.TrashBin)\"\n          [disabled]=\"!selectedRow\"\n        ></co-grid-toolbar-button>\n      </div>\n      <co-simple-grid [data]=\"collection\" [extraColumns]=\"extraColumns\" (selectRow)=\"handleSelectRow($event)\">\n        <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\" [order]=\"20\" [width]=\"100\">\n          <ng-template #template let-row=\"row\">\n            <div class=\"row-container\">\n              <span class=\"row\" [textContent]=\"row.date | date\"></span>\n              <span class=\"correction\" *ngFor=\"let correction of row.corrections\" [textContent]=\"correction.date | date\"></span>\n            </div>\n          </ng-template>\n        </co-simple-grid-column>\n\n        <co-simple-grid-column [headerText]=\"'AMOUNT' | localize\" [order]=\"30\" [width]=\"70\">\n          <ng-template #template let-row=\"row\">\n            <div class=\"row-container\">\n              <span class=\"row\" [textContent]=\"row.quantity\"></span>\n              <span class=\"correction\" *ngFor=\"let correction of row.corrections\" [textContent]=\"correction.quantity\"></span>\n            </div>\n          </ng-template>\n        </co-simple-grid-column>\n\n        <co-simple-grid-column [headerText]=\"'REFERENCE' | localize\" [order]=\"50\">\n          <ng-template #template let-row=\"row\">\n            <div class=\"row-container\">\n              <span class=\"row\" [textContent]=\"row.reference\"></span>\n              <span class=\"correction\" *ngFor=\"let correction of row.corrections\" [textContent]=\"correction.reference\"></span>\n            </div>\n          </ng-template>\n        </co-simple-grid-column>\n\n        <co-simple-grid-column [headerText]=\"'USER' | localize\" [order]=\"70\">\n          <ng-template #template let-row=\"row\">\n            <div class=\"row-container\">\n              <span class=\"row\" [textContent]=\"row.username\"></span>\n              <span class=\"correction\" *ngFor=\"let correction of row.corrections\" [textContent]=\"correction.username\"></span>\n            </div>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -15779,18 +15952,13 @@
     ];
 
     var TransactionReceivingGoodsHistoryComponent = /** @class */ (function () {
-        function TransactionReceivingGoodsHistoryComponent(_service, _datePipe) {
+        function TransactionReceivingGoodsHistoryComponent(_service) {
             this._service = _service;
-            this._datePipe = _datePipe;
             this.reloadReceivingGoodsHistory = new i0.EventEmitter();
         }
         Object.defineProperty(TransactionReceivingGoodsHistoryComponent.prototype, "goodsReceiptHistory", {
             get: function () {
-                var _this = this;
-                return this._goodsReceiptHistory.map(function (receipt) {
-                    receipt.receiptDate = _this._datePipe.transform(receipt.receiptDate);
-                    return receipt;
-                });
+                return this._goodsReceiptHistory;
             },
             set: function (value) {
                 if (value) {
@@ -15841,8 +16009,7 @@
                 },] }
     ];
     TransactionReceivingGoodsHistoryComponent.ctorParameters = function () { return [
-        { type: TransactionService },
-        { type: common.DatePipe }
+        { type: TransactionService }
     ]; };
     TransactionReceivingGoodsHistoryComponent.propDecorators = {
         goodsReceiptHistory: [{ type: i0.Input }],
@@ -15885,11 +16052,12 @@
         }
         ArticleService.prototype.getWarehouseLocations = function (warehouseNr) {
             return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
                 return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._articleConnectorService.getWarehouseLocations(warehouseNr)];
-                        case 1: return [2 /*return*/, _a.sent()];
-                    }
+                    // @ts-ignore
+                    return [2 /*return*/, this._selectMultipleCacheService.requestCache(stockLocation_bo.StockLocation, function () {
+                            return _this._articleConnectorService.getWarehouseLocations(warehouseNr);
+                        }).getValue()];
                 });
             });
         };
@@ -15907,10 +16075,11 @@
     ]; };
 
     var TransactionReceivingGoodsDetailsComponent = /** @class */ (function () {
-        function TransactionReceivingGoodsDetailsComponent(_formMaster, _service, _articleService) {
+        function TransactionReceivingGoodsDetailsComponent(_formMaster, _service, _articleService, _dialogService) {
             this._formMaster = _formMaster;
             this._service = _service;
             this._articleService = _articleService;
+            this._dialogService = _dialogService;
             this.reloadReceivingGoodsHistory = new i0.EventEmitter();
             this.receiptDetails = new purchaseOrderLineReceiptDetails_bo.PurchaseOrderLineReceiptDetails();
             this.request = new receiveGoodsForPurchaseOrderRequest_bo.ReceiveGoodsForPurchaseOrderRequest();
@@ -16006,19 +16175,38 @@
                 });
             });
         };
+        TransactionReceivingGoodsDetailsComponent.prototype.openWarehouseLocationDialog = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._dialogService.showWarehouseLocation().then(function (result) {
+                                _this.receiptDetails.locationNr = result;
+                            })];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
         return TransactionReceivingGoodsDetailsComponent;
     }());
     TransactionReceivingGoodsDetailsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-receiving-goods-details',
-                    template: "\n    <div class=\"receipt-details-wrapper\">\n      <co-form>\n        <div class=\"details-header\" [textContent]=\"'RECEIPT_DETAILS' | localize | uppercase\"></div>\n        <div class=\"columns-wrapper\">\n          <div class=\"details-column\">\n            <co-input-text class=\"details-input\"\n                           [max]=\"amountLeftToReceive\"\n                           [(model)]=\"receiptDetails.serialNr ? 1 : receiptDetails.quantityToReceive\"\n                           [disabled]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0\"\n                           [readonly]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || readonly\"\n                           [required]=\"true\"\n                           [type]=\"'number'\"\n                           [min]=\"1\"\n                           [placeholder]=\"'AMOUNT' | localize\"></co-input-text>\n            <co-input-text class=\"details-input\" [(model)]=\"receiptDetails.warehouseNr\"\n                           [type]=\"'number'\"\n                           [hideArrowButtons]=\"true\"\n                           [readonly]=\"transactionLine.warehouseNumber !== undefined || readonly\"\n                           [disabled]=\"transactionLine.warehouseNumber !== undefined\"\n                           [required]=\"transactionLine.isWarehouseRequired\"\n                           [placeholder]=\"'WAREHOUSE' | localize\"></co-input-text>\n            <co-drop-down-list class=\"details-input\"\n                               noTriangleGraphic\n                               (focus)=\"handleDropDownSelected(receiptDetails.warehouseNr)\"\n                               [collection]=\"locations\"\n                               [fields]=\"locationDropdownFields\"\n                               [(model)]=\"receiptDetails.locationNr\"\n                               [required]=\"locationRequired()\"\n                               [readonly]=\"receiptDetails.quantityToReceive === 0 || readonly\"\n                               [disabled]=\"receiptDetails.quantityToReceive === 0\"\n                               [placeholder]=\"'LOCATION' | localize\"\n            ></co-drop-down-list>\n            <co-input-text class=\"details-input\"\n                           [(model)]=\"request.packingSlipNr\"\n                           [placeholder]=\"'PACKING_SLIP' | localize\"\n                           [readonly]=\"readonly\"\n            ></co-input-text>\n          </div>\n          <div class=\"divider-wrapper\">\n            <div class=\"divider\"></div>\n          </div>\n          <div class=\"details-column\">\n            <co-input-date class=\"details-input\"\n                           [(model)]=\"request.receivedDate\"\n                           [readonly]=\"readonly\"\n            ></co-input-date>\n            <co-input-text class=\"details-input\" [(model)]=\"receiptDetails.batchNr\"\n                           [type]=\"'number'\"\n                           [hideArrowButtons]=\"true\"\n                           [readonly]=\"readonly\"\n                           [required]=\"transactionLine.isBatchNrRequired\"\n                           [placeholder]=\"'BATCH_NUMBER' | localize\"></co-input-text>\n            <co-input-text class=\"details-input\" [(model)]=\"receiptDetails.serialNr\"\n                           [type]=\"'number'\"\n                           [hideArrowButtons]=\"true\"\n                           [readonly]=\"readonly\"\n                           [required]=\"transactionLine.isSerialNrRequired\"\n                           [placeholder]=\"'SERIAL_NUMBER' | localize\"></co-input-text>\n            <!--          <co-input-text class=\"details-input\" [(model)]=\"receiptDetails.refLineNr\"-->\n            <!--                         [placeholder]=\"'REFERENCE_ID' | localize\"></co-input-text>-->\n          </div>\n        </div>\n      </co-form>\n\n      <div class=\"save-cancel-wrapper\" *ngIf=\"!readonly\">\n        <co-button class=\"button-wrapper\" [label]=\"'SAVE' | localize\" (click)=\"handleSaveDetailsEdit()\"></co-button>\n        <co-button class=\"button-wrapper\" [label]=\"'CANCEL' | localize\" (click)=\"handleCancelDetailsEdit()\"></co-button>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"receipt-details-wrapper\">\n      <co-form>\n        <div class=\"details-header\" [textContent]=\"'RECEIPT_DETAILS' | localize | uppercase\"></div>\n        <div class=\"columns-wrapper\">\n          <div class=\"details-column\">\n            <co-input-text class=\"details-input\"\n                           [max]=\"amountLeftToReceive\"\n                           [(model)]=\"receiptDetails.serialNr ? 1 : receiptDetails.quantityToReceive\"\n                           [disabled]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0\"\n                           [readonly]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || readonly\"\n                           [required]=\"true\"\n                           [type]=\"'number'\"\n                           [min]=\"1\"\n                           [placeholder]=\"'AMOUNT' | localize\"></co-input-text>\n            <co-input-text class=\"details-input\" [(model)]=\"receiptDetails.warehouseNr\"\n                           [type]=\"'number'\"\n                           [hideArrowButtons]=\"true\"\n                           [readonly]=\"transactionLine.warehouseNumber !== undefined || readonly\"\n                           [disabled]=\"transactionLine.warehouseNumber !== undefined\"\n                           [required]=\"transactionLine.isWarehouseRequired\"\n                           [placeholder]=\"'WAREHOUSE' | localize\"></co-input-text>\n            <div class=\"location-wrapper\" (click)=\"openWarehouseLocationDialog()\">\n              <div [textContent]=\"receiptDetails.locationNr ? receiptDetails.locationNr : ('LOCATION' | localize)\"></div>\n            </div>\n            <co-input-text class=\"details-input\"\n                           [(model)]=\"request.packingSlipNr\"\n                           [placeholder]=\"'PACKING_SLIP' | localize\"\n                           [readonly]=\"readonly\"\n            ></co-input-text>\n          </div>\n          <div class=\"divider-wrapper\">\n            <div class=\"divider\"></div>\n          </div>\n          <div class=\"details-column\">\n            <co-input-date class=\"details-input\"\n                           [(model)]=\"request.receivedDate\"\n                           [readonly]=\"readonly\"\n            ></co-input-date>\n            <co-input-text class=\"details-input\" [(model)]=\"receiptDetails.batchNr\"\n                           [type]=\"'number'\"\n                           [hideArrowButtons]=\"true\"\n                           [readonly]=\"readonly || !transactionLine.isBatchNrRequired\"\n                           [required]=\"transactionLine.isBatchNrRequired\"\n                           [placeholder]=\"'BATCH_NUMBER' | localize\"></co-input-text>\n            <co-input-text class=\"details-input\" [(model)]=\"receiptDetails.serialNr\"\n                           [type]=\"'number'\"\n                           [hideArrowButtons]=\"true\"\n                           [readonly]=\"readonly || !transactionLine.isSerialNrRequired\"\n                           [required]=\"transactionLine.isSerialNrRequired\"\n                           [placeholder]=\"'SERIAL_NUMBER' | localize\"></co-input-text>\n            <!--          <co-input-text class=\"details-input\" [(model)]=\"receiptDetails.refLineNr\"-->\n            <!--                         [placeholder]=\"'REFERENCE_ID' | localize\"></co-input-text>-->\n          </div>\n        </div>\n      </co-form>\n\n      <div class=\"save-cancel-wrapper\" *ngIf=\"!readonly\">\n        <co-button class=\"button-wrapper clickable\" [disabled]=\"saveButtonDisabled || amountLeftToReceive === 0\" [label]=\"'SAVE' | localize\" (click)=\"handleSaveDetailsEdit()\"></co-button>\n        <co-button class=\"button-wrapper clickable\" [label]=\"'CANCEL' | localize\" (click)=\"handleCancelDetailsEdit()\"></co-button>\n      </div>\n    </div>\n  ",
+                    providers: [
+                        corecomponents_v12.FormMasterService
+                    ],
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
     TransactionReceivingGoodsDetailsComponent.ctorParameters = function () { return [
         { type: corecomponents_v12.FormMasterService },
         { type: TransactionService },
-        { type: ArticleService }
+        { type: ArticleService },
+        { type: DialogService }
     ]; };
     TransactionReceivingGoodsDetailsComponent.propDecorators = {
         amountLeftToReceive: [{ type: i0.Input }],
@@ -16524,12 +16712,14 @@
 
     var TransactionReceivedGoodsGridComponent = /** @class */ (function (_super) {
         __extends(TransactionReceivedGoodsGridComponent, _super);
-        function TransactionReceivedGoodsGridComponent(_imageService, _transactionService, _transactionEventService, _articleService) {
+        function TransactionReceivedGoodsGridComponent(_imageService, _transactionService, _transactionEventService, _articleService, _dialogService) {
             var _this = _super.call(this, _imageService) || this;
             _this._imageService = _imageService;
             _this._transactionService = _transactionService;
             _this._transactionEventService = _transactionEventService;
             _this._articleService = _articleService;
+            _this._dialogService = _dialogService;
+            _this.columnAlign = corecomponents_v12.ColumnAlign;
             _this.locationDropdownFields = { text: "locationNo", value: "locationNo" };
             _this.rowViewModels = new Map();
             _this._subscriptions = [];
@@ -16557,13 +16747,16 @@
                 var _this = this;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._transactionService.getGoodsReceiptStatus(this.transactionId, row.lineNr)
-                                .then(function (result) {
-                                _this.rowViewModels.set(row, new ReceiveGoodsViewModel(row, result, result.quantityToReceive === 0, result.quantityToReceive));
-                            })];
+                        case 0:
+                            if (!row.isArticle) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this._transactionService.getGoodsReceiptStatus(this.transactionId, row.lineNr)
+                                    .then(function (result) {
+                                    _this.rowViewModels.set(row, new ReceiveGoodsViewModel(row, result, result.quantityToReceive === 0, result.quantityToReceive));
+                                })];
                         case 1:
                             _a.sent();
-                            return [2 /*return*/];
+                            _a.label = 2;
+                        case 2: return [2 /*return*/];
                     }
                 });
             });
@@ -16640,12 +16833,27 @@
             receiveGoodsViewModel.goodsReceiptStatus.quantityToReceive = change.goodsReceiptStatus.quantityToReceive;
             receiveGoodsViewModel.toReceive = change.goodsReceiptStatus.quantityToReceive;
         };
+        TransactionReceivedGoodsGridComponent.prototype.openWarehouseLocationDialog = function (line) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._dialogService.showWarehouseLocation().then(function (result) {
+                                _this.getRowViewModel(line).location = result;
+                            })];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
         return TransactionReceivedGoodsGridComponent;
     }(TransactionGridBaseComponent));
     TransactionReceivedGoodsGridComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-received-goods-grid",
-                    template: "\n    <co-transaction-base-grid [transactionLines]=\"transactionLines\" (sidePanelClicked)=\"openSidePanel($event)\" (rowVisible)=\"handleRowVisible($event)\">\n      <co-simple-grid-column [headerText]=\"'WAREHOUSE' | localize\" [field]=\"'warehouseNumber'\" [order]=\"40\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'LOCATION' | localize\" [order]=\"45\">\n        <ng-template #template let-row = \"row\">\n          <co-drop-down-list\n            noTriangleGraphic\n            (focus)=\"handleDropDownSelected(row.warehouseNumber)\"\n            [required]=\"locationRequired(row) && getRowViewModel(row).goodsReceiptStatus.quantityToReceive > 0\"\n            [collection]=\"locations\"\n            [fields]=\"locationDropdownFields\"\n            [(model)]=\"getRowViewModel(row).location\"\n            [disabled]=\"getRowViewModel(row).goodsReceiptStatus.quantityToReceive === 0\"\n          ></co-drop-down-list>\n        </ng-template>\n      </co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'IN_ORDER' | localize\" [field]=\"'amount'\" [order]=\"50\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'RECEIVED' | localize\" [order]=\"51\">\n        <ng-template #template let-row = \"row\">\n          <co-input-number-picker\n            [min]=\"getRowViewModel(row).goodsReceiptStatus.quantityToReceive > 0 ? 1 : 0\"\n            [max]=\"getRowViewModel(row).goodsReceiptStatus.quantityToReceive\"\n            [(model)]=\"getRowViewModel(row).toReceive\"\n            [disabled]=\"getRowViewModel(row).goodsReceiptStatus.quantityToReceive === 0\"\n            [readonly]=\"getRowViewModel(row).goodsReceiptStatus.quantityToReceive === 0\"\n          ></co-input-number-picker>\n        </ng-template>\n      </co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'BATCH' | localize\" [field]=\"'inOrder'\" [order]=\"52\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'Commit button'\" [field]=\"'commitButton'\" [order]=\"55\">\n        <ng-template #template let-row = \"row\">\n          <co-input-checkbox\n            [(model)]=\"getRowViewModel(row).selected\"\n            [disabled]=\"getRowViewModel(row).goodsReceiptStatus.quantityToReceive === 0\"\n          ></co-input-checkbox>\n        </ng-template>\n      </co-simple-grid-column>\n    </co-transaction-base-grid>\n  ",
+                    template: "\n    <co-transaction-base-grid [transactionLines]=\"transactionLines\" (sidePanelClicked)=\"openSidePanel($event)\" (rowVisible)=\"handleRowVisible($event)\">\n      <co-simple-grid-column [textAlign]=\"columnAlign.Center\" [headerText]=\"'WAREHOUSE' | localize\" [field]=\"'warehouseNumber'\" [order]=\"40\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'LOCATION' | localize\" [order]=\"45\">\n        <ng-template #template let-row = \"row\">\n          <div *ngIf=\"row.isArticle\" class=\"location-wrapper\" (click)=\"openWarehouseLocationDialog(row)\">\n            <div [textContent]=\"getRowViewModel(row).location ? getRowViewModel(row).location : '-'\"></div>\n          </div>\n<!--          <co-drop-down-list-->\n<!--            noTriangleGraphic-->\n<!--            (focus)=\"handleDropDownSelected(row.warehouseNumber)\"-->\n<!--            [required]=\"locationRequired(row) && getRowViewModel(row).goodsReceiptStatus.quantityToReceive > 0\"-->\n<!--            [collection]=\"locations\"-->\n<!--            [fields]=\"locationDropdownFields\"-->\n<!--            [(model)]=\"getRowViewModel(row).location\"-->\n<!--            [disabled]=\"getRowViewModel(row).goodsReceiptStatus.quantityToReceive === 0\"-->\n<!--          ></co-drop-down-list>-->\n        </ng-template>\n      </co-simple-grid-column>\n      <co-simple-grid-column [textAlign]=\"columnAlign.Center\" [headerText]=\"'IN_ORDER' | localize\" [field]=\"'amount'\" [order]=\"50\"></co-simple-grid-column>\n      <co-simple-grid-column [headerText]=\"'RECEIVED' | localize\" [order]=\"51\">\n        <ng-template #template let-row = \"row\">\n          <co-input-number-picker *ngIf=\"row.isArticle\"\n            [min]=\"getRowViewModel(row).goodsReceiptStatus.quantityToReceive > 0 ? 1 : 0\"\n            [max]=\"getRowViewModel(row).goodsReceiptStatus.quantityToReceive\"\n            [(model)]=\"getRowViewModel(row).toReceive\"\n            [disabled]=\"getRowViewModel(row).goodsReceiptStatus.quantityToReceive === 0\"\n            [readonly]=\"getRowViewModel(row).goodsReceiptStatus.quantityToReceive === 0\"\n          ></co-input-number-picker>\n        </ng-template>\n      </co-simple-grid-column>\n      <co-simple-grid-column [textAlign]=\"columnAlign.Center\" [headerText]=\"'BATCH' | localize\" [field]=\"'inOrder'\" [order]=\"52\"></co-simple-grid-column>\n      <co-simple-grid-column [textAlign]=\"columnAlign.Center\" [headerText]=\"'Commit button'\" [field]=\"'commitButton'\" [order]=\"55\">\n        <ng-template #template let-row = \"row\">\n          <co-input-checkbox *ngIf=\"row.isArticle\"\n            [(model)]=\"getRowViewModel(row).selected\"\n            [disabled]=\"getRowViewModel(row).goodsReceiptStatus.quantityToReceive === 0\"\n          ></co-input-checkbox>\n        </ng-template>\n      </co-simple-grid-column>\n    </co-transaction-base-grid>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -16653,7 +16861,8 @@
         { type: TransactionImageService },
         { type: TransactionService },
         { type: TransactionEventService },
-        { type: ArticleService }
+        { type: ArticleService },
+        { type: DialogService }
     ]; };
     TransactionReceivedGoodsGridComponent.propDecorators = {
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-received-goods-grid",] }]
@@ -17123,7 +17332,6 @@
             this._service = _service;
             this._transactionEventService = _transactionEventService;
             this.categories = TransactionTypeCategory;
-            this.transactionLine = new transactionLineInfo_bo.TransactionLineInfo();
             this.quantityToReceiveChange = new i0.EventEmitter();
             this.goodsReceiptStatus = new goodsReceiptStatusWithHistory_bo.GoodsReceiptStatusWithHistory();
             this._transactionInfo = new transactionInfo_bo.TransactionInfo();
@@ -17172,8 +17380,8 @@
         { type: TransactionEventService }
     ]; };
     TransactionLineSidePanelPurchaseComponent.propDecorators = {
-        transactionInfo: [{ type: i0.Input }],
         transactionLine: [{ type: i0.Input }],
+        transactionInfo: [{ type: i0.Input }],
         category: [{ type: i0.Input }],
         quantityToReceiveChange: [{ type: i0.Output }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-line-side-panel-purchase",] }]
@@ -17764,6 +17972,92 @@
                 },] }
     ];
 
+    // @ts-ignore
+    var TransactionLineWarehouseLocationComponent = /** @class */ (function (_super) {
+        __extends(TransactionLineWarehouseLocationComponent, _super);
+        function TransactionLineWarehouseLocationComponent(_articleService) {
+            var _this = _super.call(this) || this;
+            _this._articleService = _articleService;
+            _this.codeField = 'locationNo';
+            _this.propsForLabel = ['locationNo', 'description'];
+            return _this;
+        }
+        TransactionLineWarehouseLocationComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.viewModels.length = 0;
+            this._articleService.getWarehouseLocations(this.warehouseNr).then(function (locations) {
+                _this.collection = locations.slice();
+            });
+        };
+        TransactionLineWarehouseLocationComponent.prototype.commit = function (locationNr) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    // not now
+                    return [2 /*return*/, true];
+                });
+            });
+        };
+        return TransactionLineWarehouseLocationComponent;
+    }(TransactionLineBaseComponent));
+    TransactionLineWarehouseLocationComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-transaction-line-warehouse-location",
+                    template: "\n    <co-transaction-line-checkbox-list\n      [collection]=\"viewModelsFiltered\"\n      [readonly]=\"readonly\"\n      (checked)=\"handleChecked($event)\"\n    ></co-transaction-line-checkbox-list>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    TransactionLineWarehouseLocationComponent.ctorParameters = function () { return [
+        { type: ArticleService }
+    ]; };
+    TransactionLineWarehouseLocationComponent.propDecorators = {
+        warehouseNr: [{ type: i0.Input }]
+    };
+
+    var TransactionLineWarehouseLocationModule = /** @class */ (function () {
+        function TransactionLineWarehouseLocationModule() {
+        }
+        return TransactionLineWarehouseLocationModule;
+    }());
+    TransactionLineWarehouseLocationModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.InputCheckboxModule,
+                        TransactionLineCheckboxModule
+                    ],
+                    declarations: [
+                        TransactionLineWarehouseLocationComponent
+                    ],
+                    exports: [
+                        TransactionLineWarehouseLocationComponent
+                    ]
+                },] }
+    ];
+
+    var DialogTransactionLineWarehouseLocationModule = /** @class */ (function () {
+        function DialogTransactionLineWarehouseLocationModule() {
+        }
+        return DialogTransactionLineWarehouseLocationModule;
+    }());
+    DialogTransactionLineWarehouseLocationModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.CoDialogModule,
+                        DialogHeaderSearchModule,
+                        corecomponents_v12.ButtonModule,
+                        PipeModule,
+                        TransactionLineWarehouseLocationModule
+                    ],
+                    declarations: [
+                        DialogTransactionLineWarehouseLocationComponent
+                    ],
+                    exports: [
+                        DialogTransactionLineWarehouseLocationComponent
+                    ]
+                },] }
+    ];
+
     var TransactionReceivedGoodsGridModule = /** @class */ (function () {
         function TransactionReceivedGoodsGridModule() {
         }
@@ -17779,7 +18073,8 @@
                         PipeModule,
                         corecomponents_v12.InputCheckboxModule,
                         corecomponents_v12.DropDownModule,
-                        corecomponents_v12.InputNumberPickerModule
+                        corecomponents_v12.InputNumberPickerModule,
+                        DialogTransactionLineWarehouseLocationModule
                     ],
                     declarations: [
                         TransactionReceivedGoodsGridComponent
@@ -19842,267 +20137,273 @@
     exports.TransactionTotalsModule = TransactionTotalsModule;
     exports["ɵa"] = PendingReasonService;
     exports["ɵb"] = DialogService;
-    exports["ɵba"] = CharacteristicAnswerModule;
-    exports["ɵbb"] = CharacteristicAnswerComponent;
-    exports["ɵbc"] = WarehouseModule;
-    exports["ɵbd"] = WarehouseComponent;
-    exports["ɵbe"] = ImageDisplayComponent;
-    exports["ɵbf"] = IconComponent;
-    exports["ɵbg"] = CustomerGroupsComponent;
-    exports["ɵbh"] = StockStatusIndicatorComponent;
-    exports["ɵbi"] = LoaderComponent;
-    exports["ɵbj"] = LazyRenderMasterDirective;
-    exports["ɵbk"] = LazyRenderDirective;
-    exports["ɵbl"] = RelationAddressModule;
-    exports["ɵbm"] = RelationAddressComponent;
-    exports["ɵbn"] = RelationBaseComponent;
-    exports["ɵbo"] = RelationAddressSelectModule;
-    exports["ɵbp"] = RelationAddressTileModule;
-    exports["ɵbq"] = TileModule;
-    exports["ɵbr"] = TileComponent;
-    exports["ɵbs"] = RelationAddressTileComponent;
-    exports["ɵbt"] = RelationAddressSelectComponent;
-    exports["ɵbu"] = BusinessObjectFactory;
-    exports["ɵbv"] = StepperModule;
-    exports["ɵbw"] = StepperComponent;
-    exports["ɵbx"] = StepperStepComponent;
-    exports["ɵby"] = TransactionArticleTextModule;
-    exports["ɵbz"] = TransactionArticleTextComponent;
-    exports["ɵc"] = OptionsService;
-    exports["ɵca"] = TransactionArticleTextOverviewModule;
-    exports["ɵcb"] = TransactionArticleTextOverviewComponent;
-    exports["ɵcc"] = TransactionLineActionButtonsModule;
-    exports["ɵcd"] = TransactionLineActionButtonsComponent;
-    exports["ɵce"] = EditableLabelModule;
-    exports["ɵcf"] = EditableLabelComponent;
-    exports["ɵcg"] = TransactionLinePriceModule;
-    exports["ɵch"] = TransactionLinePriceComponent;
-    exports["ɵci"] = TransactionLineBaseComponent;
-    exports["ɵcj"] = TransactionFilterPopupBaseComponent;
-    exports["ɵck"] = TransactionLineDescriptionModule;
-    exports["ɵcl"] = TransactionLineDescriptionComponent;
-    exports["ɵcm"] = DialogTransactionLineDeliveryMethodModule;
-    exports["ɵcn"] = TransactionLineDeliveryMethodModule;
-    exports["ɵco"] = TransactionLineCheckboxModule;
-    exports["ɵcp"] = TransactionLineCheckboxListComponent;
-    exports["ɵcq"] = TransactionLineDeliveryMethodComponent;
-    exports["ɵcr"] = DialogHeaderSearchModule;
-    exports["ɵcs"] = DialogHeaderSearchComponent;
-    exports["ɵct"] = DialogTransactionLineDeliveryMethodComponent;
-    exports["ɵcu"] = DialogTransactionLineBaseComponent;
-    exports["ɵcv"] = DialogTransactionLineCommissionCodeModule;
-    exports["ɵcw"] = TransactionLineCommissionCodeModule;
-    exports["ɵcx"] = TransactionLineCommissionCodeComponent;
-    exports["ɵcy"] = DialogTransactionLineCommissionCodeComponent;
-    exports["ɵcz"] = DialogTransactionLineVatModule;
-    exports["ɵd"] = DictionaryService;
-    exports["ɵda"] = TransactionLineVatModule;
-    exports["ɵdb"] = TransactionLineVatComponent;
-    exports["ɵdc"] = DialogTransactionLineVatComponent;
-    exports["ɵdd"] = DialogTransactionLineWarehouseModule;
-    exports["ɵde"] = TransactionLineWarehouseModule;
-    exports["ɵdf"] = TransactionLineWarehouseComponent;
-    exports["ɵdg"] = DialogTransactionLineWarehouseComponent;
-    exports["ɵdh"] = DialogTransactionLineDiscountModule;
-    exports["ɵdi"] = TransactionLinePriceListModule;
-    exports["ɵdj"] = TransactionLinePriceListComponent;
-    exports["ɵdk"] = TransactionLineLineDiscountModule;
-    exports["ɵdl"] = TransactionLineLineDiscountComponent;
-    exports["ɵdm"] = TransactionLineDiscountAmountModule;
-    exports["ɵdn"] = TransactionLineDiscountAmountComponent;
-    exports["ɵdo"] = TransactionLineQuantumDiscountModule;
-    exports["ɵdp"] = TransactionLineQuantumDiscountComponent;
-    exports["ɵdq"] = TransactionLineSpecialDiscountModule;
-    exports["ɵdr"] = TransactionLineSpecialDiscountComponent;
-    exports["ɵds"] = DialogTransactionLinePriceListModule;
-    exports["ɵdt"] = DialogTransactionLinePriceListComponent;
-    exports["ɵdu"] = DialogTransactionLineDiscountComponent;
-    exports["ɵdv"] = TransactionImageService;
-    exports["ɵdw"] = AvatarModule;
-    exports["ɵdx"] = AvatarComponent;
-    exports["ɵdy"] = SharedService;
-    exports["ɵdz"] = SharedConnectorService;
-    exports["ɵe"] = TransactionConnectorService;
-    exports["ɵea"] = DeliveryTypeTileModule;
-    exports["ɵeb"] = DeliveryTypeTileComponent;
-    exports["ɵec"] = PaymentModule;
-    exports["ɵed"] = PaymentTileModule;
-    exports["ɵee"] = PaymentTileComponent;
-    exports["ɵef"] = PaymentQrCodeModule;
-    exports["ɵeg"] = PaymentQrCodeComponent;
-    exports["ɵeh"] = PaymentComponent;
-    exports["ɵei"] = PaymentService;
-    exports["ɵej"] = RelationTypeModule;
-    exports["ɵek"] = RelationTypeComponent;
-    exports["ɵel"] = RelationGeneralModule;
-    exports["ɵem"] = RelationSuggestionsListModule;
-    exports["ɵen"] = RelationSuggestionsListItemModule;
-    exports["ɵeo"] = RelationSuggestionsListItemComponent;
-    exports["ɵep"] = RelationSuggestionsListComponent;
-    exports["ɵeq"] = RelationGeneralComponent;
-    exports["ɵer"] = RelationAddressesModule;
-    exports["ɵes"] = RelationAddressesComponent;
-    exports["ɵet"] = RelationContactDetailsModule;
-    exports["ɵeu"] = RelationContactDetailsComponent;
-    exports["ɵev"] = RelationPreferencesModule;
-    exports["ɵew"] = RelationPreferencesComponent;
-    exports["ɵex"] = TransactionHeaderBlockModule;
-    exports["ɵey"] = TransactionHeaderBlockComponent;
-    exports["ɵez"] = TransactionHeaderDeliveryDateModule;
-    exports["ɵf"] = TransactionConnectorAdapterService;
-    exports["ɵfa"] = TransactionHeaderDeliveryDateComponent;
-    exports["ɵfb"] = TransactionHeaderBaseComponent;
-    exports["ɵfc"] = TransactionHeaderDeliveryOptionsModule;
-    exports["ɵfd"] = TransactionHeaderDeliveryOptionsComponent;
-    exports["ɵfe"] = TransactionHeaderRemarksModule;
-    exports["ɵff"] = TransactionHeaderRemarksComponent;
-    exports["ɵfg"] = TransactionHeaderReferenceModule;
-    exports["ɵfh"] = TransactionHeaderReferenceComponent;
-    exports["ɵfi"] = TransactionHeaderRelationReferenceModule;
-    exports["ɵfj"] = TransactionHeaderRelationReferenceComponent;
-    exports["ɵfk"] = TransactionHeaderDeliveryMethodModule;
-    exports["ɵfl"] = TransactionHeaderDeliveryMethodComponent;
-    exports["ɵfm"] = TransactionHeaderPreferredDeliveryDateModule;
-    exports["ɵfn"] = TransactionHeaderPreferredDeliveryDateComponent;
-    exports["ɵfo"] = DialogTransactionHeaderDeliveryMethodModule;
-    exports["ɵfp"] = DialogTransactionHeaderDeliveryMethodComponent;
-    exports["ɵfq"] = DialogTransactionHeaderBaseComponent;
-    exports["ɵfr"] = TransactionBaseComponent;
-    exports["ɵfs"] = TransactionHeaderPartialDeliveryModule;
-    exports["ɵft"] = TransactionHeaderPartialDeliveryComponent;
-    exports["ɵfu"] = TransactionHeaderDownpaymentPercentageModule;
-    exports["ɵfv"] = TransactionHeaderDownpaymentPercentageComponent;
-    exports["ɵfw"] = TransactionHeaderDownpaymentAmountModule;
-    exports["ɵfx"] = TransactionHeaderDownpaymentAmountComponent;
-    exports["ɵfy"] = TransactionHeaderDefinitiveModule;
-    exports["ɵfz"] = TransactionHeaderDefinitiveComponent;
-    exports["ɵg"] = SelectMultipleCacheService;
-    exports["ɵga"] = TransactionHeaderBranchModule;
-    exports["ɵgb"] = TransactionHeaderBranchComponent;
-    exports["ɵgc"] = TransactionHeaderAdministrativeRelationModule;
-    exports["ɵgd"] = TransactionHeaderAdministrativeRelationComponent;
-    exports["ɵge"] = TransactionHeaderMarketingModule;
-    exports["ɵgf"] = TransactionHeaderMarketingComponent;
-    exports["ɵgg"] = CheckoutOverviewRelationEditComponent;
-    exports["ɵgh"] = CheckoutOverviewDeliveryEditComponent;
-    exports["ɵgi"] = CheckoutOverviewDeliveryAddressComponent;
-    exports["ɵgj"] = CheckoutOverviewPaymentComponent;
-    exports["ɵgk"] = CheckoutLoginComponent;
-    exports["ɵgl"] = TransactionFilterCategoriesModule;
-    exports["ɵgm"] = TransactionFilterCategoriesComponent;
-    exports["ɵgn"] = TransactionHeaderPaymentModule;
-    exports["ɵgo"] = TransactionHeaderPaymentComponent;
-    exports["ɵgp"] = TransactionLinesGridModule;
-    exports["ɵgq"] = TransactionBaseGridModule;
-    exports["ɵgr"] = TransactionLineSidePanelModule;
-    exports["ɵgs"] = TransactionLineSidePanelDefaultModule;
-    exports["ɵgt"] = TransactionLineQuantityModule;
-    exports["ɵgu"] = TransactionLineQuantityComponent;
-    exports["ɵgv"] = TransactionLineDeliveryDateModule;
-    exports["ɵgw"] = TransactionLineDeliveryDateComponent;
-    exports["ɵgx"] = TransactionLineReferenceModule;
-    exports["ɵgy"] = TransactionLineReferenceComponent;
-    exports["ɵgz"] = TransactionLineSupplierModule;
-    exports["ɵh"] = BusinessObjectCacheManagerService;
-    exports["ɵha"] = TransactionLineSupplierComponent;
-    exports["ɵhb"] = TransactionLineSidePanelDefaultComponent;
-    exports["ɵhc"] = TransactionReceivingGoodsHistoryModule;
-    exports["ɵhd"] = TransactionHistoryGridModule;
-    exports["ɵhe"] = TransactionHistoryGridStatusModule;
-    exports["ɵhf"] = TransactionHistoryGridStatusComponent;
-    exports["ɵhg"] = TransactionHistoryGridComponent;
-    exports["ɵhh"] = TransactionReceivingGoodsHistoryComponent;
-    exports["ɵhi"] = TransactionReceivingGoodsDetailsModule;
-    exports["ɵhj"] = TransactionReceivingGoodsDetailsComponent;
-    exports["ɵhk"] = ArticleService;
-    exports["ɵhl"] = TransactionButtonBarModule;
-    exports["ɵhm"] = TransactionButtonBarComponent;
-    exports["ɵhn"] = TransactionMappingService;
-    exports["ɵho"] = TransactionButtonBarButtonComponent;
-    exports["ɵhp"] = TransactionLineSidePanelPurchaseModule;
-    exports["ɵhq"] = DefaultOkCancelButtonsModule;
-    exports["ɵhr"] = DefaultOkCancelButtonsComponent;
-    exports["ɵhs"] = TransactionLineSidePanelPurchaseComponent;
-    exports["ɵht"] = TransactionEventService;
-    exports["ɵhu"] = TransactionLineSidePanelComponent;
-    exports["ɵhv"] = TransactionBaseGridComponent;
-    exports["ɵhw"] = TransactionGridBaseComponent;
-    exports["ɵhx"] = TransactionLinesGridComponent;
-    exports["ɵhy"] = DiscountModule;
-    exports["ɵhz"] = DiscountComponent;
-    exports["ɵi"] = CacheField;
-    exports["ɵia"] = TransactionQuickAccessOverviewModule;
-    exports["ɵib"] = TransactionQuickAccessOverviewComponent;
-    exports["ɵic"] = TransactionOrderConfirmationGridModule;
-    exports["ɵid"] = TransactionOrderConfirmationGridComponent;
-    exports["ɵie"] = TransactionReceivedGoodsGridModule;
-    exports["ɵif"] = TransactionReceivedGoodsGridComponent;
-    exports["ɵig"] = ViewModeButtonsModule;
-    exports["ɵih"] = ViewModeButtonsComponent;
-    exports["ɵii"] = TransactionGridModule;
-    exports["ɵij"] = TransactionGridComponent;
-    exports["ɵik"] = TransactionTileModule;
-    exports["ɵil"] = TransactionTileComponent;
-    exports["ɵim"] = TransactionSearchResultModule;
-    exports["ɵin"] = TransactionSearchSalesOrderTileModule;
-    exports["ɵio"] = StatusBarModule;
-    exports["ɵip"] = StatusBarComponent;
-    exports["ɵiq"] = TransactionSearchSalesOrderTileComponent;
-    exports["ɵir"] = TransactionSearchTileBaseComponent;
-    exports["ɵis"] = TransactionSearchPurchaseOrderTileModule;
-    exports["ɵit"] = TransactionSearchPurchaseOrderTileComponent;
-    exports["ɵiu"] = TransactionSearchSalesOrderGridModule;
-    exports["ɵiv"] = TransactionSearchSalesOrderGridComponent;
-    exports["ɵiw"] = TransactionSearchGridBaseComponent;
-    exports["ɵix"] = TransactionSearchPurchaseOrderGridModule;
-    exports["ɵiy"] = TransactionSearchPurchaseOrderGridComponent;
-    exports["ɵiz"] = TransactionSearchHeaderModule;
-    exports["ɵj"] = SelectMultipleParameterizedCacheService;
-    exports["ɵja"] = TransactionSearchHeaderComponent;
-    exports["ɵjb"] = TransactionSearchGridModule;
-    exports["ɵjc"] = TransactionSearchGridComponent;
-    exports["ɵjd"] = TransactionSearchTileModule;
-    exports["ɵje"] = TransactionSearchTileComponent;
-    exports["ɵjf"] = TransactionSearchResultComponent;
-    exports["ɵjg"] = TransactionSalesOrderFilterModule;
-    exports["ɵjh"] = TransactionSalesOrderFilterContentOrderModule;
-    exports["ɵji"] = TransactionSalesOrderFilterContentOrderComponent;
-    exports["ɵjj"] = TransactionFilterContentBaseComponent;
-    exports["ɵjk"] = FilterRequestService;
-    exports["ɵjl"] = TransactionSalesOrderFilterContentLogisticsModule;
-    exports["ɵjm"] = TransactionFilterHistoricStateModule;
-    exports["ɵjn"] = TransactionFilterHistoricStateComponent;
-    exports["ɵjo"] = TransactionSalesOrderFilterContentLogisticsComponent;
-    exports["ɵjp"] = TransactionSalesOrderFilterContentArticleModule;
-    exports["ɵjq"] = TransactionSalesOrderFilterContentArticleComponent;
-    exports["ɵjr"] = TransactionSalesOrderFilterComponent;
-    exports["ɵjs"] = TransactionFilterBaseComponent;
-    exports["ɵjt"] = TransactionPurchaseOrderFilterModule;
-    exports["ɵju"] = TransactionPurchaseOrderFilterContentOrderModule;
-    exports["ɵjv"] = TransactionPurchaseOrderFilterContentOrderComponent;
-    exports["ɵjw"] = TransactionPurchaseOrderFilterContentLogisticsModule;
-    exports["ɵjx"] = TransactionPurchaseOrderFilterContentLogisticsComponent;
-    exports["ɵjy"] = TransactionPurchaseOrderFilterContentArticleModule;
-    exports["ɵjz"] = TransactionPurchaseOrderFilterContentArticleComponent;
-    exports["ɵk"] = ErrorService;
-    exports["ɵka"] = TransactionPurchaseOrderFilterComponent;
-    exports["ɵkb"] = TransactionFilterModule;
-    exports["ɵkc"] = TransactionFilterComponent;
-    exports["ɵl"] = SelectSingleCacheService;
-    exports["ɵm"] = ArticleConnectorService;
-    exports["ɵn"] = CoreModule;
-    exports["ɵo"] = ConfirmationDialogModule;
-    exports["ɵp"] = PipeModule;
-    exports["ɵq"] = AppendPipe;
-    exports["ɵr"] = DeliveryTimePipe;
-    exports["ɵs"] = DateDurationPipe;
-    exports["ɵt"] = LocalizePipe;
-    exports["ɵu"] = CoCurrencyPipe;
-    exports["ɵv"] = SafeStylePipe;
-    exports["ɵw"] = SafeHtmlPipe;
-    exports["ɵx"] = ConfirmationDialogComponent;
-    exports["ɵy"] = DialogBaseComponent;
-    exports["ɵz"] = IconCacheService;
+    exports["ɵba"] = IconCacheService;
+    exports["ɵbb"] = CharacteristicAnswerModule;
+    exports["ɵbc"] = CharacteristicAnswerComponent;
+    exports["ɵbd"] = WarehouseModule;
+    exports["ɵbe"] = WarehouseComponent;
+    exports["ɵbf"] = ImageDisplayComponent;
+    exports["ɵbg"] = IconComponent;
+    exports["ɵbh"] = CustomerGroupsComponent;
+    exports["ɵbi"] = StockStatusIndicatorComponent;
+    exports["ɵbj"] = LoaderComponent;
+    exports["ɵbk"] = LazyRenderMasterDirective;
+    exports["ɵbl"] = LazyRenderDirective;
+    exports["ɵbm"] = RelationAddressModule;
+    exports["ɵbn"] = RelationAddressComponent;
+    exports["ɵbo"] = RelationBaseComponent;
+    exports["ɵbp"] = RelationAddressSelectModule;
+    exports["ɵbq"] = RelationAddressTileModule;
+    exports["ɵbr"] = TileModule;
+    exports["ɵbs"] = TileComponent;
+    exports["ɵbt"] = RelationAddressTileComponent;
+    exports["ɵbu"] = RelationAddressSelectComponent;
+    exports["ɵbv"] = BusinessObjectFactory;
+    exports["ɵbw"] = StepperModule;
+    exports["ɵbx"] = StepperComponent;
+    exports["ɵby"] = StepperStepComponent;
+    exports["ɵbz"] = TransactionArticleTextModule;
+    exports["ɵc"] = DynamicComponentService;
+    exports["ɵca"] = TransactionArticleTextComponent;
+    exports["ɵcb"] = TransactionArticleTextOverviewModule;
+    exports["ɵcc"] = TransactionArticleTextOverviewComponent;
+    exports["ɵcd"] = TransactionLineActionButtonsModule;
+    exports["ɵce"] = TransactionLineActionButtonsComponent;
+    exports["ɵcf"] = EditableLabelModule;
+    exports["ɵcg"] = EditableLabelComponent;
+    exports["ɵch"] = TransactionLinePriceModule;
+    exports["ɵci"] = TransactionLinePriceComponent;
+    exports["ɵcj"] = TransactionLineBaseComponent;
+    exports["ɵck"] = TransactionFilterPopupBaseComponent;
+    exports["ɵcl"] = TransactionLineDescriptionModule;
+    exports["ɵcm"] = TransactionLineDescriptionComponent;
+    exports["ɵcn"] = DialogTransactionLineDeliveryMethodModule;
+    exports["ɵco"] = TransactionLineDeliveryMethodModule;
+    exports["ɵcp"] = TransactionLineCheckboxModule;
+    exports["ɵcq"] = TransactionLineCheckboxListComponent;
+    exports["ɵcr"] = TransactionLineDeliveryMethodComponent;
+    exports["ɵcs"] = DialogHeaderSearchModule;
+    exports["ɵct"] = DialogHeaderSearchComponent;
+    exports["ɵcu"] = DialogTransactionLineDeliveryMethodComponent;
+    exports["ɵcv"] = DialogTransactionLineBaseComponent;
+    exports["ɵcw"] = DialogTransactionLineCommissionCodeModule;
+    exports["ɵcx"] = TransactionLineCommissionCodeModule;
+    exports["ɵcy"] = TransactionLineCommissionCodeComponent;
+    exports["ɵcz"] = DialogTransactionLineCommissionCodeComponent;
+    exports["ɵd"] = OptionsService;
+    exports["ɵda"] = DialogTransactionLineVatModule;
+    exports["ɵdb"] = TransactionLineVatModule;
+    exports["ɵdc"] = TransactionLineVatComponent;
+    exports["ɵdd"] = DialogTransactionLineVatComponent;
+    exports["ɵde"] = DialogTransactionLineWarehouseModule;
+    exports["ɵdf"] = TransactionLineWarehouseModule;
+    exports["ɵdg"] = TransactionLineWarehouseComponent;
+    exports["ɵdh"] = DialogTransactionLineWarehouseComponent;
+    exports["ɵdi"] = DialogTransactionLineDiscountModule;
+    exports["ɵdj"] = TransactionLinePriceListModule;
+    exports["ɵdk"] = TransactionLinePriceListComponent;
+    exports["ɵdl"] = TransactionLineLineDiscountModule;
+    exports["ɵdm"] = TransactionLineLineDiscountComponent;
+    exports["ɵdn"] = TransactionLineDiscountAmountModule;
+    exports["ɵdo"] = TransactionLineDiscountAmountComponent;
+    exports["ɵdp"] = TransactionLineQuantumDiscountModule;
+    exports["ɵdq"] = TransactionLineQuantumDiscountComponent;
+    exports["ɵdr"] = TransactionLineSpecialDiscountModule;
+    exports["ɵds"] = TransactionLineSpecialDiscountComponent;
+    exports["ɵdt"] = DialogTransactionLinePriceListModule;
+    exports["ɵdu"] = DialogTransactionLinePriceListComponent;
+    exports["ɵdv"] = DialogTransactionLineDiscountComponent;
+    exports["ɵdw"] = TransactionLineDeliveryDateModule;
+    exports["ɵdx"] = TransactionLineDeliveryDateComponent;
+    exports["ɵdy"] = TransactionImageService;
+    exports["ɵdz"] = AvatarModule;
+    exports["ɵe"] = DictionaryService;
+    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"] = 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"] = 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;
+    exports["ɵha"] = TransactionLineSupplierModule;
+    exports["ɵhb"] = TransactionLineSupplierComponent;
+    exports["ɵhc"] = TransactionLineSidePanelDefaultComponent;
+    exports["ɵhd"] = TransactionReceivingGoodsHistoryModule;
+    exports["ɵhe"] = TransactionHistoryGridModule;
+    exports["ɵhf"] = TransactionHistoryGridStatusModule;
+    exports["ɵhg"] = TransactionHistoryGridStatusComponent;
+    exports["ɵhh"] = TransactionHistoryGridComponent;
+    exports["ɵhi"] = TransactionReceivingGoodsHistoryComponent;
+    exports["ɵhj"] = TransactionReceivingGoodsDetailsModule;
+    exports["ɵhk"] = TransactionReceivingGoodsDetailsComponent;
+    exports["ɵhl"] = ArticleService;
+    exports["ɵhm"] = TransactionButtonBarModule;
+    exports["ɵhn"] = TransactionButtonBarComponent;
+    exports["ɵho"] = TransactionMappingService;
+    exports["ɵhp"] = TransactionButtonBarButtonComponent;
+    exports["ɵhq"] = TransactionLineSidePanelPurchaseModule;
+    exports["ɵhr"] = DefaultOkCancelButtonsModule;
+    exports["ɵhs"] = DefaultOkCancelButtonsComponent;
+    exports["ɵht"] = TransactionLineSidePanelPurchaseComponent;
+    exports["ɵhu"] = TransactionEventService;
+    exports["ɵhv"] = TransactionLineSidePanelComponent;
+    exports["ɵhw"] = DynamicBaseComponent;
+    exports["ɵhx"] = TransactionBaseGridComponent;
+    exports["ɵhy"] = TransactionGridBaseComponent;
+    exports["ɵhz"] = TransactionLinesGridComponent;
+    exports["ɵi"] = BusinessObjectCacheManagerService;
+    exports["ɵia"] = DiscountModule;
+    exports["ɵib"] = DiscountComponent;
+    exports["ɵic"] = TransactionQuickAccessOverviewModule;
+    exports["ɵid"] = TransactionQuickAccessOverviewComponent;
+    exports["ɵie"] = TransactionOrderConfirmationGridModule;
+    exports["ɵif"] = TransactionOrderConfirmationGridComponent;
+    exports["ɵig"] = TransactionReceivedGoodsGridModule;
+    exports["ɵih"] = DialogTransactionLineWarehouseLocationModule;
+    exports["ɵii"] = TransactionLineWarehouseLocationModule;
+    exports["ɵij"] = TransactionLineWarehouseLocationComponent;
+    exports["ɵik"] = DialogTransactionLineWarehouseLocationComponent;
+    exports["ɵil"] = TransactionReceivedGoodsGridComponent;
+    exports["ɵim"] = ViewModeButtonsModule;
+    exports["ɵin"] = ViewModeButtonsComponent;
+    exports["ɵio"] = TransactionGridModule;
+    exports["ɵip"] = TransactionGridComponent;
+    exports["ɵiq"] = TransactionTileModule;
+    exports["ɵir"] = TransactionTileComponent;
+    exports["ɵis"] = TransactionSearchResultModule;
+    exports["ɵit"] = TransactionSearchSalesOrderTileModule;
+    exports["ɵiu"] = StatusBarModule;
+    exports["ɵiv"] = StatusBarComponent;
+    exports["ɵiw"] = TransactionSearchSalesOrderTileComponent;
+    exports["ɵix"] = TransactionSearchTileBaseComponent;
+    exports["ɵiy"] = TransactionSearchPurchaseOrderTileModule;
+    exports["ɵiz"] = TransactionSearchPurchaseOrderTileComponent;
+    exports["ɵj"] = CacheField;
+    exports["ɵja"] = TransactionSearchSalesOrderGridModule;
+    exports["ɵjb"] = TransactionSearchSalesOrderGridComponent;
+    exports["ɵjc"] = TransactionSearchGridBaseComponent;
+    exports["ɵjd"] = TransactionSearchPurchaseOrderGridModule;
+    exports["ɵje"] = TransactionSearchPurchaseOrderGridComponent;
+    exports["ɵjf"] = TransactionSearchHeaderModule;
+    exports["ɵjg"] = TransactionSearchHeaderComponent;
+    exports["ɵjh"] = TransactionSearchGridModule;
+    exports["ɵji"] = TransactionSearchGridComponent;
+    exports["ɵjj"] = TransactionSearchTileModule;
+    exports["ɵjk"] = TransactionSearchTileComponent;
+    exports["ɵjl"] = TransactionSearchResultComponent;
+    exports["ɵjm"] = TransactionSalesOrderFilterModule;
+    exports["ɵjn"] = TransactionSalesOrderFilterContentOrderModule;
+    exports["ɵjo"] = TransactionSalesOrderFilterContentOrderComponent;
+    exports["ɵjp"] = TransactionFilterContentBaseComponent;
+    exports["ɵjq"] = FilterRequestService;
+    exports["ɵjr"] = TransactionSalesOrderFilterContentLogisticsModule;
+    exports["ɵjs"] = TransactionFilterHistoricStateModule;
+    exports["ɵjt"] = TransactionFilterHistoricStateComponent;
+    exports["ɵju"] = TransactionSalesOrderFilterContentLogisticsComponent;
+    exports["ɵjv"] = TransactionSalesOrderFilterContentArticleModule;
+    exports["ɵjw"] = TransactionSalesOrderFilterContentArticleComponent;
+    exports["ɵjx"] = TransactionSalesOrderFilterComponent;
+    exports["ɵjy"] = TransactionFilterBaseComponent;
+    exports["ɵjz"] = TransactionPurchaseOrderFilterModule;
+    exports["ɵk"] = SelectMultipleParameterizedCacheService;
+    exports["ɵka"] = TransactionPurchaseOrderFilterContentOrderModule;
+    exports["ɵkb"] = TransactionPurchaseOrderFilterContentOrderComponent;
+    exports["ɵkc"] = TransactionPurchaseOrderFilterContentLogisticsModule;
+    exports["ɵkd"] = TransactionPurchaseOrderFilterContentLogisticsComponent;
+    exports["ɵke"] = TransactionPurchaseOrderFilterContentArticleModule;
+    exports["ɵkf"] = TransactionPurchaseOrderFilterContentArticleComponent;
+    exports["ɵkg"] = TransactionPurchaseOrderFilterComponent;
+    exports["ɵkh"] = TransactionFilterModule;
+    exports["ɵki"] = TransactionFilterComponent;
+    exports["ɵl"] = ErrorService;
+    exports["ɵm"] = SelectSingleCacheService;
+    exports["ɵn"] = ArticleConnectorService;
+    exports["ɵo"] = CoreModule;
+    exports["ɵp"] = ConfirmationDialogModule;
+    exports["ɵq"] = PipeModule;
+    exports["ɵr"] = AppendPipe;
+    exports["ɵs"] = DeliveryTimePipe;
+    exports["ɵt"] = DateDurationPipe;
+    exports["ɵu"] = LocalizePipe;
+    exports["ɵv"] = CoCurrencyPipe;
+    exports["ɵw"] = SafeStylePipe;
+    exports["ɵx"] = SafeHtmlPipe;
+    exports["ɵy"] = ConfirmationDialogComponent;
+    exports["ɵz"] = DialogBaseComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });