@colijnit/transaction 12.1.110 → 12.1.111

package/bundles/colijnit-transaction.umd.js

@@ -32,8 +32,8 @@
         function Version() {
             this.name = "@colijnit/transaction";
             this.description = "Colijn IT transaction package";
-            this.symVer = "12.1.110";
-            this.publishDate = "23-4-2023 09:34:18";
+            this.symVer = "12.1.111";
+            this.publishDate = "25-4-2023 18:50:20";
         }
         return Version;
     }());
@@ -2515,6 +2515,24 @@
                 });
             });
         };
+        TransactionConnectorAdapterService.prototype.updateTextLine = function (uuid, lineUuid, showOnDocuments, text) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.connector.updateTextLine(uuid, lineUuid, showOnDocuments, text).then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    resolve(_this._boFactory.makeWithRawBackendData(transactionInfoResponse_bo.TransactionInfoResponse, result.resultObject));
+                                }
+                                else {
+                                    _this._handleExceptionFromResponse(result);
+                                    reject(null);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
         TransactionConnectorAdapterService.prototype.addRelationToTransaction = function (uuid, relationId) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
@@ -5019,6 +5037,13 @@
                 });
             });
         };
+        TransactionConnectorService.prototype.updateTextLine = function (uuid, lineUuid, showOnDocuments, text) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, this._adapterService.updateTextLine(uuid, lineUuid, showOnDocuments, text)];
+                });
+            });
+        };
         TransactionConnectorService.prototype.changeLineSequence = function (uuid, lineUuid, aboveLineNr, belowLineNr) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
@@ -5995,6 +6020,28 @@
             this.visible = false;
             this.headerReadonly = false;
             this.committing = false;
+            this.lineHasLogisticalState = false;
+            this.lineIsOrdered = false;
+            this.lineIsDelivered = false;
+            this.lineIsInvoiced = false;
+            this.lineIsReceived = false;
+            this.lineQuantityToInvoice = 0;
+            this.lineQuantityInvoiced = 0;
+            this.lineQuantityToReceive = 0;
+            this.lineQuantityReceived = 0;
+            this.lineQuantityToDeliver = 0;
+            this.lineQuantityDelivered = 0;
+            this.lineQuantityToAllocate = 0;
+            this.lineQuantityAllocated = 0;
+            this.lineQuantityOrdered = 0;
+            this.lineQuantityPlanningRequested = 0;
+            this.lineQuantityPlanningPreferredDateEntered = 0;
+            this.lineQuantityToBePicked = 0;
+            this.lineQuantityPicked = 0;
+            this.lineQuantityPlanningFinal = 0;
+            this.lineQuantityPurchaseConfirmed = 0;
+            this.lineQuantityTransportNotification = 0;
+            this.lineQuantityInvoiceControl = 0;
             this.headerTooltipMessages = [];
             this.lineTooltipMessages = [];
             this._relation = nulRelationObject.NULL_CUSTOMER_FULL_OBJECT;
@@ -6042,6 +6089,33 @@
                     this._transactionLine.selected = this._selected;
                     this.isText = this._transactionLine.isText;
                     this.isArticle = this._transactionLine.isArticle;
+                    this.lineHasLogisticalState = this._transactionLine.articleLineStatus &&
+                        (this._transactionLine.articleLineStatus.quantityDelivered !== 0 ||
+                            this._transactionLine.articleLineStatus.quantityInvoiced !== 0 ||
+                            this._transactionLine.articleLineStatus.quantityPicked !== 0 ||
+                            this._transactionLine.articleLineStatus.quantityToBePicked !== 0 ||
+                            this._transactionLine.articleLineStatus.quantityAllocated < 0);
+                    this.lineIsOrdered = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.quantityOrdered !== 0;
+                    this.lineIsDelivered = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.quantityDelivered !== 0;
+                    this.lineIsInvoiced = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.quantityInvoiced !== 0;
+                    this.lineIsReceived = this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.quantityReceived !== 0;
+                    this.lineQuantityToInvoice = this._transactionLine.articleLineStatus ? this._transactionLine.articleLineStatus.quantityToInvoice : 0;
+                    this.lineQuantityInvoiced = this._transactionLine.articleLineStatus ? this._transactionLine.articleLineStatus.quantityInvoiced : 0;
+                    this.lineQuantityToReceive = this._transactionLine.articleLineStatus ? this._transactionLine.articleLineStatus.quantityToReceive : 0;
+                    this.lineQuantityReceived = this._transactionLine.articleLineStatus ? this._transactionLine.articleLineStatus.quantityReceived : 0;
+                    this.lineQuantityToDeliver = this._transactionLine.articleLineStatus ? this._transactionLine.articleLineStatus.quantityToDeliver : 0;
+                    this.lineQuantityDelivered = this._transactionLine.articleLineStatus ? this._transactionLine.articleLineStatus.quantityDelivered : 0;
+                    this.lineQuantityToAllocate = this._transactionLine.articleLineStatus ? this._transactionLine.articleLineStatus.quantityToAllocate : 0;
+                    this.lineQuantityAllocated = this._transactionLine.articleLineStatus ? this._transactionLine.articleLineStatus.quantityAllocated : 0;
+                    this.lineQuantityOrdered = this._transactionLine.articleLineStatus ? this._transactionLine.articleLineStatus.quantityOrdered : 0;
+                    this.lineQuantityPlanningRequested = this._transactionLine.articleLineStatus ? this._transactionLine.articleLineStatus.quantityPlanningRequested : 0;
+                    this.lineQuantityPlanningPreferredDateEntered = this._transactionLine.articleLineStatus ? this._transactionLine.articleLineStatus.quantityPlanningPreferredDateEntered : 0;
+                    this.lineQuantityToBePicked = this._transactionLine.articleLineStatus ? this._transactionLine.articleLineStatus.quantityToBePicked : 0;
+                    this.lineQuantityPicked = this._transactionLine.articleLineStatus ? this._transactionLine.articleLineStatus.quantityPicked : 0;
+                    this.lineQuantityPlanningFinal = this._transactionLine.articleLineStatus ? this._transactionLine.articleLineStatus.quantityPlanningFinal : 0;
+                    this.lineQuantityPurchaseConfirmed = this._transactionLine.articleLineStatus ? this._transactionLine.articleLineStatus.quantityPurchaseConfirmed : 0;
+                    this.lineQuantityTransportNotification = this._transactionLine.articleLineStatus ? this._transactionLine.articleLineStatus.quantityTransportNotification : 0;
+                    this.lineQuantityInvoiceControl = this._transactionLine.articleLineStatus ? this._transactionLine.articleLineStatus.quantityInvoiceControl : 0;
                     this.transactionLineSet();
                 }
             },
@@ -6173,23 +6247,9 @@
             // overridden by descendents
         };
         TransactionBaseComponent.prototype.transactionLineSet = function () {
-            this.lineTooltipMessages.length = 0;
-            this.readonly = this.readonly || (this._transactionLine.articleLineStatus && this._transactionLine.articleLineStatus.hasInvoices);
-            if (this.readonly) {
-                this.addLineTooltipMessage(this.dictionaryService.get("DELIVERY_DATE_DEFINITIVE"));
-            }
-            this.prepareTooltipMessage();
-            this.detectChanges();
         };
         // overridden by descendents
         TransactionBaseComponent.prototype.transactionInfoSet = function () {
-            this.headerTooltipMessages.length = 0;
-            this.headerReadonly = this._transactionInfo.deliveryDateDefinitive;
-            if (this.headerReadonly) {
-                this.addHeaderTooltipMessage(this.dictionaryService.get("DELIVERY_DATE_DEFINITIVE"));
-            }
-            this.prepareTooltipMessage();
-            this.detectChanges();
         };
         TransactionBaseComponent.prototype.addLineTooltipMessage = function (message) {
             if (this.lineTooltipMessages.indexOf(message) < 0) {
@@ -6209,6 +6269,7 @@
             if (this.headerTooltipMessages.length > 0 || this.lineTooltipMessages.length > 0) {
                 tooltips = this.headerTooltipMessages.concat(this.lineTooltipMessages);
                 this.tooltipMessage = this.dictionaryService.get("FIELD_IS_READONLY_BECAUSE") + "</br></br>" + tooltips.join('</br>');
+                this.detectChanges();
             }
         };
         // overridden by descendents
@@ -8872,15 +8933,38 @@
                 });
             });
         };
+        TransactionService.prototype.updateTextLine = function (uuid, lineUuid, showOnDocuments, text) {
+            return __awaiter(this, void 0, void 0, function () {
+                var lockSuccess, response;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.tryToLockTransaction(this.currentTransaction.transactionInfo.id, this.currentTransaction.transactionInfo.version)];
+                        case 1:
+                            lockSuccess = _a.sent();
+                            if (!lockSuccess) return [3 /*break*/, 3];
+                            return [4 /*yield*/, this.connector.updateTextLine(uuid, lineUuid, showOnDocuments, text)];
+                        case 2:
+                            response = _a.sent();
+                            return [2 /*return*/, this.handleLineOperationStatuses(response)];
+                        case 3: return [2 /*return*/, false];
+                    }
+                });
+            });
+        };
         TransactionService.prototype.changeLineSequence = function (lineUuid, aboveLineNr, belowLineNr) {
             return __awaiter(this, void 0, void 0, function () {
-                var response;
+                var lockSuccess, response;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.connector.changeLineSequence(this.currentTransaction.transactionInfo.uuid, lineUuid, aboveLineNr, belowLineNr)];
+                        case 0: return [4 /*yield*/, this.tryToLockTransaction(this.currentTransaction.transactionInfo.id, this.currentTransaction.transactionInfo.version)];
                         case 1:
+                            lockSuccess = _a.sent();
+                            if (!lockSuccess) return [3 /*break*/, 3];
+                            return [4 /*yield*/, this.connector.changeLineSequence(this.currentTransaction.transactionInfo.uuid, lineUuid, aboveLineNr, belowLineNr)];
+                        case 2:
                             response = _a.sent();
                             return [2 /*return*/, this.handleLineOperationStatuses(response)];
+                        case 3: return [2 /*return*/, false];
                     }
                 });
             });
@@ -10543,7 +10627,7 @@
     CustomerGroupsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "relation-customer-groups",
-                    template: "\n    <co-input-combo-box [model]=\"model\"\n                        [readonly]=\"readonly\"\n                        (modelChange)=\"modelChange.emit($event)\"\n                        [collection]=\"customerGroups\"\n                        [fields]=\"fields\"\n                        [placeholder]=\"'CUSTOMER_GROUP' | localize\"\n                        [required]=\"required\"\n    ></co-input-combo-box>\n  ",
+                    template: "\n    <co-list-of-values [model]=\"model\"\n                       [readonly]=\"readonly\"\n                       (modelChange)=\"modelChange.emit($event)\"\n                       [collection]=\"customerGroups\"\n                       [displayField]=\"'naam'\"\n                       [label]=\"'CUSTOMER_GROUP' | localize\"\n                       [required]=\"required\"\n    ></co-list-of-values>\n  ",
                     styles: [":host{display:flex}:host .co-input-combo-box{width:100%}\n"]
                 },] }
     ];
@@ -11090,97 +11174,6 @@
                 },] }
     ];
 
-    var OverlayDirective = /** @class */ (function () {
-        function OverlayDirective(elementRef) {
-            this._elementRef = elementRef;
-        }
-        Object.defineProperty(OverlayDirective.prototype, "parent", {
-            set: function (value) {
-                if (value && value.elementRef) {
-                    this._parent = value.elementRef;
-                }
-                else {
-                    if (this._parent) {
-                        this._observer.disconnect();
-                    }
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        OverlayDirective.prototype.ngOnDestroy = function () {
-            var _this = this;
-            window.removeEventListener("scroll", function (event) { return _this._handleScroll; });
-            this._observer.disconnect();
-            this._elementRef = undefined;
-            this._parent = undefined;
-        };
-        OverlayDirective.prototype.ngOnInit = function () {
-            var _this = this;
-            window.addEventListener("scroll", function (event) { return _this._handleScroll; });
-            this._initiallyPlaceElement();
-            this._observer = new ResizeObserver(function (entries) {
-                var entry = entries[0];
-                var elementRect = _this._elementRef.nativeElement.getBoundingClientRect();
-                var parentRect = _this._parent.nativeElement.getBoundingClientRect();
-                _this._placeElement(entry.contentRect.bottom, entry.contentRect.right, parentRect, elementRect);
-            });
-            this._observer.observe(document.body);
-        };
-        OverlayDirective.prototype._initiallyPlaceElement = function () {
-            var elementRect = this._elementRef.nativeElement.getBoundingClientRect();
-            var parentRect = this._parent.nativeElement.getBoundingClientRect();
-            this._placeElement(window.innerHeight, window.innerWidth, parentRect, elementRect);
-        };
-        OverlayDirective.prototype._placeElement = function (bottom, right, parentRect, elementRect) {
-            if (bottom < parentRect.bottom + elementRect.height) { // make sure it fits at the bottom
-                this._elementRef.nativeElement.style.top = (parentRect.top - elementRect.height) + "px";
-            }
-            else {
-                this._elementRef.nativeElement.style.top = parentRect.bottom + "px";
-            }
-            if (right < parentRect.left + elementRect.width) { // make sure it fits at the right
-                this._elementRef.nativeElement.style.left = (parentRect.right - elementRect.width) + "px";
-            }
-            else {
-                this._elementRef.nativeElement.style.left = parentRect.left + "px";
-            }
-        };
-        OverlayDirective.prototype._handleScroll = function (event) {
-        };
-        return OverlayDirective;
-    }());
-    OverlayDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: "[overlay]"
-                },] }
-    ];
-    OverlayDirective.ctorParameters = function () { return [
-        { type: i0.ElementRef }
-    ]; };
-    OverlayDirective.propDecorators = {
-        parent: [{ type: i0.Input, args: ["overlay",] }]
-    };
-
-    var OverlayParentDirective = /** @class */ (function () {
-        function OverlayParentDirective(elementRef) {
-            this.elementRef = elementRef;
-        }
-        OverlayParentDirective.prototype.ngOnDestroy = function () {
-            this.elementRef = undefined;
-        };
-        return OverlayParentDirective;
-    }());
-    OverlayParentDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[overlayParent]',
-                    exportAs: 'overlayParent'
-                },] }
-    ];
-    OverlayParentDirective.ctorParameters = function () { return [
-        { type: i0.ElementRef }
-    ]; };
-
     var CoreModule = /** @class */ (function () {
         function CoreModule() {
         }
@@ -11199,7 +11192,8 @@
                         corecomponents_v12.InputCheckboxModule,
                         CharacteristicAnswerModule,
                         WarehouseModule,
-                        ToastModule
+                        ToastModule,
+                        corecomponents_v12.ListOfValuesModule
                     ],
                     declarations: [
                         ImageDisplayComponent,
@@ -11207,9 +11201,7 @@
                         CustomerGroupsComponent,
                         StockStatusIndicatorComponent,
                         LazyRenderMasterDirective,
-                        LazyRenderDirective,
-                        OverlayParentDirective,
-                        OverlayDirective
+                        LazyRenderDirective
                     ],
                     exports: [
                         ImageDisplayComponent,
@@ -11217,9 +11209,7 @@
                         CustomerGroupsComponent,
                         StockStatusIndicatorComponent,
                         LazyRenderMasterDirective,
-                        LazyRenderDirective,
-                        OverlayParentDirective,
-                        OverlayDirective
+                        LazyRenderDirective
                     ]
                 },] }
     ];
@@ -11448,7 +11438,7 @@
     RelationAddressComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-relation-address",
-                    template: "\n    <label *ngIf=label [textContent]=\"label | localize\"\n           class=\"checkout-label-h3\"\n    ></label>\n      <div class=\"relation-address-data-row default\">\n        <co-input-combo-box [(model)]=\"address.countryId\"\n                            [collection]=\"countries\"\n                            [fields]=\"fields\"\n                            [placeholder]=\"'COUNTRY'| localize\"\n                            [required]=\"true\"\n        ></co-input-combo-box>\n      </div>\n      <div class=\"relation-address-data-row default\">\n        <co-input-text [(model)]=\"address.postalCode\"\n                       [placeholder]=\"'POSTAL_CODE' | localize\"\n                       (blur)=\"checkForPostalCodeCheckError()\"\n                       required\n        ></co-input-text>\n        <co-input-text class=\"default-width\"\n                       [(model)]=\"address.houseNo\"\n                       [placeholder]=\"'HOUSE_NO' | localize\"\n                       [digitsOnly]=\"true\"\n                       (blur)=\"checkForPostalCodeCheckError()\"\n                       (modelChange)=\"changeHouseNo()\"\n                       required\n        ></co-input-text>\n        <co-input-text [(model)]=\"address.houseNoAddition\"\n                       [placeholder]=\"'HOUSE_NO_ADDITION' | localize\"\n        ></co-input-text>\n      </div>\n      <div class=\"relation-address-data-row default\">\n        <co-input-text [(model)]=\"address.streetName\" [placeholder]=\"'STREET' | localize\" required></co-input-text>\n      </div>\n      <div class=\"relation-address-data-row default\">\n        <co-input-text [(model)]=\"address.city\" [placeholder]=\"'CITY' | localize\" required></co-input-text>\n      </div>\n  ",
+                    template: "\n    <label *ngIf=label [textContent]=\"label | localize\"\n           class=\"checkout-label-h3\"\n    ></label>\n      <div class=\"relation-address-data-row default\">\n        <co-list-of-values [(model)]=\"address.countryId\"\n                           [collection]=\"countries\"\n                           [displayField]=\"'description'\"\n                           [label]=\"'COUNTRY'| localize\"\n                           [required]=\"true\"\n        ></co-list-of-values>\n      </div>\n      <div class=\"relation-address-data-row default\">\n        <co-input-text [(model)]=\"address.postalCode\"\n                       [placeholder]=\"'POSTAL_CODE' | localize\"\n                       (blur)=\"checkForPostalCodeCheckError()\"\n                       required\n        ></co-input-text>\n        <co-input-text class=\"default-width\"\n                       [(model)]=\"address.houseNo\"\n                       [placeholder]=\"'HOUSE_NO' | localize\"\n                       [digitsOnly]=\"true\"\n                       (blur)=\"checkForPostalCodeCheckError()\"\n                       (modelChange)=\"changeHouseNo()\"\n                       required\n        ></co-input-text>\n        <co-input-text [(model)]=\"address.houseNoAddition\"\n                       [placeholder]=\"'HOUSE_NO_ADDITION' | localize\"\n        ></co-input-text>\n      </div>\n      <div class=\"relation-address-data-row default\">\n        <co-input-text [(model)]=\"address.streetName\" [placeholder]=\"'STREET' | localize\" required></co-input-text>\n      </div>\n      <div class=\"relation-address-data-row default\">\n        <co-input-text [(model)]=\"address.city\" [placeholder]=\"'CITY' | localize\" required></co-input-text>\n      </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -11479,7 +11469,8 @@
                         corecomponents_v12.FormModule,
                         corecomponents_v12.ButtonModule,
                         PipeModule,
-                        PipeModule
+                        PipeModule,
+                        corecomponents_v12.ListOfValuesModule
                     ],
                     declarations: [
                         RelationAddressComponent
@@ -12334,7 +12325,6 @@
             _this.popUpView = false;
             _this.preview = false;
             _this.openArticleTextClicked = new i0.EventEmitter();
-            _this.descriptionDblClick = new i0.EventEmitter();
             _this.handleDeleteLine = new i0.EventEmitter();
             return _this;
         }
@@ -12374,15 +12364,12 @@
                 });
             }
         };
-        TransactionLineImageAndDescriptionComponent.prototype.onDescriptionDblClick = function () {
-            this.descriptionDblClick.emit();
-        };
         return TransactionLineImageAndDescriptionComponent;
     }(TransactionBaseComponent));
     TransactionLineImageAndDescriptionComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-image-and-description",
-                    template: "\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\" data-action=\"openSidePanel\" (dblclick)=\"onDescriptionDblClick()\">\n      <div class=\"description-wrapper\">\n        <co-transaction-line-description class=\"transaction-line-description-description\"\n                                         [transactionInfo]=\"transactionInfo\"\n                                         [transactionLine]=\"transactionLine\"\n                                         [defaultEditMode]=\"false\"\n                                         [showLabel]=\"false\"\n        ></co-transaction-line-description>\n        <div class=\"transaction-line-article-number-wrapper\" *ngIf=\"!popUpView\">\n          <span *ngIf=\"transactionLine.goodDescription && transactionLine.articleNumber\">|</span>\n          <span [textContent]=\"transactionLine.articleNumber\"></span>\n          <co-icon class=\"delete-icon\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\"\n                   (click)=\"deleteTransactionLineClick($event)\"></co-icon>\n        </div>\n      </div>\n      <div *ngIf=\"!preview && !popUpView && transactionLine.articleBoundConcatenatedText\" class=\"article-text-wrapper\">\n        <div class=\"article-text\" *ngFor=\"let text of transactionLine.articleTextAsArray\">\n          <span [innerHTML]=\"text | safeHtml\" (dblclick)=\"handleOpenArticleText(text)\"></span>\n        </div>\n      </div>\n      <div *ngIf=\"!preview && !popUpView && transactionLine.configurationReadable\">\n        <span [innerHTML]=\"transactionLine.configurationReadable\"></span>\n      </div>\n    </div>\n    ",
+                    template: "\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\" data-action=\"openSidePanel\">\n      <div class=\"description-wrapper\">\n        <co-transaction-line-description class=\"transaction-line-description-description\"\n                                         [transactionInfo]=\"transactionInfo\"\n                                         [transactionLine]=\"transactionLine\"\n                                         [defaultEditMode]=\"false\"\n                                         [showLabel]=\"false\"\n        ></co-transaction-line-description>\n        <div class=\"transaction-line-article-number-wrapper\" *ngIf=\"!popUpView\">\n          <span *ngIf=\"transactionLine.goodDescription && transactionLine.articleNumber\">|</span>\n          <span [textContent]=\"transactionLine.articleNumber\"></span>\n          <co-icon class=\"delete-icon\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\"\n                   (click)=\"deleteTransactionLineClick($event)\"></co-icon>\n        </div>\n      </div>\n      <div *ngIf=\"!preview && !popUpView && transactionLine.articleBoundConcatenatedText\" class=\"article-text-wrapper\">\n        <div class=\"article-text\" *ngFor=\"let text of transactionLine.articleTextAsArray\">\n          <span [innerHTML]=\"text | safeHtml\" (dblclick)=\"handleOpenArticleText(text)\"></span>\n        </div>\n      </div>\n      <div *ngIf=\"!preview && !popUpView && transactionLine.configurationReadable\">\n        <span [innerHTML]=\"transactionLine.configurationReadable\"></span>\n      </div>\n    </div>\n    ",
                     encapsulation: i0.ViewEncapsulation.None,
                     changeDetection: i0.ChangeDetectionStrategy.OnPush
                 },] }
@@ -12392,7 +12379,6 @@
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-line-image-and-description",] }],
         preview: [{ type: i0.HostBinding, args: ["class.preview",] }, { type: i0.Input }],
         openArticleTextClicked: [{ type: i0.Output }],
-        descriptionDblClick: [{ type: i0.Output }],
         handleDeleteLine: [{ type: i0.Output }]
     };
 
@@ -12432,9 +12418,12 @@
             this.icon = Icon;
             this.standardTexts = [];
             this.documents = [];
+            this.showOnDocuments = [];
+            this.selectAll = false;
             this.fields = { text: "description", value: "textId" };
             this.fieldsDocuments = { text: "description", value: "code" };
             this.textAreaPlaceholder = this._dictionaryService.get("TYPE_TEXT", true);
+            this.new = true;
             this.transactionAddTextLineRequest = new transactionAddTextLineRequest_bo.TransactionAddTextLineRequest();
         }
         Object.defineProperty(TransactionArticleTextComponent.prototype, "transactionLine", {
@@ -12444,7 +12433,6 @@
             set: function (value) {
                 if (value) {
                     this._transactionLine = value;
-                    this.transactionAddTextLineRequest.transactionUuid = value.uuid;
                     this.transactionAddTextLineRequest.text = value.text;
                 }
             },
@@ -12465,6 +12453,7 @@
         });
         Object.defineProperty(TransactionArticleTextComponent.prototype, "editText", {
             set: function (value) {
+                this.new = value === undefined || value === null;
                 this.transactionAddTextLineRequest.text = value;
             },
             enumerable: false,
@@ -12496,13 +12485,16 @@
                             return [4 /*yield*/, this.transactionService.getTextTypes("NL")];
                         case 2:
                             _b.documents = _c.sent();
+                            this._setShowOnDocuments();
                             return [2 /*return*/];
                     }
                 });
             });
         };
         TransactionArticleTextComponent.prototype.onOkClick = function (event) {
-            this.saveClick.next(this.transactionAddTextLineRequest);
+            this.transactionAddTextLineRequest.transactionUuid = this.transactionUuid;
+            this.transactionAddTextLineRequest.showOnDocuments = this._getShowOnDocuments();
+            this.saveClick.next({ request: this.transactionAddTextLineRequest, new: this.new });
         };
         TransactionArticleTextComponent.prototype.onCancelClick = function (event) {
             this.cancelClick.next(event);
@@ -12510,14 +12502,45 @@
         TransactionArticleTextComponent.prototype.onSelectStandardText = function (value) {
             this.transactionAddTextLineRequest.text = (this.standardTexts.find(function (x) { return x.textId === value; })).text;
         };
-        TransactionArticleTextComponent.prototype.handleDocumentsChange = function (docs) {
+        TransactionArticleTextComponent.prototype.handleDocumentsChange = function (codes) {
+            this.showOnDocuments = codes;
+        };
+        TransactionArticleTextComponent.prototype.handleSelectAll = function (select) {
+            var _this = this;
+            if (select) {
+                this.showOnDocuments = [];
+                this.documents.forEach(function (d) { return _this.showOnDocuments.push(d.code); });
+            }
+            else {
+                this.showOnDocuments = [];
+            }
+        };
+        TransactionArticleTextComponent.prototype._setShowOnDocuments = function () {
+            var _this = this;
+            this.showOnDocuments.length = 0;
+            if (this.transactionLine && (this.transactionLine.showOnDocuments || this.transactionLine.showOnDocuments === 0)) {
+                this.documents.forEach(function (d) {
+                    if (d.code & _this.transactionLine.showOnDocuments) {
+                        _this.showOnDocuments.push(d.code);
+                    }
+                });
+            }
+            else { // creating new text, check all documents
+                this.documents.forEach(function (d) { return _this.showOnDocuments.push(d.code); });
+                this.selectAll = true;
+            }
+        };
+        TransactionArticleTextComponent.prototype._getShowOnDocuments = function () {
+            var result = 0;
+            this.showOnDocuments.forEach(function (d) { return result = result + d; });
+            return result;
         };
         return TransactionArticleTextComponent;
     }());
     TransactionArticleTextComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-article-text",
-                    template: "\n    <co-dialog (closeClick)=\"closeClick.emit($event)\" [headerTemplate]=\"headerTemplate\"\n               [footerTemplate]=\"footerTemplate\">\n      <div *ngIf=\"showArticleImageDescription\" class=\"article-image-description-wrapper\">\n        <span [textContent]=\"'Productomschrijving'\" class=\"dialog-label\"></span>\n        <co-transaction-line-description class=\"transaction-line-description-description\"\n                                         [transactionInfo]=\"transactionService.currentTransaction.transactionInfo\"\n                                         [transactionLine]=\"transactionLine\"\n                                         [defaultEditMode]=\"false\"\n                                         [showLabel]=\"false\"\n        ></co-transaction-line-description>\n      </div>\n\n      <div class=\"standard-texts-dropdown-wrapper\">\n        <co-drop-down-list\n          [collection]=\"standardTexts\"\n          [fields]=\"fields\"\n          [placeholder]=\"'STANDARD_TEXTS' | localize\"\n          (modelChange)=\"onSelectStandardText($event)\"\n        ></co-drop-down-list>\n      </div>\n\n      <div class=\"article-text-content-wrapper\">\n        <div class=\"editor-wrapper\">\n          <textarea class=\"article-text\"\n                    [placeholder]=\"textAreaPlaceholder\"\n                    [(ngModel)]=\"transactionAddTextLineRequest.text\"\n          ></textarea>\n        </div>\n        <div class=\"option-wrapper\">\n          <co-input-listbox\n            [collection]=\"documents\"\n            [fields]=\"fieldsDocuments\"\n            [placeholder]=\"'FOR_DOCUMENTS' | localize\"\n            [value]=\"transactionAddTextLineRequest.showOnDocuments\"\n            [showCheckbox]=\"true\"\n            [fullWidth]=\"true\"\n            (modelChange)=\"handleDocumentsChange($event)\"\n          ></co-input-listbox>\n        </div>\n      </div>\n    </co-dialog>\n\n    <ng-template #headerTemplate>\n      <span class=\"co-dialog-header-title\" [textContent]=\"header\"></span>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"co-dialog-footer-button-wrapper\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"onOkClick($event)\"></co-button>\n      </div>\n    </ng-template>\n  ",
+                    template: "\n    <co-dialog (closeClick)=\"closeClick.emit($event)\" [headerTemplate]=\"headerTemplate\"\n               [footerTemplate]=\"footerTemplate\">\n      <div *ngIf=\"showArticleImageDescription\" class=\"article-image-description-wrapper\">\n        <span [textContent]=\"'Productomschrijving'\" class=\"dialog-label\"></span>\n        <co-transaction-line-description class=\"transaction-line-description-description\"\n                                         [transactionInfo]=\"transactionService.currentTransaction.transactionInfo\"\n                                         [transactionLine]=\"transactionLine\"\n                                         [defaultEditMode]=\"false\"\n                                         [showLabel]=\"false\"\n        ></co-transaction-line-description>\n      </div>\n\n      <div class=\"standard-texts-dropdown-wrapper\">\n        <co-list-of-values\n          [collection]=\"standardTexts\"\n          [displayField]=\"'description'\"\n          [label]=\"'STANDARD_TEXTS' | localize\"\n          (modelChange)=\"onSelectStandardText($event)\"\n        ></co-list-of-values>\n      </div>\n\n      <div class=\"article-text-content-wrapper\">\n        <div class=\"editor-wrapper\">\n          <textarea class=\"article-text\"\n                    [placeholder]=\"textAreaPlaceholder\"\n                    [(ngModel)]=\"transactionAddTextLineRequest.text\"\n          ></textarea>\n        </div>\n        <div class=\"option-wrapper\">\n          <co-input-checkbox class=\"select-all-checkbox\" [model]=\"selectAll\" (modelChange)=\"handleSelectAll($event)\"></co-input-checkbox>\n          <co-input-listbox\n              [customCssClass]=\"'co-small-scrollbar'\"\n              [collection]=\"documents\"\n              [fields]=\"fieldsDocuments\"\n              [placeholder]=\"'FOR_DOCUMENTS' | localize\"\n              [value]=\"showOnDocuments\"\n              [showCheckbox]=\"true\"\n              [fullWidth]=\"true\"\n              (modelChange)=\"handleDocumentsChange($event)\"\n          ></co-input-listbox>\n        </div>\n      </div>\n    </co-dialog>\n\n    <ng-template #headerTemplate>\n      <span class=\"co-dialog-header-title\" [textContent]=\"header\"></span>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"co-dialog-footer-button-wrapper\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"onOkClick($event)\"></co-button>\n      </div>\n    </ng-template>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -12528,6 +12551,7 @@
     ]; };
     TransactionArticleTextComponent.propDecorators = {
         header: [{ type: i0.Input }],
+        transactionUuid: [{ type: i0.Input }],
         transactionLine: [{ type: i0.Input }],
         articleRef: [{ type: i0.Input }],
         editText: [{ type: i0.Input }],
@@ -12559,7 +12583,8 @@
                         PipeModule,
                         corecomponents_v12.InputSearchModule,
                         TransactionLineImageAndDescriptionModule,
-                        TransactionLineDescriptionModule
+                        TransactionLineDescriptionModule,
+                        corecomponents_v12.ListOfValuesModule
                     ],
                     declarations: [
                         TransactionArticleTextComponent
@@ -13410,31 +13435,66 @@
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-lines-grid",] }]
     };
 
-    // Direction type for regular straight directions.
-    var Direction;
-    (function (Direction) {
-        Direction["Right"] = "right";
-        Direction["Left"] = "left";
-        Direction["Up"] = "top";
-        Direction["Down"] = "bottom";
-    })(Direction || (Direction = {}));
+    var TransactionLineActionButtonsPopupComponent = /** @class */ (function () {
+        function TransactionLineActionButtonsPopupComponent(iconCacheService) {
+            this.iconCacheService = iconCacheService;
+            this.icons = Icon;
+            this.articleTextButtonClick = new i0.EventEmitter();
+            this.transactionTextButtonClick = new i0.EventEmitter();
+            this.sidePanelButtonClick = new i0.EventEmitter();
+            this.showClass = true;
+        }
+        TransactionLineActionButtonsPopupComponent.prototype.handleArticleTextButtonClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            this.articleTextButtonClick.emit();
+        };
+        TransactionLineActionButtonsPopupComponent.prototype.handleTransactionTextButtonClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            this.transactionTextButtonClick.emit();
+        };
+        TransactionLineActionButtonsPopupComponent.prototype.handleSidePanelButtonClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            this.sidePanelButtonClick.emit();
+        };
+        return TransactionLineActionButtonsPopupComponent;
+    }());
+    TransactionLineActionButtonsPopupComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-transaction-line-action-buttons-popup",
+                    template: "\n      <div class=\"transaction-line-action-buttons-popup-wrapper\" [overlay]=\"parentForOverlay\" [rightAlign]=\"true\">\n          <div class=\"action-button-wrapper\" (click)=\"handleArticleTextButtonClick($event)\">\n              <co-icon [iconData]=\"iconCacheService.getIcon(icons.TextSizeSolid)\"></co-icon>\n              <div class=\"action-button-description\" [textContent]=\"'PRODUCT_DESCRIPTION_AND_TEXTS' | localize\"></div>\n          </div>\n          <div class=\"action-button-wrapper\" (click)=\"handleTransactionTextButtonClick($event)\">\n              <co-icon [iconData]=\"iconCacheService.getIcon(icons.TextSolid)\"></co-icon>\n              <div class=\"action-button-description\" [textContent]=\"'ORDER_TEXT_LINE' | localize\"></div>\n          </div>\n          <div class=\"action-button-wrapper\" (click)=\"handleSidePanelButtonClick($event)\">\n              <co-icon [iconData]=\"iconCacheService.getIcon(icons.ObjectIntersectSolid)\"></co-icon>\n              <div class=\"action-button-description\" [textContent]=\"'SIDEPANEL' | localize\"></div>\n          </div>\n      </div>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    TransactionLineActionButtonsPopupComponent.ctorParameters = function () { return [
+        { type: IconCacheService }
+    ]; };
+    TransactionLineActionButtonsPopupComponent.propDecorators = {
+        parentForOverlay: [{ type: i0.Input }],
+        articleTextButtonClick: [{ type: i0.Output }],
+        transactionTextButtonClick: [{ type: i0.Output }],
+        sidePanelButtonClick: [{ type: i0.Output }],
+        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-line-action-buttons-popup",] }]
+    };
 
     var TransactionLineActionButtonsComponent = /** @class */ (function () {
-        function TransactionLineActionButtonsComponent(iconCacheService, _transactionService, _dictionaryService, _transactionEventService) {
+        function TransactionLineActionButtonsComponent(elementRef, iconCacheService, _transactionService, _dictionaryService, _transactionEventService, _overlayService) {
+            this.elementRef = elementRef;
             this.iconCacheService = iconCacheService;
             this._transactionService = _transactionService;
             this._dictionaryService = _dictionaryService;
             this._transactionEventService = _transactionEventService;
+            this._overlayService = _overlayService;
             this.icons = Icon;
-            this.alignDirection = Direction.Down;
             this.waitingForUserAction = new i0.EventEmitter();
             this.transactionArticleTextOverviewButtonClicked = new i0.EventEmitter();
             this.transactionTextButtonClicked = new i0.EventEmitter();
             this.articleTextButtonClicked = new i0.EventEmitter();
             this.sidePanelButtonClicked = new i0.EventEmitter();
-            this.showActionButtonsDelayed = false;
             this.readonly = false;
-            this._showActionButtons = false;
+            this.showActionButtons = false;
         }
         Object.defineProperty(TransactionLineActionButtonsComponent.prototype, "transactionLine", {
             get: function () {
@@ -13447,20 +13507,6 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(TransactionLineActionButtonsComponent.prototype, "showActionButtons", {
-            get: function () {
-                return this._showActionButtons;
-            },
-            set: function (value) {
-                var _this = this;
-                this._showActionButtons = value;
-                setTimeout(function () {
-                    _this.showActionButtonsDelayed = _this._showActionButtons;
-                });
-            },
-            enumerable: false,
-            configurable: true
-        });
         TransactionLineActionButtonsComponent.prototype.showClass = function () {
             return true;
         };
@@ -13468,49 +13514,64 @@
             this.transactionKind = this._transactionService.currentTransaction.transactionInfo.transactionKind;
         };
         TransactionLineActionButtonsComponent.prototype.handleShowHideClick = function () {
-            var _this = this;
             this.showActionButtons = !this.showActionButtons;
-            setTimeout(function () {
-                _this.showActionButtonsDelayed = !_this.showActionButtonsDelayed;
-            }, 1);
+            if (this.showActionButtons) {
+                this._showPopup();
+            }
+            else {
+                this._hidePopup();
+            }
         };
         TransactionLineActionButtonsComponent.prototype.handleTransactionText = function () {
             this._transactionEventService.addTransactionText.next(this.transactionLine);
             this.waitingForUserAction.next(true);
-            this.showActionButtons = false;
-            this.showActionButtonsDelayed = false;
+            this._hidePopup();
         };
         TransactionLineActionButtonsComponent.prototype.handleArticleText = function () {
             this._transactionEventService.addArticleText.next(this.transactionLine);
             this.waitingForUserAction.next(true);
-            this.showActionButtons = false;
-            this.showActionButtonsDelayed = false;
+            this._hidePopup();
         };
         TransactionLineActionButtonsComponent.prototype.handleShowSidePanel = function () {
             this._transactionEventService.openSidePanel.next(this.transactionLine);
             this.waitingForUserAction.next(true);
+            this._hidePopup();
+        };
+        TransactionLineActionButtonsComponent.prototype._showPopup = function () {
+            var _this = this;
+            this.showActionButtons = true;
+            this._overlayService.createComponent(TransactionLineActionButtonsPopupComponent, { parentForOverlay: this.elementRef }, {
+                articleTextButtonClick: function () { return _this.handleArticleText(); },
+                transactionTextButtonClick: function () { return _this.handleTransactionText(); },
+                sidePanelButtonClick: function () { return _this.handleShowSidePanel(); }
+            });
+        };
+        TransactionLineActionButtonsComponent.prototype._hidePopup = function () {
             this.showActionButtons = false;
-            this.showActionButtonsDelayed = false;
+            this._overlayService.removeComponent();
         };
         return TransactionLineActionButtonsComponent;
     }());
     TransactionLineActionButtonsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-action-buttons",
-                    template: "\n    <div class=\"transaction-line-action-buttons-wrapper\">\n      <!--\n            <div class=\"menu-button-container\">\n              <co-button\n                class=\"action-menu-button circle\"\n                [iconData]=\"iconCacheService.getIcon(icons.EllipsisLight)\"\n                (click)=\"handleShowHideClick()\">\n              </co-button>\n            </div>\n      -->\n\n      <div class=\"action-buttons-container\"\n           *ngIf=\"showActionButtons\"\n           [ngClass]=\"alignDirection\">\n\n        <!--        <co-button\n                  class=\"transaction-line-overview-button circle action-button\"\n                  [class.show]=\"showActionButtonsDelayed\"\n                  [iconData]=\"iconCacheService.getIcon(icons.TextSizeSolid)\"\n                  (click)=\"handleTransactionArticleTextOverview()\"></co-button>-->\n\n        <co-button\n          class=\"transaction-line-overview-button circle action-button\"\n          [class.show]=\"showActionButtonsDelayed\"\n          [iconData]=\"iconCacheService.getIcon(icons.TextSizeSolid)\"\n          (click)=\"handleArticleText()\"></co-button>\n\n        <co-button\n          class=\"transaction-line-add-text-button circle action-button\"\n          [class.show]=\"showActionButtonsDelayed\"\n          [iconData]=\"iconCacheService.getIcon(icons.TextSolid)\"\n          (click)=\"handleTransactionText()\"></co-button>\n\n        <co-button\n          class=\"transaction-line-show-sidebar-button circle action-button\"\n          [class.show]=\"showActionButtonsDelayed\"\n          [iconData]=\"iconCacheService.getIcon(icons.ObjectIntersectSolid)\"\n          (click)=\"handleShowSidePanel()\"></co-button>\n      </div>\n    </div>\n  ",
+                    template: "\n      <div class=\"transaction-line-action-buttons-wrapper\">\n          <div class=\"menu-button-container\">\n              <co-button\n                      class=\"action-menu-button circle\"\n                      [iconData]=\"iconCacheService.getIcon(icons.EllipsisLight)\"\n                      (click)=\"handleShowHideClick()\">\n              </co-button>\n          </div>\n      </div>\n  ",
+                    providers: [
+                        corecomponents_v12.OverlayService
+                    ],
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
     TransactionLineActionButtonsComponent.ctorParameters = function () { return [
+        { type: i0.ElementRef },
         { type: IconCacheService },
         { type: TransactionService },
         { type: DictionaryService },
-        { type: TransactionEventService }
+        { type: TransactionEventService },
+        { type: corecomponents_v12.OverlayService }
     ]; };
     TransactionLineActionButtonsComponent.propDecorators = {
         transactionLine: [{ type: i0.Input }],
-        alignDirection: [{ type: i0.Input }],
-        showActionButtons: [{ type: i0.Input }],
         waitingForUserAction: [{ type: i0.Output }],
         transactionArticleTextOverviewButtonClicked: [{ type: i0.Output }],
         transactionTextButtonClicked: [{ type: i0.Output }],
@@ -13574,7 +13635,7 @@
             var _this = this;
             this.expanded = false;
             this._subscriptions.push(this.transactionEventService.selectAllSalesOrderLinesForDelivery.subscribe(function (value) {
-                if (_this.transactionLine.articleLineStatus.quantityToDeliver > 0) {
+                if (_this.lineQuantityToDeliver > 0) {
                     _this.transactionLine.selected = value;
                 }
             }));
@@ -13584,7 +13645,7 @@
             this._subscriptions.forEach(function (s) { return s.unsubscribe(); });
         };
         TransactionOrderDeliveryLineBaseComponent.prototype.showNumberPicker = function () {
-            return this.transactionInfo.allowPartialDelivery && this.transactionLine.articleLineStatus.quantityToDeliver !== 0;
+            return this.transactionInfo.allowPartialDelivery && this.lineQuantityToDeliver !== 0;
         };
         TransactionOrderDeliveryLineBaseComponent.prototype.handleLineClicked = function (mouseClick) {
             if (this.transactionLine && this.transactionLine.commissionCode !== "1") {
@@ -13614,7 +13675,7 @@
     TransactionOrderDeliveryLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-order-delivery-line",
-                    template: "\n    <co-transaction-base-line [transactionInfo]=\"transactionInfo\" [transactionLine]=\"transactionLine\" [preview]=\"preview\" [checkbox]=\"transactionInfo.allowPartialDelivery\"\n                              [checkboxValue]=\"transactionLine.selected\" [hideCheckbox]=\"transactionLine.articleLineStatus.quantityToDeliver === 0\" [actionButtons]=\"false\" (click)=\"handleLineClicked($event)\">\n      <div class=\"transaction-line-buttons-grid\" data-action=\"openSidePanel\">\n        <co-transaction-line-warehouse-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\" [readonly]=\"readonly\"></co-transaction-line-warehouse-button>\n        <co-transaction-line-delivery-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\" [readonly]=\"readonly\"></co-transaction-line-delivery-button>\n        <co-transaction-line-statusbar [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\" [activeCategory]=\"category.SalesOrderDeliveryNote\"></co-transaction-line-statusbar>\n      </div>\n      <div class=\"transaction-line-totals-custom-grid\" data-action=\"openSidePanel\">\n        <co-editable-label class=\"transaction-line-totals-total price\"\n                           [model]=\"(transactionLine.price + transactionLine.discountAmount) | coCurrency\"\n                           [crossedOut]=\"!!transactionLine.discountAmount\"\n                           [editModel]=\"transactionLine.displayNetLineTotal\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n        <co-editable-label *ngIf=\"transactionLine.discountAmount\" class=\"transaction-line-totals-total price discount\"\n                           [model]=\"'- ' + (transactionLine.discountAmount | coCurrency)\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n        <co-editable-label class=\"transaction-line-totals-total price\"\n                           [model]=\"transactionLine.price * transactionLine.amount | coCurrency\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n        <div class=\"transaction-line-totals-amount\" *ngIf=\"transactionLine.articleLineStatus.quantityToDeliver !== 0 && transactionInfo.allowPartialDelivery\"\n             [class.fully-delivered]=\"transactionLine.articleLineStatus.quantityDelivered === transactionLine.amount\"\n             [class.partially-delivered]=\"transactionLine.articleLineStatus.quantityDelivered !== transactionLine.amount && transactionLine.articleLineStatus.quantityDelivered !== 0\">\n          <co-input-number-picker class=\"amount-number-picker\"\n                                  [(model)]=\"transactionLine.articleLineStatus.quantityToDeliver\"\n                                  [min]=\"!transactionInfo.allowPartialDelivery ? transactionLine.amount : 1\"\n                                  [max]=\"transactionLine.amount\"\n                                  [readonly]=\"readonly || !transactionInfo.allowPartialDelivery\">\n          </co-input-number-picker>\n        </div>\n        <co-editable-label class=\"transaction-line-totals-total price\" *ngIf=\"transactionLine.articleLineStatus.quantityToDeliver === 0 || !transactionInfo.allowPartialDelivery\"\n                           [class.fully-delivered]=\"transactionLine.articleLineStatus.quantityDelivered === transactionLine.amount\"\n                           [class.partially-delivered]=\"transactionLine.articleLineStatus.quantityDelivered !== transactionLine.amount && transactionLine.articleLineStatus.quantityDelivered !== 0\"\n                           [model]=\"transactionLine.articleLineStatus.quantityToDeliver\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n      </div>\n    </co-transaction-base-line>\n  ",
+                    template: "\n    <co-transaction-base-line [transactionInfo]=\"transactionInfo\" [transactionLine]=\"transactionLine\" [preview]=\"preview\" [checkbox]=\"transactionInfo.allowPartialDelivery\"\n                              [checkboxValue]=\"transactionLine.selected\" [hideCheckbox]=\"lineQuantityToDeliver === 0\" [actionButtons]=\"false\" (click)=\"handleLineClicked($event)\">\n      <div class=\"transaction-line-buttons-grid\" data-action=\"openSidePanel\">\n        <co-transaction-line-warehouse-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\" [readonly]=\"readonly\"></co-transaction-line-warehouse-button>\n        <co-transaction-line-delivery-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\" [readonly]=\"readonly\"></co-transaction-line-delivery-button>\n        <co-transaction-line-statusbar [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\" [activeCategory]=\"category.SalesOrderDeliveryNote\"></co-transaction-line-statusbar>\n      </div>\n      <div class=\"transaction-line-totals-custom-grid\" data-action=\"openSidePanel\">\n        <co-editable-label class=\"transaction-line-totals-total price\"\n                           [model]=\"(transactionLine.price + transactionLine.discountAmount) | coCurrency\"\n                           [crossedOut]=\"!!transactionLine.discountAmount\"\n                           [editModel]=\"transactionLine.displayNetLineTotal\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n        <co-editable-label *ngIf=\"transactionLine.discountAmount\" class=\"transaction-line-totals-total price discount\"\n                           [model]=\"'- ' + (transactionLine.discountAmount | coCurrency)\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n        <co-editable-label class=\"transaction-line-totals-total price\"\n                           [model]=\"transactionLine.price * transactionLine.amount | coCurrency\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n        <div class=\"transaction-line-totals-amount\" *ngIf=\"lineQuantityToDeliver !== 0 && transactionInfo.allowPartialDelivery\"\n             [class.fully-delivered]=\"lineQuantityDelivered === transactionLine.amount\"\n             [class.partially-delivered]=\"lineQuantityDelivered !== transactionLine.amount && lineIsDelivered\">\n          <co-input-number-picker class=\"amount-number-picker\"\n                                  [(model)]=\"lineQuantityToDeliver\"\n                                  [min]=\"!transactionInfo.allowPartialDelivery ? transactionLine.amount : 1\"\n                                  [max]=\"transactionLine.amount\"\n                                  [readonly]=\"readonly || !transactionInfo.allowPartialDelivery\">\n          </co-input-number-picker>\n        </div>\n        <co-editable-label class=\"transaction-line-totals-total price\" *ngIf=\"lineQuantityToDeliver === 0 || !transactionInfo.allowPartialDelivery\"\n                           [class.fully-delivered]=\"lineQuantityDelivered === transactionLine.amount\"\n                           [class.partially-delivered]=\"lineQuantityDelivered !== transactionLine.amount && lineIsDelivered\"\n                           [model]=\"lineQuantityToDeliver\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n      </div>\n    </co-transaction-base-line>\n  ",
                     encapsulation: i0.ViewEncapsulation.None,
                     changeDetection: i0.ChangeDetectionStrategy.OnPush
                 },] }
@@ -13905,7 +13966,7 @@
     TransactionReceiveGoodsLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-receive-goods-line",
-                    template: "\n    <co-transaction-base-line\n      [transactionInfo]=\"transactionInfo\"\n      [transactionLine]=\"transactionLine\"\n      [preview]=\"preview\"\n      [checkbox]=\"showCheckboxForLine\"\n      [checkboxValue]=\"transactionLine.selected\"\n      [actionButtons]=\"false\"\n      (checkboxValueChanged)=\"transactionLine.selected = $event\"\n      (click)=\"handleLineClicked($event)\"\n      observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(transactionLine, $event)\">\n      <div class=\"line-content-wrapper\" data-action=\"openSidePanel\">\n        <co-transaction-line-statusbar [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\" [activeCategory]=\"transactionTypeCategory.PurchaseOrderReceivedGoods\"></co-transaction-line-statusbar>\n        <co-transaction-line-warehouse-button [transactionLine]=\"transactionLine\" [readonly]=\"true\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-warehouse-button>\n        <co-transaction-line-warehouse-location-button [readonly]=\"warehouseLocationButtonDisabled\" [(locationNr)]=\"transactionLine.locationNr\" [warehouseNumber]=\"transactionLine.warehouseNumber\"></co-transaction-line-warehouse-location-button>\n        <co-editable-label class=\"transaction-line-totals-total price\"\n                           [model]=\"transactionLine.amount?.toString() + 'x'\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n        <div class=\"transaction-line-totals-amount\"\n             [class.fully-delivered]=\"transactionLine.articleLineStatus.quantityReceived === transactionLine.amount\"\n             [class.partially-delivered]=\"transactionLine.articleLineStatus.quantityReceived !== transactionLine.amount && transactionLine.articleLineStatus.quantityReceived !== 0\">\n          <co-input-number-picker class=\"amount-number-picker\"\n                                  [(model)]=\"transactionLine.articleLineStatus.quantityToReceive\"\n                                  [min]=\"1\"\n                                  [max]=\"transactionLine.amount - transactionLine.articleLineStatus.quantityReceived\"\n                                  [readonly]=\"readonly || transactionLine.articleLineStatus.quantityReceived === transactionLine.amount\"\n                                  (modelChange)=\"changeLineAmount($event)\">\n          </co-input-number-picker>\n        </div>\n       <co-transaction-print-package-sticker\n        [transactionLine]=\"transactionLine\"\n        [transactionInfo]=\"transactionInfo\"\n       ></co-transaction-print-package-sticker>\n      </div>\n    </co-transaction-base-line>\n  ",
+                    template: "\n    <co-transaction-base-line\n      [transactionInfo]=\"transactionInfo\"\n      [transactionLine]=\"transactionLine\"\n      [preview]=\"preview\"\n      [checkbox]=\"showCheckboxForLine\"\n      [checkboxValue]=\"transactionLine.selected\"\n      [actionButtons]=\"false\"\n      (checkboxValueChanged)=\"transactionLine.selected = $event\"\n      (click)=\"handleLineClicked($event)\"\n      observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(transactionLine, $event)\">\n      <div class=\"line-content-wrapper\" data-action=\"openSidePanel\">\n        <co-transaction-line-statusbar [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\" [activeCategory]=\"transactionTypeCategory.PurchaseOrderReceivedGoods\"></co-transaction-line-statusbar>\n        <co-transaction-line-warehouse-button [transactionLine]=\"transactionLine\" [readonly]=\"true\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-warehouse-button>\n        <co-transaction-line-warehouse-location-button [readonly]=\"warehouseLocationButtonDisabled\" [(locationNr)]=\"transactionLine.locationNr\" [warehouseNumber]=\"transactionLine.warehouseNumber\"></co-transaction-line-warehouse-location-button>\n        <co-editable-label class=\"transaction-line-totals-total price\"\n                           [model]=\"transactionLine.amount?.toString() + 'x'\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n        <div class=\"transaction-line-totals-amount\"\n             [class.fully-delivered]=\"lineQuantityReceived === transactionLine.amount\"\n           [class.partially-delivered]=\"lineQuantityReceived !== transactionLine.amount && lineIsReceived\">\n          <co-input-number-picker class=\"amount-number-picker\"\n                                  [(model)]=\"lineQuantityToReceive\"\n                                  [min]=\"1\"\n                                  [max]=\"transactionLine.amount - lineQuantityReceived\"\n                                  [readonly]=\"readonly || lineQuantityReceived === transactionLine.amount\"\n                                  (modelChange)=\"changeLineAmount($event)\">\n          </co-input-number-picker>\n        </div>\n       <co-transaction-print-package-sticker\n        [transactionLine]=\"transactionLine\"\n        [transactionInfo]=\"transactionInfo\"\n       ></co-transaction-print-package-sticker>\n      </div>\n    </co-transaction-base-line>\n  ",
                     encapsulation: i0.ViewEncapsulation.None,
                     changeDetection: i0.ChangeDetectionStrategy.OnPush
                 },] }
@@ -14141,7 +14202,7 @@
         TransactionGoodsAllocationLineComponent.prototype.ngOnInit = function () {
             var _this = this;
             this._subscriptions.push(this.transactionEventService.selectAllSalesOrderLinesForAllocation.subscribe(function (value) {
-                _this.transactionLine.selected = _this.transactionLine.commissionCode === "1" && _this.transactionLine.articleLineStatus.quantityToAllocate !== 0;
+                _this.transactionLine.selected = _this.transactionLine.commissionCode === "1" && _this.lineQuantityToAllocate !== 0;
             }));
         };
         TransactionGoodsAllocationLineComponent.prototype.ngOnDestroy = function () {
@@ -14151,8 +14212,8 @@
         TransactionGoodsAllocationLineComponent.prototype.transactionLineSet = function () {
             _super.prototype.transactionLineSet.call(this);
             if (this.transactionLine.articleLineStatus) {
-                this.quantityAllocated = this.transactionLine.articleLineStatus.quantityAllocated;
-                this.transactionLine.quantityToAllocate = this.transactionLine.articleLineStatus.quantityToAllocate;
+                this.quantityAllocated = this.lineQuantityAllocated;
+                this.transactionLine.quantityToAllocate = this.lineQuantityToAllocate;
             }
         };
         TransactionGoodsAllocationLineComponent.prototype.handleRowVisible = function () {
@@ -14774,7 +14835,7 @@
             var _this = this;
             this.expanded = false;
             this._subscriptions.push(this.transactionEventService.selectAllSalesOrderLinesForInvoice.subscribe(function (value) {
-                if (_this.transactionLine.articleLineStatus.quantityToInvoice > 0) {
+                if (_this.lineQuantityToInvoice > 0) {
                     _this.transactionLine.selected = value;
                 }
             }));
@@ -14784,7 +14845,7 @@
             this._subscriptions.forEach(function (s) { return s.unsubscribe(); });
         };
         TransactionInvoiceLineBaseComponent.prototype.showNumberPicker = function () {
-            return this.transactionLine.articleLineStatus.quantityToInvoice !== 0;
+            return this.lineQuantityToInvoice !== 0;
         };
         TransactionInvoiceLineBaseComponent.prototype.visibilitySet = function (visible) {
             _super.prototype.visibilitySet.call(this, visible);
@@ -14793,8 +14854,8 @@
         TransactionInvoiceLineBaseComponent.prototype.transactionLineSet = function () {
             _super.prototype.transactionLineSet.call(this);
             if (this.transactionLine.articleLineStatus) {
-                this.transactionLine.quantityToInvoice = this.transactionLine.articleLineStatus.quantityToInvoice;
-                this.showCheckBox = this.transactionService.internalParameterPartialInvoice && this.transactionLine.articleLineStatus.quantityToInvoice > 0;
+                this.transactionLine.quantityToInvoice = this.lineQuantityToInvoice;
+                this.showCheckBox = this.transactionService.internalParameterPartialInvoice && this.lineQuantityToInvoice > 0;
             }
         };
         TransactionInvoiceLineBaseComponent.prototype.handleLineClicked = function (mouseClick) {
@@ -14825,7 +14886,7 @@
     TransactionInvoiceLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-invoice-line",
-                    template: "\n    <co-transaction-base-line [transactionInfo]=\"transactionInfo\" [transactionLine]=\"transactionLine\" [preview]=\"preview\"\n                              [checkboxValue]=\"transactionLine.selected\" [checkbox]=\"showCheckBox\" [actionButtons]=\"false\" (click)=\"handleLineClicked($event)\">\n      <div class=\"transaction-line-buttons-grid\" data-action=\"openSidePanel\">\n        <co-transaction-line-warehouse-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-warehouse-button>\n        <co-transaction-line-delivery-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-delivery-button>\n        <co-transaction-line-statusbar [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\" [activeCategory]=\"category.SalesOrderInvoice\"></co-transaction-line-statusbar>\n      </div>\n      <div class=\"transaction-line-totals-custom-grid\" data-action=\"openSidePanel\">\n        <co-editable-label class=\"transaction-line-totals-total price\"\n                           [model]=\"(transactionLine.price + transactionLine.discountAmount) | coCurrency\"\n                           [crossedOut]=\"!!transactionLine.discountAmount\"\n                           [editModel]=\"transactionLine.displayNetLineTotal\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n        <co-editable-label *ngIf=\"transactionLine.discountAmount\" class=\"transaction-line-totals-total price discount\"\n                           [model]=\"'- ' + (transactionLine.discountAmount | coCurrency)\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n        <co-editable-label class=\"transaction-line-totals-total price\"\n                           [model]=\"transactionLine.price * transactionLine.amount | coCurrency\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n        <div class=\"transaction-line-totals-amount\" *ngIf=\"transactionLine.articleLineStatus.quantityToInvoice !== 0\"\n             [class.fully-delivered]=\"transactionLine.articleLineStatus.quantityInvoiced === transactionLine.amount\"\n             [class.partially-delivered]=\"transactionLine.articleLineStatus.quantityInvoiced !== transactionLine.amount && transactionLine.articleLineStatus.quantityInvoiced !== 0\">\n          <co-input-number-picker class=\"amount-number-picker\"\n                                  [(model)]=\"transactionLine.quantityToInvoice\"\n                                  [min]=\"1\"\n                                  [max]=\"transactionLine.amount\"\n                                  [readonly]=\"readonly\">\n          </co-input-number-picker>\n        </div>\n        <co-editable-label class=\"transaction-line-totals-total price\" *ngIf=\"transactionLine.articleLineStatus.quantityToInvoice === 0\"\n                           [class.fully-delivered]=\"transactionLine.articleLineStatus.quantityInvoiced === transactionLine.amount\"\n                           [class.partially-delivered]=\"transactionLine.articleLineStatus.quantityInvoiced !== transactionLine.amount && transactionLine.articleLineStatus.quantityInvoiced !== 0\"\n                           [model]=\"transactionLine.articleLineStatus.quantityToInvoice\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n      </div>\n    </co-transaction-base-line>\n  ",
+                    template: "\n    <co-transaction-base-line [transactionInfo]=\"transactionInfo\" [transactionLine]=\"transactionLine\" [preview]=\"preview\"\n                              [checkboxValue]=\"transactionLine.selected\" [checkbox]=\"showCheckBox\" [actionButtons]=\"false\" (click)=\"handleLineClicked($event)\">\n      <div class=\"transaction-line-buttons-grid\" data-action=\"openSidePanel\">\n        <co-transaction-line-warehouse-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-warehouse-button>\n        <co-transaction-line-delivery-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-delivery-button>\n        <co-transaction-line-statusbar [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\" [activeCategory]=\"category.SalesOrderInvoice\"></co-transaction-line-statusbar>\n      </div>\n      <div class=\"transaction-line-totals-custom-grid\" data-action=\"openSidePanel\">\n        <co-editable-label class=\"transaction-line-totals-total price\"\n                           [model]=\"(transactionLine.price + transactionLine.discountAmount) | coCurrency\"\n                           [crossedOut]=\"!!transactionLine.discountAmount\"\n                           [editModel]=\"transactionLine.displayNetLineTotal\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n        <co-editable-label *ngIf=\"transactionLine.discountAmount\" class=\"transaction-line-totals-total price discount\"\n                           [model]=\"'- ' + (transactionLine.discountAmount | coCurrency)\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n        <co-editable-label class=\"transaction-line-totals-total price\"\n                           [model]=\"transactionLine.price * transactionLine.amount | coCurrency\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n        <div class=\"transaction-line-totals-amount\" *ngIf=\"lineQuantityToInvoice !== 0\"\n             [class.fully-delivered]=\"lineQuantityInvoiced === transactionLine.amount\"\n             [class.partially-delivered]=\"lineQuantityInvoiced !== transactionLine.amount && lineIsInvoiced\">\n          <co-input-number-picker class=\"amount-number-picker\"\n                                  [(model)]=\"transactionLine.quantityToInvoice\"\n                                  [min]=\"1\"\n                                  [max]=\"transactionLine.amount\"\n                                  [readonly]=\"readonly\">\n          </co-input-number-picker>\n        </div>\n        <co-editable-label class=\"transaction-line-totals-total price\" *ngIf=\"lineQuantityToInvoice === 0\"\n                           [class.fully-delivered]=\"lineQuantityInvoiced === transactionLine.amount\"\n                           [class.partially-delivered]=\"lineQuantityInvoiced !== transactionLine.amount && lineIsInvoiced\"\n                           [model]=\"lineQuantityToInvoice\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n      </div>\n    </co-transaction-base-line>\n  ",
                     encapsulation: i0.ViewEncapsulation.None,
                     changeDetection: i0.ChangeDetectionStrategy.OnPush
                 },] }
@@ -14920,7 +14981,7 @@
     TransactionCardReceiveGoodsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-card-receive-goods",
-                    template: "\n    <div class=\"transaction-card-wrapper\">\n      <co-transaction-card-header\n        [transactionLine]=\"transactionLine\"\n        [showActionButtons]=\"false\"\n        [showCheckbox]=\"transactionLine.articleLineStatus.quantityToReceive !== 0\"\n        [showThumbnail]=\"true\"\n        [expanded]=\"expanded\"\n      >\n        <div class=\"transaction-line-totals-amount card-button\"\n             [class.fully-delivered]=\"transactionLine.articleLineStatus.quantityReceived === transactionLine.amount\"\n             [class.partially-delivered]=\"transactionLine.articleLineStatus.quantityReceived !== transactionLine.amount && transactionLine.articleLineStatus.quantityReceived !== 0\">\n          <co-input-number-picker class=\"amount-number-picker\"\n                                  [(model)]=\"transactionLine.articleLineStatus.quantityToReceive\"\n                                  [min]=\"1\"\n                                  [max]=\"transactionLine.amount - transactionLine.articleLineStatus.quantityReceived\"\n                                  [readonly]=\"readonly || transactionLine.articleLineStatus.quantityReceived === transactionLine.amount\"\n                                  (modelChange)=\"changeLineAmount($event)\">\n          </co-input-number-picker>\n        </div>\n        <div class=\"card-side-panel-button\" (click)=\"handleShowSidePanel(transactionLine)\">\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.EllipsisVerticalSolid)\"></co-icon>\n        </div>\n      </co-transaction-card-header>\n\n      <div class=\"transaction-card-content-wrapper\">\n        <div class=\"content-base\">\n          <co-transaction-line-warehouse-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-warehouse-button>\n          <co-transaction-line-warehouse-location-button [readonly]=\"warehouseLocationButtonDisabled\" [(locationNr)]=\"transactionLine.locationNr\" [warehouseNumber]=\"transactionLine.warehouseNumber\"></co-transaction-line-warehouse-location-button>\n          <co-editable-label class=\"transaction-line-totals-total price\"\n                             [model]=\"transactionLine.amount?.toString() + 'x'\"\n                             [readonly]=\"true\"\n          ></co-editable-label>\n          <co-transaction-print-package-sticker\n            [transactionLine]=\"transactionLine\"\n            [transactionInfo]=\"transactionInfo\"\n          ></co-transaction-print-package-sticker>\n        </div>\n\n        <div class=\"content-expanded\" *ngIf=\"expanded\">\n\n        </div>\n      </div>\n\n      <co-transaction-card-footer\n        [transaction]=\"transaction\"\n        [transactionLine]=\"transactionLine\"\n        [transactionTypeCategory]=\"transactionTypeCategory.PurchaseOrderReceivedGoods\"\n        [expanded]=\"expanded\"\n        (expandClicked)=\"expanded = !expanded\"\n      ></co-transaction-card-footer>\n    </div>\n  ",
+                    template: "\n    <div class=\"transaction-card-wrapper\">\n      <co-transaction-card-header\n        [transactionLine]=\"transactionLine\"\n        [showActionButtons]=\"false\"\n        [showCheckbox]=\"lineQuantityToReceive !== 0\"\n        [showThumbnail]=\"true\"\n        [expanded]=\"expanded\"\n      >\n        <div class=\"transaction-line-totals-amount card-button\"\n             [class.fully-delivered]=\"lineQuantityReceived === transactionLine.amount\"\n             [class.partially-delivered]=\"lineQuantityReceived !== transactionLine.amount && lineIsReceived\">\n          <co-input-number-picker class=\"amount-number-picker\"\n                                  [(model)]=\"lineQuantityToReceive\"\n                                  [min]=\"1\"\n                                  [max]=\"transactionLine.amount - lineQuantityReceived\"\n                                  [readonly]=\"readonly || lineQuantityReceived === transactionLine.amount\"\n                                  (modelChange)=\"changeLineAmount($event)\">\n          </co-input-number-picker>\n        </div>\n        <div class=\"card-side-panel-button\" (click)=\"handleShowSidePanel(transactionLine)\">\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.EllipsisVerticalSolid)\"></co-icon>\n        </div>\n      </co-transaction-card-header>\n\n      <div class=\"transaction-card-content-wrapper\">\n        <div class=\"content-base\">\n          <co-transaction-line-warehouse-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-warehouse-button>\n          <co-transaction-line-warehouse-location-button [readonly]=\"warehouseLocationButtonDisabled\" [(locationNr)]=\"transactionLine.locationNr\" [warehouseNumber]=\"transactionLine.warehouseNumber\"></co-transaction-line-warehouse-location-button>\n          <co-editable-label class=\"transaction-line-totals-total price\"\n                             [model]=\"transactionLine.amount?.toString() + 'x'\"\n                             [readonly]=\"true\"\n          ></co-editable-label>\n          <co-transaction-print-package-sticker\n            [transactionLine]=\"transactionLine\"\n            [transactionInfo]=\"transactionInfo\"\n          ></co-transaction-print-package-sticker>\n        </div>\n\n        <div class=\"content-expanded\" *ngIf=\"expanded\">\n\n        </div>\n      </div>\n\n      <co-transaction-card-footer\n        [transaction]=\"transaction\"\n        [transactionLine]=\"transactionLine\"\n        [transactionTypeCategory]=\"transactionTypeCategory.PurchaseOrderReceivedGoods\"\n        [expanded]=\"expanded\"\n        (expandClicked)=\"expanded = !expanded\"\n      ></co-transaction-card-footer>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -14944,7 +15005,7 @@
     TransactionCardInvoiceComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-card-invoice",
-                    template: "\n    <div class=\"transaction-card-wrapper\">\n      <co-transaction-card-header\n        [transactionLine]=\"transactionLine\"\n        [showActionButtons]=\"false\"\n        [showCheckbox]=\"showCheckBox\"\n        [showThumbnail]=\"true\"\n        [expanded]=\"expanded\"\n      >\n        <div class=\"transaction-line-totals-amount card-button\" *ngIf=\"transactionLine.articleLineStatus.quantityToInvoice !== 0\"\n             [class.fully-delivered]=\"transactionLine.articleLineStatus.quantityInvoiced === transactionLine.amount\"\n             [class.partially-delivered]=\"transactionLine.articleLineStatus.quantityInvoiced !== transactionLine.amount && transactionLine.articleLineStatus.quantityInvoiced !== 0\">\n          <co-input-number-picker class=\"amount-number-picker\"\n                                  [(model)]=\"transactionLine.quantityToInvoice\"\n                                  [min]=\"1\"\n                                  [max]=\"transactionLine.amount\"\n                                  [readonly]=\"readonly\">\n          </co-input-number-picker>\n        </div>\n        <div class=\"side-panel-button\" (click)=\"handleShowSidePanel(transactionLine)\">\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.EllipsisVerticalSolid)\"></co-icon>\n        </div>\n      </co-transaction-card-header>\n      <div class=\"transaction-card-content-wrapper\">\n        <div class=\"content-base\">\n          <co-transaction-line-warehouse-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-warehouse-button>\n          <co-transaction-line-delivery-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-delivery-button>\n          <co-editable-label class=\"transaction-line-totals-total price\"\n                             [model]=\"(transactionLine.price + transactionLine.discountAmount) | coCurrency\"\n                             [crossedOut]=\"!!transactionLine.discountAmount\"\n                             [editModel]=\"transactionLine.displayNetLineTotal\"\n                             [readonly]=\"true\"\n          ></co-editable-label>\n          <co-editable-label class=\"transaction-line-totals-total price\"\n                             [model]=\"transactionLine.price * transactionLine.amount | coCurrency\"\n                             [readonly]=\"true\"\n          ></co-editable-label>\n        </div>\n\n        <div class=\"content-expanded\" *ngIf=\"expanded\">\n\n        </div>\n      </div>\n\n      <co-transaction-card-footer\n        [transaction]=\"transaction\"\n        [transactionLine]=\"transactionLine\"\n        [transactionTypeCategory]=\"category.SalesOrderInvoice\"\n        [expanded]=\"expanded\"\n        (expandClicked)=\"expanded = !expanded\"\n      ></co-transaction-card-footer>\n    </div>\n    ",
+                    template: "\n    <div class=\"transaction-card-wrapper\">\n      <co-transaction-card-header\n        [transactionLine]=\"transactionLine\"\n        [showActionButtons]=\"false\"\n        [showCheckbox]=\"showCheckBox\"\n        [showThumbnail]=\"true\"\n        [expanded]=\"expanded\"\n      >\n        <div class=\"transaction-line-totals-amount card-button\" *ngIf=\"lineQuantityToInvoice !== 0\"\n             [class.fully-delivered]=\"lineQuantityInvoiced === transactionLine.amount\"\n             [class.partially-delivered]=\"lineQuantityInvoiced !== transactionLine.amount && lineIsInvoiced\">\n          <co-input-number-picker class=\"amount-number-picker\"\n                                  [(model)]=\"transactionLine.quantityToInvoice\"\n                                  [min]=\"1\"\n                                  [max]=\"transactionLine.amount\"\n                                  [readonly]=\"readonly\">\n          </co-input-number-picker>\n        </div>\n        <div class=\"side-panel-button\" (click)=\"handleShowSidePanel(transactionLine)\">\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.EllipsisVerticalSolid)\"></co-icon>\n        </div>\n      </co-transaction-card-header>\n      <div class=\"transaction-card-content-wrapper\">\n        <div class=\"content-base\">\n          <co-transaction-line-warehouse-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-warehouse-button>\n          <co-transaction-line-delivery-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-delivery-button>\n          <co-editable-label class=\"transaction-line-totals-total price\"\n                             [model]=\"(transactionLine.price + transactionLine.discountAmount) | coCurrency\"\n                             [crossedOut]=\"!!transactionLine.discountAmount\"\n                             [editModel]=\"transactionLine.displayNetLineTotal\"\n                             [readonly]=\"true\"\n          ></co-editable-label>\n          <co-editable-label class=\"transaction-line-totals-total price\"\n                             [model]=\"transactionLine.price * transactionLine.amount | coCurrency\"\n                             [readonly]=\"true\"\n          ></co-editable-label>\n        </div>\n\n        <div class=\"content-expanded\" *ngIf=\"expanded\">\n\n        </div>\n      </div>\n\n      <co-transaction-card-footer\n        [transaction]=\"transaction\"\n        [transactionLine]=\"transactionLine\"\n        [transactionTypeCategory]=\"category.SalesOrderInvoice\"\n        [expanded]=\"expanded\"\n        (expandClicked)=\"expanded = !expanded\"\n      ></co-transaction-card-footer>\n    </div>\n    ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -14968,7 +15029,7 @@
     TransactionCardOrderDeliveryComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-card-order-delivery",
-                    template: "\n    <div class=\"transaction-card-wrapper\">\n      <co-transaction-card-header\n        [transactionLine]=\"transactionLine\"\n        [showActionButtons]=\"false\"\n        [showCheckbox]=\"transactionInfo.allowPartialDelivery && transactionLine.articleLineStatus.quantityToDeliver !== 0\"\n        [showThumbnail]=\"true\"\n        [expanded]=\"expanded\"\n      >\n        <div class=\"transaction-line-totals-amount card-button\" *ngIf=\"transactionLine.articleLineStatus.quantityToDeliver !== 0 && transactionInfo.allowPartialDelivery\"\n             [class.fully-delivered]=\"transactionLine.articleLineStatus.quantityDelivered === transactionLine.amount\"\n             [class.partially-delivered]=\"transactionLine.articleLineStatus.quantityDelivered !== transactionLine.amount && transactionLine.articleLineStatus.quantityDelivered !== 0\">\n          <co-input-number-picker class=\"amount-number-picker\"\n                                  [(model)]=\"transactionLine.articleLineStatus.quantityToDeliver\"\n                                  [min]=\"!transactionInfo.allowPartialDelivery ? transactionLine.amount : 1\"\n                                  [max]=\"transactionLine.amount\"\n                                  [readonly]=\"readonly || !transactionInfo.allowPartialDelivery\">\n          </co-input-number-picker>\n        </div>\n        <co-editable-label class=\"transaction-line-totals-total price card-button\" *ngIf=\"transactionLine.articleLineStatus.quantityToDeliver === 0 || !transactionInfo.allowPartialDelivery\"\n                           [class.fully-delivered]=\"transactionLine.articleLineStatus.quantityDelivered === transactionLine.amount\"\n                           [class.partially-delivered]=\"transactionLine.articleLineStatus.quantityDelivered !== transactionLine.amount && transactionLine.articleLineStatus.quantityDelivered !== 0\"\n                           [model]=\"transactionLine.articleLineStatus.quantityToDeliver\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n        <div class=\"side-panel-button\" (click)=\"handleShowSidePanel(transactionLine)\">\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.EllipsisVerticalSolid)\"></co-icon>\n        </div>\n      </co-transaction-card-header>\n      <div class=\"transaction-card-content-wrapper\">\n        <div class=\"content-base\">\n          <co-transaction-line-warehouse-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-warehouse-button>\n          <co-transaction-line-delivery-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-delivery-button>\n          <co-editable-label class=\"transaction-line-totals-total price\"\n                             [model]=\"(transactionLine.price + transactionLine.discountAmount) | coCurrency\"\n                             [crossedOut]=\"!!transactionLine.discountAmount\"\n                             [editModel]=\"transactionLine.displayNetLineTotal\"\n                             [readonly]=\"true\"\n          ></co-editable-label>\n          <co-editable-label class=\"transaction-line-totals-total price\"\n                             [model]=\"transactionLine.price * transactionLine.amount | coCurrency\"\n                             [readonly]=\"true\"\n          ></co-editable-label>\n        </div>\n\n        <div class=\"content-expanded\" *ngIf=\"expanded\">\n\n        </div>\n      </div>\n\n      <co-transaction-card-footer\n        [transaction]=\"transaction\"\n        [transactionLine]=\"transactionLine\"\n        [transactionTypeCategory]=\"category.SalesOrderDeliveryNote\"\n        [expanded]=\"expanded\"\n        (expandClicked)=\"expanded = !expanded\"\n      ></co-transaction-card-footer>\n    </div>\n    ",
+                    template: "\n    <div class=\"transaction-card-wrapper\">\n      <co-transaction-card-header\n        [transactionLine]=\"transactionLine\"\n        [showActionButtons]=\"false\"\n        [showCheckbox]=\"transactionInfo.allowPartialDelivery && lineQuantityToDeliver !== 0\"\n        [showThumbnail]=\"true\"\n        [expanded]=\"expanded\"\n      >\n        <div class=\"transaction-line-totals-amount card-button\" *ngIf=\"lineQuantityToDeliver !== 0 && transactionInfo.allowPartialDelivery\"\n             [class.fully-delivered]=\"lineQuantityDelivered === transactionLine.amount\"\n             [class.partially-delivered]=\"lineQuantityDelivered !== transactionLine.amount && lineIsDelivered\">\n          <co-input-number-picker class=\"amount-number-picker\"\n                                  [(model)]=\"lineQuantityToDeliver\"\n                                  [min]=\"!transactionInfo.allowPartialDelivery ? transactionLine.amount : 1\"\n                                  [max]=\"transactionLine.amount\"\n                                  [readonly]=\"readonly || !transactionInfo.allowPartialDelivery\">\n          </co-input-number-picker>\n        </div>\n        <co-editable-label class=\"transaction-line-totals-total price card-button\" *ngIf=\"lineQuantityToDeliver === 0 || !transactionInfo.allowPartialDelivery\"\n                           [class.fully-delivered]=\"lineQuantityDelivered === transactionLine.amount\"\n                           [class.partially-delivered]=\"lineQuantityDelivered !== transactionLine.amount && lineIsDelivered\"\n                           [model]=\"lineQuantityToDeliver\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n        <div class=\"side-panel-button\" (click)=\"handleShowSidePanel(transactionLine)\">\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.EllipsisVerticalSolid)\"></co-icon>\n        </div>\n      </co-transaction-card-header>\n      <div class=\"transaction-card-content-wrapper\">\n        <div class=\"content-base\">\n          <co-transaction-line-warehouse-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-warehouse-button>\n          <co-transaction-line-delivery-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-delivery-button>\n          <co-editable-label class=\"transaction-line-totals-total price\"\n                             [model]=\"(transactionLine.price + transactionLine.discountAmount) | coCurrency\"\n                             [crossedOut]=\"!!transactionLine.discountAmount\"\n                             [editModel]=\"transactionLine.displayNetLineTotal\"\n                             [readonly]=\"true\"\n          ></co-editable-label>\n          <co-editable-label class=\"transaction-line-totals-total price\"\n                             [model]=\"transactionLine.price * transactionLine.amount | coCurrency\"\n                             [readonly]=\"true\"\n          ></co-editable-label>\n        </div>\n\n        <div class=\"content-expanded\" *ngIf=\"expanded\">\n\n        </div>\n      </div>\n\n      <co-transaction-card-footer\n        [transaction]=\"transaction\"\n        [transactionLine]=\"transactionLine\"\n        [transactionTypeCategory]=\"category.SalesOrderDeliveryNote\"\n        [expanded]=\"expanded\"\n        (expandClicked)=\"expanded = !expanded\"\n      ></co-transaction-card-footer>\n    </div>\n    ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -15155,7 +15216,9 @@
     var TransactionTextLineComponent = /** @class */ (function (_super) {
         __extends(TransactionTextLineComponent, _super);
         function TransactionTextLineComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this.descriptionDblClick = new i0.EventEmitter();
+            return _this;
         }
         TransactionTextLineComponent.prototype.showClass = function () {
             return true;
@@ -15165,11 +15228,12 @@
     TransactionTextLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-text-line',
-                    template: "\n    <div [textContent]=\"transactionLine.text\"></div>\n    <div class=\"transaction-line-delete\" *ngIf=\"!preview\">\n      <co-icon class=\"delete-icon\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\" (click)=\"deleteTransactionLineClick($event)\"></co-icon>\n    </div>\n  ",
+                    template: "\n    <div [textContent]=\"transactionLine.text\" (dblclick)=\"descriptionDblClick.emit()\"></div>\n    <div class=\"transaction-line-delete\" *ngIf=\"!preview\">\n      <co-icon class=\"delete-icon\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\" (click)=\"deleteTransactionLineClick($event)\"></co-icon>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
     TransactionTextLineComponent.propDecorators = {
+        descriptionDblClick: [{ type: i0.Output }],
         showClass: [{ type: i0.HostBinding, args: ['class.co-transaction-text-line',] }]
     };
 
@@ -18547,7 +18611,7 @@
     TransactionHeaderBranchComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-branch",
-                    template: "\n    <ng-container *ngIf=\"simple\">\n      <co-drop-down-list\n        [readonly]=\"readonly\"\n        [placeholder]=\"'BRANCH' | localize\"\n        [allowFiltering]=\"true\"\n        [filterType]=\"'Contains'\"\n        [collection]=\"collection\"\n        [fields]=\"fields\"\n        [model]=\"branchModel\"\n        [tooltip]=\"tooltipMessage\"\n        (modelChange)=\"commit($event)\">\n      </co-drop-down-list>\n    </ng-container>\n    <ng-container *ngIf=\"!simple\">\n      <co-transaction-line-checkbox-list\n        [committing]=\"committing\"\n        [collection]=\"viewModelsFiltered\"\n        [readonly]=\"readonly\"\n        [tooltip]=\"tooltipMessage\"\n        (checked)=\"handleChecked($event)\"\n      ></co-transaction-line-checkbox-list>\n    </ng-container>\n  ",
+                    template: "\n    <ng-container *ngIf=\"simple\">\n      <co-list-of-values\n        [readonly]=\"readonly\"\n        [label]=\"'BRANCH' | localize\"\n        [collection]=\"collection\"\n        [displayField]=\"'description'\"\n        [model]=\"branchModel\"\n        [tooltip]=\"tooltipMessage\"\n        (modelChange)=\"commit($event)\"\n      ></co-list-of-values>\n    </ng-container>\n    <ng-container *ngIf=\"!simple\">\n      <co-transaction-line-checkbox-list\n        [committing]=\"committing\"\n        [collection]=\"viewModelsFiltered\"\n        [readonly]=\"readonly\"\n        [tooltip]=\"tooltipMessage\"\n        (checked)=\"handleChecked($event)\"\n      ></co-transaction-line-checkbox-list>\n    </ng-container>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -18577,7 +18641,8 @@
                         corecomponents_v12.DropDownModule,
                         corecomponents_v12.InputCheckboxModule,
                         TransactionLineCheckboxModule,
-                        corecomponents_v12.TooltipDirectiveModule
+                        corecomponents_v12.TooltipDirectiveModule,
+                        corecomponents_v12.ListOfValuesModule
                     ],
                     declarations: [
                         TransactionHeaderBranchComponent
@@ -18636,7 +18701,7 @@
     TransactionHeaderAdministrativeRelationComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-administrative-relation",
-                    template: "\n    <co-drop-down-list\n      [readonly]=\"headerReadonly\"\n      [placeholder]=\"'ADMINISTRATIVE_MANAGER' | localize\"\n      [allowFiltering]=\"true\"\n      [filterType]=\"'Contains'\"\n      [collection]=\"collection\"\n      [fields]=\"fields\"\n      [model]=\"transactionInfo.admCoordinator\"\n      [tooltip]=\"tooltipMessage\"\n      (modelChange)=\"commitTransactionAdministrative($event)\">\n    </co-drop-down-list>\n  ",
+                    template: "\n    <co-list-of-values\n      [readonly]=\"headerReadonly\"\n      [label]=\"'ADMINISTRATIVE_MANAGER' | localize\"\n      [collection]=\"collection\"\n      [displayField]=\"'displayName'\"\n      [model]=\"transactionInfo.admCoordinator\"\n      [tooltip]=\"tooltipMessage\"\n      (modelChange)=\"commitTransactionAdministrative($event)\">\n    </co-list-of-values>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -18661,7 +18726,8 @@
                         common.CommonModule,
                         PipeModule,
                         corecomponents_v12.DropDownModule,
-                        corecomponents_v12.TooltipDirectiveModule
+                        corecomponents_v12.TooltipDirectiveModule,
+                        corecomponents_v12.ListOfValuesModule
                     ],
                     declarations: [
                         TransactionHeaderAdministrativeRelationComponent
@@ -18875,7 +18941,6 @@
             this._transactionEventService = _transactionEventService;
             this.closeClick = new i0.EventEmitter();
             this.cancelClick = new i0.EventEmitter();
-            this.saveClick = new i0.EventEmitter();
             this.collection = [];
             this.showTransactionArticleText = false;
             this.header = 'PRODUCT_RELATED_TEXTS';
@@ -18893,11 +18958,18 @@
         TransactionArticleTextOverviewComponent.prototype.showClass = function () {
             return true;
         };
-        TransactionArticleTextOverviewComponent.prototype.onOkClick = function (event) {
-            this.saveClick.next();
-        };
         TransactionArticleTextOverviewComponent.prototype.onCancelClick = function (event) {
-            this.cancelClick.next(event);
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.service.rollback()];
+                        case 1:
+                            _a.sent();
+                            this.cancelClick.next(event);
+                            return [2 /*return*/];
+                    }
+                });
+            });
         };
         TransactionArticleTextOverviewComponent.prototype.handleCanDragDrop = function (drag, drop) {
             return drag.data instanceof transactionLineInfo_bo.TransactionLineInfo;
@@ -18914,7 +18986,10 @@
                 var target = this.collection[to_1];
                 // set items in correct order
                 dragDrop.moveItemInArray(this.collection, from_1, to_1);
-                this.service.changeLineSequence(beingDropped.uuid, from_1 > to_1 ? target.lineNr : null, from_1 < to_1 ? target.lineNr : null).catch(function () {
+                this.service.changeLineSequence(beingDropped.uuid, from_1 > to_1 ? target.lineNr : null, from_1 < to_1 ? target.lineNr : null)
+                    .then(function () {
+                })
+                    .catch(function () {
                     // something went wrong, reset drop
                     dragDrop.moveItemInArray(_this.collection, to_1, from_1);
                 });
@@ -18932,6 +19007,9 @@
         TransactionArticleTextOverviewComponent.prototype.closeArticleText = function () {
             this._hideArticleTextDialog();
         };
+        TransactionArticleTextOverviewComponent.prototype.handleSelect = function (index) {
+            this.selectedIndex = index;
+        };
         TransactionArticleTextOverviewComponent.prototype._hideArticleTextDialog = function () {
             this.showTransactionArticleText = false;
         };
@@ -18946,7 +19024,7 @@
     TransactionArticleTextOverviewComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-article-text-overview",
-                    template: "\n    <co-dialog (closeClick)=\"closeClick.emit($event)\" [headerTemplate]=\"headerTemplate\" [footerTemplate]=\"footerTemplate\">\n      <div class=\"article-text-content-wrapper\">\n        <div #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n             class=\"article-text-drag-drop-list\"\n             [cdkDropListData]=\"collection\"\n             [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n             (cdkDropListDropped)=\"handleDrop($event)\"\n        >\n          <div class=\"article-text-overview-article-text-wrapper\" *ngFor=\"let transLine of collection; let index = index\" cdkDrag (dblclick)=\"handleOpenArticleText(transLine)\">\n            <div class=\"index\" [textContent]=\"index + 1\"></div>\n            <div class=\"text\" [innerHTML]=\"transLine.text | safeHtml\"></div>\n          </div>\n        </div>\n      </div>\n    </co-dialog>\n    <ng-template #headerTemplate><span class=\"co-dialog-header-title\" [textContent]=\"header | localize\"></span></ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"co-dialog-footer-button-wrapper\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"onOkClick($event)\"></co-button>\n      </div>\n    </ng-template>\n  ",
+                    template: "\n    <co-dialog (closeClick)=\"onCancelClick($event)\" [headerTemplate]=\"headerTemplate\">\n      <div class=\"article-text-content-wrapper\">\n        <div #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n             class=\"article-text-drag-drop-list\"\n             [cdkDropListData]=\"collection\"\n             [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n             (cdkDropListDropped)=\"handleDrop($event)\"\n        >\n          <div class=\"article-text-overview-article-text-wrapper\" [class.selected]=\"selectedIndex === index\" *ngFor=\"let transLine of collection; let index = index\" cdkDrag \n               (dblclick)=\"handleOpenArticleText(transLine)\" (click)=\"handleSelect(index)\">\n            <div class=\"index\" [textContent]=\"index + 1\"></div>\n            <div class=\"text\" [innerHTML]=\"transLine.text | safeHtml\"></div>\n          </div>\n        </div>\n      </div>\n    </co-dialog>\n    <ng-template #headerTemplate><span class=\"co-dialog-header-title\" [textContent]=\"header | localize\"></span></ng-template>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -18958,7 +19036,6 @@
         transactionLine: [{ type: i0.Input }],
         closeClick: [{ type: i0.Output }],
         cancelClick: [{ type: i0.Output }],
-        saveClick: [{ type: i0.Output }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-article-text-overview",] }]
     };
 
@@ -19064,7 +19141,7 @@
             this._subs.push(this.service.transactionUpdated.subscribe(function (transaction) {
                 if (transaction) {
                     _this.transaction = transaction;
-                    _this.updateSidePanelTransactionLine();
+                    _this.updateTransactionLine();
                 }
             }), this.service.relationUpdated.subscribe(function (relation) {
                 if (relation) {
@@ -19135,26 +19212,47 @@
                 this.showArticleTextDialog();
             }
         };
-        TransactionComponent.prototype.onSaveArticleTextOverview = function (request) {
-            this.saveArticleLineText(request);
-            this.closeArticleTextOverview();
-        };
-        TransactionComponent.prototype.saveTransactionLineText = function (transactionAddTextLineRequest) {
-            if (transactionAddTextLineRequest.transactionUuid) { //update
-            }
-            else { // new transactionLine (transactionArticleText)
-                this.service.addTextLine(transactionAddTextLineRequest.showOnDocuments, transactionAddTextLineRequest.text, 0, transactionAddTextLineRequest.articleBound, 0, 0, 0);
-            }
-            this._hideTransactionTextDialog();
+        TransactionComponent.prototype.saveTransactionLineText = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!!data.new) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.service.updateTextLine(data.request.transactionUuid, this.transactionLine.uuid, data.request.showOnDocuments, data.request.text)];
+                        case 1:
+                            _a.sent();
+                            return [3 /*break*/, 4];
+                        case 2: return [4 /*yield*/, this.service.addTextLine(data.request.showOnDocuments, data.request.text, 0, data.request.articleBound, 0, 0, 0)];
+                        case 3:
+                            _a.sent();
+                            _a.label = 4;
+                        case 4:
+                            this._hideTransactionTextDialog();
+                            return [2 /*return*/];
+                    }
+                });
+            });
         };
-        TransactionComponent.prototype.saveArticleLineText = function (transactionAddTextLineRequest) {
-            var _this = this;
-            if (transactionAddTextLineRequest) {
-                this.service.addTextLine(transactionAddTextLineRequest.showOnDocuments, transactionAddTextLineRequest.text, 0, true, transactionAddTextLineRequest.refArticleLineNr).then(function () {
-                    _this._hideArticleTextDialog();
+        TransactionComponent.prototype.saveArticleLineText = function (data) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!!data.new) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.service.updateTextLine(data.request.transactionUuid, this.transactionLine.uuid, data.request.showOnDocuments, data.request.text)];
+                        case 1:
+                            _a.sent();
+                            return [3 /*break*/, 4];
+                        case 2: return [4 /*yield*/, this.service.addTextLine(data.request.showOnDocuments, data.request.text, 0, true, data.request.refArticleLineNr)];
+                        case 3:
+                            _a.sent();
+                            _a.label = 4;
+                        case 4:
+                            this._hideArticleTextDialog();
+                            return [2 /*return*/];
+                    }
                 });
-            }
-            this._hideArticleTextDialog();
+            });
         };
         TransactionComponent.prototype.handleEditTransactionText = function (line) {
             this.transactionLine = line;
@@ -19162,9 +19260,9 @@
             if (line.isText) {
                 this.showTransactionTextDialog();
             }
-            if (line.articleBoundConcatenatedText.length > 0) {
-                this.showArticleTextOverviewDialog();
-            }
+            // if (line.articleBoundConcatenatedText && line.articleBoundConcatenatedText.length > 0) {
+            //   this.showArticleTextOverviewDialog();
+            // }
         };
         TransactionComponent.prototype.handleEditArticleText = function (line) {
             this.textToEdit = line.text;
@@ -19199,8 +19297,12 @@
         TransactionComponent.prototype._hideArticleTextOverviewDialog = function () {
             this.showArticleTextOverview = false;
         };
-        TransactionComponent.prototype.updateSidePanelTransactionLine = function () {
+        TransactionComponent.prototype.updateTransactionLine = function () {
             var _this = this;
+            if (this.transactionLine) {
+                this.transactionLine = this.transaction.transactionLines
+                    .find(function (line) { return line.lineNr === _this.transactionLine.lineNr; });
+            }
             if (this.sidePanelTransactionLine) {
                 this.sidePanelTransactionLine = this.transaction.transactionLines
                     .find(function (line) { return line.lineNr === _this.sidePanelTransactionLine.lineNr; });
@@ -19211,7 +19313,7 @@
     TransactionComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction",
-                    template: "\n    <co-transaction-header *ngIf=\"showHeader\" [transaction]=\"transaction\" [relation]=\"relation\"></co-transaction-header>\n\n    <div class=\"transaction-lines-header\">\n      <co-transaction-quick-access *ngIf=\"showQuickAccess\" class=\"transaction-lines-header-item\"\n                                   [relation]=\"relation\"\n                                   [transaction]=\"transaction\"\n                                   [activeCategory]=\"activeCategory\"\n      ></co-transaction-quick-access>\n      <co-transaction-button-bar *ngIf=\"showButtonBar\" class=\"transaction-lines-header-item\"\n                                 [selectedCategory]=\"activeCategory\"\n                                 (buttonClicked)=\"handleButtonBarButtonClicked($event)\"\n      ></co-transaction-button-bar>\n\n      <div class=\"transaction-lines-header-item right\">\n        <co-avatar class=\"transaction-sales-avatar\" [relationId]=\"transaction.transactionInfo.salesPerson\"></co-avatar>\n        <co-view-mode-buttons [showViewModes]=\"[viewModes.List, viewModes.Tiles]\"\n                              (viewModeChange)=\"activeViewMode = $event\"></co-view-mode-buttons>\n      </div>\n    </div>\n\n    <div class=\"transaction-tiles-wrapper\" *ngIf=\"activeViewMode === viewModes.Tiles\">\n      <co-transaction-card\n        *ngFor=\"let line of (historicTransactionLines ? historicTransactionLines : transaction.transactionLines)\"\n        [transaction]=\"transaction\"\n        [transactionLine]=\"line\"\n        [readonly]=\"historicTransactionLines !== null\"\n        [activeCategory]=\"activeCategory\"\n      ></co-transaction-card>\n    </div>\n    <div class=\"transaction-lines-wrapper\" *ngIf=\"activeViewMode === viewModes.List\">\n      <co-transaction-lines\n        [transaction]=\"transaction\"\n        [activeCategory]=\"activeCategory\"\n        (saveTransactionLine)=\"saveTransactionLineText($event)\"\n      ></co-transaction-lines>\n    </div>\n    <div class=\"transaction-footer-wrapper\">\n      <co-transaction-totals\n        [transactionInfo]=\"transaction.transactionInfo\"\n        [transactionTotal]=\"transaction.transactionTotal\"\n        [showDiscount]=\"true\"\n      ></co-transaction-totals>\n    </div>\n    <co-transaction-line-side-panel *ngIf=\"showSidePanel\"\n                                    [transactionInfo]=\"transaction.transactionInfo\"\n                                    [transactionLine]=\"sidePanelTransactionLine\"\n                                    [activeCategory]=\"activeCategory\"\n                                    (cancelClick)=\"showSidePanel = false\"\n    ></co-transaction-line-side-panel>\n\n    <!--Popup voor wijzigen volgorde van tekstregels-->\n    <co-transaction-article-text-overview *ngIf=\"showArticleTextOverview\"\n                                          [transactionLine]=\"transactionLine\"\n                                          (saveClick)=\"onSaveArticleTextOverview($event)\"\n                                          (closeClick)=\"closeArticleTextOverview()\"\n                                          (cancelClick)=\"closeArticleTextOverview()\"\n    ></co-transaction-article-text-overview>\n\n    <!--Popup voor aanmaken en updaten transactietekstregels-->\n    <co-transaction-article-text *ngIf=\"showTransactionText\"\n                                 [header]=\"'ORDER_TEXT_LINE' | localize\"\n                                 [editText]=\"textToEdit\"\n                                 [transactionLine]=\"transactionLine\"\n                                 (saveClick)=\"saveTransactionLineText($event)\"\n                                 (closeClick)=\"closeTransactionText()\"\n                                 (cancelClick)=\"closeTransactionText()\"\n    ></co-transaction-article-text>\n\n    <!--Popup voor aanmaken en updaten artikeltekstregels-->\n    <co-transaction-article-text *ngIf=\"showArticleText\"\n                                 [header]=\"'PRODUCT_DESCRIPTION_AND_TEXTS' | localize\"\n                                 [showArticleImageDescription]=\"transactionLine.articleBound\"\n                                 [showImage]=\"false\"\n                                 [articleLineNr]=\"transactionLine.lineNr\"\n                                 [articleRef]=\"transactionLine.articleNumber\"\n                                 [transactionLine]=\"transactionLine\"\n                                 [editText]=\"textToEdit\"\n                                 (saveClick)=\"saveArticleLineText($event)\"\n                                 (closeClick)=\"closeArticleText()\"\n                                 (cancelClick)=\"closeArticleText()\"\n    ></co-transaction-article-text>\n  ",
+                    template: "\n    <co-transaction-header *ngIf=\"showHeader\" [transaction]=\"transaction\" [relation]=\"relation\"></co-transaction-header>\n\n    <div class=\"transaction-lines-header\">\n      <co-transaction-quick-access *ngIf=\"showQuickAccess\" class=\"transaction-lines-header-item\"\n                                   [relation]=\"relation\"\n                                   [transaction]=\"transaction\"\n                                   [activeCategory]=\"activeCategory\"\n      ></co-transaction-quick-access>\n      <co-transaction-button-bar *ngIf=\"showButtonBar\" class=\"transaction-lines-header-item\"\n                                 [selectedCategory]=\"activeCategory\"\n                                 (buttonClicked)=\"handleButtonBarButtonClicked($event)\"\n      ></co-transaction-button-bar>\n\n      <div class=\"transaction-lines-header-item right\">\n        <co-avatar class=\"transaction-sales-avatar\" [relationId]=\"transaction.transactionInfo.salesPerson\"></co-avatar>\n        <co-view-mode-buttons [showViewModes]=\"[viewModes.List, viewModes.Tiles]\"\n                              (viewModeChange)=\"activeViewMode = $event\"></co-view-mode-buttons>\n      </div>\n    </div>\n\n    <div class=\"transaction-tiles-wrapper\" *ngIf=\"activeViewMode === viewModes.Tiles\">\n      <co-transaction-card\n        *ngFor=\"let line of (historicTransactionLines ? historicTransactionLines : transaction.transactionLines)\"\n        [transaction]=\"transaction\"\n        [transactionLine]=\"line\"\n        [readonly]=\"historicTransactionLines !== null\"\n        [activeCategory]=\"activeCategory\"\n      ></co-transaction-card>\n    </div>\n    <div class=\"transaction-lines-wrapper\" *ngIf=\"activeViewMode === viewModes.List\">\n      <co-transaction-lines\n        [transaction]=\"transaction\"\n        [activeCategory]=\"activeCategory\"\n        (saveTransactionLine)=\"saveTransactionLineText($event)\"\n      ></co-transaction-lines>\n    </div>\n    <div class=\"transaction-footer-wrapper\">\n      <co-transaction-totals\n        [transactionInfo]=\"transaction.transactionInfo\"\n        [transactionTotal]=\"transaction.transactionTotal\"\n        [showDiscount]=\"true\"\n      ></co-transaction-totals>\n    </div>\n    <co-transaction-line-side-panel *ngIf=\"showSidePanel\"\n                                    [transactionInfo]=\"transaction.transactionInfo\"\n                                    [transactionLine]=\"sidePanelTransactionLine\"\n                                    [activeCategory]=\"activeCategory\"\n                                    (cancelClick)=\"showSidePanel = false\"\n    ></co-transaction-line-side-panel>\n\n    <!--Popup voor wijzigen volgorde van tekstregels-->\n    <co-transaction-article-text-overview *ngIf=\"showArticleTextOverview\"\n                                          [transactionLine]=\"transactionLine\"\n                                          (closeClick)=\"closeArticleTextOverview()\"\n                                          (cancelClick)=\"closeArticleTextOverview()\"\n    ></co-transaction-article-text-overview>\n\n    <!--Popup voor aanmaken en updaten transactietekstregels-->\n    <co-transaction-article-text *ngIf=\"showTransactionText\"\n                                 [header]=\"'ORDER_TEXT_LINE' | localize\"\n                                 [transactionUuid]=\"transaction.transactionInfo.uuid\"\n                                 [editText]=\"textToEdit\"\n                                 [transactionLine]=\"transactionLine\"\n                                 (saveClick)=\"saveTransactionLineText($event)\"\n                                 (closeClick)=\"closeTransactionText()\"\n                                 (cancelClick)=\"closeTransactionText()\"\n    ></co-transaction-article-text>\n\n    <!--Popup voor aanmaken en updaten artikeltekstregels-->\n    <co-transaction-article-text *ngIf=\"showArticleText\"\n                                 [header]=\"'PRODUCT_DESCRIPTION_AND_TEXTS' | localize\"\n                                 [transactionUuid]=\"transaction.transactionInfo.uuid\"\n                                 [showArticleImageDescription]=\"transactionLine.articleBound\"\n                                 [showImage]=\"false\"\n                                 [articleLineNr]=\"transactionLine.lineNr\"\n                                 [articleRef]=\"transactionLine.articleNumber\"\n                                 [transactionLine]=\"transactionLine\"\n                                 [editText]=\"textToEdit\"\n                                 (saveClick)=\"saveArticleLineText($event)\"\n                                 (closeClick)=\"closeArticleText()\"\n                                 (cancelClick)=\"closeArticleText()\"\n    ></co-transaction-article-text>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -19610,7 +19712,7 @@
     TransactionHeaderSalesPersonComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-sales-person",
-                    template: "\n    <co-drop-down-list\n      [readonly]=\"headerReadonly\"\n      [placeholder]=\"'SALES_PERSON' | localize\"\n      [allowFiltering]=\"true\"\n      [filterType]=\"'Contains'\"\n      [collection]=\"collection\"\n      [fields]=\"fields\"\n      [model]=\"transactionInfo.salesPerson\"\n      [tooltip]=\"tooltipMessage\"\n      (modelChange)=\"commitTransactionSalesPerson($event)\">\n    </co-drop-down-list>\n  ",
+                    template: "\n    <co-list-of-values\n      [readonly]=\"headerReadonly\"\n      [label]=\"'SALES_PERSON' | localize\"\n      [collection]=\"collection\"\n      [displayField]=\"'name'\"\n      [model]=\"transactionInfo.salesPerson\"\n      [tooltip]=\"tooltipMessage\"\n      (modelChange)=\"commitTransactionSalesPerson($event)\">\n    </co-list-of-values>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -19626,7 +19728,8 @@
                         common.CommonModule,
                         PipeModule,
                         corecomponents_v12.DropDownModule,
-                        corecomponents_v12.TooltipDirectiveModule
+                        corecomponents_v12.TooltipDirectiveModule,
+                        corecomponents_v12.ListOfValuesModule
                     ],
                     declarations: [
                         TransactionHeaderSalesPersonComponent
@@ -19674,7 +19777,7 @@
             _super.prototype.transactionSet.call(this);
             this.readonly = this.readonly || (this.transaction.transactionLines && this.transaction.transactionLines.length > 0);
             if (this.readonly) {
-                this.tooltipMessage = this.dictionaryService.get("FIELD_IS_READONLY_BECAUSE") + "</br><i>" + this.dictionaryService.get("ORDER_LINES_EXIST") + "</i>";
+                this.addHeaderTooltipMessage(this.dictionaryService.get("ORDER_LINES_EXIST"));
             }
         };
         return TransactionHeaderPriceKindComponent;
@@ -19682,7 +19785,7 @@
     TransactionHeaderPriceKindComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-price-kind",
-                    template: "\n    <co-drop-down-list\n      [readonly]=\"readonly\"\n      [placeholder]=\"'PRICE_TYPE' | localize\"\n      [allowFiltering]=\"false\"\n      [collection]=\"collection\"\n      [fields]=\"fields\"\n      [model]=\"transactionInfo.priceKind\"\n      [tooltip]=\"tooltipMessage\"\n      (modelChange)=\"commitTransactionPriceKind($event)\">\n    </co-drop-down-list>\n  ",
+                    template: "\n    <co-list-of-values\n      [readonly]=\"readonly\"\n      [label]=\"'PRICE_TYPE' | localize\"\n      [collection]=\"collection\"\n      [displayField]=\"'displayName'\"\n      [model]=\"transactionInfo.priceKind\"\n      [tooltip]=\"tooltipMessage\"\n      (modelChange)=\"commitTransactionPriceKind($event)\">\n    </co-list-of-values>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -19699,7 +19802,8 @@
                         PipeModule,
                         corecomponents_v12.InputTextareaModule,
                         corecomponents_v12.DropDownModule,
-                        corecomponents_v12.TooltipDirectiveModule
+                        corecomponents_v12.TooltipDirectiveModule,
+                        corecomponents_v12.ListOfValuesModule
                     ],
                     declarations: [
                         TransactionHeaderPriceKindComponent
@@ -19745,7 +19849,7 @@
     TransactionHeaderPaymentConditionComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-payment-condition",
-                    template: "\n    <co-drop-down-list\n      [readonly]=\"headerReadonly\"\n      [placeholder]=\"'PAYMENT_CONDITION' | localize\"\n      [allowFiltering]=\"true\"\n      [filterType]=\"'Contains'\"\n      [collection]=\"collection\"\n      [fields]=\"fields\"\n      [tooltip]=\"tooltipMessage\"\n      (modelChange)=\"commitTransactionPaymentCondition($event)\">\n    </co-drop-down-list>\n  ",
+                    template: "\n    <co-list-of-values\n      [readonly]=\"headerReadonly\"\n      [label]=\"'PAYMENT_CONDITION' | localize\"\n      [collection]=\"collection\"\n      [displayField]=\"'description'\"\n      [tooltip]=\"tooltipMessage\"\n      (modelChange)=\"commitTransactionPaymentCondition($event)\">\n    </co-list-of-values>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -19762,7 +19866,8 @@
                         PipeModule,
                         corecomponents_v12.InputTextareaModule,
                         corecomponents_v12.DropDownModule,
-                        corecomponents_v12.TooltipDirectiveModule
+                        corecomponents_v12.TooltipDirectiveModule,
+                        corecomponents_v12.ListOfValuesModule
                     ],
                     declarations: [
                         TransactionHeaderPaymentConditionComponent
@@ -19828,7 +19933,7 @@
     TransactionHeaderCurrencyComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-currency",
-                    template: "\n    <co-drop-down-list\n      [readonly]=\"readonly\"\n      [placeholder]=\"'CURRENCY' | localize\"\n      [allowFiltering]=\"true\"\n      [filterType]=\"'Contains'\"\n      [collection]=\"collection\"\n      [fields]=\"fields\"\n      [model]=\"transactionInfo.currencyId\"\n      [tooltip]=\"tooltipMessage\"\n      (modelChange)=\"commitTransactionCurrency($event)\">\n    </co-drop-down-list>\n  ",
+                    template: "\n    <co-list-of-values\n      [readonly]=\"readonly\"\n      [label]=\"'CURRENCY' | localize\"\n      [collection]=\"collection\"\n      [displayField]=\"'unit'\"\n      [model]=\"transactionInfo.currencyId\"\n      [tooltip]=\"tooltipMessage\"\n      (modelChange)=\"commitTransactionCurrency($event)\">\n    </co-list-of-values>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -19854,7 +19959,8 @@
                         PipeModule,
                         corecomponents_v12.InputTextareaModule,
                         corecomponents_v12.DropDownModule,
-                        corecomponents_v12.TooltipDirectiveModule
+                        corecomponents_v12.TooltipDirectiveModule,
+                        corecomponents_v12.ListOfValuesModule
                     ],
                     declarations: [
                         TransactionHeaderCurrencyComponent
@@ -20130,24 +20236,24 @@
         };
         TransactionLineStatusbarComponent.prototype.setStatusbardataForSalesOrder = function () {
             this.statusbarData = [
-                this.getStatusbarLine("ORDERED", this.transactionLine.articleLineStatus.quantityOrdered),
-                this.getStatusbarLine("ALLOCATED", this.transactionLine.articleLineStatus.quantityAllocated),
-                this.getStatusbarLine("PLANNING_REQUESTED", this.transactionLine.articleLineStatus.quantityPlanningRequested),
-                this.getStatusbarLine("PLANNING_PREFERRED_DATE_ENTERED", this.transactionLine.articleLineStatus.quantityPlanningPreferredDateEntered),
-                this.getStatusbarLine("TO_BE_PICKED", this.transactionLine.articleLineStatus.quantityToBePicked),
-                this.getStatusbarLine("PICKED", this.transactionLine.articleLineStatus.quantityPicked),
-                this.getStatusbarLine("PLANNED", this.transactionLine.articleLineStatus.quantityPlanningFinal),
-                this.getStatusbarLine("DELIVERED", this.transactionLine.articleLineStatus.quantityDelivered),
-                this.getStatusbarLine("INVOICED", this.transactionLine.articleLineStatus.quantityInvoiced), //Gefactureerd
+                this.getStatusbarLine("ORDERED", this.lineQuantityOrdered),
+                this.getStatusbarLine("ALLOCATED", this.lineQuantityAllocated),
+                this.getStatusbarLine("PLANNING_REQUESTED", this.lineQuantityPlanningRequested),
+                this.getStatusbarLine("PLANNING_PREFERRED_DATE_ENTERED", this.lineQuantityPlanningPreferredDateEntered),
+                this.getStatusbarLine("TO_BE_PICKED", this.lineQuantityToBePicked),
+                this.getStatusbarLine("PICKED", this.lineQuantityPicked),
+                this.getStatusbarLine("PLANNED", this.lineQuantityPlanningFinal),
+                this.getStatusbarLine("DELIVERED", this.lineQuantityDelivered),
+                this.getStatusbarLine("INVOICED", this.lineQuantityInvoiced), //Gefactureerd
             ];
         };
         TransactionLineStatusbarComponent.prototype.setStatusbarDataForPurchaseOrder = function () {
             this.statusbarData = [
-                this.getStatusbarLine("CONFIRMED", this.transactionLine.articleLineStatus.quantityPurchaseConfirmed),
-                this.getStatusbarLine("TRANSPORT_NOTIFICATION", this.transactionLine.articleLineStatus.quantityTransportNotification),
+                this.getStatusbarLine("CONFIRMED", this.lineQuantityPurchaseConfirmed),
+                this.getStatusbarLine("TRANSPORT_NOTIFICATION", this.lineQuantityTransportNotification),
                 //this.getStatusbarLine(),// Vooraangemeld todo: als BE gereed is
-                this.getStatusbarLine("ITEM_ACCEPTED", this.transactionLine.articleLineStatus.quantityReceived),
-                this.getStatusbarLine("INVOICE_CHECK", this.transactionLine.articleLineStatus.quantityInvoiceControl), //Factuur controle
+                this.getStatusbarLine("ITEM_ACCEPTED", this.lineQuantityReceived),
+                this.getStatusbarLine("INVOICE_CHECK", this.lineQuantityInvoiceControl), //Factuur controle
             ];
         };
         TransactionLineStatusbarComponent.prototype.getStatusbarLine = function (label, property) {
@@ -20456,6 +20562,13 @@
                 });
             }
         };
+        TransactionLineVatComponent.prototype.transactionLineSet = function () {
+            _super.prototype.transactionLineSet.call(this);
+            if (this.lineIsInvoiced) {
+                this.readonly = true;
+                this.addLineTooltipMessage(this.dictionaryService.get("TRANSACTION_LINE_INVOICED"));
+            }
+        };
         return TransactionLineVatComponent;
     }(TransactionFilterPopupBaseComponent));
     TransactionLineVatComponent.decorators = [
@@ -20599,10 +20712,18 @@
         };
         TransactionLineDeliveryMethodComponent.prototype.transactionInfoSet = function () {
             _super.prototype.transactionInfoSet.call(this);
-            this.readonly = this.readonly || !this.transactionInfo.allowPartialDelivery;
             if (!this.transactionInfo.allowPartialDelivery) {
+                this.readonly = true;
                 this.addLineTooltipMessage(this.dictionaryService.get("TRANSACTION_NO_PARTIAL_DELIVERY"));
             }
+            if (this.lineIsDelivered) {
+                this.readonly = true;
+                this.addLineTooltipMessage(this.dictionaryService.get("TRANSACTION_LINE_DELIVERED"));
+            }
+            if (this.lineIsInvoiced) {
+                this.readonly = true;
+                this.addLineTooltipMessage(this.dictionaryService.get("TRANSACTION_LINE_INVOICED"));
+            }
         };
         return TransactionLineDeliveryMethodComponent;
     }(TransactionFilterPopupBaseComponent));
@@ -20831,10 +20952,14 @@
         };
         TransactionLineCommissionCodeComponent.prototype.transactionLineSet = function () {
             _super.prototype.transactionLineSet.call(this);
-            this.readonly = this.readonly || !this.transactionLine.articleFreeCommissionCode;
             if (!this.transactionLine.articleFreeCommissionCode) {
+                this.readonly = true;
                 this.addLineTooltipMessage(this.dictionaryService.get("NO_FREE_COMMISSION_CODE"));
             }
+            if (this.lineHasLogisticalState && this.lineIsOrdered) {
+                this.readonly = true;
+                this.addLineTooltipMessage(this.dictionaryService.get("ORDER_LINE_HAS_LOGISTICAL_STATE"));
+            }
         };
         return TransactionLineCommissionCodeComponent;
     }(TransactionFilterPopupBaseComponent));
@@ -20907,12 +21032,19 @@
                 });
             });
         };
+        TransactionLineWarehouseComponent.prototype.transactionLineSet = function () {
+            _super.prototype.transactionLineSet.call(this);
+            if (this.lineHasLogisticalState && this.lineIsOrdered) {
+                this.readonly = true;
+                this.addLineTooltipMessage(this.dictionaryService.get("ORDER_LINE_HAS_LOGISTICAL_STATE"));
+            }
+        };
         return TransactionLineWarehouseComponent;
     }(TransactionFilterPopupBaseComponent));
     TransactionLineWarehouseComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-warehouse",
-                    template: "\n    <co-transaction-line-checkbox-list\n      [committing]=\"committing\"\n      [collection]=\"viewModelsFiltered\"\n      [readonly]=\"readonly\"\n      (checked)=\"handleChecked($event)\"\n    ></co-transaction-line-checkbox-list>\n  ",
+                    template: "\n    <co-transaction-line-checkbox-list\n      [committing]=\"committing\"\n      [collection]=\"viewModelsFiltered\"\n      [readonly]=\"readonly\"\n      [tooltip]=\"tooltipMessage\"\n      (checked)=\"handleChecked($event)\"\n    ></co-transaction-line-checkbox-list>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -20930,7 +21062,8 @@
                         PipeModule,
                         corecomponents_v12.InputComboBoxModule,
                         corecomponents_v12.InputCheckboxModule,
-                        TransactionLineCheckboxModule
+                        TransactionLineCheckboxModule,
+                        corecomponents_v12.TooltipDirectiveModule
                     ],
                     declarations: [
                         TransactionLineWarehouseComponent
@@ -21325,10 +21458,14 @@
         };
         TransactionLinePriceComponent.prototype.transactionLineSet = function () {
             _super.prototype.transactionLineSet.call(this);
-            this.readonly = this.readonly || !this.transactionLine.articleFreePrice;
             if (!this.transactionLine.articleFreePrice) {
+                this.readonly = true;
                 this.addLineTooltipMessage(this.dictionaryService.get("NO_FREE_ARTICLE_PRICE"));
             }
+            if (this.lineIsInvoiced) {
+                this.readonly = true;
+                this.addLineTooltipMessage(this.dictionaryService.get("TRANSACTION_LINE_INVOICED"));
+            }
         };
         return TransactionLinePriceComponent;
     }(TransactionBaseComponent));
@@ -22386,7 +22523,7 @@
         };
         TransactionLinePurchaseReceiveGoodsComponent.prototype.handleSaveDetailsEdit = function () {
             var _this = this;
-            if (this.transactionLine.articleLineStatus.quantityToReceive === 0) {
+            if (this.lineQuantityToReceive === 0) {
                 return;
             }
             var valid = this.submit();
@@ -22431,7 +22568,7 @@
             });
         };
         TransactionLinePurchaseReceiveGoodsComponent.prototype.handleSelectStock = function (availableStock) {
-            var maxToReturn = this.transactionLine.articleLineStatus.quantityToReceive < 0 ? Math.abs(this.transactionLine.articleLineStatus.quantityToReceive) : this.transactionLine.articleLineStatus.quantityToReceive;
+            var maxToReturn = this.lineQuantityToReceive < 0 ? Math.abs(this.lineQuantityToReceive) : this.lineQuantityToReceive;
             this.returnMaxToReceive = maxToReturn > availableStock.availableQuantity ? availableStock.availableQuantity : maxToReturn;
             this.receiptDetails.quantityToReceive = this.returnMaxToReceive;
             this.receiptDetails.warehouseNr = availableStock.warehouseNumber;
@@ -22448,7 +22585,7 @@
         TransactionLinePurchaseReceiveGoodsComponent.prototype._handleTransactionLineSet = function (transLine) {
             this.receiptDetails.warehouseNr = this.transactionLine.warehouseNumber;
             this.receiptDetails.lineNr = this.transactionLine.lineNr;
-            this.receiptDetails.quantityToReceive = this.transactionLine.articleLineStatus.quantityToReceive;
+            this.receiptDetails.quantityToReceive = this.lineQuantityToReceive;
             this.receiptDetails.locationNr = this.transactionLine.locationNr;
             this.returnStockMode === this.transactionLine.amount < 0;
             this.getGoodsReceiptHistory();
@@ -22473,7 +22610,7 @@
     TransactionLinePurchaseReceiveGoodsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-line-purchase-receive-goods',
-                    template: "\n    <co-form>\n      <div class=\"header-wrapper\">\n        <div class=\"details-header\"\n             [textContent]=\"returnStockMode ? ('RETURN_DETAILS' | localize) : ('RECEIPT_DETAILS' | localize)\"></div>\n        <co-transaction-line-statusbar class=\"status-bar-wrapper\"\n                                       [transactionInfo]=\"transactionInfo\"\n                                       [transactionLine]=\"transactionLine\"\n                                       [activeCategory]=\"transactionTypeCategory.PurchaseOrderReceivedGoods\"></co-transaction-line-statusbar>\n      </div>\n      <div class=\"columns-wrapper\">\n        <div class=\"details-column\">\n          <div class=\"transaction-line-totals-amount\">\n            <co-input-number-picker class=\"amount-number-picker\"\n                                    [max]=\"returnStockMode ? returnMaxToReceive : transactionLine.articleLineStatus.quantityToReceive\"\n                                    [(model)]=\"receiptDetails.serialNr ? 1 : receiptDetails.quantityToReceive\"\n                                    [min]=\"1\"\n                                    [readonly]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive || readonly\"\n                                    [disabled]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive\"\n                                    [required]=\"true\"\n            ></co-input-number-picker>\n          </div>\n          <div class=\"location-wrapper\">\n            <!--            <span *ngIf=\"!receiptDetails.locationNr && transactionLine.isLocationRequired\" class=\"required\" [textContent]=\"'*'\"></span>-->\n            <co-transaction-line-warehouse-location-button\n              [locationNr]=\"receiptDetails.locationNr\"\n              [warehouseNumber]=\"transactionLine.warehouseNumber\"\n              [readonly]=\"returnStockMode || receiptDetails.quantityToReceive === 0\"\n              (locationNrChange)=\"receiptDetails.locationNr = $event\"></co-transaction-line-warehouse-location-button>\n          </div>\n          <co-input-text class=\"details-input\"\n                         *ngIf=\"!returnStockMode\"\n                         [(model)]=\"request.packingSlipNr\"\n                         [placeholder]=\"'PACKING_SLIP' | localize\"\n                         [required]=\"true\"\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 *ngIf=\"transactionLine.isBatchNrRequired\" class=\"details-input\" [(model)]=\"receiptDetails.batchNr\"\n                         [type]=\"'number'\"\n                         [hideArrowButtons]=\"true\"\n                         [readonly]=\"readonly || returnStockMode\"\n                         [disabled]=\"returnStockMode\"\n                         [required]=\"transactionLine.isBatchNrRequired\"\n                         [placeholder]=\"'BATCH_NUMBER' | localize\"></co-input-text>\n          <co-input-text *ngIf=\"transactionLine.isSerialNrRequired\" class=\"details-input\" [(model)]=\"receiptDetails.serialNr\"\n                         [type]=\"'number'\"\n                         [hideArrowButtons]=\"true\"\n                         [readonly]=\"readonly || returnStockMode\"\n                         [disabled]=\"returnStockMode\"\n                         [required]=\"transactionLine.isSerialNrRequired\"\n                         [placeholder]=\"'SERIAL_NUMBER' | localize\"></co-input-text>\n        </div>\n      </div>\n    </co-form>\n    <div class=\"commit-button-wrapper\">\n      <div class=\"commit-button clickable\" *ngIf=\"!readonly\" (click)=\"handleSaveDetailsEdit()\"\n           [class.disabled]=\"receiptDetails.quantityToReceive === 0\">\n        <span class=\"commit-text\" [textContent]=\"returnStockMode ? ('RETURN_STOCK' | localize) : ('RECEIVE' | localize)\"></span>\n      </div>\n    </div>\n    <co-transaction-receiving-goods-history *ngIf=\"transactionLine.amount >= 0\"\n                                            [goodsReceiptHistory]=\"goodsReceiptHistory\"\n                                            (deleteRow)=\"handleDeleteSelectedRow($event)\"\n    ></co-transaction-receiving-goods-history>\n    <co-transaction-available-stock-grid *ngIf=\"transactionLine.amount < 0\"\n                                         [collection]=\"availableStockCollection\"\n                                         (selectStock)=\"handleSelectStock($event)\"\n    ></co-transaction-available-stock-grid>\n  ",
+                    template: "\n    <co-form>\n      <div class=\"header-wrapper\">\n        <div class=\"details-header\"\n             [textContent]=\"returnStockMode ? ('RETURN_DETAILS' | localize) : ('RECEIPT_DETAILS' | localize)\"></div>\n        <co-transaction-line-statusbar class=\"status-bar-wrapper\"\n                                       [transactionInfo]=\"transactionInfo\"\n                                       [transactionLine]=\"transactionLine\"\n                                       [activeCategory]=\"transactionTypeCategory.PurchaseOrderReceivedGoods\"></co-transaction-line-statusbar>\n      </div>\n      <div class=\"columns-wrapper\">\n        <div class=\"details-column\">\n          <div class=\"transaction-line-totals-amount\">\n            <co-input-number-picker class=\"amount-number-picker\"\n                                    [max]=\"returnStockMode ? returnMaxToReceive : lineQuantityToReceive\"\n                                    [(model)]=\"receiptDetails.serialNr ? 1 : receiptDetails.quantityToReceive\"\n                                    [min]=\"1\"\n                                    [readonly]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive || readonly\"\n                                    [disabled]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive\"\n                                    [required]=\"true\"\n            ></co-input-number-picker>\n          </div>\n          <div class=\"location-wrapper\">\n            <!--            <span *ngIf=\"!receiptDetails.locationNr && transactionLine.isLocationRequired\" class=\"required\" [textContent]=\"'*'\"></span>-->\n            <co-transaction-line-warehouse-location-button\n              [locationNr]=\"receiptDetails.locationNr\"\n              [warehouseNumber]=\"transactionLine.warehouseNumber\"\n              [readonly]=\"returnStockMode || receiptDetails.quantityToReceive === 0\"\n              (locationNrChange)=\"receiptDetails.locationNr = $event\"></co-transaction-line-warehouse-location-button>\n          </div>\n          <co-input-text class=\"details-input\"\n                         *ngIf=\"!returnStockMode\"\n                         [(model)]=\"request.packingSlipNr\"\n                         [placeholder]=\"'PACKING_SLIP' | localize\"\n                         [required]=\"true\"\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 *ngIf=\"transactionLine.isBatchNrRequired\" class=\"details-input\" [(model)]=\"receiptDetails.batchNr\"\n                         [type]=\"'number'\"\n                         [hideArrowButtons]=\"true\"\n                         [readonly]=\"readonly || returnStockMode\"\n                         [disabled]=\"returnStockMode\"\n                         [required]=\"transactionLine.isBatchNrRequired\"\n                         [placeholder]=\"'BATCH_NUMBER' | localize\"></co-input-text>\n          <co-input-text *ngIf=\"transactionLine.isSerialNrRequired\" class=\"details-input\" [(model)]=\"receiptDetails.serialNr\"\n                         [type]=\"'number'\"\n                         [hideArrowButtons]=\"true\"\n                         [readonly]=\"readonly || returnStockMode\"\n                         [disabled]=\"returnStockMode\"\n                         [required]=\"transactionLine.isSerialNrRequired\"\n                         [placeholder]=\"'SERIAL_NUMBER' | localize\"></co-input-text>\n        </div>\n      </div>\n    </co-form>\n    <div class=\"commit-button-wrapper\">\n      <div class=\"commit-button clickable\" *ngIf=\"!readonly\" (click)=\"handleSaveDetailsEdit()\"\n           [class.disabled]=\"receiptDetails.quantityToReceive === 0\">\n        <span class=\"commit-text\" [textContent]=\"returnStockMode ? ('RETURN_STOCK' | localize) : ('RECEIVE' | localize)\"></span>\n      </div>\n    </div>\n    <co-transaction-receiving-goods-history *ngIf=\"transactionLine.amount >= 0\"\n                                            [goodsReceiptHistory]=\"goodsReceiptHistory\"\n                                            (deleteRow)=\"handleDeleteSelectedRow($event)\"\n    ></co-transaction-receiving-goods-history>\n    <co-transaction-available-stock-grid *ngIf=\"transactionLine.amount < 0\"\n                                         [collection]=\"availableStockCollection\"\n                                         (selectStock)=\"handleSelectStock($event)\"\n    ></co-transaction-available-stock-grid>\n  ",
                     providers: [
                         corecomponents_v12.FormMasterService
                     ],
@@ -23041,7 +23178,7 @@
         };
         TransactionLineSalesAllocationComponent.prototype.handleSaveDetailsEdit = function () {
             var _this = this;
-            if (this.transactionLine.articleLineStatus.quantityToAllocate === 0) {
+            if (this.lineQuantityToAllocate === 0) {
                 return;
             }
             var valid = this.submit();
@@ -23076,7 +23213,7 @@
         };
         TransactionLineSalesAllocationComponent.prototype.openWarehouseLocationDialog = function () {
             var _this = this;
-            if (this.transactionLine.articleLineStatus.quantityToAllocate > 0) {
+            if (this.lineQuantityToAllocate > 0) {
                 this.dialogService.showWarehouseLocation(this.allocationDetails.warehouseNr, true, true, true, this.transactionLine)
                     .then(function () { return _this.allocationDetails.locationNr = _this.transactionLine.locationNr; });
             }
@@ -23096,7 +23233,7 @@
     TransactionLineSalesAllocationComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-sales-allocation",
-                    template: "\n    <co-form>\n      <div class=\"details-header\" [textContent]=\"'ALLOCATE_DETAILS' | localize | uppercase\"></div>\n      <div class=\"columns-wrapper\">\n        <div class=\"details-column\">\n          <co-input-text class=\"details-input\"\n                         [max]=\"allocationDetails.quantityToAllocate\"\n                         [(model)]=\"allocationDetails.serialNr ? 1 : allocationDetails.quantityToAllocate\"\n                         [disabled]=\"!!allocationDetails.serialNr || allocationDetails.quantityToAllocate === 0\"\n                         [readonly]=\"!!allocationDetails.serialNr || allocationDetails.quantityToAllocate === 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)]=\"allocationDetails.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\" [class.clickable]=\"transactionLine.articleLineStatus.quantityToAllocate > 0\" (click)=\"openWarehouseLocationDialog()\">\n            <span *ngIf=\"!allocationDetails.locationNr && transactionLine.isLocationRequired\" class=\"required\" [textContent]=\"'*'\"></span>\n            <co-icon *ngIf=\"allocationDetails.locationNr\" [iconData]=\"iconCacheService.getIcon(icons.ShelvesLight)\"></co-icon>\n            <div [textContent]=\"allocationDetails.locationNr ? allocationDetails.locationNr : ('LOCATION' | localize)\"></div>\n          </div>\n        </div>\n        <div class=\"divider-wrapper\">\n          <div class=\"divider\"></div>\n        </div>\n        <div class=\"details-column\">\n          <co-input-text *ngIf=\"transactionLine.isBatchNrRequired\" class=\"details-input\" [(model)]=\"allocationDetails.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 *ngIf=\"transactionLine.isSerialNrRequired\" class=\"details-input\" [(model)]=\"allocationDetails.serialNr\"\n                         [type]=\"'number'\"\n                         [hideArrowButtons]=\"true\"\n                         [readonly]=\"readonly\"\n                         [required]=\"transactionLine.isSerialNrRequired\"\n                         [placeholder]=\"'SERIAL_NUMBER' | localize\"></co-input-text>\n        </div>\n      </div>\n    </co-form>\n    <div class=\"commit-button-wrapper\">\n      <div class=\"commit-button\" *ngIf=\"!readonly\"\n           [class.clickable]=\"allocationDetails.quantityToAllocate > 0\"\n           [class.disabled]=\"allocationDetails.quantityToAllocate === 0\"\n           (click)=\"handleSaveDetailsEdit()\">\n        <span class=\"commit-text\" [textContent]=\"'ALLOCATE' | localize\"></span>\n      </div>\n    </div>\n    <co-transaction-allocate-goods-history\n      [goodsAllocationHistory]=\"goodsAllocationHistory\"\n      (deleteRow)=\"handleDeleteSelectedRow($event)\"\n    ></co-transaction-allocate-goods-history>\n  ",
+                    template: "\n    <co-form>\n      <div class=\"details-header\" [textContent]=\"'ALLOCATE_DETAILS' | localize | uppercase\"></div>\n      <div class=\"columns-wrapper\">\n        <div class=\"details-column\">\n          <co-input-text class=\"details-input\"\n                         [max]=\"allocationDetails.quantityToAllocate\"\n                         [(model)]=\"allocationDetails.serialNr ? 1 : allocationDetails.quantityToAllocate\"\n                         [disabled]=\"!!allocationDetails.serialNr || allocationDetails.quantityToAllocate === 0\"\n                         [readonly]=\"!!allocationDetails.serialNr || allocationDetails.quantityToAllocate === 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)]=\"allocationDetails.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\" [class.clickable]=\"lineQuantityToAllocate > 0\" (click)=\"openWarehouseLocationDialog()\">\n            <span *ngIf=\"!allocationDetails.locationNr && transactionLine.isLocationRequired\" class=\"required\" [textContent]=\"'*'\"></span>\n            <co-icon *ngIf=\"allocationDetails.locationNr\" [iconData]=\"iconCacheService.getIcon(icons.ShelvesLight)\"></co-icon>\n            <div [textContent]=\"allocationDetails.locationNr ? allocationDetails.locationNr : ('LOCATION' | localize)\"></div>\n          </div>\n        </div>\n        <div class=\"divider-wrapper\">\n          <div class=\"divider\"></div>\n        </div>\n        <div class=\"details-column\">\n          <co-input-text *ngIf=\"transactionLine.isBatchNrRequired\" class=\"details-input\" [(model)]=\"allocationDetails.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 *ngIf=\"transactionLine.isSerialNrRequired\" class=\"details-input\" [(model)]=\"allocationDetails.serialNr\"\n                         [type]=\"'number'\"\n                         [hideArrowButtons]=\"true\"\n                         [readonly]=\"readonly\"\n                         [required]=\"transactionLine.isSerialNrRequired\"\n                         [placeholder]=\"'SERIAL_NUMBER' | localize\"></co-input-text>\n        </div>\n      </div>\n    </co-form>\n    <div class=\"commit-button-wrapper\">\n      <div class=\"commit-button\" *ngIf=\"!readonly\"\n           [class.clickable]=\"allocationDetails.quantityToAllocate > 0\"\n           [class.disabled]=\"allocationDetails.quantityToAllocate === 0\"\n           (click)=\"handleSaveDetailsEdit()\">\n        <span class=\"commit-text\" [textContent]=\"'ALLOCATE' | localize\"></span>\n      </div>\n    </div>\n    <co-transaction-allocate-goods-history\n      [goodsAllocationHistory]=\"goodsAllocationHistory\"\n      (deleteRow)=\"handleDeleteSelectedRow($event)\"\n    ></co-transaction-allocate-goods-history>\n  ",
                     providers: [
                         corecomponents_v12.FormMasterService
                     ],
@@ -23480,7 +23617,7 @@
     TransactionLineSidePanelArticleDetailsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-side-panel-article-details",
-                    template: "\n    <div class=\"transaction-line-side-panel-article-details-wrapper\">\n      <div class=\"transaction-line-side-panel-article-details-header\">\n        <div class=\"transaction-line-side-panel-article-details-header-item\">\n          <span class=\"side-panel-header-label\" [textContent]=\"'ARTICLE_NR'| localize\"></span>\n          <span class=\"side-panel-header-field\" [textContent]=\"purchaseAdviceLine.goodId\"></span>\n        </div>\n        <div class=\"side-panel-header-divider\"></div>\n        <div class=\"transaction-line-side-panel-article-details-header-item max-width-40\">\n          <span class=\"side-panel-header-label\" [textContent]=\"'DESCRIPTION'| localize\"></span>\n          <span class=\"side-panel-header-field\" [textContent]=\"purchaseAdviceLine.purchaseDescription\"></span>\n        </div>\n        <div class=\"side-panel-header-divider\"></div>\n        <div class=\"transaction-line-side-panel-article-details-header-item\">\n          <span class=\"side-panel-header-label\" [textContent]=\"'AMOUNT2'| localize\"></span>\n          <span class=\"side-panel-header-field\"\n                [textContent]=\"purchaseAdviceLine.orderAmount ? purchaseAdviceLine.orderAmount : '-'\"></span>\n        </div>\n        <div class=\"side-panel-header-divider\"></div>\n        <div class=\"transaction-line-side-panel-article-details-header-item last-item-margin\">\n          <span class=\"side-panel-header-label\" [textContent]=\"'PRICE' | localize\"></span>\n          <span class=\"side-panel-header-field\"\n                [textContent]=\"purchaseAdviceLine.purchasePrice ? (purchaseAdviceLine.purchasePrice | priceDisplay) : '-'\"></span>\n        </div>\n        <co-icon (click)=\"handleCancelClick()\" [iconData]=\"iconCacheService.getIcon(icons.Cancel)\"\n                 class=\"close-button\"></co-icon>\n      </div>\n\n      <div class=\"section-wrapper\">\n        <span class=\"section-title\" [textContent]=\"'STOCK_PARAMETERS' | localize\"></span>\n        <div class=\"purchase-advice-detail-header\">\n          <div class=\"transaction-line-side-panel-article-details-header-item center\">\n            <span class=\"side-panel-header-label\" [textContent]=\"'ECONOMIC'| localize\"></span>\n            <span class=\"side-panel-header-field bold\"\n                  [textContent]=\"purchaseAdviceLine.econStock ? purchaseAdviceLine.econStock : '-'\"></span>\n          </div>\n          <div class=\"side-panel-header-divider\"></div>\n          <div class=\"transaction-line-side-panel-article-details-header-item center\">\n            <span class=\"side-panel-header-label\" [textContent]=\"'TARGET2'| localize\"></span>\n            <span class=\"side-panel-header-field bold\"\n                  [textContent]=\"purchaseAdviceLine.targetStock ? purchaseAdviceLine.targetStock : '-'\"></span>\n          </div>\n          <div class=\"side-panel-header-divider\"></div>\n          <div class=\"transaction-line-side-panel-article-details-header-item center\">\n            <span class=\"side-panel-header-label\" [textContent]=\"'DYNAMIC_MINIMAL'| localize\"></span>\n            <span class=\"side-panel-header-field bold\"\n                  [textContent]=\"purchaseAdviceLine.minDynamicStock ? purchaseAdviceLine.minDynamicStock : '-'\"></span>\n          </div>\n          <div class=\"side-panel-header-divider\"></div>\n          <div class=\"transaction-line-side-panel-article-details-header-item center\">\n            <span class=\"side-panel-header-label\" [textContent]=\"'MINIMAL'| localize\"></span>\n            <span class=\"side-panel-header-field bold\"\n                  [textContent]=\"purchaseAdviceLine.minStock ? purchaseAdviceLine.minStock : '-'\"></span>\n          </div>\n          <div class=\"side-panel-header-divider\"></div>\n          <div class=\"transaction-line-side-panel-article-details-header-item center\">\n            <span class=\"side-panel-header-label\" [textContent]=\"'MAX'| localize\"></span>\n            <span class=\"side-panel-header-field bold\"\n                  [textContent]=\"purchaseAdviceLine.maxStock ? purchaseAdviceLine.maxStock : '-'\"></span>\n          </div>\n          <div class=\"side-panel-header-divider\"></div>\n          <div class=\"transaction-line-side-panel-article-details-header-item center\">\n            <span class=\"side-panel-header-label\" [textContent]=\"'DIRECTLY_AVAILABLE'| localize\"></span>\n            <span class=\"side-panel-header-field bold\"\n                  [textContent]=\"purchaseAdviceLine.readilyAvailable ? purchaseAdviceLine.readilyAvailable : '-'\"></span>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"section-wrapper\">\n        <div class=\"detail-column-container\">\n          <div class=\"detail-column\">\n            <div class=\"transaction-line-side-panel-article-details-header-item\">\n              <div class=\"detail-column-item\">\n                <span class=\"side-panel-header-label\" [textContent]=\"'SALES_DESCRIPTION' | localize\"></span>\n                <span class=\"side-panel-header-field\"\n                      [textContent]=\"purchaseAdviceLine.salesDescription ? purchaseAdviceLine.salesDescription : '-'\"></span>\n              </div>\n            </div>\n            <div class=\"transaction-line-side-panel-article-details-header-item\">\n              <div class=\"detail-column-item\">\n                <span class=\"side-panel-header-label\" [textContent]=\"'TURNOVER_GROUP' | localize\"></span>\n                <span class=\"side-panel-header-field\"\n                      [textContent]=\"purchaseAdviceLine.turnOverGroupNo ? purchaseAdviceLine.turnOverGroupNo : '-'\"></span>\n              </div>\n            </div>\n            <div class=\"transaction-line-side-panel-article-details-header-item\">\n              <div class=\"detail-column-item\">\n                <span class=\"side-panel-header-label\" [textContent]=\"'EXCEEDANCE_CODE' | localize\"></span>\n                <span class=\"side-panel-header-field\"\n                      [textContent]=\"purchaseAdviceLine.exceedanceCode ? purchaseAdviceLine.exceedanceCode : '-'\"></span>\n              </div>\n            </div>\n          </div>\n          <div class=\"detail-column\">\n            <div class=\"transaction-line-side-panel-article-details-header-item\">\n              <div class=\"detail-column-item\">\n                <span class=\"side-panel-header-label\" [textContent]=\"'ORDER_CODE' | localize\"></span>\n                <span class=\"side-panel-header-field\"\n                      [textContent]=\"purchaseAdviceLine.orderCode ? purchaseAdviceLine.orderCode : '-'\"></span>\n              </div>\n            </div>\n            <div class=\"transaction-line-side-panel-article-details-header-item\">\n              <div class=\"detail-column-item\">\n                <span class=\"side-panel-header-label\" [textContent]=\"'NAME' | localize\"></span>\n                <span class=\"side-panel-header-field\"\n                      [textContent]=\"purchaseAdviceLine.articleName ? purchaseAdviceLine.articleName : '-'\"></span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"section-wrapper\">\n        <span class=\"section-title\" [textContent]=\"'ORDER_INFORMATION' | localize\"></span>\n        <div class=\"purchase-advice-detail-header\">\n          <div class=\"transaction-line-side-panel-article-details-header-item center\">\n            <span class=\"side-panel-header-label\" [textContent]=\"'SALES_QUANTITY'| localize\"></span>\n            <span class=\"side-panel-header-field bold\"\n                  [textContent]=\"purchaseAdviceLine.amountSales ? purchaseAdviceLine.amountSales : '-'\"></span>\n          </div>\n          <div class=\"side-panel-header-divider\"></div>\n          <div class=\"transaction-line-side-panel-article-details-header-item center\">\n            <span class=\"side-panel-header-label\" [textContent]=\"'PURCHASE_QUANTITY'| localize\"></span>\n            <span class=\"side-panel-header-field bold\"\n                  [textContent]=\"purchaseAdviceLine.amountPurchase ? purchaseAdviceLine.amountPurchase : '-'\"></span>\n          </div>\n          <div class=\"side-panel-header-divider\"></div>\n          <div class=\"transaction-line-side-panel-article-details-header-item center\">\n            <span class=\"side-panel-header-label\" [textContent]=\"'ORDER_AMOUNT'| localize\"></span>\n            <span class=\"side-panel-header-field bold\"\n                  [textContent]=\"$any(purchaseAdviceLine).displayOrderAmount ? $any(purchaseAdviceLine).displayOrderAmount : '-'\"></span>\n          </div>\n          <div class=\"side-panel-header-divider\"></div>\n          <div class=\"transaction-line-side-panel-article-details-header-item center\">\n            <span class=\"side-panel-header-label\" [textContent]=\"'VELOCITY'| localize\"></span>\n            <span class=\"side-panel-header-field bold\"\n                  [textContent]=\"purchaseAdviceLine.velocityMonth ? purchaseAdviceLine.velocityMonth : '-'\"></span>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"section-wrapper\">\n        <div class=\"detail-column-container\">\n          <div class=\"detail-column\">\n            <div class=\"column-input-item\">\n              <co-input-text\n                [placeholder]=\"'AMOUNT2' | localize\"\n                [type]=\"'number'\"\n                [(model)]=\"purchaseAdviceLine.orderAmount\"\n                [min]=\"1\"\n              ></co-input-text>\n            </div>\n            <div class=\"column-input-item\">\n              <co-drop-down-list class=\"details-input\"\n                                 [(model)]=\"purchaseAdviceLine.warehouseNo\"\n                                 [collection]=\"warehouses\"\n                                 [fields]=\"warehouseDropDownFields\"\n                                 [placeholder]=\"'WAREHOUSE' | localize\"\n              ></co-drop-down-list>\n            </div>\n          </div>\n          <div class=\"detail-column\">\n            <div class=\"column-input-item\">\n              <co-input-text\n                [placeholder]=\"'PURCHASE_PRICE' | localize\"\n                [type]=\"'number'\"\n                [(model)]=\"purchaseAdviceLine.purchasePrice\"\n                [min]=\"0\"\n                (modelChange)=\"handleCostChange()\"\n              ></co-input-text>\n            </div>\n            <div class=\"column-input-item\">\n              <co-input-text\n                [placeholder]=\"'TRANSPORT_PRICE' | localize\"\n                [type]=\"'number'\"\n                [(model)]=\"purchaseAdviceLine.shippingCost\"\n                [min]=\"0\"\n                (modelChange)=\"handleCostChange()\"\n              ></co-input-text>\n            </div>\n            <div class=\"column-input-item\">\n              <co-input-text\n                [placeholder]=\"'MANUFACTURING_PRICE' | localize\"\n                [type]=\"'number'\"\n                [(model)]=\"calculatedAssemblyCost\"\n                [min]=\"0\"\n                (modelChange)=\"handleAssemblyCostChange()\"\n              ></co-input-text>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"section-wrapper\">\n        <span class=\"section-title\" [textContent]=\"'ALTERNATIVE_SUPPLIERS' | localize\"></span>\n\n        <div class=\"dynamic-suppliers-wrapper\">\n          <div class=\"dynamic-supplier\"\n               [class.selected]=\"selectedSupplierId === supplier.supplierProduct.relationIdSupplier\"\n               *ngFor=\"let supplier of alternateSuppliers\" (click)=\"handleSelectSupplier(supplier)\">\n            <span class=\"side-panel-header-label supplier-date\"\n                  [textContent]=\"supplier.supplierProduct.updateStock ? supplier.supplierProduct.updateStock : ('UNKNOWN_DELIVERY_DATE' | localize)\"></span>\n            <span class=\"supplier-name\" [textContent]=\"supplier.relationName\"></span>\n            <div class=\"supplier-detail-container\">\n              <div class=\"transaction-line-side-panel-article-details-header-item center half-width\">\n                <span class=\"side-panel-header-label\" [textContent]=\"'PURCHASE_PRICE'| localize\"></span>\n                <span class=\"side-panel-header-field bold\"\n                      [textContent]=\"supplier.supplierProduct.priceDeviation ? (supplier.supplierProduct.priceDeviation | priceDisplay) : '-'\"></span>\n              </div>\n              <div class=\"side-panel-header-divider\"></div>\n              <div class=\"transaction-line-side-panel-article-details-header-item center half-width\">\n                <span class=\"side-panel-header-label\" [textContent]=\"'STOCK'| localize\"></span>\n                <span class=\"side-panel-header-field bold\"\n                      [textContent]=\"supplier.supplierProduct.stockSupplier ? supplier.supplierProduct.stockSupplier : '-'\"></span>\n              </div>\n            </div>\n          </div>\n\n        </div>\n      </div>\n\n      <co-drop-down-list class=\"supplier-list\"\n                         [placeholder]=\"'SUPPLIER' | localize\"\n                         [required]=\"true\"\n                         [noClickFocus]=\"true\"\n                         [allowFiltering]=\"true\"\n                         [filterType]=\"'Contains'\"\n                         [filterBarPlaceholder]=\"'SEARCH' | localize\"\n                         [collection]=\"suppliers\"\n                         [fields]=\"supplierDropdownFields\"\n                         [(model)]=\"selectedSupplierId\"\n                         (modelChange)=\"handleSupplierChanged($event)\"\n      ></co-drop-down-list>\n    </div>\n  ",
+                    template: "\n    <div class=\"transaction-line-side-panel-article-details-wrapper\">\n      <div class=\"transaction-line-side-panel-article-details-header\">\n        <div class=\"transaction-line-side-panel-article-details-header-item\">\n          <span class=\"side-panel-header-label\" [textContent]=\"'ARTICLE_NR'| localize\"></span>\n          <span class=\"side-panel-header-field\" [textContent]=\"purchaseAdviceLine.goodId\"></span>\n        </div>\n        <div class=\"side-panel-header-divider\"></div>\n        <div class=\"transaction-line-side-panel-article-details-header-item max-width-40\">\n          <span class=\"side-panel-header-label\" [textContent]=\"'DESCRIPTION'| localize\"></span>\n          <span class=\"side-panel-header-field\" [textContent]=\"purchaseAdviceLine.purchaseDescription\"></span>\n        </div>\n        <div class=\"side-panel-header-divider\"></div>\n        <div class=\"transaction-line-side-panel-article-details-header-item\">\n          <span class=\"side-panel-header-label\" [textContent]=\"'AMOUNT2'| localize\"></span>\n          <span class=\"side-panel-header-field\"\n                [textContent]=\"purchaseAdviceLine.orderAmount ? purchaseAdviceLine.orderAmount : '-'\"></span>\n        </div>\n        <div class=\"side-panel-header-divider\"></div>\n        <div class=\"transaction-line-side-panel-article-details-header-item last-item-margin\">\n          <span class=\"side-panel-header-label\" [textContent]=\"'PRICE' | localize\"></span>\n          <span class=\"side-panel-header-field\"\n                [textContent]=\"purchaseAdviceLine.purchasePrice ? (purchaseAdviceLine.purchasePrice | priceDisplay) : '-'\"></span>\n        </div>\n        <co-icon (click)=\"handleCancelClick()\" [iconData]=\"iconCacheService.getIcon(icons.Cancel)\"\n                 class=\"close-button\"></co-icon>\n      </div>\n\n      <div class=\"section-wrapper\">\n        <span class=\"section-title\" [textContent]=\"'STOCK_PARAMETERS' | localize\"></span>\n        <div class=\"purchase-advice-detail-header\">\n          <div class=\"transaction-line-side-panel-article-details-header-item center\">\n            <span class=\"side-panel-header-label\" [textContent]=\"'ECONOMIC'| localize\"></span>\n            <span class=\"side-panel-header-field bold\"\n                  [textContent]=\"purchaseAdviceLine.econStock ? purchaseAdviceLine.econStock : '-'\"></span>\n          </div>\n          <div class=\"side-panel-header-divider\"></div>\n          <div class=\"transaction-line-side-panel-article-details-header-item center\">\n            <span class=\"side-panel-header-label\" [textContent]=\"'TARGET2'| localize\"></span>\n            <span class=\"side-panel-header-field bold\"\n                  [textContent]=\"purchaseAdviceLine.targetStock ? purchaseAdviceLine.targetStock : '-'\"></span>\n          </div>\n          <div class=\"side-panel-header-divider\"></div>\n          <div class=\"transaction-line-side-panel-article-details-header-item center\">\n            <span class=\"side-panel-header-label\" [textContent]=\"'DYNAMIC_MINIMAL'| localize\"></span>\n            <span class=\"side-panel-header-field bold\"\n                  [textContent]=\"purchaseAdviceLine.minDynamicStock ? purchaseAdviceLine.minDynamicStock : '-'\"></span>\n          </div>\n          <div class=\"side-panel-header-divider\"></div>\n          <div class=\"transaction-line-side-panel-article-details-header-item center\">\n            <span class=\"side-panel-header-label\" [textContent]=\"'MINIMAL'| localize\"></span>\n            <span class=\"side-panel-header-field bold\"\n                  [textContent]=\"purchaseAdviceLine.minStock ? purchaseAdviceLine.minStock : '-'\"></span>\n          </div>\n          <div class=\"side-panel-header-divider\"></div>\n          <div class=\"transaction-line-side-panel-article-details-header-item center\">\n            <span class=\"side-panel-header-label\" [textContent]=\"'MAX'| localize\"></span>\n            <span class=\"side-panel-header-field bold\"\n                  [textContent]=\"purchaseAdviceLine.maxStock ? purchaseAdviceLine.maxStock : '-'\"></span>\n          </div>\n          <div class=\"side-panel-header-divider\"></div>\n          <div class=\"transaction-line-side-panel-article-details-header-item center\">\n            <span class=\"side-panel-header-label\" [textContent]=\"'DIRECTLY_AVAILABLE'| localize\"></span>\n            <span class=\"side-panel-header-field bold\"\n                  [textContent]=\"purchaseAdviceLine.readilyAvailable ? purchaseAdviceLine.readilyAvailable : '-'\"></span>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"section-wrapper\">\n        <div class=\"detail-column-container\">\n          <div class=\"detail-column\">\n            <div class=\"transaction-line-side-panel-article-details-header-item\">\n              <div class=\"detail-column-item\">\n                <span class=\"side-panel-header-label\" [textContent]=\"'SALES_DESCRIPTION' | localize\"></span>\n                <span class=\"side-panel-header-field\"\n                      [textContent]=\"purchaseAdviceLine.salesDescription ? purchaseAdviceLine.salesDescription : '-'\"></span>\n              </div>\n            </div>\n            <div class=\"transaction-line-side-panel-article-details-header-item\">\n              <div class=\"detail-column-item\">\n                <span class=\"side-panel-header-label\" [textContent]=\"'TURNOVER_GROUP' | localize\"></span>\n                <span class=\"side-panel-header-field\"\n                      [textContent]=\"purchaseAdviceLine.turnOverGroupNo ? purchaseAdviceLine.turnOverGroupNo : '-'\"></span>\n              </div>\n            </div>\n            <div class=\"transaction-line-side-panel-article-details-header-item\">\n              <div class=\"detail-column-item\">\n                <span class=\"side-panel-header-label\" [textContent]=\"'EXCEEDANCE_CODE' | localize\"></span>\n                <span class=\"side-panel-header-field\"\n                      [textContent]=\"purchaseAdviceLine.exceedanceCode ? purchaseAdviceLine.exceedanceCode : '-'\"></span>\n              </div>\n            </div>\n          </div>\n          <div class=\"detail-column\">\n            <div class=\"transaction-line-side-panel-article-details-header-item\">\n              <div class=\"detail-column-item\">\n                <span class=\"side-panel-header-label\" [textContent]=\"'ORDER_CODE' | localize\"></span>\n                <span class=\"side-panel-header-field\"\n                      [textContent]=\"purchaseAdviceLine.orderCode ? purchaseAdviceLine.orderCode : '-'\"></span>\n              </div>\n            </div>\n            <div class=\"transaction-line-side-panel-article-details-header-item\">\n              <div class=\"detail-column-item\">\n                <span class=\"side-panel-header-label\" [textContent]=\"'NAME' | localize\"></span>\n                <span class=\"side-panel-header-field\"\n                      [textContent]=\"purchaseAdviceLine.articleName ? purchaseAdviceLine.articleName : '-'\"></span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"section-wrapper\">\n        <span class=\"section-title\" [textContent]=\"'ORDER_INFORMATION' | localize\"></span>\n        <div class=\"purchase-advice-detail-header\">\n          <div class=\"transaction-line-side-panel-article-details-header-item center\">\n            <span class=\"side-panel-header-label\" [textContent]=\"'SALES_QUANTITY'| localize\"></span>\n            <span class=\"side-panel-header-field bold\"\n                  [textContent]=\"purchaseAdviceLine.amountSales ? purchaseAdviceLine.amountSales : '-'\"></span>\n          </div>\n          <div class=\"side-panel-header-divider\"></div>\n          <div class=\"transaction-line-side-panel-article-details-header-item center\">\n            <span class=\"side-panel-header-label\" [textContent]=\"'PURCHASE_QUANTITY'| localize\"></span>\n            <span class=\"side-panel-header-field bold\"\n                  [textContent]=\"purchaseAdviceLine.amountPurchase ? purchaseAdviceLine.amountPurchase : '-'\"></span>\n          </div>\n          <div class=\"side-panel-header-divider\"></div>\n          <div class=\"transaction-line-side-panel-article-details-header-item center\">\n            <span class=\"side-panel-header-label\" [textContent]=\"'ORDER_AMOUNT'| localize\"></span>\n            <span class=\"side-panel-header-field bold\"\n                  [textContent]=\"$any(purchaseAdviceLine).displayOrderAmount ? $any(purchaseAdviceLine).displayOrderAmount : '-'\"></span>\n          </div>\n          <div class=\"side-panel-header-divider\"></div>\n          <div class=\"transaction-line-side-panel-article-details-header-item center\">\n            <span class=\"side-panel-header-label\" [textContent]=\"'VELOCITY'| localize\"></span>\n            <span class=\"side-panel-header-field bold\"\n                  [textContent]=\"purchaseAdviceLine.velocityMonth ? purchaseAdviceLine.velocityMonth : '-'\"></span>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"section-wrapper\">\n        <div class=\"detail-column-container\">\n          <div class=\"detail-column\">\n            <div class=\"column-input-item\">\n              <co-input-text\n                [placeholder]=\"'AMOUNT2' | localize\"\n                [type]=\"'number'\"\n                [(model)]=\"purchaseAdviceLine.orderAmount\"\n                [min]=\"1\"\n              ></co-input-text>\n            </div>\n            <div class=\"column-input-item\">\n                <co-list-of-values class=\"details-input\"\n                                   [(model)]=\"purchaseAdviceLine.warehouseNo\"\n                                   [collection]=\"warehouses\"\n                                   [displayField]=\"'description'\"\n                                   [label]=\"'WAREHOUSE' | localize\"\n                ></co-list-of-values>\n            </div>\n          </div>\n          <div class=\"detail-column\">\n            <div class=\"column-input-item\">\n              <co-input-text\n                [placeholder]=\"'PURCHASE_PRICE' | localize\"\n                [type]=\"'number'\"\n                [(model)]=\"purchaseAdviceLine.purchasePrice\"\n                [min]=\"0\"\n                (modelChange)=\"handleCostChange()\"\n              ></co-input-text>\n            </div>\n            <div class=\"column-input-item\">\n              <co-input-text\n                [placeholder]=\"'TRANSPORT_PRICE' | localize\"\n                [type]=\"'number'\"\n                [(model)]=\"purchaseAdviceLine.shippingCost\"\n                [min]=\"0\"\n                (modelChange)=\"handleCostChange()\"\n              ></co-input-text>\n            </div>\n            <div class=\"column-input-item\">\n              <co-input-text\n                [placeholder]=\"'MANUFACTURING_PRICE' | localize\"\n                [type]=\"'number'\"\n                [(model)]=\"calculatedAssemblyCost\"\n                [min]=\"0\"\n                (modelChange)=\"handleAssemblyCostChange()\"\n              ></co-input-text>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"section-wrapper\">\n        <span class=\"section-title\" [textContent]=\"'ALTERNATIVE_SUPPLIERS' | localize\"></span>\n\n        <div class=\"dynamic-suppliers-wrapper\">\n          <div class=\"dynamic-supplier\"\n               [class.selected]=\"selectedSupplierId === supplier.supplierProduct.relationIdSupplier\"\n               *ngFor=\"let supplier of alternateSuppliers\" (click)=\"handleSelectSupplier(supplier)\">\n            <span class=\"side-panel-header-label supplier-date\"\n                  [textContent]=\"supplier.supplierProduct.updateStock ? supplier.supplierProduct.updateStock : ('UNKNOWN_DELIVERY_DATE' | localize)\"></span>\n            <span class=\"supplier-name\" [textContent]=\"supplier.relationName\"></span>\n            <div class=\"supplier-detail-container\">\n              <div class=\"transaction-line-side-panel-article-details-header-item center half-width\">\n                <span class=\"side-panel-header-label\" [textContent]=\"'PURCHASE_PRICE'| localize\"></span>\n                <span class=\"side-panel-header-field bold\"\n                      [textContent]=\"supplier.supplierProduct.priceDeviation ? (supplier.supplierProduct.priceDeviation | priceDisplay) : '-'\"></span>\n              </div>\n              <div class=\"side-panel-header-divider\"></div>\n              <div class=\"transaction-line-side-panel-article-details-header-item center half-width\">\n                <span class=\"side-panel-header-label\" [textContent]=\"'STOCK'| localize\"></span>\n                <span class=\"side-panel-header-field bold\"\n                      [textContent]=\"supplier.supplierProduct.stockSupplier ? supplier.supplierProduct.stockSupplier : '-'\"></span>\n              </div>\n            </div>\n          </div>\n\n        </div>\n      </div>\n\n      <co-drop-down-list class=\"supplier-list\"\n                         [placeholder]=\"'SUPPLIER' | localize\"\n                         [required]=\"true\"\n                         [noClickFocus]=\"true\"\n                         [allowFiltering]=\"true\"\n                         [filterType]=\"'Contains'\"\n                         [filterBarPlaceholder]=\"'SEARCH' | localize\"\n                         [collection]=\"suppliers\"\n                         [fields]=\"supplierDropdownFields\"\n                         [(model)]=\"selectedSupplierId\"\n                         (modelChange)=\"handleSupplierChanged($event)\"\n      ></co-drop-down-list>\n\n      <co-list-of-values class=\"supplier-list\"\n                         [label]=\"'SUPPLIER' | localize\"\n                         [required]=\"true\"\n                         [noClickFocus]=\"true\"\n                         [searchPlaceholder]=\"'SEARCH' | localize\"\n                         [collection]=\"suppliers\"\n                         [displayField]=\"'familyName'\"\n                         [(model)]=\"selectedSupplierId\"\n                         (modelChange)=\"handleSupplierChanged($event)\"\n      ></co-list-of-values>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -23509,7 +23646,8 @@
                         corecomponents_v12.InputTextModule,
                         common.CommonModule,
                         PipeModule,
-                        corecomponents_v12.IconModule
+                        corecomponents_v12.IconModule,
+                        corecomponents_v12.ListOfValuesModule
                     ],
                     declarations: [
                         TransactionLineSidePanelArticleDetailsComponent
@@ -23552,6 +23690,135 @@
                 },] }
     ];
 
+    var OverlayDirective = /** @class */ (function () {
+        function OverlayDirective(elementRef) {
+            var _this = this;
+            this.keepInView = false;
+            this.inheritWidth = false;
+            this.rightAlign = false;
+            this.handleScroll = function (event) {
+                _this._checkAndPlaceElement();
+            };
+            this._elementRef = elementRef;
+        }
+        Object.defineProperty(OverlayDirective.prototype, "parent", {
+            set: function (value) {
+                if (value) {
+                    this._parent = value instanceof i0.ElementRef ? value : value.elementRef;
+                }
+                else {
+                    if (this._parent) {
+                        this._resizeObserver.disconnect();
+                    }
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        OverlayDirective.prototype.ngOnDestroy = function () {
+            document.removeEventListener("scroll", this.handleScroll, true);
+            this._intersectionObserver.disconnect();
+            this._resizeObserver.disconnect();
+            this._elementRef = undefined;
+            this._parent = undefined;
+        };
+        OverlayDirective.prototype.ngOnInit = function () {
+            var _this = this;
+            if (!this._elementRef || !this._elementRef.nativeElement) {
+                return;
+            }
+            document.addEventListener("scroll", this.handleScroll, true);
+            this._checkAndPlaceElement();
+            this._resizeObserver = new ResizeObserver(function (entries) {
+                _this._checkAndPlaceElement();
+            });
+            this._intersectionObserver = new IntersectionObserver(function (entries) {
+                if (entries && entries.length > 0) {
+                    if (entries[0].isIntersecting === false) {
+                        _this._elementRef.nativeElement.style.opacity = 0; // hide cause parent is not visible
+                    }
+                    else {
+                        _this._elementRef.nativeElement.style.opacity = 1;
+                    }
+                }
+            }, {
+                root: null
+            });
+            this._intersectionObserver.observe(this._parent.nativeElement); // observe parent for visibility
+            this._resizeObserver.observe(document.body);
+        };
+        OverlayDirective.prototype._checkAndPlaceElement = function () {
+            if (this._elementRef && this._elementRef.nativeElement && this._parent && this._parent.nativeElement) {
+                var elementRect = this._elementRef.nativeElement.getBoundingClientRect();
+                var parentRect = this._parent.nativeElement.getBoundingClientRect();
+                this._placeElement(window.innerHeight, window.innerWidth, parentRect, elementRect);
+            }
+        };
+        OverlayDirective.prototype._placeElement = function (bottom, right, parentRect, elementRect) {
+            if (bottom < parentRect.bottom + elementRect.height) { // make sure it fits at the bottom
+                this._elementRef.nativeElement.style.top = (parentRect.top - elementRect.height) + "px";
+                this._elementRef.nativeElement.classList.add('top');
+            }
+            else {
+                this._elementRef.nativeElement.classList.remove('top');
+                this._elementRef.nativeElement.style.top = parentRect.bottom + "px";
+            }
+            if (this.inheritWidth) {
+                this._elementRef.nativeElement.style.width = parentRect.width + "px";
+            }
+            if (this.rightAlign) {
+                this._elementRef.nativeElement.style.left = (parentRect.right - elementRect.width) + "px";
+            }
+            else {
+                this._elementRef.nativeElement.style.left = parentRect.left + "px";
+            }
+            if (this.keepInView) {
+                if (elementRect.right > window.innerWidth) {
+                    //see if we can move it to the left
+                    if ((window.innerWidth - elementRect.width) > 0) {
+                        this._elementRef.nativeElement.style.left = (window.innerWidth - elementRect.width) + "px";
+                    }
+                    else { //resize so it fits into view
+                        this._elementRef.nativeElement.style.width = window.innerWidth + "px";
+                        this._elementRef.nativeElement.style.left = 0;
+                    }
+                }
+            }
+        };
+        return OverlayDirective;
+    }());
+    OverlayDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: "[overlay]"
+                },] }
+    ];
+    OverlayDirective.ctorParameters = function () { return [
+        { type: i0.ElementRef }
+    ]; };
+    OverlayDirective.propDecorators = {
+        parent: [{ type: i0.Input, args: ["overlay",] }],
+        keepInView: [{ type: i0.Input }],
+        inheritWidth: [{ type: i0.Input }],
+        rightAlign: [{ type: i0.Input }]
+    };
+
+    var OverlayModule = /** @class */ (function () {
+        function OverlayModule() {
+        }
+        return OverlayModule;
+    }());
+    OverlayModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule
+                    ],
+                    declarations: [
+                        OverlayDirective
+                    ],
+                    exports: [OverlayDirective]
+                },] }
+    ];
+
     var TransactionLineActionButtonsModule = /** @class */ (function () {
         function TransactionLineActionButtonsModule() {
         }
@@ -23566,10 +23833,13 @@
                         corecomponents_v12.ClickoutsideModule,
                         TransactionArticleTextOverviewModule,
                         TransactionArticleTextModule,
-                        PipeModule
+                        PipeModule,
+                        OverlayModule,
+                        corecomponents_v12.IconModule
                     ],
                     declarations: [
-                        TransactionLineActionButtonsComponent
+                        TransactionLineActionButtonsComponent,
+                        TransactionLineActionButtonsPopupComponent
                     ],
                     exports: [
                         TransactionLineActionButtonsComponent
@@ -25002,7 +25272,6 @@
             _this.actionButtons = true;
             _this.checkboxValueChanged = new i0.EventEmitter();
             _this.waitingForUserAction = new i0.EventEmitter();
-            _this.descriptionDblClick = new i0.EventEmitter();
             return _this;
         }
         TransactionBaseLineComponent.prototype.showClass = function () {
@@ -25016,15 +25285,15 @@
             this.transactionEventService.openSidePanel.next(line);
             this.waitingForUserAction.next(true);
         };
-        TransactionBaseLineComponent.prototype.onDescriptionDblClick = function () {
-            this.descriptionDblClick.emit();
+        TransactionBaseLineComponent.prototype.handleOpenArticleText = function (text) {
+            this.transactionEventService.openArticleTextOverview.next(this.transactionLine);
         };
         return TransactionBaseLineComponent;
     }(TransactionBaseComponent));
     TransactionBaseLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-base-line",
-                    template: "\n    <div class=\"transaction-base-line-wrapper\" data-action=\"openSidePanel\">\n      <div class=\"transaction-base-line-section\" [class.line-start]=\"!preview\">\n        <co-input-checkbox *ngIf=\"checkbox\" class=\"transaction-line-checkbox\" [class.hidden]=\"hideCheckbox\"\n                           [model]=\"checkboxValue\"\n                           (modelChange)=\"checkboxValueChanged.emit($event)\"\n        ></co-input-checkbox>\n        <co-transaction-line-image-and-description\n          *ngIf=\"transactionLine.isArticle\" class=\"transaction-line-image-and-description-wrapper\"\n          [preview]=\"preview\"\n          [transactionLine]=\"transactionLine\"\n          (handleDeleteLine)=\"deleteTransactionLineClick($event)\"\n          (descriptionDblClick)=\"onDescriptionDblClick()\"\n        ></co-transaction-line-image-and-description>\n      </div>\n      <div class=\"transaction-base-line-section\" [class.line-end]=\"!preview\" [class.preview-margin]=\"preview\">\n        <ng-content></ng-content>\n        <div *ngIf=\"!preview && actionButtons\" class=\"transaction-line-buttons\">\n          <co-transaction-line-action-buttons\n            [showActionButtons]=\"selected || false\"\n            [transactionLine]=\"transactionLine\"\n            (waitingForUserAction)=\"waitingForUserAction.next($event)\"\n            (sidePanelButtonClicked)=\"handleShowSidePanel($event)\"\n          ></co-transaction-line-action-buttons>\n        </div>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"transaction-base-line-wrapper\" data-action=\"openSidePanel\">\n      <div class=\"transaction-base-line-section\" [class.line-start]=\"!preview\">\n        <co-input-checkbox *ngIf=\"checkbox\" class=\"transaction-line-checkbox\" [class.hidden]=\"hideCheckbox\"\n                           [model]=\"checkboxValue\"\n                           (modelChange)=\"checkboxValueChanged.emit($event)\"\n        ></co-input-checkbox>\n        <co-transaction-line-image-and-description\n          *ngIf=\"transactionLine.isArticle\" class=\"transaction-line-image-and-description-wrapper\"\n          [preview]=\"preview\"\n          [transactionLine]=\"transactionLine\"\n          (handleDeleteLine)=\"deleteTransactionLineClick($event)\"\n          (openArticleTextClicked)=\"handleOpenArticleText($event)\"\n        ></co-transaction-line-image-and-description>\n      </div>\n      <div class=\"transaction-base-line-section\" [class.line-end]=\"!preview\" [class.preview-margin]=\"preview\">\n        <ng-content></ng-content>\n        <div *ngIf=\"!preview && actionButtons\" class=\"transaction-line-buttons\">\n          <co-transaction-line-action-buttons\n            [transactionLine]=\"transactionLine\"\n            (waitingForUserAction)=\"waitingForUserAction.next($event)\"\n            (sidePanelButtonClicked)=\"handleShowSidePanel($event)\"\n          ></co-transaction-line-action-buttons>\n        </div>\n      </div>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None,
                     changeDetection: i0.ChangeDetectionStrategy.OnPush
                 },] }
@@ -25036,7 +25305,6 @@
         actionButtons: [{ type: i0.Input }],
         checkboxValueChanged: [{ type: i0.Output }],
         waitingForUserAction: [{ type: i0.Output }],
-        descriptionDblClick: [{ type: i0.Output }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-base-line",] }]
     };
 
@@ -25667,7 +25935,7 @@
             return true;
         };
         TransactionPrintPackageStickerComponent.prototype.handleShowDialog = function () {
-            if (this.transactionLine.articleLineStatus.quantityToReceive) {
+            if (this.lineQuantityToReceive) {
                 this.showSendMethodDialog = true;
             }
         };
@@ -25698,7 +25966,7 @@
     TransactionPrintPackageStickerComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-print-package-sticker",
-                    template: "\n    <div class=\"print-button\">\n      <co-icon [class.pointer]=\"transactionLine.articleLineStatus.quantityToReceive\" [iconData]=\"iconCacheService.getIcon(icons.PrintSolid)\" (click)=\"handleShowDialog()\"></co-icon>\n      <co-input-text\n        [(model)]=\"transactionLine.stickerAmount\"\n        [disabled]=\"!transactionLine.articleLineStatus.quantityToReceive\"\n        [noStyle]=\"true\"\n        [digitsOnly]=\"true\"\n        [hideArrowButtons]=\"true\"\n        [min]=\"1\"\n      ></co-input-text>\n    </div>\n    <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n                           [printerList]=\"printerList\"\n                           [headerTitle]=\"'Printer en lay-out selectie'\"\n                           [defaultSendMethod]=\"defaultSendMethod\"\n                           [visibleMethods]=\"[sendMethodType.Print]\"\n                           [emailAddresses]=\"emailAddresses\"\n                           [emailLayouts]=\"emailLayouts\"\n                           [printLayouts]=\"printLayouts\"\n                           [isDocSignEnabled]=\"true\"\n                           [(reportingDocumentEmailRequest)]=\"reportDocumentEmailRequest\"\n                           [(reportingDocumentPrintRequest)]=\"reportDocumentPrintRequest\"\n                           [(reportingDocumentPdfRequest)]=\"reportDocumentPdfRequest\"\n                           (closeClick)=\"showSendMethodDialog = false\"\n                           (okClick)=\"handleSendMethodOkClick($event)\"\n    ></co-send-method-dialog>\n    ",
+                    template: "\n    <div class=\"print-button\">\n      <co-icon [class.pointer]=\"lineQuantityToReceive\" [iconData]=\"iconCacheService.getIcon(icons.PrintSolid)\" (click)=\"handleShowDialog()\"></co-icon>\n      <co-input-text\n        [(model)]=\"transactionLine.stickerAmount\"\n        [disabled]=\"!lineQuantityToReceive\"\n        [noStyle]=\"true\"\n        [digitsOnly]=\"true\"\n        [hideArrowButtons]=\"true\"\n        [min]=\"1\"\n      ></co-input-text>\n    </div>\n    <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n                           [printerList]=\"printerList\"\n                           [headerTitle]=\"'Printer en lay-out selectie'\"\n                           [defaultSendMethod]=\"defaultSendMethod\"\n                           [visibleMethods]=\"[sendMethodType.Print]\"\n                           [emailAddresses]=\"emailAddresses\"\n                           [emailLayouts]=\"emailLayouts\"\n                           [printLayouts]=\"printLayouts\"\n                           [isDocSignEnabled]=\"true\"\n                           [(reportingDocumentEmailRequest)]=\"reportDocumentEmailRequest\"\n                           [(reportingDocumentPrintRequest)]=\"reportDocumentPrintRequest\"\n                           [(reportingDocumentPdfRequest)]=\"reportDocumentPdfRequest\"\n                           (closeClick)=\"showSendMethodDialog = false\"\n                           (okClick)=\"handleSendMethodOkClick($event)\"\n    ></co-send-method-dialog>\n    ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -26826,7 +27094,8 @@
                         TransactionNavigationButtonModule,
                         PipeModule,
                         CoreModule,
-                        corecomponents_v12.ClickoutsideModule
+                        corecomponents_v12.ClickoutsideModule,
+                        corecomponents_v12.OverlayModule
                     ],
                     declarations: [
                         TransactionNavigationButtonListComponent
@@ -29374,401 +29643,402 @@
     exports["ɵbo"] = StockStatusIndicatorComponent;
     exports["ɵbp"] = LazyRenderMasterDirective;
     exports["ɵbq"] = LazyRenderDirective;
-    exports["ɵbr"] = OverlayParentDirective;
-    exports["ɵbs"] = OverlayDirective;
-    exports["ɵbt"] = RelationAddressModule;
-    exports["ɵbu"] = RelationAddressComponent;
-    exports["ɵbv"] = RelationBaseComponent;
-    exports["ɵbw"] = RelationAddressSelectModule;
-    exports["ɵbx"] = RelationAddressTileModule;
-    exports["ɵby"] = TileModule;
-    exports["ɵbz"] = TileComponent;
+    exports["ɵbr"] = RelationAddressModule;
+    exports["ɵbs"] = RelationAddressComponent;
+    exports["ɵbt"] = RelationBaseComponent;
+    exports["ɵbu"] = RelationAddressSelectModule;
+    exports["ɵbv"] = RelationAddressTileModule;
+    exports["ɵbw"] = TileModule;
+    exports["ɵbx"] = TileComponent;
+    exports["ɵby"] = RelationAddressTileComponent;
+    exports["ɵbz"] = RelationAddressSelectComponent;
     exports["ɵc"] = OptionsService;
-    exports["ɵca"] = RelationAddressTileComponent;
-    exports["ɵcb"] = RelationAddressSelectComponent;
-    exports["ɵcc"] = StepperModule;
-    exports["ɵcd"] = StepperComponent;
-    exports["ɵce"] = StepperStepComponent;
-    exports["ɵcf"] = TransactionLineModule;
-    exports["ɵcg"] = TransactionLineComponent;
-    exports["ɵch"] = TransactionBaseComponent;
-    exports["ɵci"] = TransactionImageService;
-    exports["ɵcj"] = TransactionMappingService;
-    exports["ɵck"] = TransactionArticleTextModule;
-    exports["ɵcl"] = TransactionLineImageAndDescriptionModule;
-    exports["ɵcm"] = TransactionLineDescriptionModule;
-    exports["ɵcn"] = TransactionLineDescriptionComponent;
-    exports["ɵco"] = TransactionInputFieldBaseComponent;
-    exports["ɵcp"] = TransactionLineImageAndDescriptionComponent;
-    exports["ɵcq"] = TransactionArticleTextComponent;
-    exports["ɵcr"] = DialogTransactionHeaderDiscountModule;
-    exports["ɵcs"] = TransactionHeaderDiscountPercentageModule;
-    exports["ɵct"] = TransactionHeaderDiscountPercentageComponent;
-    exports["ɵcu"] = TransactionHeaderDiscountAmountModule;
-    exports["ɵcv"] = TransactionHeaderDiscountAmountComponent;
-    exports["ɵcw"] = TransactionHeaderDiscountTransactionTotalModule;
-    exports["ɵcx"] = TransactionHeaderDiscountTransactionTotalComponent;
-    exports["ɵcy"] = DialogTransactionHeaderDiscountComponent;
-    exports["ɵcz"] = DialogTransactionBaseComponent;
+    exports["ɵca"] = StepperModule;
+    exports["ɵcb"] = StepperComponent;
+    exports["ɵcc"] = StepperStepComponent;
+    exports["ɵcd"] = TransactionLineModule;
+    exports["ɵce"] = TransactionLineComponent;
+    exports["ɵcf"] = TransactionBaseComponent;
+    exports["ɵcg"] = TransactionImageService;
+    exports["ɵch"] = TransactionMappingService;
+    exports["ɵci"] = TransactionArticleTextModule;
+    exports["ɵcj"] = TransactionLineImageAndDescriptionModule;
+    exports["ɵck"] = TransactionLineDescriptionModule;
+    exports["ɵcl"] = TransactionLineDescriptionComponent;
+    exports["ɵcm"] = TransactionInputFieldBaseComponent;
+    exports["ɵcn"] = TransactionLineImageAndDescriptionComponent;
+    exports["ɵco"] = TransactionArticleTextComponent;
+    exports["ɵcp"] = DialogTransactionHeaderDiscountModule;
+    exports["ɵcq"] = TransactionHeaderDiscountPercentageModule;
+    exports["ɵcr"] = TransactionHeaderDiscountPercentageComponent;
+    exports["ɵcs"] = TransactionHeaderDiscountAmountModule;
+    exports["ɵct"] = TransactionHeaderDiscountAmountComponent;
+    exports["ɵcu"] = TransactionHeaderDiscountTransactionTotalModule;
+    exports["ɵcv"] = TransactionHeaderDiscountTransactionTotalComponent;
+    exports["ɵcw"] = DialogTransactionHeaderDiscountComponent;
+    exports["ɵcx"] = DialogTransactionBaseComponent;
+    exports["ɵcy"] = AvatarModule;
+    exports["ɵcz"] = AvatarComponent;
     exports["ɵd"] = DictionaryService;
-    exports["ɵda"] = AvatarModule;
-    exports["ɵdb"] = AvatarComponent;
-    exports["ɵdc"] = SharedService;
-    exports["ɵdd"] = SharedConnectorService;
-    exports["ɵde"] = DeliveryTypeTileModule;
-    exports["ɵdf"] = DeliveryTypeTileComponent;
-    exports["ɵdg"] = PaymentModule;
-    exports["ɵdh"] = PaymentTileModule;
-    exports["ɵdi"] = PaymentTileComponent;
-    exports["ɵdj"] = PaymentQrCodeModule;
-    exports["ɵdk"] = PaymentQrCodeComponent;
-    exports["ɵdl"] = DepositPaymentModule;
-    exports["ɵdm"] = DepositPaymentComponent;
-    exports["ɵdn"] = PaymentService;
-    exports["ɵdo"] = PaymentComponent;
-    exports["ɵdp"] = RelationTypeModule;
-    exports["ɵdq"] = RelationTypeComponent;
-    exports["ɵdr"] = RelationGeneralModule;
-    exports["ɵds"] = RelationSuggestionsListModule;
-    exports["ɵdt"] = RelationSuggestionsListItemModule;
-    exports["ɵdu"] = RelationSuggestionsListItemComponent;
-    exports["ɵdv"] = RelationSuggestionsListComponent;
-    exports["ɵdw"] = RelationContactDetailsModule;
-    exports["ɵdx"] = RelationContactDetailsComponent;
-    exports["ɵdy"] = RelationGeneralComponent;
-    exports["ɵdz"] = RelationAddressesModule;
+    exports["ɵda"] = SharedService;
+    exports["ɵdb"] = SharedConnectorService;
+    exports["ɵdc"] = DeliveryTypeTileModule;
+    exports["ɵdd"] = DeliveryTypeTileComponent;
+    exports["ɵde"] = PaymentModule;
+    exports["ɵdf"] = PaymentTileModule;
+    exports["ɵdg"] = PaymentTileComponent;
+    exports["ɵdh"] = PaymentQrCodeModule;
+    exports["ɵdi"] = PaymentQrCodeComponent;
+    exports["ɵdj"] = DepositPaymentModule;
+    exports["ɵdk"] = DepositPaymentComponent;
+    exports["ɵdl"] = PaymentService;
+    exports["ɵdm"] = PaymentComponent;
+    exports["ɵdn"] = RelationTypeModule;
+    exports["ɵdo"] = RelationTypeComponent;
+    exports["ɵdp"] = RelationGeneralModule;
+    exports["ɵdq"] = RelationSuggestionsListModule;
+    exports["ɵdr"] = RelationSuggestionsListItemModule;
+    exports["ɵds"] = RelationSuggestionsListItemComponent;
+    exports["ɵdt"] = RelationSuggestionsListComponent;
+    exports["ɵdu"] = RelationContactDetailsModule;
+    exports["ɵdv"] = RelationContactDetailsComponent;
+    exports["ɵdw"] = RelationGeneralComponent;
+    exports["ɵdx"] = RelationAddressesModule;
+    exports["ɵdy"] = RelationAddressesComponent;
+    exports["ɵdz"] = RelationPreferencesModule;
     exports["ɵe"] = DialogService;
-    exports["ɵea"] = RelationAddressesComponent;
-    exports["ɵeb"] = RelationPreferencesModule;
-    exports["ɵec"] = RelationPreferencesComponent;
-    exports["ɵed"] = TransactionHeaderBlockModule;
-    exports["ɵee"] = TransactionHeaderBlockComponent;
-    exports["ɵef"] = TransactionHeaderDeliveryDateModule;
-    exports["ɵeg"] = TransactionHeaderDeliveryDateComponent;
-    exports["ɵeh"] = TransactionHeaderDeliveryOptionsModule;
-    exports["ɵei"] = TransactionHeaderDeliveryOptionsComponent;
-    exports["ɵej"] = TransactionHeaderRemarksModule;
-    exports["ɵek"] = TransactionHeaderRemarksComponent;
-    exports["ɵel"] = TransactionHeaderReferenceModule;
-    exports["ɵem"] = TransactionHeaderReferenceComponent;
-    exports["ɵen"] = TransactionHeaderRelationReferenceModule;
-    exports["ɵeo"] = TransactionHeaderRelationReferenceComponent;
-    exports["ɵep"] = TransactionHeaderDeliveryMethodModule;
-    exports["ɵeq"] = TransactionLineCheckboxModule;
-    exports["ɵer"] = TransactionLineCheckboxListComponent;
-    exports["ɵes"] = TransactionHeaderDeliveryMethodComponent;
-    exports["ɵet"] = TransactionFilterPopupBaseComponent;
-    exports["ɵeu"] = TransactionHeaderPreferredDeliveryDateModule;
-    exports["ɵev"] = TransactionHeaderPreferredDeliveryDateComponent;
-    exports["ɵew"] = DialogTransactionHeaderDeliveryMethodModule;
-    exports["ɵex"] = DialogHeaderSearchModule;
-    exports["ɵey"] = DialogHeaderSearchComponent;
-    exports["ɵez"] = DialogTransactionHeaderDeliveryMethodComponent;
+    exports["ɵea"] = RelationPreferencesComponent;
+    exports["ɵeb"] = TransactionHeaderBlockModule;
+    exports["ɵec"] = TransactionHeaderBlockComponent;
+    exports["ɵed"] = TransactionHeaderDeliveryDateModule;
+    exports["ɵee"] = TransactionHeaderDeliveryDateComponent;
+    exports["ɵef"] = TransactionHeaderDeliveryOptionsModule;
+    exports["ɵeg"] = TransactionHeaderDeliveryOptionsComponent;
+    exports["ɵeh"] = TransactionHeaderRemarksModule;
+    exports["ɵei"] = TransactionHeaderRemarksComponent;
+    exports["ɵej"] = TransactionHeaderReferenceModule;
+    exports["ɵek"] = TransactionHeaderReferenceComponent;
+    exports["ɵel"] = TransactionHeaderRelationReferenceModule;
+    exports["ɵem"] = TransactionHeaderRelationReferenceComponent;
+    exports["ɵen"] = TransactionHeaderDeliveryMethodModule;
+    exports["ɵeo"] = TransactionLineCheckboxModule;
+    exports["ɵep"] = TransactionLineCheckboxListComponent;
+    exports["ɵeq"] = TransactionHeaderDeliveryMethodComponent;
+    exports["ɵer"] = TransactionFilterPopupBaseComponent;
+    exports["ɵes"] = TransactionHeaderPreferredDeliveryDateModule;
+    exports["ɵet"] = TransactionHeaderPreferredDeliveryDateComponent;
+    exports["ɵeu"] = DialogTransactionHeaderDeliveryMethodModule;
+    exports["ɵev"] = DialogHeaderSearchModule;
+    exports["ɵew"] = DialogHeaderSearchComponent;
+    exports["ɵex"] = DialogTransactionHeaderDeliveryMethodComponent;
+    exports["ɵey"] = TransactionHeaderPartialDeliveryModule;
+    exports["ɵez"] = TransactionHeaderPartialDeliveryComponent;
     exports["ɵf"] = DynamicComponentService;
-    exports["ɵfa"] = TransactionHeaderPartialDeliveryModule;
-    exports["ɵfb"] = TransactionHeaderPartialDeliveryComponent;
-    exports["ɵfc"] = TransactionHeaderDepositPercentageModule;
-    exports["ɵfd"] = TransactionHeaderDepositPercentageComponent;
-    exports["ɵfe"] = TransactionHeaderDepositAmountModule;
-    exports["ɵff"] = TransactionHeaderDepositAmountComponent;
-    exports["ɵfg"] = TransactionHeaderDefinitiveModule;
-    exports["ɵfh"] = TransactionHeaderDefinitiveComponent;
-    exports["ɵfi"] = TransactionHeaderBranchModule;
-    exports["ɵfj"] = TransactionHeaderBranchComponent;
-    exports["ɵfk"] = TransactionHeaderAdministrativeRelationModule;
-    exports["ɵfl"] = TransactionHeaderAdministrativeRelationComponent;
-    exports["ɵfm"] = TransactionHeaderMarketingModule;
-    exports["ɵfn"] = TransactionHeaderMarketingComponent;
-    exports["ɵfo"] = CheckoutOverviewRelationEditComponent;
-    exports["ɵfp"] = CheckoutOverviewDeliveryEditComponent;
-    exports["ɵfq"] = CheckoutOverviewDeliveryAddressComponent;
-    exports["ɵfr"] = CheckoutOverviewPaymentComponent;
-    exports["ɵfs"] = CheckoutLoginComponent;
-    exports["ɵft"] = TransactionFilterCategoriesModule;
-    exports["ɵfu"] = TransactionFilterCategoriesComponent;
-    exports["ɵfv"] = TransactionHeaderSalesPersonModule;
-    exports["ɵfw"] = TransactionHeaderSalesPersonComponent;
-    exports["ɵfx"] = TransactionHeaderPriceKindModule;
-    exports["ɵfy"] = TransactionHeaderPriceKindComponent;
-    exports["ɵfz"] = TransactionHeaderPaymentConditionModule;
+    exports["ɵfa"] = TransactionHeaderDepositPercentageModule;
+    exports["ɵfb"] = TransactionHeaderDepositPercentageComponent;
+    exports["ɵfc"] = TransactionHeaderDepositAmountModule;
+    exports["ɵfd"] = TransactionHeaderDepositAmountComponent;
+    exports["ɵfe"] = TransactionHeaderDefinitiveModule;
+    exports["ɵff"] = TransactionHeaderDefinitiveComponent;
+    exports["ɵfg"] = TransactionHeaderBranchModule;
+    exports["ɵfh"] = TransactionHeaderBranchComponent;
+    exports["ɵfi"] = TransactionHeaderAdministrativeRelationModule;
+    exports["ɵfj"] = TransactionHeaderAdministrativeRelationComponent;
+    exports["ɵfk"] = TransactionHeaderMarketingModule;
+    exports["ɵfl"] = TransactionHeaderMarketingComponent;
+    exports["ɵfm"] = CheckoutOverviewRelationEditComponent;
+    exports["ɵfn"] = CheckoutOverviewDeliveryEditComponent;
+    exports["ɵfo"] = CheckoutOverviewDeliveryAddressComponent;
+    exports["ɵfp"] = CheckoutOverviewPaymentComponent;
+    exports["ɵfq"] = CheckoutLoginComponent;
+    exports["ɵfr"] = TransactionFilterCategoriesModule;
+    exports["ɵfs"] = TransactionFilterCategoriesComponent;
+    exports["ɵft"] = TransactionHeaderSalesPersonModule;
+    exports["ɵfu"] = TransactionHeaderSalesPersonComponent;
+    exports["ɵfv"] = TransactionHeaderPriceKindModule;
+    exports["ɵfw"] = TransactionHeaderPriceKindComponent;
+    exports["ɵfx"] = TransactionHeaderPaymentConditionModule;
+    exports["ɵfy"] = TransactionHeaderPaymentConditionComponent;
+    exports["ɵfz"] = TransactionHeaderCurrencyModule;
     exports["ɵg"] = TransactionConnectorService;
-    exports["ɵga"] = TransactionHeaderPaymentConditionComponent;
-    exports["ɵgb"] = TransactionHeaderCurrencyModule;
-    exports["ɵgc"] = TransactionHeaderCurrencyComponent;
-    exports["ɵgd"] = TransactionHeaderHoldCodesModule;
-    exports["ɵge"] = TransactionHeaderHoldCodesComponent;
-    exports["ɵgf"] = TransactionHeaderPaymentModule;
-    exports["ɵgg"] = TransactionHeaderPaymentComponent;
-    exports["ɵgh"] = TransactionLinesGridModule;
-    exports["ɵgi"] = TransactionBaseGridModule;
-    exports["ɵgj"] = TransactionLineSidePanelModule;
-    exports["ɵgk"] = TransactionLineSidePanelDefaultModule;
-    exports["ɵgl"] = TransactionLinePriceListModule;
-    exports["ɵgm"] = TransactionLinePriceListComponent;
-    exports["ɵgn"] = TransactionLineVatModule;
-    exports["ɵgo"] = TransactionLineVatComponent;
-    exports["ɵgp"] = TransactionLineQuantityModule;
-    exports["ɵgq"] = TransactionLineQuantityComponent;
-    exports["ɵgr"] = TransactionLineLineDiscountModule;
-    exports["ɵgs"] = TransactionLineLineDiscountComponent;
-    exports["ɵgt"] = TransactionLineDeliveryMethodModule;
-    exports["ɵgu"] = TransactionLineDeliveryMethodComponent;
-    exports["ɵgv"] = TransactionLineDeliveryDateModule;
-    exports["ɵgw"] = TransactionLineDeliveryDateComponent;
-    exports["ɵgx"] = TransactionLineReferenceModule;
-    exports["ɵgy"] = TransactionLineReferenceComponent;
-    exports["ɵgz"] = TransactionLineCommissionCodeModule;
+    exports["ɵga"] = TransactionHeaderCurrencyComponent;
+    exports["ɵgb"] = TransactionHeaderHoldCodesModule;
+    exports["ɵgc"] = TransactionHeaderHoldCodesComponent;
+    exports["ɵgd"] = TransactionHeaderPaymentModule;
+    exports["ɵge"] = TransactionHeaderPaymentComponent;
+    exports["ɵgf"] = TransactionLinesGridModule;
+    exports["ɵgg"] = TransactionBaseGridModule;
+    exports["ɵgh"] = TransactionLineSidePanelModule;
+    exports["ɵgi"] = TransactionLineSidePanelDefaultModule;
+    exports["ɵgj"] = TransactionLinePriceListModule;
+    exports["ɵgk"] = TransactionLinePriceListComponent;
+    exports["ɵgl"] = TransactionLineVatModule;
+    exports["ɵgm"] = TransactionLineVatComponent;
+    exports["ɵgn"] = TransactionLineQuantityModule;
+    exports["ɵgo"] = TransactionLineQuantityComponent;
+    exports["ɵgp"] = TransactionLineLineDiscountModule;
+    exports["ɵgq"] = TransactionLineLineDiscountComponent;
+    exports["ɵgr"] = TransactionLineDeliveryMethodModule;
+    exports["ɵgs"] = TransactionLineDeliveryMethodComponent;
+    exports["ɵgt"] = TransactionLineDeliveryDateModule;
+    exports["ɵgu"] = TransactionLineDeliveryDateComponent;
+    exports["ɵgv"] = TransactionLineReferenceModule;
+    exports["ɵgw"] = TransactionLineReferenceComponent;
+    exports["ɵgx"] = TransactionLineCommissionCodeModule;
+    exports["ɵgy"] = TransactionLineCommissionCodeComponent;
+    exports["ɵgz"] = TransactionLineWarehouseModule;
     exports["ɵh"] = TransactionConnectorAdapterService;
-    exports["ɵha"] = TransactionLineCommissionCodeComponent;
-    exports["ɵhb"] = TransactionLineWarehouseModule;
-    exports["ɵhc"] = TransactionLineWarehouseComponent;
-    exports["ɵhd"] = TransactionLineDiscountAmountModule;
-    exports["ɵhe"] = TransactionLineDiscountAmountComponent;
-    exports["ɵhf"] = TransactionLineQuantumDiscountModule;
-    exports["ɵhg"] = TransactionLineQuantumDiscountComponent;
-    exports["ɵhh"] = TransactionLineSpecialDiscountModule;
-    exports["ɵhi"] = TransactionLineSpecialDiscountComponent;
-    exports["ɵhj"] = TransactionLineSupplierModule;
-    exports["ɵhk"] = TransactionLineSupplierComponent;
-    exports["ɵhl"] = TransactionLinePriceModule;
-    exports["ɵhm"] = TransactionLinePriceComponent;
-    exports["ɵhn"] = TransactionLineSupplierButtonModule;
-    exports["ɵho"] = DialogTransactionLineSupplierModule;
-    exports["ɵhp"] = DialogTransactionLineSupplierComponent;
-    exports["ɵhq"] = TransactionLineSupplierButtonComponent;
-    exports["ɵhr"] = TransactionLineSidePanelDefaultComponent;
-    exports["ɵhs"] = TransactionReceivingGoodsHistoryModule;
-    exports["ɵht"] = TransactionHistoryGridModule;
-    exports["ɵhu"] = TransactionHistoryGridStatusModule;
-    exports["ɵhv"] = TransactionHistoryGridStatusComponent;
-    exports["ɵhw"] = TransactionHistoryGridComponent;
-    exports["ɵhx"] = TransactionReceivingGoodsHistoryComponent;
-    exports["ɵhy"] = TransactionButtonBarModule;
-    exports["ɵhz"] = AnimatedCheckboxModule;
+    exports["ɵha"] = TransactionLineWarehouseComponent;
+    exports["ɵhb"] = TransactionLineDiscountAmountModule;
+    exports["ɵhc"] = TransactionLineDiscountAmountComponent;
+    exports["ɵhd"] = TransactionLineQuantumDiscountModule;
+    exports["ɵhe"] = TransactionLineQuantumDiscountComponent;
+    exports["ɵhf"] = TransactionLineSpecialDiscountModule;
+    exports["ɵhg"] = TransactionLineSpecialDiscountComponent;
+    exports["ɵhh"] = TransactionLineSupplierModule;
+    exports["ɵhi"] = TransactionLineSupplierComponent;
+    exports["ɵhj"] = TransactionLinePriceModule;
+    exports["ɵhk"] = TransactionLinePriceComponent;
+    exports["ɵhl"] = TransactionLineSupplierButtonModule;
+    exports["ɵhm"] = DialogTransactionLineSupplierModule;
+    exports["ɵhn"] = DialogTransactionLineSupplierComponent;
+    exports["ɵho"] = TransactionLineSupplierButtonComponent;
+    exports["ɵhp"] = TransactionLineSidePanelDefaultComponent;
+    exports["ɵhq"] = TransactionReceivingGoodsHistoryModule;
+    exports["ɵhr"] = TransactionHistoryGridModule;
+    exports["ɵhs"] = TransactionHistoryGridStatusModule;
+    exports["ɵht"] = TransactionHistoryGridStatusComponent;
+    exports["ɵhu"] = TransactionHistoryGridComponent;
+    exports["ɵhv"] = TransactionReceivingGoodsHistoryComponent;
+    exports["ɵhw"] = TransactionButtonBarModule;
+    exports["ɵhx"] = AnimatedCheckboxModule;
+    exports["ɵhy"] = AnimatedCheckboxComponent;
+    exports["ɵhz"] = TransactionButtonBarComponent;
     exports["ɵi"] = SelectMultipleCacheService;
-    exports["ɵia"] = AnimatedCheckboxComponent;
-    exports["ɵib"] = TransactionButtonBarComponent;
-    exports["ɵic"] = TransactionButtonBarButtonComponent;
-    exports["ɵid"] = TransactionButtonBarButtonBaseComponent;
-    exports["ɵie"] = TransactionSalesPurchaseButtonBarButtonComponent;
-    exports["ɵif"] = TransactionPurchaseReceiveGoodsButtonBarButtonComponent;
-    exports["ɵig"] = TransactionSalesAllocationButtonBarButtonComponent;
-    exports["ɵih"] = TransactionPurchaseConfirmationButtonBarButtonComponent;
-    exports["ɵii"] = TransactionSalesDeliveryButtonBarButtonComponent;
-    exports["ɵij"] = TransactionSalesInvoiceButtonBarButtonComponent;
-    exports["ɵik"] = TransactionPurchaseInvoiceButtonBarButtonComponent;
-    exports["ɵil"] = TransactionLineSidePanelPurchaseModule;
-    exports["ɵim"] = DefaultOkCancelButtonsModule;
-    exports["ɵin"] = DefaultOkCancelButtonsComponent;
-    exports["ɵio"] = TransactionAvailableStockGridModule;
-    exports["ɵip"] = TransactionAvailableStockGridComponent;
-    exports["ɵiq"] = TransactionLinePurchaseReceiveGoodsModule;
-    exports["ɵir"] = TransactionLineWarehouseLocationButtonModule;
-    exports["ɵis"] = DialogTransactionLineWarehouseLocationModule;
-    exports["ɵit"] = TransactionLineWarehouseLocationModule;
-    exports["ɵiu"] = TransactionLineWarehouseLocationComponent;
-    exports["ɵiv"] = ArticleService;
-    exports["ɵiw"] = DialogTransactionLineWarehouseLocationComponent;
-    exports["ɵix"] = TransactionLineWarehouseLocationButtonComponent;
-    exports["ɵiy"] = TransactionLinePurchaseReceiveGoodsComponent;
-    exports["ɵiz"] = TransactionLinePurchaseConfirmationModule;
+    exports["ɵia"] = TransactionButtonBarButtonComponent;
+    exports["ɵib"] = TransactionButtonBarButtonBaseComponent;
+    exports["ɵic"] = TransactionSalesPurchaseButtonBarButtonComponent;
+    exports["ɵid"] = TransactionPurchaseReceiveGoodsButtonBarButtonComponent;
+    exports["ɵie"] = TransactionSalesAllocationButtonBarButtonComponent;
+    exports["ɵif"] = TransactionPurchaseConfirmationButtonBarButtonComponent;
+    exports["ɵig"] = TransactionSalesDeliveryButtonBarButtonComponent;
+    exports["ɵih"] = TransactionSalesInvoiceButtonBarButtonComponent;
+    exports["ɵii"] = TransactionPurchaseInvoiceButtonBarButtonComponent;
+    exports["ɵij"] = TransactionLineSidePanelPurchaseModule;
+    exports["ɵik"] = DefaultOkCancelButtonsModule;
+    exports["ɵil"] = DefaultOkCancelButtonsComponent;
+    exports["ɵim"] = TransactionAvailableStockGridModule;
+    exports["ɵin"] = TransactionAvailableStockGridComponent;
+    exports["ɵio"] = TransactionLinePurchaseReceiveGoodsModule;
+    exports["ɵip"] = TransactionLineWarehouseLocationButtonModule;
+    exports["ɵiq"] = DialogTransactionLineWarehouseLocationModule;
+    exports["ɵir"] = TransactionLineWarehouseLocationModule;
+    exports["ɵis"] = TransactionLineWarehouseLocationComponent;
+    exports["ɵit"] = ArticleService;
+    exports["ɵiu"] = DialogTransactionLineWarehouseLocationComponent;
+    exports["ɵiv"] = TransactionLineWarehouseLocationButtonComponent;
+    exports["ɵiw"] = TransactionLinePurchaseReceiveGoodsComponent;
+    exports["ɵix"] = TransactionLinePurchaseConfirmationModule;
+    exports["ɵiy"] = TransactionLinePurchaseConfirmationComponent;
+    exports["ɵiz"] = TransactionLineSidePanelPurchaseComponent;
     exports["ɵj"] = BusinessObjectCacheManagerService;
-    exports["ɵja"] = TransactionLinePurchaseConfirmationComponent;
-    exports["ɵjb"] = TransactionLineSidePanelPurchaseComponent;
-    exports["ɵjc"] = TransactionLineSidePanelSalesModule;
-    exports["ɵjd"] = TransactionAllocateGoodsHistoryModule;
-    exports["ɵje"] = TransactionAllocateGoodsHistoryComponent;
-    exports["ɵjf"] = TransactionLineSalesAllocationModule;
-    exports["ɵjg"] = TransactionLineSalesAllocationComponent;
-    exports["ɵjh"] = TransactionLineSalesDeliveryModule;
-    exports["ɵji"] = TransactionLineDeliveryHistoryModule;
-    exports["ɵjj"] = TransactionLineDeliveryHistoryComponent;
-    exports["ɵjk"] = TransactionLineSalesDeliveryComponent;
-    exports["ɵjl"] = TransactionLineSalesInvoiceModule;
-    exports["ɵjm"] = TransactionLineInvoiceHistoryModule;
-    exports["ɵjn"] = TransactionLineInvoiceHistoryComponent;
-    exports["ɵjo"] = TransactionLineSalesInvoiceComponent;
-    exports["ɵjp"] = TransactionLineSidePanelSalesComponent;
-    exports["ɵjq"] = TransactionLineSidePanelComponent;
-    exports["ɵjr"] = TransactionLineActionButtonsModule;
-    exports["ɵjs"] = TransactionArticleTextOverviewModule;
-    exports["ɵjt"] = TransactionArticleTextOverviewComponent;
+    exports["ɵja"] = TransactionLineSidePanelSalesModule;
+    exports["ɵjb"] = TransactionAllocateGoodsHistoryModule;
+    exports["ɵjc"] = TransactionAllocateGoodsHistoryComponent;
+    exports["ɵjd"] = TransactionLineSalesAllocationModule;
+    exports["ɵje"] = TransactionLineSalesAllocationComponent;
+    exports["ɵjf"] = TransactionLineSalesDeliveryModule;
+    exports["ɵjg"] = TransactionLineDeliveryHistoryModule;
+    exports["ɵjh"] = TransactionLineDeliveryHistoryComponent;
+    exports["ɵji"] = TransactionLineSalesDeliveryComponent;
+    exports["ɵjj"] = TransactionLineSalesInvoiceModule;
+    exports["ɵjk"] = TransactionLineInvoiceHistoryModule;
+    exports["ɵjl"] = TransactionLineInvoiceHistoryComponent;
+    exports["ɵjm"] = TransactionLineSalesInvoiceComponent;
+    exports["ɵjn"] = TransactionLineSidePanelSalesComponent;
+    exports["ɵjo"] = TransactionLineSidePanelComponent;
+    exports["ɵjp"] = TransactionLineActionButtonsModule;
+    exports["ɵjq"] = TransactionArticleTextOverviewModule;
+    exports["ɵjr"] = TransactionArticleTextOverviewComponent;
+    exports["ɵjs"] = OverlayModule;
+    exports["ɵjt"] = OverlayDirective;
     exports["ɵju"] = TransactionLineActionButtonsComponent;
-    exports["ɵjv"] = TransactionBaseGridComponent;
-    exports["ɵjw"] = TransactionGridBaseComponent;
-    exports["ɵjx"] = DialogTransactionLineCommissionCodeModule;
-    exports["ɵjy"] = DialogTransactionLineCommissionCodeComponent;
-    exports["ɵjz"] = DialogTransactionLineWarehouseModule;
+    exports["ɵjv"] = TransactionLineActionButtonsPopupComponent;
+    exports["ɵjw"] = TransactionBaseGridComponent;
+    exports["ɵjx"] = TransactionGridBaseComponent;
+    exports["ɵjy"] = DialogTransactionLineCommissionCodeModule;
+    exports["ɵjz"] = DialogTransactionLineCommissionCodeComponent;
     exports["ɵk"] = CacheField;
-    exports["ɵka"] = DialogTransactionLineWarehouseComponent;
-    exports["ɵkb"] = DialogTransactionLineWarehouseCcModule;
-    exports["ɵkc"] = DialogTransactionLineWarehouseCcComponent;
-    exports["ɵkd"] = DialogTransactionLineDeliveryMethodModule;
-    exports["ɵke"] = DialogTransactionLineDeliveryMethodComponent;
-    exports["ɵkf"] = DialogTransactionLineVatModule;
-    exports["ɵkg"] = DialogTransactionLineVatComponent;
-    exports["ɵkh"] = DialogTransactionLineDiscountModule;
-    exports["ɵki"] = DialogTransactionLinePriceListModule;
-    exports["ɵkj"] = DialogTransactionLinePriceListComponent;
-    exports["ɵkk"] = DialogTransactionLineDiscountComponent;
-    exports["ɵkl"] = DialogTransactionHeaderBranchModule;
-    exports["ɵkm"] = DialogTransactionHeaderBranchComponent;
-    exports["ɵkn"] = TransactionLinesGridComponent;
-    exports["ɵko"] = DiscountModule;
-    exports["ɵkp"] = DiscountComponent;
-    exports["ɵkq"] = QuickSendButtonModule;
-    exports["ɵkr"] = QuickSendButtonComponent;
-    exports["ɵks"] = TransactionQuickAccessSendMethodBaseComponent;
-    exports["ɵkt"] = TransactionQuickAccessOverviewModule;
-    exports["ɵku"] = DialogCatalogModule;
-    exports["ɵkv"] = DialogCatalogComponent;
-    exports["ɵkw"] = TransactionSendDocumentsModule;
-    exports["ɵkx"] = TransactionSendDocumentsComponent;
-    exports["ɵky"] = AddProductModule;
-    exports["ɵkz"] = AddProductComponent;
+    exports["ɵka"] = DialogTransactionLineWarehouseModule;
+    exports["ɵkb"] = DialogTransactionLineWarehouseComponent;
+    exports["ɵkc"] = DialogTransactionLineWarehouseCcModule;
+    exports["ɵkd"] = DialogTransactionLineWarehouseCcComponent;
+    exports["ɵke"] = DialogTransactionLineDeliveryMethodModule;
+    exports["ɵkf"] = DialogTransactionLineDeliveryMethodComponent;
+    exports["ɵkg"] = DialogTransactionLineVatModule;
+    exports["ɵkh"] = DialogTransactionLineVatComponent;
+    exports["ɵki"] = DialogTransactionLineDiscountModule;
+    exports["ɵkj"] = DialogTransactionLinePriceListModule;
+    exports["ɵkk"] = DialogTransactionLinePriceListComponent;
+    exports["ɵkl"] = DialogTransactionLineDiscountComponent;
+    exports["ɵkm"] = DialogTransactionHeaderBranchModule;
+    exports["ɵkn"] = DialogTransactionHeaderBranchComponent;
+    exports["ɵko"] = TransactionLinesGridComponent;
+    exports["ɵkp"] = DiscountModule;
+    exports["ɵkq"] = DiscountComponent;
+    exports["ɵkr"] = QuickSendButtonModule;
+    exports["ɵks"] = QuickSendButtonComponent;
+    exports["ɵkt"] = TransactionQuickAccessSendMethodBaseComponent;
+    exports["ɵku"] = TransactionQuickAccessOverviewModule;
+    exports["ɵkv"] = DialogCatalogModule;
+    exports["ɵkw"] = DialogCatalogComponent;
+    exports["ɵkx"] = TransactionSendDocumentsModule;
+    exports["ɵky"] = TransactionSendDocumentsComponent;
+    exports["ɵkz"] = AddProductModule;
     exports["ɵl"] = SelectMultipleParameterizedCacheService;
-    exports["ɵla"] = TransactionQuickAccessOverviewComponent;
-    exports["ɵlb"] = TransactionQuickAccessOrderDeliveryModule;
-    exports["ɵlc"] = TransactionQuickAccessOrderDeliveryComponent;
-    exports["ɵld"] = TransactionQuickAccessOrderPurchaseModule;
-    exports["ɵle"] = TransactionQuickAccessOrderPurchaseComponent;
-    exports["ɵlf"] = TransactionQuickAccessGoodsAllocationModule;
-    exports["ɵlg"] = TransactionQuickAccessGoodsAllocationComponent;
-    exports["ɵlh"] = TransactionQuickAccessPurchaseOrderOverviewModule;
-    exports["ɵli"] = TransactionQuickAccessPurchaseOrderOverviewComponent;
-    exports["ɵlj"] = TransactionQuickAccessInvoiceModule;
-    exports["ɵlk"] = TransactionQuickAccessInvoiceComponent;
-    exports["ɵll"] = TransactionOrderConfirmationGridModule;
-    exports["ɵlm"] = TransactionOrderConfirmationGridComponent;
-    exports["ɵln"] = TransactionGridModule;
-    exports["ɵlo"] = TransactionGridComponent;
-    exports["ɵlp"] = TransactionTileModule;
-    exports["ɵlq"] = TransactionTileComponent;
-    exports["ɵlr"] = TransactionOverviewLineModule;
-    exports["ɵls"] = EditableLabelModule;
-    exports["ɵlt"] = EditableLabelComponent;
-    exports["ɵlu"] = TransactionBaseLineModule;
-    exports["ɵlv"] = TransactionBaseLineComponent;
-    exports["ɵlw"] = TransactionLineCommissionButtonModule;
-    exports["ɵlx"] = TransactionLineCommissionButtonComponent;
-    exports["ɵly"] = TransactionLineWarehouseButtonModule;
-    exports["ɵlz"] = TransactionLineWarehouseButtonComponent;
+    exports["ɵla"] = AddProductComponent;
+    exports["ɵlb"] = TransactionQuickAccessOverviewComponent;
+    exports["ɵlc"] = TransactionQuickAccessOrderDeliveryModule;
+    exports["ɵld"] = TransactionQuickAccessOrderDeliveryComponent;
+    exports["ɵle"] = TransactionQuickAccessOrderPurchaseModule;
+    exports["ɵlf"] = TransactionQuickAccessOrderPurchaseComponent;
+    exports["ɵlg"] = TransactionQuickAccessGoodsAllocationModule;
+    exports["ɵlh"] = TransactionQuickAccessGoodsAllocationComponent;
+    exports["ɵli"] = TransactionQuickAccessPurchaseOrderOverviewModule;
+    exports["ɵlj"] = TransactionQuickAccessPurchaseOrderOverviewComponent;
+    exports["ɵlk"] = TransactionQuickAccessInvoiceModule;
+    exports["ɵll"] = TransactionQuickAccessInvoiceComponent;
+    exports["ɵlm"] = TransactionOrderConfirmationGridModule;
+    exports["ɵln"] = TransactionOrderConfirmationGridComponent;
+    exports["ɵlo"] = TransactionGridModule;
+    exports["ɵlp"] = TransactionGridComponent;
+    exports["ɵlq"] = TransactionTileModule;
+    exports["ɵlr"] = TransactionTileComponent;
+    exports["ɵls"] = TransactionOverviewLineModule;
+    exports["ɵlt"] = EditableLabelModule;
+    exports["ɵlu"] = EditableLabelComponent;
+    exports["ɵlv"] = TransactionBaseLineModule;
+    exports["ɵlw"] = TransactionBaseLineComponent;
+    exports["ɵlx"] = TransactionLineCommissionButtonModule;
+    exports["ɵly"] = TransactionLineCommissionButtonComponent;
+    exports["ɵlz"] = TransactionLineWarehouseButtonModule;
     exports["ɵm"] = ErrorService;
-    exports["ɵma"] = TransactionLineDeliveryButtonModule;
-    exports["ɵmb"] = TransactionLineDeliveryButtonComponent;
-    exports["ɵmc"] = TransactionLineDeliveryDateButtonModule;
-    exports["ɵmd"] = TransactionLineDeliveryDateButtonComponent;
-    exports["ɵme"] = TransactionLineAmountModule;
-    exports["ɵmf"] = TransactionLineAmountComponent;
-    exports["ɵmg"] = TransactionLineVatButtonModule;
-    exports["ɵmh"] = TransactionLineVatButtonComponent;
-    exports["ɵmi"] = TransactionLineDiscountButtonModule;
-    exports["ɵmj"] = TransactionLineDiscountButtonComponent;
-    exports["ɵmk"] = TransactionOverviewLineComponent;
-    exports["ɵml"] = TransactionOrderDeliveryLineModule;
-    exports["ɵmm"] = TransactionOrderDeliveryLineComponent;
-    exports["ɵmn"] = TransactionOrderDeliveryLineBaseComponent;
-    exports["ɵmo"] = TransactionReceiveGoodsLineModule;
-    exports["ɵmp"] = TransactionPrintPackageStickerModule;
-    exports["ɵmq"] = TransactionPrintPackageStickerComponent;
-    exports["ɵmr"] = TransactionReceiveGoodsLineComponent;
-    exports["ɵms"] = TransactionReceiveGoodsLineBaseComponent;
-    exports["ɵmt"] = TransactionPurchaseLineModule;
-    exports["ɵmu"] = TransactionNavigationButtonModule;
-    exports["ɵmv"] = TransactionNavigationButtonComponent;
-    exports["ɵmw"] = TransactionLineDropShipmentButtonModule;
-    exports["ɵmx"] = TransactionLineDropShipmentButtonComponent;
-    exports["ɵmy"] = TransactionPurchaseLineComponent;
-    exports["ɵmz"] = TransactionPurchaseLineBaseComponent;
+    exports["ɵma"] = TransactionLineWarehouseButtonComponent;
+    exports["ɵmb"] = TransactionLineDeliveryButtonModule;
+    exports["ɵmc"] = TransactionLineDeliveryButtonComponent;
+    exports["ɵmd"] = TransactionLineDeliveryDateButtonModule;
+    exports["ɵme"] = TransactionLineDeliveryDateButtonComponent;
+    exports["ɵmf"] = TransactionLineAmountModule;
+    exports["ɵmg"] = TransactionLineAmountComponent;
+    exports["ɵmh"] = TransactionLineVatButtonModule;
+    exports["ɵmi"] = TransactionLineVatButtonComponent;
+    exports["ɵmj"] = TransactionLineDiscountButtonModule;
+    exports["ɵmk"] = TransactionLineDiscountButtonComponent;
+    exports["ɵml"] = TransactionOverviewLineComponent;
+    exports["ɵmm"] = TransactionOrderDeliveryLineModule;
+    exports["ɵmn"] = TransactionOrderDeliveryLineComponent;
+    exports["ɵmo"] = TransactionOrderDeliveryLineBaseComponent;
+    exports["ɵmp"] = TransactionReceiveGoodsLineModule;
+    exports["ɵmq"] = TransactionPrintPackageStickerModule;
+    exports["ɵmr"] = TransactionPrintPackageStickerComponent;
+    exports["ɵms"] = TransactionReceiveGoodsLineComponent;
+    exports["ɵmt"] = TransactionReceiveGoodsLineBaseComponent;
+    exports["ɵmu"] = TransactionPurchaseLineModule;
+    exports["ɵmv"] = TransactionNavigationButtonModule;
+    exports["ɵmw"] = TransactionNavigationButtonComponent;
+    exports["ɵmx"] = TransactionLineDropShipmentButtonModule;
+    exports["ɵmy"] = TransactionLineDropShipmentButtonComponent;
+    exports["ɵmz"] = TransactionPurchaseLineComponent;
     exports["ɵn"] = SelectSingleCacheService;
-    exports["ɵna"] = TransactionInvoiceLineModule;
-    exports["ɵnb"] = TransactionInvoiceLineComponent;
-    exports["ɵnc"] = TransactionInvoiceLineBaseComponent;
-    exports["ɵnd"] = TransactionGoodsAllocationLineModule;
-    exports["ɵne"] = TransactionGoodsAllocationLineComponent;
-    exports["ɵnf"] = TransactionPurchaseOrderLineModule;
-    exports["ɵng"] = TransactionPurchasePortalLineConfirmedPriceModule;
-    exports["ɵnh"] = TransactionPurchasePortalLineConfirmedPriceComponent;
-    exports["ɵni"] = TransactionPurchasePortalLineGrossOrderPriceModule;
-    exports["ɵnj"] = TransactionPurchasePortalLineGrossOrderPriceComponent;
-    exports["ɵnk"] = TransactionPurchasePortalLineNetOrderPriceModule;
-    exports["ɵnl"] = TransactionPurchasePortalLineNetOrderPriceComponent;
-    exports["ɵnm"] = TransactionPurchasePortalLineDeliveryDateModule;
-    exports["ɵnn"] = TransactionPurchasePortalLineDeliveryDateComponent;
-    exports["ɵno"] = TransactionPurchasePortalLineConfirmedDeliveryDateModule;
-    exports["ɵnp"] = TransactionPurchasePortalLineConfirmedDeliveryDateComponent;
-    exports["ɵnq"] = TransactionPurchaseOrderLineComponent;
-    exports["ɵnr"] = TransactionPurchaseOrderLineBaseComponent;
-    exports["ɵns"] = TransactionPurchaseOverviewLineModule;
-    exports["ɵnt"] = TransactionNavigationButtonListModule;
-    exports["ɵnu"] = TransactionNavigationButtonListComponent;
-    exports["ɵnv"] = TransactionPurchaseOverviewLineComponent;
-    exports["ɵnw"] = TransactionCardModule;
-    exports["ɵnx"] = TransactionCardPurchaseOverviewModule;
-    exports["ɵny"] = TransactionCardHeaderModule;
-    exports["ɵnz"] = TransactionCardHeaderComponent;
+    exports["ɵna"] = TransactionPurchaseLineBaseComponent;
+    exports["ɵnb"] = TransactionInvoiceLineModule;
+    exports["ɵnc"] = TransactionInvoiceLineComponent;
+    exports["ɵnd"] = TransactionInvoiceLineBaseComponent;
+    exports["ɵne"] = TransactionGoodsAllocationLineModule;
+    exports["ɵnf"] = TransactionGoodsAllocationLineComponent;
+    exports["ɵng"] = TransactionPurchaseOrderLineModule;
+    exports["ɵnh"] = TransactionPurchasePortalLineConfirmedPriceModule;
+    exports["ɵni"] = TransactionPurchasePortalLineConfirmedPriceComponent;
+    exports["ɵnj"] = TransactionPurchasePortalLineGrossOrderPriceModule;
+    exports["ɵnk"] = TransactionPurchasePortalLineGrossOrderPriceComponent;
+    exports["ɵnl"] = TransactionPurchasePortalLineNetOrderPriceModule;
+    exports["ɵnm"] = TransactionPurchasePortalLineNetOrderPriceComponent;
+    exports["ɵnn"] = TransactionPurchasePortalLineDeliveryDateModule;
+    exports["ɵno"] = TransactionPurchasePortalLineDeliveryDateComponent;
+    exports["ɵnp"] = TransactionPurchasePortalLineConfirmedDeliveryDateModule;
+    exports["ɵnq"] = TransactionPurchasePortalLineConfirmedDeliveryDateComponent;
+    exports["ɵnr"] = TransactionPurchaseOrderLineComponent;
+    exports["ɵns"] = TransactionPurchaseOrderLineBaseComponent;
+    exports["ɵnt"] = TransactionPurchaseOverviewLineModule;
+    exports["ɵnu"] = TransactionNavigationButtonListModule;
+    exports["ɵnv"] = TransactionNavigationButtonListComponent;
+    exports["ɵnw"] = TransactionPurchaseOverviewLineComponent;
+    exports["ɵnx"] = TransactionCardModule;
+    exports["ɵny"] = TransactionCardPurchaseOverviewModule;
+    exports["ɵnz"] = TransactionCardHeaderModule;
     exports["ɵo"] = SelectSingleParameterizedCacheService;
-    exports["ɵoa"] = TransactionCardFooterModule;
-    exports["ɵob"] = TransactionCardFooterComponent;
-    exports["ɵoc"] = TransactionCardPurchaseOverviewComponent;
-    exports["ɵod"] = TransactionCardSalesOverviewModule;
-    exports["ɵoe"] = TransactionCardSalesOverviewComponent;
-    exports["ɵof"] = TransactionCardReceiveGoodsModule;
-    exports["ɵog"] = TransactionCardReceiveGoodsComponent;
-    exports["ɵoh"] = TransactionCardInvoiceModule;
-    exports["ɵoi"] = TransactionCardInvoiceComponent;
-    exports["ɵoj"] = TransactionCardOrderDeliveryModule;
-    exports["ɵok"] = TransactionCardOrderDeliveryComponent;
-    exports["ɵol"] = TransactionCardComponent;
-    exports["ɵom"] = TransactionTextLineModule;
-    exports["ɵon"] = TransactionTextLineComponent;
-    exports["ɵoo"] = SearchViewModeService;
-    exports["ɵop"] = TransactionSearchSalesOrderTileModule;
-    exports["ɵoq"] = TransactionSearchSalesOrderTileComponent;
-    exports["ɵor"] = TransactionSearchTileBaseComponent;
-    exports["ɵos"] = TransactionSearchPurchaseOrderTileModule;
-    exports["ɵot"] = TransactionSearchPurchaseOrderTileComponent;
-    exports["ɵou"] = TransactionSearchSalesOrderGridModule;
-    exports["ɵov"] = TransactionSearchSalesOrderGridComponent;
-    exports["ɵow"] = TransactionSearchGridBaseComponent;
-    exports["ɵox"] = TransactionSearchPurchaseOrderGridModule;
-    exports["ɵoy"] = TransactionSearchPurchaseOrderGridComponent;
-    exports["ɵoz"] = TransactionSearchGridModule;
+    exports["ɵoa"] = TransactionCardHeaderComponent;
+    exports["ɵob"] = TransactionCardFooterModule;
+    exports["ɵoc"] = TransactionCardFooterComponent;
+    exports["ɵod"] = TransactionCardPurchaseOverviewComponent;
+    exports["ɵoe"] = TransactionCardSalesOverviewModule;
+    exports["ɵof"] = TransactionCardSalesOverviewComponent;
+    exports["ɵog"] = TransactionCardReceiveGoodsModule;
+    exports["ɵoh"] = TransactionCardReceiveGoodsComponent;
+    exports["ɵoi"] = TransactionCardInvoiceModule;
+    exports["ɵoj"] = TransactionCardInvoiceComponent;
+    exports["ɵok"] = TransactionCardOrderDeliveryModule;
+    exports["ɵol"] = TransactionCardOrderDeliveryComponent;
+    exports["ɵom"] = TransactionCardComponent;
+    exports["ɵon"] = TransactionTextLineModule;
+    exports["ɵoo"] = TransactionTextLineComponent;
+    exports["ɵop"] = SearchViewModeService;
+    exports["ɵoq"] = TransactionSearchSalesOrderTileModule;
+    exports["ɵor"] = TransactionSearchSalesOrderTileComponent;
+    exports["ɵos"] = TransactionSearchTileBaseComponent;
+    exports["ɵot"] = TransactionSearchPurchaseOrderTileModule;
+    exports["ɵou"] = TransactionSearchPurchaseOrderTileComponent;
+    exports["ɵov"] = TransactionSearchSalesOrderGridModule;
+    exports["ɵow"] = TransactionSearchSalesOrderGridComponent;
+    exports["ɵox"] = TransactionSearchGridBaseComponent;
+    exports["ɵoy"] = TransactionSearchPurchaseOrderGridModule;
+    exports["ɵoz"] = TransactionSearchPurchaseOrderGridComponent;
     exports["ɵp"] = ArticleConnectorService;
-    exports["ɵpa"] = TransactionSearchGridComponent;
-    exports["ɵpb"] = TransactionSearchTileModule;
-    exports["ɵpc"] = TransactionSearchTileComponent;
-    exports["ɵpd"] = TransactionSalesOrderFilterModule;
-    exports["ɵpe"] = TransactionSalesOrderFilterContentOrderModule;
-    exports["ɵpf"] = TransactionFilterItemModule;
-    exports["ɵpg"] = TransactionFilterItemComponent;
-    exports["ɵph"] = TransactionSalesOrderFilterContentOrderComponent;
-    exports["ɵpi"] = TransactionFilterContentBaseComponent;
-    exports["ɵpj"] = FilterRequestService;
-    exports["ɵpk"] = TransactionSalesOrderFilterContentLogisticsModule;
-    exports["ɵpl"] = TransactionFilterHistoricStateModule;
-    exports["ɵpm"] = TransactionFilterHistoricStateComponent;
-    exports["ɵpn"] = TransactionSalesOrderFilterContentLogisticsComponent;
-    exports["ɵpo"] = TransactionSalesOrderFilterContentArticleModule;
-    exports["ɵpp"] = TransactionSalesOrderFilterContentArticleComponent;
-    exports["ɵpq"] = TransactionSalesOrderFilterComponent;
-    exports["ɵpr"] = TransactionFilterBaseComponent;
-    exports["ɵps"] = TransactionPurchaseOrderFilterModule;
-    exports["ɵpt"] = TransactionPurchaseOrderFilterContentOrderModule;
-    exports["ɵpu"] = TransactionPurchaseOrderFilterContentOrderComponent;
-    exports["ɵpv"] = TransactionPurchaseOrderFilterContentLogisticsModule;
-    exports["ɵpw"] = TransactionPurchaseOrderFilterContentLogisticsComponent;
-    exports["ɵpx"] = TransactionPurchaseOrderFilterContentArticleModule;
-    exports["ɵpy"] = TransactionPurchaseOrderFilterContentArticleComponent;
-    exports["ɵpz"] = TransactionPurchaseOrderFilterComponent;
+    exports["ɵpa"] = TransactionSearchGridModule;
+    exports["ɵpb"] = TransactionSearchGridComponent;
+    exports["ɵpc"] = TransactionSearchTileModule;
+    exports["ɵpd"] = TransactionSearchTileComponent;
+    exports["ɵpe"] = TransactionSalesOrderFilterModule;
+    exports["ɵpf"] = TransactionSalesOrderFilterContentOrderModule;
+    exports["ɵpg"] = TransactionFilterItemModule;
+    exports["ɵph"] = TransactionFilterItemComponent;
+    exports["ɵpi"] = TransactionSalesOrderFilterContentOrderComponent;
+    exports["ɵpj"] = TransactionFilterContentBaseComponent;
+    exports["ɵpk"] = FilterRequestService;
+    exports["ɵpl"] = TransactionSalesOrderFilterContentLogisticsModule;
+    exports["ɵpm"] = TransactionFilterHistoricStateModule;
+    exports["ɵpn"] = TransactionFilterHistoricStateComponent;
+    exports["ɵpo"] = TransactionSalesOrderFilterContentLogisticsComponent;
+    exports["ɵpp"] = TransactionSalesOrderFilterContentArticleModule;
+    exports["ɵpq"] = TransactionSalesOrderFilterContentArticleComponent;
+    exports["ɵpr"] = TransactionSalesOrderFilterComponent;
+    exports["ɵps"] = TransactionFilterBaseComponent;
+    exports["ɵpt"] = TransactionPurchaseOrderFilterModule;
+    exports["ɵpu"] = TransactionPurchaseOrderFilterContentOrderModule;
+    exports["ɵpv"] = TransactionPurchaseOrderFilterContentOrderComponent;
+    exports["ɵpw"] = TransactionPurchaseOrderFilterContentLogisticsModule;
+    exports["ɵpx"] = TransactionPurchaseOrderFilterContentLogisticsComponent;
+    exports["ɵpy"] = TransactionPurchaseOrderFilterContentArticleModule;
+    exports["ɵpz"] = TransactionPurchaseOrderFilterContentArticleComponent;
     exports["ɵq"] = RelationConnectorService;
-    exports["ɵqa"] = SearchFeatureModule;
-    exports["ɵqb"] = SearchHeaderButtonsModule;
-    exports["ɵqc"] = SearchHeaderButtonsComponent;
-    exports["ɵqd"] = SearchFilterPanelModule;
-    exports["ɵqe"] = SearchFilterPanelComponent;
-    exports["ɵqf"] = SearchComponent;
-    exports["ɵqg"] = TransactionTagComponent;
+    exports["ɵqa"] = TransactionPurchaseOrderFilterComponent;
+    exports["ɵqb"] = SearchFeatureModule;
+    exports["ɵqc"] = SearchHeaderButtonsModule;
+    exports["ɵqd"] = SearchHeaderButtonsComponent;
+    exports["ɵqe"] = SearchFilterPanelModule;
+    exports["ɵqf"] = SearchFilterPanelComponent;
+    exports["ɵqg"] = SearchComponent;
+    exports["ɵqh"] = TransactionTagComponent;
     exports["ɵr"] = CoreModule;
     exports["ɵs"] = ConfirmationDialogModule;
     exports["ɵt"] = PipeModule;