npm - @colijnit/transaction - Versions diffs - 12.1.51 → 12.1.53 - Mend

@colijnit/transaction 12.1.51 → 12.1.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (30) hide show

package/bundles/colijnit-transaction.umd.js CHANGED Viewed

@@ -681,6 +681,7 @@
                     "PRIVATE_PERSON": "Particulier",
                     "PRODUCT": "Product",
                     "PRODUCT_TYPE": "Productsoort",
+                    "PRODUCT_DESCRIPTION_AND_TEXTS": "Productomschrijving & teksten",
                     "PURCHASE": "Inkoop",
                     "PURCHASENUMBER": "Inkoopnummer",
                     "PURCHASEORDERS": "Inkooporders",
@@ -769,6 +770,7 @@
                     "TRANSPORT_COST_LINE_TOTAL": "Transportkosten regeltotaal",
                     "TURNOVER_GROUP": "Omzetgroep",
                     "TYPE": "Soort",
+                    "TYPE_OR_SEARCH_TEXT": "Type of zoek de tekst die u wilt toevoegen...",
                     "UNKNOWN": "Onbekend",
                     "UNKNOWN_ADDRESS_CHECK_IT": "Onbekend adres",
                     "USER": "Gebruiker",
@@ -1024,6 +1026,7 @@
                     "PLANNING_PREFERRED_DATE_ENTERED": "Planning preferred date entered",
                     "PRODUCT": "Product",
                     "PRODUCT_TYPE": "Product type",
+                    "PRODUCT_DESCRIPTION_AND_TEXTS": "Product description & texts",
                     "PURCHASE": "Purchase",
                     "PURCHASENUMBER": "Purchase number",
                     "PURCHASEORDERS": "Purchase orders",
@@ -1101,6 +1104,7 @@
                     "TRANSPORT_NOTIFICATION": "Transport notification",
                     "TURNOVER_GROUP": "Turnover group",
                     "TYPE": "Type",
+                    "TYPE_OR_SEARCH_TEXT": "Type or search the text you want to add...",
                     "UNKNOWN": "unknown",
                     "UNKNOWN_ADDRESS_CHECK_IT": "Unknown address",
                     "USER": "User",
@@ -2435,6 +2439,7 @@
         Icon["Lock"] = "lock";
         Icon["LockKeyholeOpenSolid"] = "lock_keyhole_open_solid";
         Icon["LockKeyholeSolid"] = "lock_keyhole_solid";
+        Icon["Magnifier"] = "magnifier";
         Icon["MapMarker"] = "map_marker";
         Icon["MasterDetail"] = "master_detail";
         Icon["MemoCircleCheckSolid"] = "memo_circle_check_solid";
@@ -2504,6 +2509,7 @@
         "lock": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M32.65,21.67H17.35c-2.81,0-3.06,2.29-3.06,5.12v8.09c0,2.83.25,5.12,3.06,5.12h15.3c2.81,0,3.06-2.29,3.06-5.12V26.79C35.71,24,35.46,21.67,32.65,21.67ZM20.22,37.49l2.61-6.32a3.82,3.82,0,1,1,4.35,0l2.6,6.32Z\" fill=\"#484f60\"/><path d=\"M29.51,16.64c0-3.6-2-4.07-4.51-4.07h0c-2.49,0-4.51.47-4.51,4.07v3h-2.7v-3C17.79,11.62,21,10,25,10h0c4,0,7.21,1.62,7.21,6.64v3h-2.7Z\" fill=\"#484f60\"/></svg>",
         "lock_keyhole_open_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M432 64C387.8 64 352 99.82 352 144V192H384C419.3 192 448 220.7 448 256V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V256C0 220.7 28.65 192 64 192H288V144C288 64.47 352.5 0 432 0C511.5 0 576 64.47 576 144V192C576 209.7 561.7 224 544 224C526.3 224 512 209.7 512 192V144C512 99.82 476.2 64 432 64zM256 384C273.7 384 288 369.7 288 352C288 334.3 273.7 320 256 320H192C174.3 320 160 334.3 160 352C160 369.7 174.3 384 192 384H256z\"/></svg>",
         "lock_keyhole_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M224 0C303.5 0 368 64.47 368 144V192H384C419.3 192 448 220.7 448 256V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V256C0 220.7 28.65 192 64 192H80V144C80 64.47 144.5 0 224 0zM224 64C179.8 64 144 99.82 144 144V192H304V144C304 99.82 268.2 64 224 64zM256 320C256 302.3 241.7 288 224 288C206.3 288 192 302.3 192 320V384C192 401.7 206.3 416 224 416C241.7 416 256 401.7 256 384V320z\"/></svg>",
+        "magnifier": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 50 50\" enable-background=\"new 0 0 50 50\" ><g><path fill=\"#29363E\" d=\"M27.8,15.5c-3.4-3.4-8.9-3.4-12.3,0c-3.4,3.4-3.4,8.9,0,12.3c3.4,3.4,8.9,3.4,12.3,0C31.2,24.4,31.2,18.9,27.8,15.5z M26.4,26.4c-2.6,2.6-6.8,2.6-9.4,0c-2.6-2.6-2.6-6.8,0-9.4c2.6-2.6,6.8-2.6,9.4,0C29,19.6,29,23.8,26.4,26.4z\"/><path fill=\"#29363E\" d=\"M36.4,32.8l-4.3-4.3c-0.8-0.8-2.1-0.8-2.9,0l-0.7,0.7c-0.8,0.8-0.8,2.1,0,2.9l4.3,4.3c0.8,0.8,2.1,0.8,2.9,0l0.7-0.7C37.2,34.9,37.2,33.6,36.4,32.8z\"/></g></svg>",
         "map_marker": "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z\" /></svg>",
         "master_detail": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"22\" y=\"32.17\" width=\"18\" height=\"4\" transform=\"translate(62 68.33) rotate(180)\" fill=\"#484f60\"/><rect x=\"22\" y=\"26.17\" width=\"18\" height=\"4\" transform=\"translate(62 56.33) rotate(180)\" fill=\"#484f60\"/><rect x=\"22\" y=\"20.17\" width=\"18\" height=\"4\" transform=\"translate(62 44.33) rotate(180)\" fill=\"#484f60\"/><rect x=\"22\" y=\"14.17\" width=\"18\" height=\"4\" transform=\"translate(62 32.33) rotate(180)\" fill=\"#484f60\"/><rect x=\"10\" y=\"14.17\" width=\"10\" height=\"22\" transform=\"translate(30 50.33) rotate(180)\" fill=\"#484f60\"/></svg>",
         "memo_circle_check_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M288 368C288 288.5 352.5 224 432 224C511.5 224 576 288.5 576 368C576 447.5 511.5 512 432 512C352.5 512 288 447.5 288 368zM499.3 347.3C505.6 341.1 505.6 330.9 499.3 324.7C493.1 318.4 482.9 318.4 476.7 324.7L416 385.4L387.3 356.7C381.1 350.4 370.9 350.4 364.7 356.7C358.4 362.9 358.4 373.1 364.7 379.3L404.7 419.3C410.9 425.6 421.1 425.6 427.3 419.3L499.3 347.3zM320 0C355.3 0 384 28.65 384 64V198.6C310.1 219.5 256 287.4 256 368C256 427.1 285.1 479.3 329.7 511.3C326.6 511.7 323.3 512 320 512H64C28.65 512 0 483.3 0 448V64C0 28.65 28.65 0 64 0H320zM80 128C71.16 128 64 135.2 64 144C64 152.8 71.16 160 80 160H304C312.8 160 320 152.8 320 144C320 135.2 312.8 128 304 128H80zM80 256H240C248.8 256 256 248.8 256 240C256 231.2 248.8 224 240 224H80C71.16 224 64 231.2 64 240C64 248.8 71.16 256 80 256zM80 352H176C184.8 352 192 344.8 192 336C192 327.2 184.8 320 176 320H80C71.16 320 64 327.2 64 336C64 344.8 71.16 352 80 352z\"/></svg>",
@@ -3867,7 +3873,7 @@
                         case 1:
                             result = _a.sent();
                             if (result.validationResult && result.validationResult.success) {
-                                return [2 /*return*/, this._boFactory.makeBOArrayFromRawBackendDataArray(StandardText, result.resultObjects)];
+                                return [2 /*return*/, this._boFactory.makeBOArrayFromRawBackendDataArray(StandardText, result.resultObject)];
                             }
                             else {
                                 this._handleExceptionFromResponse(result);
@@ -10208,22 +10214,310 @@
                 },] }
     ];
-    var TransactionArticleTextComponent = /** @class */ (function () {
-        function TransactionArticleTextComponent(service) {
+    var TransactionImageService = /** @class */ (function () {
+        function TransactionImageService(_connector) {
+            this._connector = _connector;
+            this._articleImageCache = new Map();
+        }
+        TransactionImageService.prototype.retrieveLineImage = function (line) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.getArticleImageByArticleNumber(line.articleNumber)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
+        TransactionImageService.prototype.getArticleImageByArticleNumber = function (articleNumber) {
+            return __awaiter(this, void 0, void 0, function () {
+                var goodId, image;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (this._articleImageCache.has(articleNumber)) {
+                                return [2 /*return*/, this._articleImageCache.get(articleNumber)];
+                            }
+                            return [4 /*yield*/, this._connector.getGoodIdFromArticleNr(articleNumber).catch(function (error) {
+                                    console.error(error);
+                                    return null;
+                                })];
+                        case 1:
+                            goodId = _a.sent();
+                            return [4 /*yield*/, this.getArticleImageByGoodId(goodId)];
+                        case 2:
+                            image = _a.sent();
+                            this._articleImageCache.set(articleNumber, image);
+                            return [2 /*return*/, image];
+                    }
+                });
+            });
+        };
+        TransactionImageService.prototype.getArticleImageByGoodId = function (goodId) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    if (!isNaN(goodId)) {
+                        return [2 /*return*/, this._connector.getSingleImage(goodId, 1, true, true).catch(function (error) {
+                                console.error(error);
+                                return "";
+                            })];
+                    }
+                    else {
+                        return [2 /*return*/, ""];
+                    }
+                    return [2 /*return*/];
+                });
+            });
+        };
+        return TransactionImageService;
+    }());
+    TransactionImageService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function TransactionImageService_Factory() { return new TransactionImageService(i0__namespace.ɵɵinject(TransactionConnectorService)); }, token: TransactionImageService, providedIn: "root" });
+    TransactionImageService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: "root"
+                },] }
+    ];
+    TransactionImageService.ctorParameters = function () { return [
+        { type: TransactionConnectorService }
+    ]; };
+    var TransactionLineImageAndDescriptionComponent = /** @class */ (function () {
+        function TransactionLineImageAndDescriptionComponent(service, iconCacheService, _dialogService, _dictionaryService, _imageService) {
             this.service = service;
+            this.iconCacheService = iconCacheService;
+            this._dialogService = _dialogService;
+            this._dictionaryService = _dictionaryService;
+            this._imageService = _imageService;
+            this.icons = Icon;
+            this.popUpView = false;
+            this.preview = false;
+            this.openArticleTextClicked = new i0.EventEmitter();
+            this.handleDeleteLine = new i0.EventEmitter();
+        }
+        Object.defineProperty(TransactionLineImageAndDescriptionComponent.prototype, "line", {
+            get: function () {
+                return this._line;
+            },
+            set: function (value) {
+                this._line = value;
+                this._loadLineImage();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TransactionLineImageAndDescriptionComponent.prototype.showClass = function () {
+            return true;
+        };
+        TransactionLineImageAndDescriptionComponent.prototype.handleOpenArticleText = function (text) {
+            this.openArticleTextClicked.next(text);
+        };
+        TransactionLineImageAndDescriptionComponent.prototype.deleteTransactionLineClick = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    this.handleDeleteLine.next();
+                    return [2 /*return*/];
+                });
+            });
+        };
+        TransactionLineImageAndDescriptionComponent.prototype._loadLineImage = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    if (this.line && this.line.isArticle) {
+                        this._imageService.retrieveLineImage(this.line).then(function (image) {
+                            _this.image = image;
+                        });
+                    }
+                    return [2 /*return*/];
+                });
+            });
+        };
+        return TransactionLineImageAndDescriptionComponent;
+    }());
+    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\">\n      <div class=\"description-wrapper\">\n        <co-transaction-line-description class=\"transaction-line-description-description\"\n                                         [transactionLine]=\"line\"\n                                         [defaultEditMode]=\"false\"\n                                         [showLabel]=\"false\"\n        ></co-transaction-line-description>\n        <div class=\"transaction-line-article-number-wrapper\" *ngIf=\"!popUpView\">\n          <span *ngIf=\"line.goodDescription && line.articleNumber\">|</span>\n          <span [textContent]=\"line.articleNumber\"></span>\n          <co-icon class=\"delete-icon\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\"\n                   (click)=\"deleteTransactionLineClick()\"></co-icon>\n        </div>\n      </div>\n      <div *ngIf=\"!preview && !popUpView\" class=\"article-text-wrapper\">\n        <div class=\"article-text\" *ngFor=\"let text of line.articleTestAsArray\">\n          <span [innerHTML]=\"text | safeHtml\" (dblclick)=\"handleOpenArticleText(text)\"></span>\n        </div>\n      </div>\n      <div *ngIf=\"!preview && !popUpView\">\n        <span [innerHTML]=\"line.configurationReadable\"></span>\n      </div>\n    </div>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    TransactionLineImageAndDescriptionComponent.ctorParameters = function () { return [
+        { type: TransactionService },
+        { type: IconCacheService },
+        { type: DialogService },
+        { type: DictionaryService },
+        { type: TransactionImageService }
+    ]; };
+    TransactionLineImageAndDescriptionComponent.propDecorators = {
+        line: [{ type: i0.Input }],
+        popUpView: [{ type: i0.Input }],
+        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 }],
+        handleDeleteLine: [{ type: i0.Output }]
+    };
+    var TransactionLineDescriptionComponent = /** @class */ (function (_super) {
+        __extends(TransactionLineDescriptionComponent, _super);
+        function TransactionLineDescriptionComponent(iconCacheService, _transactionService) {
+            var _this = _super.call(this) || this;
+            _this.iconCacheService = iconCacheService;
+            _this._transactionService = _transactionService;
+            _this.icons = Icon;
+            _this.showLabel = true;
+            _this.defaultEditMode = true;
+            _this._editMode = false;
+            return _this;
+        }
+        Object.defineProperty(TransactionLineDescriptionComponent.prototype, "child", {
+            set: function (content) {
+                var _this = this;
+                if (content) {
+                    this.input = content;
+                    this.input.commit = function (description) { return _this.commit(description); };
+                    if (this._editMode) {
+                        this.input.requestFocus();
+                    }
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TransactionLineDescriptionComponent.prototype, "editMode", {
+            get: function () {
+                return this._editMode;
+            },
+            set: function (value) {
+                this._editMode = value;
+                if (this._editMode && this.input) {
+                    this.input.doFocus();
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TransactionLineDescriptionComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            if (!this.readonly) {
+                this.editMode = true;
+            }
+        };
+        TransactionLineDescriptionComponent.prototype.commit = function (description) {
+            return __awaiter(this, void 0, void 0, function () {
+                var oldDescription, success;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!(this.transactionLine.goodDescription !== description)) return [3 /*break*/, 2];
+                            oldDescription = this.transactionLine.goodDescription;
+                            return [4 /*yield*/, this._transactionService.updateGoodDescriptionTransactionLine(this._transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, description)];
+                        case 1:
+                            success = _a.sent();
+                            if (!success) {
+                                this.input.model = oldDescription;
+                            }
+                            return [2 /*return*/, success];
+                        case 2: return [2 /*return*/, true];
+                    }
+                });
+            });
+        };
+        TransactionLineDescriptionComponent.prototype.transactionLineSet = function () {
+            this.readonly = this.readonly || !this.transactionLine.articleFreeDescription;
+        };
+        return TransactionLineDescriptionComponent;
+    }(TransactionLineBaseComponent));
+    TransactionLineDescriptionComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-transaction-line-description",
+                    template: "\n    <div class=\"co-transaction-default-flex-row\" *ngIf=\"(!editMode  || readonly) && !defaultEditMode\">\n      <div class=\"co-transaction-overflow-ellipsis\" [textContent]=\"transactionLine.goodDescription\"></div>\n      <co-icon [iconData]=\"iconCacheService.getIcon(icons.EditPencil)\" *ngIf=\"!readonly && !editMode\" (click)=\"editMode = true\"></co-icon>\n    </div>\n    <co-input-text #input *ngIf=\"editMode || defaultEditMode\"\n                   [placeholder]=\"showLabel ? ('GOOD_DESCRIPTION' | localize) : ''\"\n                   [showSaveCancel]=\"!readonly\"\n                   [readonly]=\"readonly\"\n                   [model]=\"transactionLine.goodDescription\"\n                   (blur)=\"editMode = false\"\n    ></co-input-text>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    TransactionLineDescriptionComponent.ctorParameters = function () { return [
+        { type: IconCacheService },
+        { type: TransactionService }
+    ]; };
+    TransactionLineDescriptionComponent.propDecorators = {
+        child: [{ type: i0.ViewChild, args: ['input', { read: corecomponents_v12.InputTextComponent },] }],
+        showLabel: [{ type: i0.Input }],
+        defaultEditMode: [{ type: i0.Input }],
+        editMode: [{ type: i0.Input }],
+        handleClick: [{ type: i0.HostListener, args: ["click", ["$event"],] }]
+    };
+    var TransactionLineDescriptionModule = /** @class */ (function () {
+        function TransactionLineDescriptionModule() {
+        }
+        return TransactionLineDescriptionModule;
+    }());
+    TransactionLineDescriptionModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.InputTextModule,
+                        PipeModule,
+                        corecomponents_v12.IconModule
+                    ],
+                    declarations: [
+                        TransactionLineDescriptionComponent
+                    ],
+                    exports: [
+                        TransactionLineDescriptionComponent
+                    ]
+                },] }
+    ];
+    var TransactionLineImageAndDescriptionModule = /** @class */ (function () {
+        function TransactionLineImageAndDescriptionModule() {
+        }
+        return TransactionLineImageAndDescriptionModule;
+    }());
+    TransactionLineImageAndDescriptionModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.IconModule,
+                        TransactionLineDescriptionModule,
+                        CoreModule,
+                        PipeModule
+                    ],
+                    declarations: [
+                        TransactionLineImageAndDescriptionComponent
+                    ],
+                    exports: [
+                        TransactionLineImageAndDescriptionComponent
+                    ]
+                },] }
+    ];
+    var TransactionArticleTextComponent = /** @class */ (function () {
+        function TransactionArticleTextComponent(transactionService, iconCacheService, _dictionaryService) {
+            this.transactionService = transactionService;
+            this.iconCacheService = iconCacheService;
+            this._dictionaryService = _dictionaryService;
             this.closeClick = new i0.EventEmitter();
             this.cancelClick = new i0.EventEmitter();
             this.saveClick = new i0.EventEmitter();
+            this.icon = Icon;
             this.showOverviewDialog = false;
             this.standardTexts = [];
             this.documents = [];
             this.fields = { text: "description", value: "textId" };
             this.fieldsDocuments = { text: "description", value: "code" };
+            this.textAreaPlaceholder = this._dictionaryService.get("TYPE_OR_SEARCH_TEXT", true);
+            this.searchIcon = this.iconCacheService.getIcon(this.icon.Magnifier);
+            this.showDropdown = false;
             this.transactionAddTextLineRequest = new transactionAddTextLineRequest_bo.TransactionAddTextLineRequest();
         }
         Object.defineProperty(TransactionArticleTextComponent.prototype, "transactionLine", {
+            get: function () {
+                return this._transactionLine;
+            },
             set: function (value) {
                 if (value) {
+                    this._transactionLine = value;
                     this.transactionAddTextLineRequest.transactionUuid = value.uuid;
                     this.transactionAddTextLineRequest.text = value.text;
                 }
@@ -10269,11 +10563,11 @@
                     switch (_c.label) {
                         case 0:
                             _a = this;
-                            return [4 /*yield*/, this.service.getStandardTexts("NL")];
+                            return [4 /*yield*/, this.transactionService.getStandardTexts("NL")];
                         case 1:
                             _a.standardTexts = _c.sent();
                             _b = this;
-                            return [4 /*yield*/, this.service.getTextTypes("NL")];
+                            return [4 /*yield*/, this.transactionService.getTextTypes("NL")];
                         case 2:
                             _b.documents = _c.sent();
                             return [2 /*return*/];
@@ -10292,17 +10586,29 @@
         };
         TransactionArticleTextComponent.prototype.handleDocumentsChange = function (docs) {
         };
+        TransactionArticleTextComponent.prototype.showStandardTextsDropdown = function () {
+            this.showDropdown = true;
+        };
         return TransactionArticleTextComponent;
     }());
     TransactionArticleTextComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-article-text",
-                    template: "\n    <co-dialog (closeClick)=\"closeClick.emit($event)\" [headerTemplate]=\"headerTemplate\" [footerTemplate]=\"footerTemplate\">\n      <div class=\"article-text-content-wrapper\">\n        <div class=\"editor-wrapper\">\n          <textarea class=\"article-text\"\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            (modelChange)=\"handleDocumentsChange($event)\"\n          ></co-input-listbox>\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      </div>\n    </co-dialog>\n    <ng-template #headerTemplate><span [textContent]=\"header\"></span></ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"button-wrapper\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"onOkClick($event)\"></co-button>\n        <co-button [label]=\"'CANCEL' | localize \" (click)=\"onCancelClick($event)\"></co-button>\n      </div>\n    </ng-template>\n\n  ",
+                    template: "\n    <co-dialog (closeClick)=\"closeClick.emit($event)\" [headerTemplate]=\"headerTemplate\"\n               [footerTemplate]=\"footerTemplate\">\n      <div class=\"article-image-description-wrapper\">\n        <co-transaction-line-image-and-description\n          [line]=\"transactionLine\"\n          [popUpView]=\"true\">\n        </co-transaction-line-image-and-description>\n      </div>\n\n      <div class=\"standard-texts-dropdown-wrapper\">\n        <co-drop-down-list\n          @showStandardTextsDropdown\n          *ngIf=\"showDropdown\"\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          <co-button class=\"search-button\"\n                     [iconData]=\"searchIcon\"\n                     (onClick)=\"showStandardTextsDropdown()\">\n          </co-button>\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=\"bold\" [textContent]=\"header\"></span>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"button-wrapper\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"onOkClick($event)\"></co-button>\n        <co-button [label]=\"'CANCEL' | localize \" (click)=\"onCancelClick($event)\"></co-button>\n      </div>\n    </ng-template>\n  ",
+                    animations: [
+                        animations.trigger("showStandardTextsDropdown", [
+                            animations.state("void", animations.style({ transform: 'translateY(-100%)', opacity: 0 })),
+                            animations.state("*", animations.style({ transform: 'translateY(0)', opacity: 1 })),
+                            animations.transition("void <=> *", animations.animate("200ms ease-in-out"))
+                        ])
+                    ],
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
     TransactionArticleTextComponent.ctorParameters = function () { return [
-        { type: TransactionService }
+        { type: TransactionService },
+        { type: IconCacheService },
+        { type: DictionaryService }
     ]; };
     TransactionArticleTextComponent.propDecorators = {
         header: [{ type: i0.Input }],
@@ -10332,7 +10638,9 @@
                         corecomponents_v12.InputListboxModule,
                         corecomponents_v12.DropDownModule,
                         corecomponents_v12.ButtonModule,
-                        PipeModule
+                        PipeModule,
+                        corecomponents_v12.InputSearchModule,
+                        TransactionLineImageAndDescriptionModule
                     ],
                     declarations: [
                         TransactionArticleTextComponent
@@ -10701,7 +11009,7 @@
     TransactionSearchPurchaseOrderTileComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-search-purchase-order-tile",
-                    template: "\n    <div class=\"transaction-tile-wrapper\" (click)=\"onTransactionClick(transaction)\">\n      <div class=\"tile\">\n        <div class=\"tile-header\">\n          <div class=\"tile-upper-left\">\n            <div class=\"transaction-tile-avatar\">\n              <co-avatar [image]=\"transaction.execImage\" [relationId]=\"transaction.handledBy\"></co-avatar>\n            </div>\n          </div>\n          <div class=\"tile-upper-middle\">\n            <div class=\"header\"><span [textContent]=\"transaction.transNr\"></span></div>\n            <div class=\"text\"><span [textContent]=\"transaction.brancheName\"></span></div>\n          </div>\n          <div class=\"tile-upper-right\">\n            <div class=\"status-bar-wrapper\">\n              <co-transaction-statusbar [transaction]=\"transaction\" [transactionKind]=\"transaction.transactionKind\"></co-transaction-statusbar>\n            </div>\n            <div class=\"header\"><span [textContent]=\"transaction.totalPriceWithVat | currency:'EUR'\"></span></div>\n          </div>\n        </div>\n        <div class=\"tile-body\">\n          <div class=\"tile-middle-left\"></div>\n          <div class=\"tile-middle-middle\">\n            <div class=\"text\"><span [textContent]=\"transaction.relationName\"></span></div>\n            <div class=\"text\"><span [textContent]=\"transaction.getAdres()\"></span></div>\n          </div>\n          <div class=\"tile-middle-right\"></div>\n        </div>\n        <div class=\"tile-footer\">\n          <div class=\"tile-bottom-left order-info-section\">\n            <div class=\"label\"><span [textContent]=\"'ORDER_DATE' | localize\"></span></div>\n            <div class=\"value\">\n              <span [textContent]=\"transaction.getTransDate() | date:'dd MMM yyyy'\"></span></div>\n          </div>\n          <div class=\"tile-bottom-middle order-info-section\">\n            <div class=\"label\"><span [textContent]=\"'DELIVERY_DATE' | localize\"></span></div>\n            <div class=\"value\">\n              <span [textContent]=\"transaction.getDeliveryDate() | date:'dd MMM yyyy'\"></span>\n              <div *ngIf=\"transaction.getDeliveryDate()\">\n                <co-icon *ngIf=\"transaction.deliveryDateDefinitive; else indefinite\"\n                         [iconData]=\"this.iconCacheService.getIcon(this.icons.Lock)\" class=\"lock-icon\"></co-icon>\n                <ng-template #indefinite>\n                  <co-icon [iconData]=\"this.iconCacheService.getIcon(this.icons.Unlock)\" class=\"unlock-icon\"></co-icon>\n                </ng-template>\n              </div>\n            </div>\n          </div>\n          <div class=\"tile-bottom-right order-info-section\">\n            <div class=\"label\"><span [textContent]=\"'ORDER_RULE' | localize\"></span></div>\n            <div class=\"value\">\n              <span [textContent]=\"'68/00'\"></span></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"transaction-tile-wrapper\" (click)=\"onTransactionClick(transaction)\">\n      <div class=\"tile\">\n        <div class=\"tile-header\">\n          <div class=\"tile-upper-left\">\n            <div class=\"transaction-tile-avatar\">\n              <co-avatar [image]=\"transaction.execImage\" [relationId]=\"transaction.handledBy\"></co-avatar>\n            </div>\n          </div>\n          <div class=\"tile-upper-middle\">\n            <div class=\"header\"><span [textContent]=\"transaction.transNr\"></span></div>\n            <div class=\"text\"><span [textContent]=\"transaction.brancheName\"></span></div>\n          </div>\n          <div class=\"tile-upper-right\">\n            <div class=\"status-bar-wrapper\">\n              <co-transaction-statusbar [transaction]=\"transaction\" [transactionKind]=\"transaction.transactionKind\"></co-transaction-statusbar>\n            </div>\n            <div class=\"header total-price-vat\"><span [textContent]=\"transaction.totalPriceWithVat | currency:'EUR'\"></span></div>\n          </div>\n        </div>\n        <div class=\"tile-body\">\n          <div class=\"tile-middle-left\"></div>\n          <div class=\"tile-middle-middle\">\n            <div class=\"text\"><span [textContent]=\"transaction.relationName\"></span></div>\n            <div class=\"text\"><span [textContent]=\"transaction.getAdres()\"></span></div>\n          </div>\n          <div class=\"tile-middle-right\"></div>\n        </div>\n        <div class=\"tile-footer\">\n          <div class=\"tile-bottom-left order-info-section\">\n            <div class=\"label\"><span [textContent]=\"'ORDER_DATE' | localize\"></span></div>\n            <div class=\"value\">\n              <span [textContent]=\"transaction.getTransDate() | date:'dd MMM yyyy'\"></span></div>\n          </div>\n          <div class=\"tile-bottom-middle order-info-section\">\n            <div class=\"label\"><span [textContent]=\"'DELIVERY_DATE' | localize\"></span></div>\n            <div class=\"value\">\n              <span [textContent]=\"transaction.getDeliveryDate() | date:'dd MMM yyyy'\"></span>\n              <div *ngIf=\"transaction.getDeliveryDate()\">\n                <co-icon *ngIf=\"transaction.deliveryDateDefinitive; else indefinite\"\n                         [iconData]=\"this.iconCacheService.getIcon(this.icons.Lock)\" class=\"lock-icon\"></co-icon>\n                <ng-template #indefinite>\n                  <co-icon [iconData]=\"this.iconCacheService.getIcon(this.icons.Unlock)\" class=\"unlock-icon\"></co-icon>\n                </ng-template>\n              </div>\n            </div>\n          </div>\n          <div class=\"tile-bottom-right order-info-section\">\n            <div class=\"label\"><span [textContent]=\"'ORDER_RULE' | localize\"></span></div>\n            <div class=\"value\">\n              <span [textContent]=\"'68/00'\"></span></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -10913,115 +11221,48 @@
         TransactionQuickAccessReceivedGoodsComponent.prototype.handleSelectAllLines = function (value) {
             this._transactionEventService.selectAllLines.next(value);
         };
-        return TransactionQuickAccessReceivedGoodsComponent;
-    }(TransactionBaseComponent));
-    TransactionQuickAccessReceivedGoodsComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: "co-transaction-quick-access-received-goods",
-                    template: "\n      <co-input-date\n                     [placeholder]=\"'CONFIRMED_DATE' | localize\"\n                     [(model)]=\"this.commitDate\"\n      ></co-input-date>\n      <co-input-text\n                     [placeholder]=\"'PACKING_SLIP' | localize\"\n                     [(model)]=\"this.commitReferenceId\"\n      ></co-input-text>\n      <co-input-checkbox\n        class=\"checkbox-wrapper\"\n        [(model)]=\"localCheckboxState\"\n        (modelChange)=\"handleSelectAllLines($event)\"\n        ></co-input-checkbox>\n      <div class=\"buttons\">\n        <div class=\"button-wrapper receive\" (click)=\"handleCommitEvent({date: this.commitDate, id: this.commitReferenceId})\">\n          <co-icon class=\"button-icon\" [iconData]=\"iconService.getIcon(icons.InboxInSolid)\"></co-icon>\n          <span class=\"button-title\" [textContent]=\"'INSIDE' | localize\"></span>\n        </div>\n        <div class=\"button-wrapper print\">\n          <co-icon class=\"button-icon\" [iconData]=\"iconService.getIcon(icons.PrintSolid)\"></co-icon>\n          <div class=\"dots-wrapper\"><div class=\"dot\"></div><div class=\"dot\"></div><div class=\"dot\"></div></div>\n        </div>\n      </div>\n  ",
-                    encapsulation: i0.ViewEncapsulation.None
-                },] }
-    ];
-    TransactionQuickAccessReceivedGoodsComponent.ctorParameters = function () { return [
-        { type: IconCacheService },
-        { type: TransactionService },
-        { type: TransactionEventService }
-    ]; };
-    TransactionQuickAccessReceivedGoodsComponent.propDecorators = {
-        commitDate: [{ type: i0.Input }],
-        commitReferenceId: [{ type: i0.Input }],
-        packingSlipId: [{ type: i0.Input }],
-        checkboxValueChanged: [{ type: i0.Output }],
-        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-quick-access-received-goods",] }]
-    };
-    var TransactionQuickAccessOverviewComponent = /** @class */ (function (_super) {
-        __extends(TransactionQuickAccessOverviewComponent, _super);
-        function TransactionQuickAccessOverviewComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        TransactionQuickAccessOverviewComponent.prototype.showClass = function () {
-            return true;
-        };
-        return TransactionQuickAccessOverviewComponent;
-    }(TransactionBaseComponent));
-    TransactionQuickAccessOverviewComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: "co-transaction-quick-access-overview",
-                    template: "\n        <co-input-search\n          [placeholder]=\"'SEARCH_ADD_ARTICLE' | localize\"\n          [noIcon]=\"true\"\n        ></co-input-search>\n    ",
-                    encapsulation: i0.ViewEncapsulation.None
-                },] }
-    ];
-    TransactionQuickAccessOverviewComponent.propDecorators = {
-        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-quick-access-overview",] }]
-    };
-    var TransactionImageService = /** @class */ (function () {
-        function TransactionImageService(_connector) {
-            this._connector = _connector;
-            this._articleImageCache = new Map();
-        }
-        TransactionImageService.prototype.retrieveLineImage = function (line) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.getArticleImageByArticleNumber(line.articleNumber)];
-                        case 1: return [2 /*return*/, _a.sent()];
-                    }
-                });
-            });
-        };
-        TransactionImageService.prototype.getArticleImageByArticleNumber = function (articleNumber) {
-            return __awaiter(this, void 0, void 0, function () {
-                var goodId, image;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            if (this._articleImageCache.has(articleNumber)) {
-                                return [2 /*return*/, this._articleImageCache.get(articleNumber)];
-                            }
-                            return [4 /*yield*/, this._connector.getGoodIdFromArticleNr(articleNumber).catch(function (error) {
-                                    console.error(error);
-                                    return null;
-                                })];
-                        case 1:
-                            goodId = _a.sent();
-                            return [4 /*yield*/, this.getArticleImageByGoodId(goodId)];
-                        case 2:
-                            image = _a.sent();
-                            this._articleImageCache.set(articleNumber, image);
-                            return [2 /*return*/, image];
-                    }
-                });
-            });
-        };
-        TransactionImageService.prototype.getArticleImageByGoodId = function (goodId) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    if (!isNaN(goodId)) {
-                        return [2 /*return*/, this._connector.getSingleImage(goodId, 1, true, true).catch(function (error) {
-                                console.error(error);
-                                return "";
-                            })];
-                    }
-                    else {
-                        return [2 /*return*/, ""];
-                    }
-                    return [2 /*return*/];
-                });
-            });
+        return TransactionQuickAccessReceivedGoodsComponent;
+    }(TransactionBaseComponent));
+    TransactionQuickAccessReceivedGoodsComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-transaction-quick-access-received-goods",
+                    template: "\n      <co-input-date\n                     [placeholder]=\"'CONFIRMED_DATE' | localize\"\n                     [(model)]=\"this.commitDate\"\n      ></co-input-date>\n      <co-input-text\n                     [placeholder]=\"'PACKING_SLIP' | localize\"\n                     [(model)]=\"this.commitReferenceId\"\n      ></co-input-text>\n      <co-input-checkbox\n        class=\"checkbox-wrapper\"\n        [(model)]=\"localCheckboxState\"\n        (modelChange)=\"handleSelectAllLines($event)\"\n        ></co-input-checkbox>\n      <div class=\"buttons\">\n        <div class=\"button-wrapper receive\" (click)=\"handleCommitEvent({date: this.commitDate, id: this.commitReferenceId})\">\n          <co-icon class=\"button-icon\" [iconData]=\"iconService.getIcon(icons.InboxInSolid)\"></co-icon>\n          <span class=\"button-title\" [textContent]=\"'INSIDE' | localize\"></span>\n        </div>\n        <div class=\"button-wrapper print\">\n          <co-icon class=\"button-icon\" [iconData]=\"iconService.getIcon(icons.PrintSolid)\"></co-icon>\n          <div class=\"dots-wrapper\"><div class=\"dot\"></div><div class=\"dot\"></div><div class=\"dot\"></div></div>\n        </div>\n      </div>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    TransactionQuickAccessReceivedGoodsComponent.ctorParameters = function () { return [
+        { type: IconCacheService },
+        { type: TransactionService },
+        { type: TransactionEventService }
+    ]; };
+    TransactionQuickAccessReceivedGoodsComponent.propDecorators = {
+        commitDate: [{ type: i0.Input }],
+        commitReferenceId: [{ type: i0.Input }],
+        packingSlipId: [{ type: i0.Input }],
+        checkboxValueChanged: [{ type: i0.Output }],
+        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-quick-access-received-goods",] }]
+    };
+    var TransactionQuickAccessOverviewComponent = /** @class */ (function (_super) {
+        __extends(TransactionQuickAccessOverviewComponent, _super);
+        function TransactionQuickAccessOverviewComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        TransactionQuickAccessOverviewComponent.prototype.showClass = function () {
+            return true;
         };
-        return TransactionImageService;
-    }());
-    TransactionImageService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function TransactionImageService_Factory() { return new TransactionImageService(i0__namespace.ɵɵinject(TransactionConnectorService)); }, token: TransactionImageService, providedIn: "root" });
-    TransactionImageService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: "root"
+        return TransactionQuickAccessOverviewComponent;
+    }(TransactionBaseComponent));
+    TransactionQuickAccessOverviewComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-transaction-quick-access-overview",
+                    template: "\n        <co-input-search\n          [placeholder]=\"'SEARCH_ADD_ARTICLE' | localize\"\n          [noIcon]=\"true\"\n        ></co-input-search>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
-    TransactionImageService.ctorParameters = function () { return [
-        { type: TransactionConnectorService }
-    ]; };
+    TransactionQuickAccessOverviewComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-quick-access-overview",] }]
+    };
     var TransactionGridBaseComponent = /** @class */ (function () {
         function TransactionGridBaseComponent(imageService) {
@@ -11209,14 +11450,14 @@
             }, 1);
         };
         TransactionLineActionButtonsComponent.prototype.handleTransactionArticleTextOverview = function () {
-            this.articleTextHeader = this._dictionaryService.get("TEXT_ARTICLE_BOUND", true, this.transactionLine.articleNumber);
+            this.articleTextHeader = this._dictionaryService.get("PRODUCT_DESCRIPTION_AND_TEXTS", true);
             this.textToEdit = undefined;
             this._showArticleTextOverviewDialog();
             this.showActionButtons = false;
             this.showActionButtonsDelayed = false;
         };
         TransactionLineActionButtonsComponent.prototype.handleTransactionArticleText = function () {
-            this.articleTextHeader = this._dictionaryService.get("TEXT_ARTICLE_BOUND", true, this.transactionLine.articleNumber);
+            this.articleTextHeader = this._dictionaryService.get("PRODUCT_DESCRIPTION_AND_TEXTS", true);
             this.textToEdit = undefined;
             this.showArticleTextDialog();
             this.showActionButtons = false;
@@ -12040,7 +12281,7 @@
     TransactionLinesComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-lines",
-                    template: "\n    <div cdkDropListGroup class=\"drop-list-group\">\n      <div #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n           class=\"transaction-lines-drag-drop-list narrow-scrollbar\"\n           [cdkDropListDisabled]=\"preview || userActionRequired\"\n           [cdkDropListData]=\"transactionLines\"\n           [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n           (cdkDropListDropped)=\"handleDrop($event)\"\n      >\n        <div class=\"draggable-transaction-line\" *ngFor=\"let line of transactionLines; trackBy:trackByFn;\" cdkDrag>\n          <co-icon *ngIf=\"!preview\" class=\"transaction-line-drag-handle\"\n                   [class.show]=\"line === selectedTransactionLine && transactionLines.length > 1\" cdkDragHandle\n                   [iconData]=\"iconCacheService.getIcon(icons.GripDotsVerticalSolid)\">\n          </co-icon>\n          <co-transaction-line *ngIf=\"hasComponent\"\n                               [transactionType]=\"service.currentTransaction.transactionInfo.transactionKind\"\n                               [activeCategory]=\"activeCategory\"\n                               [transactionId]=\"transactionId\"\n                               [preview]=\"preview\"\n                               [line]=\"line\"\n                               [selected]=\"line === selectedTransactionLine\"\n                               (waitingForUserAction)=\"userActionRequired = $event\"\n                               (dblclick)=\"handleTransactionLineDblClick(line)\"\n                               (click)=\"selectedTransactionLine = line\"\n          ></co-transaction-line>\n        </div>\n      </div>\n    </div>\n    <!--\n        <co-button *ngIf=!preview class=\"add-text-button circle\" [iconData]=\"iconCacheService.getIcon(icons.Txt)\" (click)=\"handleTransactionArticleText($event)\"></co-button>\n    -->\n    <co-transaction-article-text *ngIf=\"showTransactionArticleText\"\n                                 [header]=\"'TEXT' | localize\"\n                                 [transactionLine]=\"selectedArticleText\"\n                                 [editText]=\"textToEdit\"\n                                 (saveClick)=\"saveTransactionArticleLineText($event)\"\n                                 (closeClick)=\"closeTransactionArticleText($event)\"\n                                 (cancelClick)=\"closeTransactionArticleText($event)\"\n    ></co-transaction-article-text>\n  ",
+                    template: "\n    <div cdkDropListGroup class=\"drop-list-group\">\n      <div #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n           class=\"transaction-lines-drag-drop-list narrow-scrollbar\"\n           [cdkDropListDisabled]=\"preview || userActionRequired\"\n           [cdkDropListData]=\"transactionLines\"\n           [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n           (cdkDropListDropped)=\"handleDrop($event)\"\n      >\n        <div class=\"draggable-transaction-line\" *ngFor=\"let line of transactionLines; trackBy:trackByFn;\" cdkDrag>\n          <co-icon *ngIf=\"!preview\" class=\"transaction-line-drag-handle\"\n                   [class.show]=\"line === selectedTransactionLine && transactionLines.length > 1\" cdkDragHandle\n                   [iconData]=\"iconCacheService.getIcon(icons.GripDotsVerticalSolid)\">\n          </co-icon>\n          <co-transaction-line *ngIf=\"hasComponent\"\n                               [transactionType]=\"service.currentTransaction.transactionInfo.transactionKind\"\n                               [activeCategory]=\"activeCategory\"\n                               [transactionId]=\"transactionId\"\n                               [preview]=\"preview\"\n                               [line]=\"line\"\n                               [selected]=\"line === selectedTransactionLine\"\n                               (waitingForUserAction)=\"userActionRequired = $event\"\n                               (dblclick)=\"handleTransactionLineDblClick(line)\"\n                               (click)=\"selectedTransactionLine = line\"\n          ></co-transaction-line>\n        </div>\n      </div>\n    </div>\n        <co-button *ngIf=!preview class=\"add-text-button circle\" [iconData]=\"iconCacheService.getIcon(icons.TextSolid)\" (click)=\"handleTransactionArticleText($event)\"></co-button>\n    <co-transaction-article-text *ngIf=\"showTransactionArticleText\"\n                                 [header]=\"'PRODUCT_DESCRIPTION_AND_TEXTS' | localize\"\n                                 [transactionLine]=\"selectedArticleText\"\n                                 [editText]=\"textToEdit\"\n                                 (saveClick)=\"saveTransactionArticleLineText($event)\"\n                                 (closeClick)=\"closeTransactionArticleText($event)\"\n                                 (cancelClick)=\"closeTransactionArticleText($event)\"\n    ></co-transaction-article-text>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -17011,118 +17252,6 @@
                 },] }
     ];
-    var TransactionLineDescriptionComponent = /** @class */ (function (_super) {
-        __extends(TransactionLineDescriptionComponent, _super);
-        function TransactionLineDescriptionComponent(iconCacheService, _transactionService) {
-            var _this = _super.call(this) || this;
-            _this.iconCacheService = iconCacheService;
-            _this._transactionService = _transactionService;
-            _this.icons = Icon;
-            _this.showLabel = true;
-            _this.defaultEditMode = true;
-            _this._editMode = false;
-            return _this;
-        }
-        Object.defineProperty(TransactionLineDescriptionComponent.prototype, "child", {
-            set: function (content) {
-                var _this = this;
-                if (content) {
-                    this.input = content;
-                    this.input.commit = function (description) { return _this.commit(description); };
-                    if (this._editMode) {
-                        this.input.requestFocus();
-                    }
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(TransactionLineDescriptionComponent.prototype, "editMode", {
-            get: function () {
-                return this._editMode;
-            },
-            set: function (value) {
-                this._editMode = value;
-                if (this._editMode && this.input) {
-                    this.input.doFocus();
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        TransactionLineDescriptionComponent.prototype.handleClick = function (event) {
-            event.preventDefault();
-            event.stopPropagation();
-            if (!this.readonly) {
-                this.editMode = true;
-            }
-        };
-        TransactionLineDescriptionComponent.prototype.commit = function (description) {
-            return __awaiter(this, void 0, void 0, function () {
-                var oldDescription, success;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            if (!(this.transactionLine.goodDescription !== description)) return [3 /*break*/, 2];
-                            oldDescription = this.transactionLine.goodDescription;
-                            return [4 /*yield*/, this._transactionService.updateGoodDescriptionTransactionLine(this._transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, description)];
-                        case 1:
-                            success = _a.sent();
-                            if (!success) {
-                                this.input.model = oldDescription;
-                            }
-                            return [2 /*return*/, success];
-                        case 2: return [2 /*return*/, true];
-                    }
-                });
-            });
-        };
-        TransactionLineDescriptionComponent.prototype.transactionLineSet = function () {
-            this.readonly = this.readonly || !this.transactionLine.articleFreeDescription;
-        };
-        return TransactionLineDescriptionComponent;
-    }(TransactionLineBaseComponent));
-    TransactionLineDescriptionComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: "co-transaction-line-description",
-                    template: "\n    <div class=\"co-transaction-default-flex-row\" *ngIf=\"(!editMode  || readonly) && !defaultEditMode\">\n      <div class=\"co-transaction-overflow-ellipsis\" [textContent]=\"transactionLine.goodDescription\"></div>\n      <co-icon [iconData]=\"iconCacheService.getIcon(icons.EditPencil)\" *ngIf=\"!readonly && !editMode\" (click)=\"editMode = true\"></co-icon>\n    </div>\n    <co-input-text #input *ngIf=\"editMode || defaultEditMode\"\n                   [placeholder]=\"showLabel ? ('GOOD_DESCRIPTION' | localize) : ''\"\n                   [showSaveCancel]=\"!readonly\"\n                   [readonly]=\"readonly\"\n                   [model]=\"transactionLine.goodDescription\"\n                   (blur)=\"editMode = false\"\n    ></co-input-text>\n  ",
-                    encapsulation: i0.ViewEncapsulation.None
-                },] }
-    ];
-    TransactionLineDescriptionComponent.ctorParameters = function () { return [
-        { type: IconCacheService },
-        { type: TransactionService }
-    ]; };
-    TransactionLineDescriptionComponent.propDecorators = {
-        child: [{ type: i0.ViewChild, args: ['input', { read: corecomponents_v12.InputTextComponent },] }],
-        showLabel: [{ type: i0.Input }],
-        defaultEditMode: [{ type: i0.Input }],
-        editMode: [{ type: i0.Input }],
-        handleClick: [{ type: i0.HostListener, args: ["click", ["$event"],] }]
-    };
-    var TransactionLineDescriptionModule = /** @class */ (function () {
-        function TransactionLineDescriptionModule() {
-        }
-        return TransactionLineDescriptionModule;
-    }());
-    TransactionLineDescriptionModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        corecomponents_v12.InputTextModule,
-                        PipeModule,
-                        corecomponents_v12.IconModule
-                    ],
-                    declarations: [
-                        TransactionLineDescriptionComponent
-                    ],
-                    exports: [
-                        TransactionLineDescriptionComponent
-                    ]
-                },] }
-    ];
     var TransactionLineSidePanelDefaultModule = /** @class */ (function () {
         function TransactionLineSidePanelDefaultModule() {
         }
@@ -19534,103 +19663,6 @@
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-base-line",] }]
     };
-    var TransactionLineImageAndDescriptionComponent = /** @class */ (function () {
-        function TransactionLineImageAndDescriptionComponent(service, iconCacheService, _dialogService, _dictionaryService, _imageService) {
-            this.service = service;
-            this.iconCacheService = iconCacheService;
-            this._dialogService = _dialogService;
-            this._dictionaryService = _dictionaryService;
-            this._imageService = _imageService;
-            this.icons = Icon;
-            this.preview = false;
-            this.openArticleTextClicked = new i0.EventEmitter();
-            this.handleDeleteLine = new i0.EventEmitter();
-        }
-        Object.defineProperty(TransactionLineImageAndDescriptionComponent.prototype, "line", {
-            get: function () {
-                return this._line;
-            },
-            set: function (value) {
-                this._line = value;
-                this._loadLineImage();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        TransactionLineImageAndDescriptionComponent.prototype.showClass = function () {
-            return true;
-        };
-        TransactionLineImageAndDescriptionComponent.prototype.handleOpenArticleText = function (text) {
-            this.openArticleTextClicked.next(text);
-        };
-        TransactionLineImageAndDescriptionComponent.prototype.deleteTransactionLineClick = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    this.handleDeleteLine.next();
-                    return [2 /*return*/];
-                });
-            });
-        };
-        TransactionLineImageAndDescriptionComponent.prototype._loadLineImage = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    if (this.line && this.line.isArticle) {
-                        this._imageService.retrieveLineImage(this.line).then(function (image) {
-                            _this.image = image;
-                        });
-                    }
-                    return [2 /*return*/];
-                });
-            });
-        };
-        return TransactionLineImageAndDescriptionComponent;
-    }());
-    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\">\n      <div class=\"description-wrapper\">\n        <co-transaction-line-description class=\"transaction-line-description-description\"\n                                         [transactionLine]=\"line\"\n                                         [defaultEditMode]=\"false\"\n                                         [showLabel]=\"false\"\n        ></co-transaction-line-description>\n        <span *ngIf=\"line.goodDescription && line.articleNumber\">|</span>\n        <span [textContent]=\"line.articleNumber\"></span>\n        <co-icon class=\"delete-icon\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\" (click)=\"deleteTransactionLineClick()\"></co-icon>\n      </div>\n      <div *ngIf=!preview class=\"article-text-wrapper\">\n        <div class=\"article-text\" *ngFor=\"let text of line.articleTestAsArray\">\n          <span [innerHTML]=\"text | safeHtml\" (dblclick)=\"handleOpenArticleText(text)\"></span>\n        </div>\n      </div>\n      <div *ngIf=!preview>\n        <span [innerHTML]=\"line.configurationReadable\"></span>\n      </div>\n    </div>\n    ",
-                    encapsulation: i0.ViewEncapsulation.None
-                },] }
-    ];
-    TransactionLineImageAndDescriptionComponent.ctorParameters = function () { return [
-        { type: TransactionService },
-        { type: IconCacheService },
-        { type: DialogService },
-        { type: DictionaryService },
-        { type: TransactionImageService }
-    ]; };
-    TransactionLineImageAndDescriptionComponent.propDecorators = {
-        line: [{ type: i0.Input }],
-        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 }],
-        handleDeleteLine: [{ type: i0.Output }]
-    };
-    var TransactionLineImageAndDescriptionModule = /** @class */ (function () {
-        function TransactionLineImageAndDescriptionModule() {
-        }
-        return TransactionLineImageAndDescriptionModule;
-    }());
-    TransactionLineImageAndDescriptionModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        corecomponents_v12.IconModule,
-                        TransactionLineDescriptionModule,
-                        CoreModule,
-                        PipeModule
-                    ],
-                    declarations: [
-                        TransactionLineImageAndDescriptionComponent
-                    ],
-                    exports: [
-                        TransactionLineImageAndDescriptionComponent
-                    ]
-                },] }
-    ];
     var TransactionBaseLineModule = /** @class */ (function () {
         function TransactionBaseLineModule() {
         }
@@ -22079,205 +22111,205 @@
     exports["ɵca"] = TransactionLineComponent;
     exports["ɵcb"] = TransactionMappingService;
     exports["ɵcc"] = TransactionArticleTextModule;
-    exports["ɵcd"] = TransactionArticleTextComponent;
-    exports["ɵce"] = TransactionReceiveGoodsService;
-    exports["ɵcf"] = TransactionEventService;
-    exports["ɵcg"] = DialogTransactionHeaderDiscountModule;
-    exports["ɵch"] = TransactionHeaderDiscountPercentageModule;
-    exports["ɵci"] = TransactionHeaderDiscountPercentageComponent;
-    exports["ɵcj"] = TransactionHeaderBaseComponent;
-    exports["ɵck"] = TransactionFilterPopupBaseComponent;
-    exports["ɵcl"] = TransactionHeaderDiscountAmountModule;
-    exports["ɵcm"] = TransactionHeaderDiscountAmountComponent;
-    exports["ɵcn"] = TransactionHeaderDiscountTransactionTotalModule;
-    exports["ɵco"] = TransactionHeaderDiscountTransactionTotalComponent;
-    exports["ɵcp"] = DialogTransactionHeaderDiscountComponent;
-    exports["ɵcq"] = DialogTransactionHeaderBaseComponent;
-    exports["ɵcr"] = AvatarModule;
-    exports["ɵcs"] = AvatarComponent;
-    exports["ɵct"] = SharedService;
-    exports["ɵcu"] = SharedConnectorService;
-    exports["ɵcv"] = DeliveryTypeTileModule;
-    exports["ɵcw"] = DeliveryTypeTileComponent;
-    exports["ɵcx"] = PaymentModule;
-    exports["ɵcy"] = PaymentTileModule;
-    exports["ɵcz"] = PaymentTileComponent;
+    exports["ɵcd"] = TransactionLineImageAndDescriptionModule;
+    exports["ɵce"] = TransactionLineDescriptionModule;
+    exports["ɵcf"] = TransactionLineDescriptionComponent;
+    exports["ɵcg"] = TransactionLineBaseComponent;
+    exports["ɵch"] = TransactionFilterPopupBaseComponent;
+    exports["ɵci"] = TransactionLineImageAndDescriptionComponent;
+    exports["ɵcj"] = TransactionImageService;
+    exports["ɵck"] = TransactionArticleTextComponent;
+    exports["ɵcl"] = TransactionReceiveGoodsService;
+    exports["ɵcm"] = TransactionEventService;
+    exports["ɵcn"] = DialogTransactionHeaderDiscountModule;
+    exports["ɵco"] = TransactionHeaderDiscountPercentageModule;
+    exports["ɵcp"] = TransactionHeaderDiscountPercentageComponent;
+    exports["ɵcq"] = TransactionHeaderBaseComponent;
+    exports["ɵcr"] = TransactionHeaderDiscountAmountModule;
+    exports["ɵcs"] = TransactionHeaderDiscountAmountComponent;
+    exports["ɵct"] = TransactionHeaderDiscountTransactionTotalModule;
+    exports["ɵcu"] = TransactionHeaderDiscountTransactionTotalComponent;
+    exports["ɵcv"] = DialogTransactionHeaderDiscountComponent;
+    exports["ɵcw"] = DialogTransactionHeaderBaseComponent;
+    exports["ɵcx"] = AvatarModule;
+    exports["ɵcy"] = AvatarComponent;
+    exports["ɵcz"] = SharedService;
     exports["ɵd"] = OptionsService;
-    exports["ɵda"] = PaymentQrCodeModule;
-    exports["ɵdb"] = PaymentQrCodeComponent;
-    exports["ɵdc"] = PaymentComponent;
-    exports["ɵdd"] = PaymentService;
-    exports["ɵde"] = RelationTypeModule;
-    exports["ɵdf"] = RelationTypeComponent;
-    exports["ɵdg"] = RelationGeneralModule;
-    exports["ɵdh"] = RelationSuggestionsListModule;
-    exports["ɵdi"] = RelationSuggestionsListItemModule;
-    exports["ɵdj"] = RelationSuggestionsListItemComponent;
-    exports["ɵdk"] = RelationSuggestionsListComponent;
-    exports["ɵdl"] = RelationGeneralComponent;
-    exports["ɵdm"] = RelationAddressesModule;
-    exports["ɵdn"] = RelationAddressesComponent;
-    exports["ɵdo"] = RelationContactDetailsModule;
-    exports["ɵdp"] = RelationContactDetailsComponent;
-    exports["ɵdq"] = RelationPreferencesModule;
-    exports["ɵdr"] = RelationPreferencesComponent;
-    exports["ɵds"] = TransactionHeaderBlockModule;
-    exports["ɵdt"] = TransactionHeaderBlockComponent;
-    exports["ɵdu"] = TransactionHeaderDeliveryDateModule;
-    exports["ɵdv"] = TransactionHeaderDeliveryDateComponent;
-    exports["ɵdw"] = TransactionHeaderDeliveryOptionsModule;
-    exports["ɵdx"] = TransactionHeaderDeliveryOptionsComponent;
-    exports["ɵdy"] = TransactionHeaderRemarksModule;
-    exports["ɵdz"] = TransactionHeaderRemarksComponent;
+    exports["ɵda"] = SharedConnectorService;
+    exports["ɵdb"] = DeliveryTypeTileModule;
+    exports["ɵdc"] = DeliveryTypeTileComponent;
+    exports["ɵdd"] = PaymentModule;
+    exports["ɵde"] = PaymentTileModule;
+    exports["ɵdf"] = PaymentTileComponent;
+    exports["ɵdg"] = PaymentQrCodeModule;
+    exports["ɵdh"] = PaymentQrCodeComponent;
+    exports["ɵdi"] = PaymentComponent;
+    exports["ɵdj"] = PaymentService;
+    exports["ɵdk"] = RelationTypeModule;
+    exports["ɵdl"] = RelationTypeComponent;
+    exports["ɵdm"] = RelationGeneralModule;
+    exports["ɵdn"] = RelationSuggestionsListModule;
+    exports["ɵdo"] = RelationSuggestionsListItemModule;
+    exports["ɵdp"] = RelationSuggestionsListItemComponent;
+    exports["ɵdq"] = RelationSuggestionsListComponent;
+    exports["ɵdr"] = RelationGeneralComponent;
+    exports["ɵds"] = RelationAddressesModule;
+    exports["ɵdt"] = RelationAddressesComponent;
+    exports["ɵdu"] = RelationContactDetailsModule;
+    exports["ɵdv"] = RelationContactDetailsComponent;
+    exports["ɵdw"] = RelationPreferencesModule;
+    exports["ɵdx"] = RelationPreferencesComponent;
+    exports["ɵdy"] = TransactionHeaderBlockModule;
+    exports["ɵdz"] = TransactionHeaderBlockComponent;
     exports["ɵe"] = DictionaryService;
-    exports["ɵea"] = TransactionHeaderReferenceModule;
-    exports["ɵeb"] = TransactionHeaderReferenceComponent;
-    exports["ɵec"] = TransactionHeaderRelationReferenceModule;
-    exports["ɵed"] = TransactionHeaderRelationReferenceComponent;
-    exports["ɵee"] = TransactionHeaderDeliveryMethodModule;
-    exports["ɵef"] = TransactionLineCheckboxModule;
-    exports["ɵeg"] = TransactionLineCheckboxListComponent;
-    exports["ɵeh"] = TransactionHeaderDeliveryMethodComponent;
-    exports["ɵei"] = TransactionHeaderPreferredDeliveryDateModule;
-    exports["ɵej"] = TransactionHeaderPreferredDeliveryDateComponent;
-    exports["ɵek"] = DialogTransactionHeaderDeliveryMethodModule;
-    exports["ɵel"] = DialogHeaderSearchModule;
-    exports["ɵem"] = DialogHeaderSearchComponent;
-    exports["ɵen"] = DialogTransactionHeaderDeliveryMethodComponent;
-    exports["ɵeo"] = TransactionHeaderPartialDeliveryModule;
-    exports["ɵep"] = TransactionHeaderPartialDeliveryComponent;
-    exports["ɵeq"] = TransactionBaseComponent;
-    exports["ɵer"] = TransactionHeaderDownpaymentPercentageModule;
-    exports["ɵes"] = TransactionHeaderDownpaymentPercentageComponent;
-    exports["ɵet"] = TransactionHeaderDownpaymentAmountModule;
-    exports["ɵeu"] = TransactionHeaderDownpaymentAmountComponent;
-    exports["ɵev"] = TransactionHeaderDefinitiveModule;
-    exports["ɵew"] = TransactionHeaderDefinitiveComponent;
-    exports["ɵex"] = TransactionHeaderBranchModule;
-    exports["ɵey"] = TransactionHeaderBranchComponent;
-    exports["ɵez"] = TransactionHeaderAdministrativeRelationModule;
+    exports["ɵea"] = TransactionHeaderDeliveryDateModule;
+    exports["ɵeb"] = TransactionHeaderDeliveryDateComponent;
+    exports["ɵec"] = TransactionHeaderDeliveryOptionsModule;
+    exports["ɵed"] = TransactionHeaderDeliveryOptionsComponent;
+    exports["ɵee"] = TransactionHeaderRemarksModule;
+    exports["ɵef"] = TransactionHeaderRemarksComponent;
+    exports["ɵeg"] = TransactionHeaderReferenceModule;
+    exports["ɵeh"] = TransactionHeaderReferenceComponent;
+    exports["ɵei"] = TransactionHeaderRelationReferenceModule;
+    exports["ɵej"] = TransactionHeaderRelationReferenceComponent;
+    exports["ɵek"] = TransactionHeaderDeliveryMethodModule;
+    exports["ɵel"] = TransactionLineCheckboxModule;
+    exports["ɵem"] = TransactionLineCheckboxListComponent;
+    exports["ɵen"] = TransactionHeaderDeliveryMethodComponent;
+    exports["ɵeo"] = TransactionHeaderPreferredDeliveryDateModule;
+    exports["ɵep"] = TransactionHeaderPreferredDeliveryDateComponent;
+    exports["ɵeq"] = DialogTransactionHeaderDeliveryMethodModule;
+    exports["ɵer"] = DialogHeaderSearchModule;
+    exports["ɵes"] = DialogHeaderSearchComponent;
+    exports["ɵet"] = DialogTransactionHeaderDeliveryMethodComponent;
+    exports["ɵeu"] = TransactionHeaderPartialDeliveryModule;
+    exports["ɵev"] = TransactionHeaderPartialDeliveryComponent;
+    exports["ɵew"] = TransactionBaseComponent;
+    exports["ɵex"] = TransactionHeaderDownpaymentPercentageModule;
+    exports["ɵey"] = TransactionHeaderDownpaymentPercentageComponent;
+    exports["ɵez"] = TransactionHeaderDownpaymentAmountModule;
     exports["ɵf"] = TransactionConnectorService;
-    exports["ɵfa"] = TransactionHeaderAdministrativeRelationComponent;
-    exports["ɵfb"] = TransactionHeaderMarketingModule;
-    exports["ɵfc"] = TransactionHeaderMarketingComponent;
-    exports["ɵfd"] = CheckoutOverviewRelationEditComponent;
-    exports["ɵfe"] = CheckoutOverviewDeliveryEditComponent;
-    exports["ɵff"] = CheckoutOverviewDeliveryAddressComponent;
-    exports["ɵfg"] = CheckoutOverviewPaymentComponent;
-    exports["ɵfh"] = CheckoutLoginComponent;
-    exports["ɵfi"] = TransactionFilterCategoriesModule;
-    exports["ɵfj"] = TransactionFilterCategoriesComponent;
-    exports["ɵfk"] = TransactionHeaderPaymentModule;
-    exports["ɵfl"] = TransactionHeaderPaymentComponent;
-    exports["ɵfm"] = TransactionLinesGridModule;
-    exports["ɵfn"] = TransactionBaseGridModule;
-    exports["ɵfo"] = TransactionLineSidePanelModule;
-    exports["ɵfp"] = TransactionLineSidePanelDefaultModule;
-    exports["ɵfq"] = TransactionLinePriceModule;
-    exports["ɵfr"] = TransactionLinePriceComponent;
-    exports["ɵfs"] = TransactionLineBaseComponent;
-    exports["ɵft"] = TransactionLinePriceListModule;
-    exports["ɵfu"] = TransactionLinePriceListComponent;
-    exports["ɵfv"] = TransactionLineVatModule;
-    exports["ɵfw"] = TransactionLineVatComponent;
-    exports["ɵfx"] = TransactionLineQuantityModule;
-    exports["ɵfy"] = TransactionLineQuantityComponent;
-    exports["ɵfz"] = TransactionLineLineDiscountModule;
+    exports["ɵfa"] = TransactionHeaderDownpaymentAmountComponent;
+    exports["ɵfb"] = TransactionHeaderDefinitiveModule;
+    exports["ɵfc"] = TransactionHeaderDefinitiveComponent;
+    exports["ɵfd"] = TransactionHeaderBranchModule;
+    exports["ɵfe"] = TransactionHeaderBranchComponent;
+    exports["ɵff"] = TransactionHeaderAdministrativeRelationModule;
+    exports["ɵfg"] = TransactionHeaderAdministrativeRelationComponent;
+    exports["ɵfh"] = TransactionHeaderMarketingModule;
+    exports["ɵfi"] = TransactionHeaderMarketingComponent;
+    exports["ɵfj"] = CheckoutOverviewRelationEditComponent;
+    exports["ɵfk"] = CheckoutOverviewDeliveryEditComponent;
+    exports["ɵfl"] = CheckoutOverviewDeliveryAddressComponent;
+    exports["ɵfm"] = CheckoutOverviewPaymentComponent;
+    exports["ɵfn"] = CheckoutLoginComponent;
+    exports["ɵfo"] = TransactionFilterCategoriesModule;
+    exports["ɵfp"] = TransactionFilterCategoriesComponent;
+    exports["ɵfq"] = TransactionHeaderPaymentModule;
+    exports["ɵfr"] = TransactionHeaderPaymentComponent;
+    exports["ɵfs"] = TransactionLinesGridModule;
+    exports["ɵft"] = TransactionBaseGridModule;
+    exports["ɵfu"] = TransactionLineSidePanelModule;
+    exports["ɵfv"] = TransactionLineSidePanelDefaultModule;
+    exports["ɵfw"] = TransactionLinePriceModule;
+    exports["ɵfx"] = TransactionLinePriceComponent;
+    exports["ɵfy"] = TransactionLinePriceListModule;
+    exports["ɵfz"] = TransactionLinePriceListComponent;
     exports["ɵg"] = TransactionConnectorAdapterService;
-    exports["ɵga"] = TransactionLineLineDiscountComponent;
-    exports["ɵgb"] = TransactionLineDeliveryMethodModule;
-    exports["ɵgc"] = TransactionLineDeliveryMethodComponent;
-    exports["ɵgd"] = TransactionLineDeliveryDateModule;
-    exports["ɵge"] = TransactionLineDeliveryDateComponent;
-    exports["ɵgf"] = TransactionLineReferenceModule;
-    exports["ɵgg"] = TransactionLineReferenceComponent;
-    exports["ɵgh"] = TransactionLineCommissionCodeModule;
-    exports["ɵgi"] = TransactionLineCommissionCodeComponent;
-    exports["ɵgj"] = TransactionLineWarehouseModule;
-    exports["ɵgk"] = TransactionLineWarehouseComponent;
-    exports["ɵgl"] = TransactionLineDiscountAmountModule;
-    exports["ɵgm"] = TransactionLineDiscountAmountComponent;
-    exports["ɵgn"] = TransactionLineQuantumDiscountModule;
-    exports["ɵgo"] = TransactionLineQuantumDiscountComponent;
-    exports["ɵgp"] = TransactionLineSpecialDiscountModule;
-    exports["ɵgq"] = TransactionLineSpecialDiscountComponent;
-    exports["ɵgr"] = TransactionLineSupplierModule;
-    exports["ɵgs"] = TransactionLineSupplierComponent;
-    exports["ɵgt"] = TransactionLineDescriptionModule;
-    exports["ɵgu"] = TransactionLineDescriptionComponent;
-    exports["ɵgv"] = TransactionLineSidePanelDefaultComponent;
-    exports["ɵgw"] = TransactionReceivingGoodsHistoryModule;
-    exports["ɵgx"] = TransactionHistoryGridModule;
-    exports["ɵgy"] = TransactionHistoryGridStatusModule;
-    exports["ɵgz"] = TransactionHistoryGridStatusComponent;
+    exports["ɵga"] = TransactionLineVatModule;
+    exports["ɵgb"] = TransactionLineVatComponent;
+    exports["ɵgc"] = TransactionLineQuantityModule;
+    exports["ɵgd"] = TransactionLineQuantityComponent;
+    exports["ɵge"] = TransactionLineLineDiscountModule;
+    exports["ɵgf"] = TransactionLineLineDiscountComponent;
+    exports["ɵgg"] = TransactionLineDeliveryMethodModule;
+    exports["ɵgh"] = TransactionLineDeliveryMethodComponent;
+    exports["ɵgi"] = TransactionLineDeliveryDateModule;
+    exports["ɵgj"] = TransactionLineDeliveryDateComponent;
+    exports["ɵgk"] = TransactionLineReferenceModule;
+    exports["ɵgl"] = TransactionLineReferenceComponent;
+    exports["ɵgm"] = TransactionLineCommissionCodeModule;
+    exports["ɵgn"] = TransactionLineCommissionCodeComponent;
+    exports["ɵgo"] = TransactionLineWarehouseModule;
+    exports["ɵgp"] = TransactionLineWarehouseComponent;
+    exports["ɵgq"] = TransactionLineDiscountAmountModule;
+    exports["ɵgr"] = TransactionLineDiscountAmountComponent;
+    exports["ɵgs"] = TransactionLineQuantumDiscountModule;
+    exports["ɵgt"] = TransactionLineQuantumDiscountComponent;
+    exports["ɵgu"] = TransactionLineSpecialDiscountModule;
+    exports["ɵgv"] = TransactionLineSpecialDiscountComponent;
+    exports["ɵgw"] = TransactionLineSupplierModule;
+    exports["ɵgx"] = TransactionLineSupplierComponent;
+    exports["ɵgy"] = TransactionLineSidePanelDefaultComponent;
+    exports["ɵgz"] = TransactionReceivingGoodsHistoryModule;
     exports["ɵh"] = SelectMultipleCacheService;
-    exports["ɵha"] = TransactionHistoryGridComponent;
-    exports["ɵhb"] = TransactionReceivingGoodsHistoryComponent;
-    exports["ɵhc"] = TransactionReceivingGoodsDetailsModule;
-    exports["ɵhd"] = TransactionReceivingGoodsDetailsComponent;
-    exports["ɵhe"] = ArticleService;
-    exports["ɵhf"] = TransactionButtonBarModule;
-    exports["ɵhg"] = TransactionButtonBarComponent;
-    exports["ɵhh"] = TransactionButtonBarButtonComponent;
-    exports["ɵhi"] = TransactionLineSidePanelPurchaseModule;
-    exports["ɵhj"] = DefaultOkCancelButtonsModule;
-    exports["ɵhk"] = DefaultOkCancelButtonsComponent;
-    exports["ɵhl"] = TransactionLineSidePanelPurchaseComponent;
-    exports["ɵhm"] = TransactionLineSidePanelComponent;
-    exports["ɵhn"] = DynamicBaseComponent;
-    exports["ɵho"] = TransactionLineActionButtonsModule;
-    exports["ɵhp"] = TransactionArticleTextOverviewModule;
-    exports["ɵhq"] = TransactionArticleTextOverviewComponent;
-    exports["ɵhr"] = TransactionLineActionButtonsComponent;
-    exports["ɵhs"] = TransactionBaseGridComponent;
-    exports["ɵht"] = TransactionGridBaseComponent;
-    exports["ɵhu"] = TransactionImageService;
-    exports["ɵhv"] = DialogTransactionLineCommissionCodeModule;
-    exports["ɵhw"] = DialogTransactionLineCommissionCodeComponent;
-    exports["ɵhx"] = DialogTransactionLineBaseComponent;
-    exports["ɵhy"] = DialogTransactionLineWarehouseModule;
-    exports["ɵhz"] = DialogTransactionLineWarehouseComponent;
+    exports["ɵha"] = TransactionHistoryGridModule;
+    exports["ɵhb"] = TransactionHistoryGridStatusModule;
+    exports["ɵhc"] = TransactionHistoryGridStatusComponent;
+    exports["ɵhd"] = TransactionHistoryGridComponent;
+    exports["ɵhe"] = TransactionReceivingGoodsHistoryComponent;
+    exports["ɵhf"] = TransactionReceivingGoodsDetailsModule;
+    exports["ɵhg"] = TransactionReceivingGoodsDetailsComponent;
+    exports["ɵhh"] = ArticleService;
+    exports["ɵhi"] = TransactionButtonBarModule;
+    exports["ɵhj"] = TransactionButtonBarComponent;
+    exports["ɵhk"] = TransactionButtonBarButtonComponent;
+    exports["ɵhl"] = TransactionLineSidePanelPurchaseModule;
+    exports["ɵhm"] = DefaultOkCancelButtonsModule;
+    exports["ɵhn"] = DefaultOkCancelButtonsComponent;
+    exports["ɵho"] = TransactionLineSidePanelPurchaseComponent;
+    exports["ɵhp"] = TransactionLineSidePanelComponent;
+    exports["ɵhq"] = DynamicBaseComponent;
+    exports["ɵhr"] = TransactionLineActionButtonsModule;
+    exports["ɵhs"] = TransactionArticleTextOverviewModule;
+    exports["ɵht"] = TransactionArticleTextOverviewComponent;
+    exports["ɵhu"] = TransactionLineActionButtonsComponent;
+    exports["ɵhv"] = TransactionBaseGridComponent;
+    exports["ɵhw"] = TransactionGridBaseComponent;
+    exports["ɵhx"] = DialogTransactionLineCommissionCodeModule;
+    exports["ɵhy"] = DialogTransactionLineCommissionCodeComponent;
+    exports["ɵhz"] = DialogTransactionLineBaseComponent;
     exports["ɵi"] = BusinessObjectCacheManagerService;
-    exports["ɵia"] = DialogTransactionLineWarehouseCcModule;
-    exports["ɵib"] = DialogTransactionLineWarehouseCcComponent;
-    exports["ɵic"] = DialogTransactionLineDeliveryMethodModule;
-    exports["ɵid"] = DialogTransactionLineDeliveryMethodComponent;
-    exports["ɵie"] = DialogTransactionLineVatModule;
-    exports["ɵif"] = DialogTransactionLineVatComponent;
-    exports["ɵig"] = DialogTransactionLineDiscountModule;
-    exports["ɵih"] = DialogTransactionLinePriceListModule;
-    exports["ɵii"] = DialogTransactionLinePriceListComponent;
-    exports["ɵij"] = DialogTransactionLineDiscountComponent;
-    exports["ɵik"] = TransactionLinesGridComponent;
-    exports["ɵil"] = DiscountModule;
-    exports["ɵim"] = DiscountComponent;
-    exports["ɵin"] = TransactionQuickAccessOverviewModule;
-    exports["ɵio"] = TransactionQuickAccessOverviewComponent;
-    exports["ɵip"] = TransactionQuickAccessOrderDeliveryModule;
-    exports["ɵiq"] = TransactionQuickAccessOrderDeliveryComponent;
-    exports["ɵir"] = TransactionOrderConfirmationGridModule;
-    exports["ɵis"] = TransactionOrderConfirmationGridComponent;
-    exports["ɵit"] = TransactionReceivedGoodsGridModule;
-    exports["ɵiu"] = DialogTransactionLineWarehouseLocationModule;
-    exports["ɵiv"] = TransactionLineWarehouseLocationModule;
-    exports["ɵiw"] = TransactionLineWarehouseLocationComponent;
-    exports["ɵix"] = DialogTransactionLineWarehouseLocationComponent;
-    exports["ɵiy"] = TransactionLineWarehouseLocationButtonModule;
-    exports["ɵiz"] = TransactionLineWarehouseLocationButtonComponent;
+    exports["ɵia"] = DialogTransactionLineWarehouseModule;
+    exports["ɵib"] = DialogTransactionLineWarehouseComponent;
+    exports["ɵic"] = DialogTransactionLineWarehouseCcModule;
+    exports["ɵid"] = DialogTransactionLineWarehouseCcComponent;
+    exports["ɵie"] = DialogTransactionLineDeliveryMethodModule;
+    exports["ɵif"] = DialogTransactionLineDeliveryMethodComponent;
+    exports["ɵig"] = DialogTransactionLineVatModule;
+    exports["ɵih"] = DialogTransactionLineVatComponent;
+    exports["ɵii"] = DialogTransactionLineDiscountModule;
+    exports["ɵij"] = DialogTransactionLinePriceListModule;
+    exports["ɵik"] = DialogTransactionLinePriceListComponent;
+    exports["ɵil"] = DialogTransactionLineDiscountComponent;
+    exports["ɵim"] = TransactionLinesGridComponent;
+    exports["ɵin"] = DiscountModule;
+    exports["ɵio"] = DiscountComponent;
+    exports["ɵip"] = TransactionQuickAccessOverviewModule;
+    exports["ɵiq"] = TransactionQuickAccessOverviewComponent;
+    exports["ɵir"] = TransactionQuickAccessOrderDeliveryModule;
+    exports["ɵis"] = TransactionQuickAccessOrderDeliveryComponent;
+    exports["ɵit"] = TransactionOrderConfirmationGridModule;
+    exports["ɵiu"] = TransactionOrderConfirmationGridComponent;
+    exports["ɵiv"] = TransactionReceivedGoodsGridModule;
+    exports["ɵiw"] = DialogTransactionLineWarehouseLocationModule;
+    exports["ɵix"] = TransactionLineWarehouseLocationModule;
+    exports["ɵiy"] = TransactionLineWarehouseLocationComponent;
+    exports["ɵiz"] = DialogTransactionLineWarehouseLocationComponent;
     exports["ɵj"] = CacheField;
-    exports["ɵja"] = TransactionReceivedGoodsGridComponent;
-    exports["ɵjb"] = ViewModeButtonsModule;
-    exports["ɵjc"] = ViewModeButtonsComponent;
-    exports["ɵjd"] = TransactionGridModule;
-    exports["ɵje"] = TransactionGridComponent;
-    exports["ɵjf"] = TransactionTileModule;
-    exports["ɵjg"] = TransactionTileComponent;
-    exports["ɵjh"] = TransactionOverviewLineModule;
-    exports["ɵji"] = EditableLabelModule;
-    exports["ɵjj"] = EditableLabelComponent;
-    exports["ɵjk"] = TransactionBaseLineModule;
-    exports["ɵjl"] = TransactionLineImageAndDescriptionModule;
-    exports["ɵjm"] = TransactionLineImageAndDescriptionComponent;
+    exports["ɵja"] = TransactionLineWarehouseLocationButtonModule;
+    exports["ɵjb"] = TransactionLineWarehouseLocationButtonComponent;
+    exports["ɵjc"] = TransactionReceivedGoodsGridComponent;
+    exports["ɵjd"] = ViewModeButtonsModule;
+    exports["ɵje"] = ViewModeButtonsComponent;
+    exports["ɵjf"] = TransactionGridModule;
+    exports["ɵjg"] = TransactionGridComponent;
+    exports["ɵjh"] = TransactionTileModule;
+    exports["ɵji"] = TransactionTileComponent;
+    exports["ɵjj"] = TransactionOverviewLineModule;
+    exports["ɵjk"] = EditableLabelModule;
+    exports["ɵjl"] = EditableLabelComponent;
+    exports["ɵjm"] = TransactionBaseLineModule;
     exports["ɵjn"] = TransactionBaseLineComponent;
     exports["ɵjo"] = TransactionLinesLineBaseComponent;
     exports["ɵjp"] = TransactionLineCommissionButtonModule;