@colijnit/transaction 12.1.49 → 12.1.52

package/fesm2015/colijnit-transaction.js

@@ -1,6 +1,6 @@
 import { __awaiter } from 'tslib';
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Component, ViewEncapsulation, Input, HostBinding, ChangeDetectorRef, Output, Directive, Injector, ComponentFactoryResolver, ApplicationRef, ViewChild, Pipe, NgModule, ElementRef, ContentChildren, HostListener } from '@angular/core';
+import { Injectable, EventEmitter, Component, ViewEncapsulation, Input, HostBinding, ChangeDetectorRef, Output, Directive, Injector, ComponentFactoryResolver, ApplicationRef, ViewChild, Pipe, NgModule, ElementRef, ContentChildren, HostListener, ChangeDetectionStrategy } from '@angular/core';
 import { PendingReasonType } from '@colijnit/transactionapi/build/enum/pending-reason-type.enum';
 import { SequenceName } from '@colijnit/transactionapi/build/enum/sequence-name.enum';
 import { TransactionKind } from '@colijnit/transactionapi/build/enum/transaction-kind.enum';
@@ -65,18 +65,21 @@ import { ResolveHeaderPendingReasonRequest } from '@colijnit/transactionapi/buil
 import { DocDeliveryBatch } from '@colijnit/transactionapi/build/model/doc-delivery-batch.bo';
 import { NULL_CUSTOMER_FULL_OBJECT, NULL_RELATION_OBJECT } from '@colijnit/transactionapi/build/model/nul-relation-object';
 import { RelationKind } from '@colijnit/transactionapi/build/enum/relation-kind.enum';
-import { FormMasterService, CoDialogModule, ButtonModule, CollapsibleModule, InputCheckboxModule, InputTextModule, InputComboBoxModule, FormModule, InputRadioButtonModule, IconModule, InputListboxModule, DropDownModule, CoOrientation, CoDirection, ColumnAlign, SimpleGridColumnDirective, ObserveVisibilityModule, PriceDisplayPipeModule, InputDatePickerModule, Carousel3dModule, InputDatePickerComponent, InputTextareaComponent, InputTextareaModule, InputTextComponent, InputSearchModule, InputNumberPickerModule, CoDialogPromptModule, MultiSelectListModule, PopupModule, CoSidebarModule, CoGridModule, CoRichTextEditorModule, CarouselModule, SimpleGridModule, GridToolbarButtonModule, InputDateRangePickerModule, ClickoutsideModule, FilterItemModule, PaginationModule, PaginationBarModule, IconCollapseHandleModule } from '@colijnit/corecomponents_v12';
+import { FormMasterService, CoDialogModule, ButtonModule, CollapsibleModule, InputCheckboxModule, InputTextModule, InputComboBoxModule, FormModule, InputRadioButtonModule, IconModule, InputTextComponent, InputListboxModule, DropDownModule, InputSearchModule, ColumnAlign, SimpleGridColumnDirective, ObserveVisibilityModule, ColorSequenceService, PriceDisplayPipeModule, InputDatePickerModule, Carousel3dModule, InputDatePickerComponent, InputTextareaComponent, InputTextareaModule, InputNumberPickerModule, CoDialogPromptModule, MultiSelectListModule, PopupModule, CoSidebarModule, CoGridModule, CoRichTextEditorModule, CarouselModule, SimpleGridModule, GridToolbarButtonModule, InputDateRangePickerModule, ClickoutsideModule, CoOrientation, CoDirection, FilterItemModule, PaginationModule, PaginationBarModule, IconCollapseHandleModule } from '@colijnit/corecomponents_v12';
 import { FlexModule } from '@angular/flex-layout';
 import { AddressType } from '@colijnit/transactionapi/build/enum/address-type.enum';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import { CommonModule, DatePipe } from '@angular/common';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { Address } from '@colijnit/transactionapi/build/model/address.bo';
+import { TransactionTotal } from '@colijnit/transactionapi/build/model/transaction-total.bo';
+import { DiscountType } from '@colijnit/transactionapi/build/enum/discount-type.enum';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
 import { TransactionAddTextLineRequest } from '@colijnit/transactionapi/build/model/transaction-add-text-line-request.bo';
-import { TransactionSearchViewRequest } from '@colijnit/transactionapi/build/model/transaction-search-view-request';
 import { PagingParameters } from '@colijnit/transactionapi/build/model/paging-parameters';
+import { TransactionSearchViewRequest } from '@colijnit/transactionapi/build/model/transaction-search-view-request';
 import { RelationKind as RelationKind$1 } from '@colijnit/articleapi/build/enum/relation-kind.enum';
+import { GetPurchaseOrderConfirmation } from '@colijnit/transactionapi/build/model/get-purchase-order-confirmation';
 import { StockStatus } from '@colijnit/transactionapi/build/enum/refcode/stock-status.enum';
 import { ReceiveGoodsForPurchaseOrderRequest } from '@colijnit/transactionapi/build/model/receive-goods-for-purchase-order-request.bo';
 import { PurchaseOrderLineReceiptDetails } from '@colijnit/transactionapi/build/model/purchase-order-line-receipt-details.bo';
@@ -92,7 +95,6 @@ import { ContactOption } from '@colijnit/transactionapi/build/model/contact-opti
 import { BusinessObjectUtils } from '@colijnit/transactionapi/build/utils/business-object-utils';
 import { ScrollingModule } from '@angular/cdk/scrolling';
 import { RelationSmallObject } from '@colijnit/transactionapi/build/model/relation-small-object.bo';
-import { DiscountType } from '@colijnit/transactionapi/build/enum/discount-type.enum';
 import { ReceiveGoodsForPurchaseOrderCorrectionRequest } from '@colijnit/transactionapi/build/model/receive-goods-for-purchase-order-correction-request.bo';
 import { PurchaseOrderLineReceiptCorrectionDetails } from '@colijnit/transactionapi/build/model/purchase-order-line-receipt-correction-details.bo';
 import { GetPurchasePortalLine } from '@colijnit/transactionapi/build/model/get-purchase-portal-line';
@@ -422,6 +424,7 @@ class Dictionary {
                 "PRIVATE_PERSON": "Particulier",
                 "PRODUCT": "Product",
                 "PRODUCT_TYPE": "Productsoort",
+                "PRODUCT_DESCRIPTION_AND_TEXTS": "Productomschrijving & teksten",
                 "PURCHASE": "Inkoop",
                 "PURCHASENUMBER": "Inkoopnummer",
                 "PURCHASEORDERS": "Inkooporders",
@@ -441,6 +444,7 @@ class Dictionary {
                 "RECEIVED": "Ontvangst",
                 "RECEIVED_DELIVERED": "Binnengemeld / geleverd",
                 "RECEIVED_DATE": "Ontvangst datum",
+                "REDISTRIBUTE_DISCOUNT": "Herverdeel korting",
                 "REFERENCE": "Referentie",
                 "REFERENCE_RELATION": "Ref. relatie",
                 "RELATION_NUMBER": "Relatienummer",
@@ -509,6 +513,7 @@ class Dictionary {
                 "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",
@@ -764,6 +769,7 @@ class Dictionary {
                 "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",
@@ -773,6 +779,7 @@ class Dictionary {
                 "RECEIPT_DETAILS": "Receipt details",
                 "RECEIVED": "Received",
                 "RECEIVED_DATE": "Received date",
+                "REDISTRIBUTE_DISCOUNT": "Redistribute discount",
                 "RECEIVED_DELIVERED": "Received / delivered",
                 "REFERENCE": "Reference",
                 "REFERENCE_RELATION": "Ref. relation",
@@ -840,6 +847,7 @@ class Dictionary {
                 "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",
@@ -2034,6 +2042,7 @@ var Icon;
     Icon["ArrowPointRight"] = "arrow_point_right";
     Icon["Article"] = "article";
     Icon["AtSolid"] = "at_solid";
+    Icon["BarcodeRegular"] = "barcode_regular";
     Icon["BarcodeSolid"] = "barcode_solid";
     Icon["BarsFilter"] = "bars_filter";
     Icon["CalendarDay"] = "calendar_day";
@@ -2046,6 +2055,7 @@ var Icon;
     Icon["CreditCardSolid"] = "credit_card_solid";
     Icon["DeliveryTruck"] = "delivery_truck";
     Icon["EditPencil"] = "edit_pencil";
+    Icon["EllipsisLight"] = "ellipsis_light";
     Icon["FileCircleInfoSolid"] = "file_circle_info_solid";
     Icon["FilePdfSolid"] = "file_pdf_solid";
     Icon["GripDotsVerticalSolid"] = "grip_dots_vertical_solid";
@@ -2057,10 +2067,12 @@ var Icon;
     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";
     Icon["Menu"] = "menu";
+    Icon["ObjectIntersectSolid"] = "object_intersect_solid";
     Icon["PalletBoxesSolid"] = "pallet_boxes_solid";
     Icon["PlusRound"] = "plus_round";
     Icon["PrintSolid"] = "print_solid";
@@ -2075,6 +2087,8 @@ var Icon;
     Icon["SquareFullSolid"] = "square_full_solid";
     Icon["SyncAlt"] = "sync_alt";
     Icon["Tag"] = "tag";
+    Icon["TextSizeSolid"] = "text_size_solid";
+    Icon["TextSolid"] = "text_solid";
     Icon["ThickLines"] = "thick_lines";
     Icon["ThinLines"] = "thin_lines";
     Icon["TrashBin"] = "trash_bin";
@@ -2098,6 +2112,7 @@ const IconSvg = {
     "arrow_point_right": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\" ><path fill=\"#484F5F\" d=\"M19.1,14.3l14.7,9.6c0.1,0.1,0.2,0.2,0.2,0.4v2.4c0,0.2-0.1,0.3-0.2,0.4l-14.7,9.6c-0.2,0.2-0.5,0.1-0.7-0.1l-1.4-2.1c-0.2-0.2-0.1-0.5,0.1-0.7l12-7.8c0.3-0.2,0.3-0.6,0-0.8l-12-7.8c-0.2-0.2-0.3-0.5-0.1-0.7l1.4-2.1C18.6,14.2,18.9,14.2,19.1,14.3z\"/></svg>",
     "article": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M37.43,15.14H12.57A2.57,2.57,0,0,0,10,17.71V32.29a2.57,2.57,0,0,0,2.57,2.57H37.43A2.57,2.57,0,0,0,40,32.29V17.71A2.57,2.57,0,0,0,37.43,15.14ZM14.29,32.71H12.15V17.29h2.14Zm2,0H15V17.29h1.29Zm2.57,0H17.54V17.29h1.29Zm3.52,0H20.2V17.29h2.15Zm2,0H23.11V17.29H24.4Zm2.06,0H25.17V17.29h1.29Zm2.66,0H27.83V17.29h1.29Zm3.51,0H31.34V17.29h1.29Zm3.34,0H33.4V17.29H36Zm2.32,0H37V17.29h1.29Z\" fill=\"#484f60\"/></svg>",
     "at_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M207.8 20.73c-93.45 18.32-168.7 93.66-187 187.1c-27.64 140.9 68.65 266.2 199.1 285.1c19.01 2.888 36.17-12.26 36.17-31.49l.0001-.6631c0-15.74-11.44-28.88-26.84-31.24c-84.35-12.98-149.2-86.13-149.2-174.2c0-102.9 88.61-185.5 193.4-175.4c91.54 8.869 158.6 91.25 158.6 183.2l0 16.16c0 22.09-17.94 40.05-40 40.05s-40.01-17.96-40.01-40.05v-120.1c0-8.847-7.161-16.02-16.01-16.02l-31.98 .0036c-7.299 0-13.2 4.992-15.12 11.68c-24.85-12.15-54.24-16.38-86.06-5.106c-38.75 13.73-68.12 48.91-73.72 89.64c-9.483 69.01 43.81 128 110.9 128c26.44 0 50.43-9.544 69.59-24.88c24 31.3 65.23 48.69 109.4 37.49C465.2 369.3 496 324.1 495.1 277.2V256.3C495.1 107.1 361.2-9.332 207.8 20.73zM239.1 304.3c-26.47 0-48-21.56-48-48.05s21.53-48.05 48-48.05s48 21.56 48 48.05S266.5 304.3 239.1 304.3z\"/></svg>",
+    "barcode_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M48 55.1V455.1C48 469.3 37.25 479.1 24 479.1C10.75 479.1 0 469.3 0 455.1V55.1C0 42.74 10.75 31.1 24 31.1C37.25 31.1 48 42.74 48 55.1V55.1zM128 47.1V463.1C128 472.8 120.8 479.1 112 479.1C103.2 479.1 96 472.8 96 463.1V47.1C96 39.16 103.2 31.1 112 31.1C120.8 31.1 128 39.16 128 47.1V47.1zM208 55.1V455.1C208 469.3 197.3 479.1 184 479.1C170.7 479.1 160 469.3 160 455.1V55.1C160 42.74 170.7 31.1 184 31.1C197.3 31.1 208 42.74 208 55.1V55.1zM320 55.1V455.1C320 469.3 309.3 479.1 296 479.1C282.7 479.1 272 469.3 272 455.1V55.1C272 42.74 282.7 31.1 296 31.1C309.3 31.1 320 42.74 320 55.1V55.1zM464 55.1C464 42.74 474.7 31.1 488 31.1C501.3 31.1 512 42.74 512 55.1V455.1C512 469.3 501.3 479.1 488 479.1C474.7 479.1 464 469.3 464 455.1V55.1zM400 47.1C400 39.16 407.2 31.1 416 31.1C424.8 31.1 432 39.16 432 47.1V463.1C432 472.8 424.8 479.1 416 479.1C407.2 479.1 400 472.8 400 463.1V47.1z\"/></svg>",
     "barcode_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M40 32C53.25 32 64 42.75 64 56V456C64 469.3 53.25 480 40 480H24C10.75 480 0 469.3 0 456V56C0 42.75 10.75 32 24 32H40zM128 48V464C128 472.8 120.8 480 112 480C103.2 480 96 472.8 96 464V48C96 39.16 103.2 32 112 32C120.8 32 128 39.16 128 48zM200 32C213.3 32 224 42.75 224 56V456C224 469.3 213.3 480 200 480H184C170.7 480 160 469.3 160 456V56C160 42.75 170.7 32 184 32H200zM296 32C309.3 32 320 42.75 320 56V456C320 469.3 309.3 480 296 480H280C266.7 480 256 469.3 256 456V56C256 42.75 266.7 32 280 32H296zM448 56C448 42.75 458.7 32 472 32H488C501.3 32 512 42.75 512 56V456C512 469.3 501.3 480 488 480H472C458.7 480 448 469.3 448 456V56zM384 48C384 39.16 391.2 32 400 32C408.8 32 416 39.16 416 48V464C416 472.8 408.8 480 400 480C391.2 480 384 472.8 384 464V48z\"/></svg>",
     "bars_filter": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M264 392H183.1C170.8 392 160 402.8 160 415.1C160 429.2 170.8 440 183.1 440h80C277.2 440 288 429.2 288 416C288 402.8 277.2 392 264 392zM424 72H23.1C10.8 72 0 82.8 0 95.1S10.8 120 23.1 120H424c13.2 0 24-10.8 24-23.1S437.2 72 424 72zM360 232H87.1C74.8 232 64 242.8 64 255.1C64 269.2 74.8 280 87.1 280h272C373.2 280 384 269.2 384 256C384 242.8 373.2 232 360 232z\"/></svg>",
     "calendar_day": "<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=\"#022D42\" d=\"M35.4,13.7H14.6c-0.6,0-1,0.5-1,1V20h22.9v-5.2C36.4,14.2,36,13.7,35.4,13.7z M19,18.8c-1,0-1.8-0.8-1.8-1.8c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8C20.8,18,20,18.8,19,18.8z M31,18.8c-1,0-1.8-0.8-1.8-1.8c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8C32.7,18,32,18.8,31,18.8z\"/><path fill=\"#022D42\" d=\"M35.4,22.3v12.6L31.3,39H14.6c0,0,0,0,0,0V22.3H35.4 M36.4,21.3H13.6V39c0,0.6,0.5,1,1,1h17.2l4.7-4.7V21.3L36.4,21.3z\"/><rect x=\"18.2\" y=\"10\" fill=\"#022D42\" width=\"1.6\" height=\"5.2\"/><rect x=\"30.2\" y=\"10\" fill=\"#022D42\" width=\"1.6\" height=\"5.2\"/><rect x=\"18.6\" y=\"30.5\" fill=\"#022D42\" width=\"3.4\" height=\"3.4\"/><rect x=\"19.1\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"19.1\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"19.1\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/></g></svg>",
@@ -2110,6 +2125,7 @@ const IconSvg = {
     "credit_card_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M512 32C547.3 32 576 60.65 576 96V128H0V96C0 60.65 28.65 32 64 32H512zM576 416C576 451.3 547.3 480 512 480H64C28.65 480 0 451.3 0 416V224H576V416zM112 352C103.2 352 96 359.2 96 368C96 376.8 103.2 384 112 384H176C184.8 384 192 376.8 192 368C192 359.2 184.8 352 176 352H112zM240 384H368C376.8 384 384 376.8 384 368C384 359.2 376.8 352 368 352H240C231.2 352 224 359.2 224 368C224 376.8 231.2 384 240 384z\"/></svg>",
     "delivery_truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"15.35\" y=\"16.56\" width=\"15.14\" height=\"10.94\" transform=\"translate(-1.83 2.08) rotate(-5)\" fill=\"#484f60\"/><path d=\"M38.5,18.1l-6.9.61L32.41,28l-7.63.67a3.76,3.76,0,0,1,1.43,2.25l7.25-.63A3.83,3.83,0,0,1,41,29.6l1-.1-.52-6Zm.29,5.84-3.91.34a.51.51,0,0,1-.55-.46L34,20.1a.49.49,0,0,1,.45-.54l2.27-.2a.5.5,0,0,1,.48.25l2,3.59A.5.5,0,0,1,38.79,23.94Z\" fill=\"#484f60\"/><path d=\"M19.66,29.09a3.8,3.8,0,0,0-1,2.46l-.74.07-1.82-.94L16,29.41Z\" fill=\"#484f60\"/><path d=\"M34.56,30.62a2.74,2.74,0,1,0,2.49-3A2.73,2.73,0,0,0,34.56,30.62Z\" fill=\"#484f60\"/><path d=\"M19.74,31.91a2.74,2.74,0,1,0,2.49-3A2.74,2.74,0,0,0,19.74,31.91Z\" fill=\"#484f60\"/><rect x=\"7.96\" y=\"17.63\" width=\"5\" height=\"1\" transform=\"translate(-1.54 0.98) rotate(-5)\" fill=\"#484f60\"/><rect x=\"11.02\" y=\"29.71\" width=\"3\" height=\"1\" transform=\"translate(-2.59 1.21) rotate(-5)\" fill=\"#484f60\"/><rect x=\"9.48\" y=\"23.53\" width=\"4\" height=\"1\" transform=\"matrix(1, -0.09, 0.09, 1, -2.05, 1.09)\" fill=\"#484f60\"/></svg>",
     "edit_pencil": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"12.54 38.16 12 37.62 14.85 29.64 20.52 35.31 12.54 38.16\" fill=\"#484f60\"/><rect x=\"16.33\" y=\"20.52\" width=\"17.99\" height=\"8.64\" transform=\"translate(-10.15 25.18) rotate(-45)\" fill=\"#484f60\"/><path d=\"M37.54,18.73,36,20.32l-6.11-6.1,1.59-1.59a1.55,1.55,0,0,1,2.2,0l3.91,3.9A1.55,1.55,0,0,1,37.54,18.73Z\" fill=\"#484f60\"/></svg>",
+    "ellipsis_light": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M352 256C352 238.3 366.3 224 384 224C401.7 224 416 238.3 416 256C416 273.7 401.7 288 384 288C366.3 288 352 273.7 352 256zM192 256C192 238.3 206.3 224 224 224C241.7 224 256 238.3 256 256C256 273.7 241.7 288 224 288C206.3 288 192 273.7 192 256zM96 256C96 273.7 81.67 288 64 288C46.33 288 32 273.7 32 256C32 238.3 46.33 224 64 224C81.67 224 96 238.3 96 256z\"/></svg>",
     "file_circle_info_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M0 64C0 28.65 28.65 0 64 0H224V128C224 145.7 238.3 160 256 160H384V198.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 448V64zM256 128V0L384 128H256zM288 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 368zM432 320C445.3 320 456 309.3 456 296C456 282.7 445.3 272 432 272C418.7 272 408 282.7 408 296C408 309.3 418.7 320 432 320zM416 384L416 432C407.2 432 400 439.2 400 448C400 456.8 407.2 464 416 464H448C456.8 464 464 456.8 464 448C464 439.2 456.8 432 448 432V368C448 359.2 440.8 352 432 352H416C407.2 352 400 359.2 400 368C400 376.8 407.2 384 416 384z\"/></svg>",
     "file_pdf_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M88 304H80V256H88C101.3 256 112 266.7 112 280C112 293.3 101.3 304 88 304zM192 256H200C208.8 256 216 263.2 216 272V336C216 344.8 208.8 352 200 352H192V256zM224 0V128C224 145.7 238.3 160 256 160H384V448C384 483.3 355.3 512 320 512H64C28.65 512 0 483.3 0 448V64C0 28.65 28.65 0 64 0H224zM64 224C55.16 224 48 231.2 48 240V368C48 376.8 55.16 384 64 384C72.84 384 80 376.8 80 368V336H88C118.9 336 144 310.9 144 280C144 249.1 118.9 224 88 224H64zM160 368C160 376.8 167.2 384 176 384H200C226.5 384 248 362.5 248 336V272C248 245.5 226.5 224 200 224H176C167.2 224 160 231.2 160 240V368zM288 224C279.2 224 272 231.2 272 240V368C272 376.8 279.2 384 288 384C296.8 384 304 376.8 304 368V320H336C344.8 320 352 312.8 352 304C352 295.2 344.8 288 336 288H304V256H336C344.8 256 352 248.8 352 240C352 231.2 344.8 224 336 224H288zM256 0L384 128H256V0z\"/></svg>",
     "grip_dots_vertical_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 512\"><path d=\"M48 144c26.5 0 48-21.5 48-48s-21.5-48-48-48S0 69.5 0 96s21.5 48 48 48zm0 160c26.5 0 48-21.5 48-48s-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48zM96 416c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zM208 144c26.5 0 48-21.5 48-48s-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48zm48 112c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zM208 464c26.5 0 48-21.5 48-48s-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48z\"/></svg>",
@@ -2121,10 +2137,12 @@ const IconSvg = {
     "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>",
     "menu": "<!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=\"M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z\" /></svg>",
+    "object_intersect_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M288 64v96H224c-35.3 0-64 28.7-64 64v64H64V64H288zM64 352h96v96c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V224c0-35.3-28.7-64-64-64H352V64c0-35.3-28.7-64-64-64H64C28.7 0 0 28.7 0 64V288c0 35.3 28.7 64 64 64zM448 224V448H224V352h64c35.3 0 64-28.7 64-64V224h96z\"/></svg>",
     "pallet_boxes_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M96 255.1L288 256c17.6 0 32-14.4 32-32V31.1c0-17.6-14.4-31.1-32-31.1L96 0c-17.6 0-32 14.4-32 32V224C64 241.6 78.4 255.1 96 255.1zM416 255.1h128c17.6 0 32-14.4 32-31.1v-128c0-17.6-14.4-32-32-32h-128c-17.6 0-32 14.4-32 32v128C384 241.6 398.4 255.1 416 255.1zM624 384c8.75 0 16-7.25 16-16v-32c0-8.75-7.25-16-16-16h-608C7.25 320 0 327.3 0 336v32C0 376.8 7.25 384 16 384H64v64H16C7.25 448 0 455.3 0 464v32C0 504.8 7.25 512 16 512h608c8.75 0 16-7.25 16-16v-32c0-8.75-7.25-16-16-16H576v-64H624zM288 448H128v-64h160V448zM512 448h-160v-64h160V448z\"/></svg>",
     "plus_round": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"-288 379 35 35\" enable-background=\"new -288 379 35 35\" ><path fill=\"#29363E\" d=\"M-270.5,381.5c-8.3,0-15,6.7-15,15c0,8.3,6.7,15,15,15s15-6.7,15-15C-255.5,388.2-262.2,381.5-270.5,381.5z M-261.1,397.3c0,0.9-0.7,1.6-1.6,1.6h-5.5v5.5c0,0.9-0.7,1.6-1.6,1.6h-1.6c-0.9,0-1.6-0.7-1.6-1.6v-5.5h-5.5c-0.9,0-1.6-0.7-1.6-1.6v-1.6c0-0.9,0.7-1.6,1.6-1.6h5.5v-5.5c0-0.9,0.7-1.6,1.6-1.6h1.6c0.9,0,1.6,0.7,1.6,1.6v5.5h5.5c0.9,0,1.6,0.7,1.6,1.6V397.3z\"/></svg>",
     "print_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M448 192H64C28.65 192 0 220.7 0 256v96c0 17.67 14.33 32 32 32h32v96c0 17.67 14.33 32 32 32h320c17.67 0 32-14.33 32-32v-96h32c17.67 0 32-14.33 32-32V256C512 220.7 483.3 192 448 192zM384 448H128v-96h256V448zM432 296c-13.25 0-24-10.75-24-24c0-13.27 10.75-24 24-24s24 10.73 24 24C456 285.3 445.3 296 432 296zM128 64h229.5L384 90.51V160h64V77.25c0-8.484-3.375-16.62-9.375-22.62l-45.25-45.25C387.4 3.375 379.2 0 370.8 0H96C78.34 0 64 14.33 64 32v128h64V64z\"/></svg>",
@@ -2139,6 +2157,8 @@ const IconSvg = {
     "square_full_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M0 0h512v512H0V0z\"/></svg>",
     "sync_alt": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M370.72 133.28C339.458 104.008 298.888 87.962 255.848 88c-77.458.068-144.328 53.178-162.791 126.85-1.344 5.363-6.122 9.15-11.651 9.15H24.103c-7.498 0-13.194-6.807-11.807-14.176C33.933 94.924 134.813 8 256 8c66.448 0 126.791 26.136 171.315 68.685L463.03 40.97C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.749zM32 296h134.059c21.382 0 32.09 25.851 16.971 40.971l-41.75 41.75c31.262 29.273 71.835 45.319 114.876 45.28 77.418-.07 144.315-53.144 162.787-126.849 1.344-5.363 6.122-9.15 11.651-9.15h57.304c7.498 0 13.194 6.807 11.807 14.176C478.067 417.076 377.187 504 256 504c-66.448 0-126.791-26.136-171.315-68.685L48.97 471.03C33.851 486.149 8 475.441 8 454.059V320c0-13.255 10.745-24 24-24z\"/></svg>",
     "tag": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M40,29.15v-.68a5.28,5.28,0,0,0-1.34-3.25L24.78,11.34A5.34,5.34,0,0,0,21.53,10H11.9A1.91,1.91,0,0,0,10,11.9v9.63a5.28,5.28,0,0,0,1.34,3.25L25.22,38.66A5.28,5.28,0,0,0,28.47,40h.68a5.28,5.28,0,0,0,3.24-1.34l6.27-6.27A5.28,5.28,0,0,0,40,29.15ZM13.13,16.72a2.54,2.54,0,1,1,3.59,0A2.55,2.55,0,0,1,13.13,16.72Zm15.9,19L17.84,24.55l1.34-1.34L30.37,34.4Zm2.69-2.69L20.52,21.87l1.35-1.35,11.19,11.2Zm2.68-2.69L23.21,19.18l1.34-1.34L35.75,29Z\" fill=\"#484f60\"/></svg>",
+    "text_size_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M32 32C14.3 32 0 46.3 0 64v64c0 17.7 14.3 32 32 32s32-14.3 32-32V96h96l0 320H128c-17.7 0-32 14.3-32 32s14.3 32 32 32H256c17.7 0 32-14.3 32-32s-14.3-32-32-32H224l0-320h96v32c0 17.7 14.3 32 32 32s32-14.3 32-32V64c0-17.7-14.3-32-32-32H192 32zM352 224c-17.7 0-32 14.3-32 32v32c0 17.7 14.3 32 32 32s32-14.3 32-32h64l0 128H432c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H512l0-128h64c0 17.7 14.3 32 32 32s32-14.3 32-32V256c0-17.7-14.3-32-32-32H352z\"/></svg>",
+    "text_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M0 32H32 192h64H416h32V64v64 32H384V128 96H256l0 320h48 32v64H304 144 112V416h32 48l0-320H64v32 32H0V128 64 32z\"/></svg>",
     "thick_lines": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"12.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/><rect x=\"10\" y=\"21.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/><rect x=\"10\" y=\"30.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/></svg>",
     "thin_lines": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"14.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"20.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"26.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"32.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/></svg>",
     "trash_bin": "<svg preserveAspectRatio=\"none\" version=\"1.1\" viewBox=\"0 0 50 50\" x=\"0px\" xmlns=\"http://www.w3.org/2000/svg\" y=\"0px\"><g transform=\" translate(14 10)\"><path d=\"M 0 0 L 0 18.215 C 0 19.99 1.439 21.429 3.215 21.429 L 15 21.429 C 16.775 21.429 18.215 19.99 18.215 18.215 L 18.215 0 L 0 0 Z M 4.287 19.286 L 2.143 19.286 L 2.143 2.143 L 4.287 2.143 L 4.287 19.286 Z M 10.18 19.286 L 8.037 19.286 L 8.037 2.143 L 10.18 2.143 L 10.18 19.286 Z M 16.072 19.286 L 13.93 19.286 L 13.93 2.143 L 16.072 2.143 L 16.072 19.286 Z\" fill=\"#1E2930\" transform=\" translate(1.891 8.571)\" /><path d=\"M 18.213 2.143 L 10.713 2.143 C 11.305 2.143 11.785 1.664 11.785 1.071 C 11.785 0.479 11.305 0 10.713 0 L 9.643 0 C 9.051 0 8.57 0.479 8.57 1.071 C 8.57 1.664 9.051 2.143 9.643 2.143 L 2.143 2.143 C 0.959 2.143 0 3.103 0 4.286 L 0 5.357 C 0 6.541 0.959 6.429 2.143 6.429 L 18.213 6.429 C 19.397 6.429 20.357 6.541 20.357 5.357 L 20.357 4.286 C 20.357 3.103 19.397 2.143 18.213 2.143 Z\" fill=\"#1E2930\" transform=\" translate(0.821 0)\" /></g></svg>",
@@ -2413,7 +2433,7 @@ class TransactionFilterPopupBaseComponent {
         });
         this.viewModelsFiltered = this.viewModels.slice();
         if (!this.useModel && this.viewModels.length > 0) {
-            this.valueChange.next(this.viewModels[0].value);
+            this.valueChange.next(this.value ? this.value : this.viewModels[0].value);
         }
     }
     _doSearch() {
@@ -3306,7 +3326,7 @@ class TransactionConnectorAdapterService {
         return __awaiter(this, void 0, void 0, function* () {
             const result = yield this.connector.getStandardTexts(languageCode);
             if (result.validationResult && result.validationResult.success) {
-                return this._boFactory.makeBOArrayFromRawBackendDataArray(StandardText, result.resultObjects);
+                return this._boFactory.makeBOArrayFromRawBackendDataArray(StandardText, result.resultObject);
             }
             else {
                 this._handleExceptionFromResponse(result);
@@ -3388,7 +3408,7 @@ class TransactionConnectorAdapterService {
     }
     getPaymentMethods() {
         return __awaiter(this, void 0, void 0, function* () {
-            const result = yield this.connector.getPaymentMethods();
+            const result = yield this.connector.getPaymentMethodsForSalesOrder();
             if (result.validationResult && result.validationResult.success) {
                 return this._boFactory.makeBOArrayFromRawBackendDataArray(PaymentMethod, result.resultObject);
             }
@@ -4114,6 +4134,23 @@ class TransactionConnectorAdapterService {
             }
         });
     }
+    changeHeaderTransactionDiscount(uuid, type, amount) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const request = {
+                transactionUuid: uuid,
+                orderDiscountType: type,
+                discountValue: amount
+            };
+            const response = yield this.connector.setTransactionDiscounts(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
+            }
+            else {
+                this._handleExceptionFromResponse(response);
+                return null;
+            }
+        });
+    }
     changeHeaderTransactionToDownPay(uuid, downPayment) {
         return __awaiter(this, void 0, void 0, function* () {
             const request = {
@@ -4278,7 +4315,34 @@ class TransactionConnectorAdapterService {
     }
     updatePurchasePortalLines(purchasePortalLine) {
         return __awaiter(this, void 0, void 0, function* () {
-            return this.connector.updatePurchasePortalLines(purchasePortalLine);
+            const result = yield this.connector.updatePurchasePortalLines(purchasePortalLine);
+            if (result && result.validationResult && result.validationResult.success) {
+                yield this.commit();
+                return null;
+            }
+        });
+    }
+    purchaseOrderConfirmation(purchaseOrderConfirmation) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const result = yield this.connector.getPurchaseOrderConfirmation(purchaseOrderConfirmation);
+            if (result && result.validationResult && result.validationResult.success) {
+                yield this.commit();
+                return null;
+            }
+        });
+    }
+    lockPurchasePortalLines(transIdPurchase, lineId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.connector.lockPurchasePortalLines(transIdPurchase, lineId).then((result) => __awaiter(this, void 0, void 0, function* () {
+                    if (result.validationResult && result.validationResult.success) {
+                        resolve(true);
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                }));
+            });
         });
     }
     _handleExceptionFromResponse(result) {
@@ -4768,6 +4832,11 @@ class TransactionConnectorService {
             return this._adapterService.changeHeaderTransactionMarketing(uuid, code);
         });
     }
+    changeHeaderTransactionDiscount(uuid, type, amount) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this._adapterService.changeHeaderTransactionDiscount(uuid, type, amount);
+        });
+    }
     changeHeaderTransactionToDownPay(uuid, downPayment) {
         return __awaiter(this, void 0, void 0, function* () {
             return this._adapterService.changeHeaderTransactionToDownPay(uuid, downPayment);
@@ -4818,19 +4887,14 @@ class TransactionConnectorService {
             return this._adapterService.updatePurchasePortalLines(purchasePortalLine);
         });
     }
+    purchaseOrderConfirmation(purchaseOrderConfirmation) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this._adapterService.purchaseOrderConfirmation(purchaseOrderConfirmation);
+        });
+    }
     lockPurchasePortalLines(transIdPurchase, lineId) {
         return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this._adapterService.connector.lockPurchasePortalLines(transIdPurchase, lineId).then((result) => __awaiter(this, void 0, void 0, function* () {
-                    if (result.validationResult && result.validationResult.success) {
-                        yield this.commit();
-                        resolve(true);
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                }));
-            });
+            return this._adapterService.lockPurchasePortalLines(transIdPurchase, lineId);
         });
     }
 }
@@ -4950,7 +5014,7 @@ class PendingReasonService {
         this.applicationUser = false;
         this.invoiceAddressSameAsDelivery = true;
         this.currentTransaction = new TransactionInfoResponse();
-        this.purchasePortalLine = new PurchasePortalLine();
+        this.purchasePortalLine = [];
         this.docDeliveryBatch = new DocDeliveryBatch();
         this.articleAmount = 0;
         this._relation = new CustomerFullObject();
@@ -5423,6 +5487,17 @@ class TransactionService extends PendingReasonService {
             return false;
         });
     }
+    updateHeaderTransactionDiscount(uuid, type, amount) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.changeHeaderTransactionDiscount(uuid, type, amount);
+            if (response) {
+                const success = yield this.handleHeaderOperationStatuses(response);
+                this.rememberCurrentTransaction(response);
+                return success;
+            }
+            return false;
+        });
+    }
     updateQuantityTransactionLine(uuid, lineUuid, quantity) {
         return __awaiter(this, void 0, void 0, function* () {
             const response = yield this.connector.changeTransactionLineQuantity(uuid, lineUuid, quantity);
@@ -5857,13 +5932,14 @@ class TransactionService extends PendingReasonService {
             return yield this.connector.getPurchasePortalLines(request);
         });
     }
+    purchaseOrderConfirmation(purchaseOrderConfirmation) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.purchaseOrderConfirmation(purchaseOrderConfirmation);
+        });
+    }
     updatePurchasePortalLines(purchasePortalLine) {
         return __awaiter(this, void 0, void 0, function* () {
-            let result = yield this.connector.updatePurchasePortalLines(purchasePortalLine);
-            if (result && result.validationResult && result.validationResult.success) {
-                result = yield this.connector.commit();
-            }
-            return result.validationResult.success;
+            return yield this.connector.updatePurchasePortalLines(purchasePortalLine);
         });
     }
     lockPurchasePortalLines(transIdPurchase, lineId) {
@@ -7749,7 +7825,7 @@ TileComponent.decorators = [
                 template: `
     <div class="co-tile-wrapper" (click)="selectedChange.emit(selected)">
       <div class="co-tile-select-wrapper">
-        <co-input-radio-button [checked]="selected" (modelChange)="selectedChange.emit($event)"></co-input-radio-button>
+        <co-input-radio-button [model]="selected" (modelChange)="selectedChange.emit($event)"></co-input-radio-button>
       </div>
       <div class="co-tile-content-wrapper">
         <ng-content></ng-content>
@@ -8016,6 +8092,7 @@ class TransactionTotalsComponent {
     constructor() {
         this.showDiscount = false;
         this.discountClick = new EventEmitter();
+        this.showDiscountDialog = false;
     }
     showClass() {
         return true;
@@ -8027,337 +8104,978 @@ TransactionTotalsComponent.decorators = [
                 template: `
     <div class="transaction-totals-wrapper">
       <span class="totals-gross label" [textContent]="'ORDER_GROSS' | localize"></span>
-      <span class="totals-gross value" [textContent]="totals?.grossAmount | coCurrency: true"></span>
-      <ng-container *ngIf="totals?.discountAmount">
+      <span class="totals-gross value" [textContent]="transactionTotal?.grossAmount | coCurrency: true"></span>
+      <ng-container *ngIf="transactionTotal?.discountAmount">
         <span class="totals-discount-amount label" [textContent]="'DISCOUNT_AMOUNT' | localize"></span>
-        <span class="totals-discount-amount value" [textContent]="totals?.discountAmount | coCurrency: true"></span>
+        <span class="totals-discount-amount value" [class.transaction-negative-value]="transactionTotal?.discountAmount < 0" [textContent]="transactionTotal?.discountAmount | coCurrency: true"></span>
       </ng-container>
-      <ng-container *ngIf="totals?.transactionDiscountAmount">
+      <ng-container *ngIf="transactionTotal?.transactionDiscountAmount">
         <span class="totals-discount label" [textContent]="'TRANSACTION_DISCOUNT' | localize"></span>
-        <span class="totals-discount value" [textContent]="totals?.transactionDiscountAmount | coCurrency: true"></span>
+        <span class="totals-discount value" [class.transaction-negative-value]="transactionTotal?.transactionDiscountAmount < 0" [textContent]="transactionTotal?.transactionDiscountAmount | coCurrency: true"></span>
       </ng-container>
-      <ng-container *ngIf="totals?.transactionDiscountPercentage">
+      <ng-container *ngIf="transactionTotal?.transactionDiscountPercentage">
         <span class="totals-discount-percentage label" [textContent]="'TRANSACTION_DISCOUNT_PERC' | localize"></span>
-        <span class="totals-discount-percentage value" [textContent]="totals?.transactionDiscountPercentage.toString() | append:' %'"></span>
+        <span class="totals-discount-percentage value" [class.transaction-negative-value]="transactionTotal?.transactionDiscountPercentage < 0" [textContent]="transactionTotal?.transactionDiscountPercentage.toString() | append:' %'"></span>
       </ng-container>
       <span class="totals-net label" [textContent]="'ORDER_NET'| localize"></span>
-      <span class="totals-net value" [textContent]="totals?.netAmount | coCurrency: true"></span>
-      <a *ngIf="showDiscount" class="add-discount label" (click)="discountClick.emit($event)" [textContent]="'ADD_DISCOUNTS' | localize"></a>
+      <span class="totals-net value" [textContent]="transactionTotal?.netAmount | coCurrency: true"></span>
+      <a *ngIf="showDiscount" class="add-discount label" (click)="showDiscountDialog = true" [textContent]="'ADD_DISCOUNTS' | localize"></a>
     </div>
+    <co-dialog-transaction-header-discount class="discount-dialog" *ngIf="showDiscountDialog"
+                                           [transactionInfo]="transactionInfo"
+                                           [transactionTotal]="transactionTotal"
+                                           (close)="showDiscountDialog = false">
+    </co-dialog-transaction-header-discount>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
 TransactionTotalsComponent.propDecorators = {
-    totals: [{ type: Input }],
+    transactionInfo: [{ type: Input }],
+    transactionTotal: [{ type: Input }],
     showDiscount: [{ type: Input }],
     discountClick: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-totals",] }]
 };
 
-class TransactionTotalsModule {
-}
-TransactionTotalsModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    CoreModule,
-                    PipeModule
-                ],
-                declarations: [
-                    TransactionTotalsComponent
-                ],
-                exports: [
-                    TransactionTotalsComponent
-                ]
-            },] }
-];
-
-class TransactionArticleTextComponent {
-    constructor(service) {
-        this.service = service;
-        this.closeClick = new EventEmitter();
-        this.cancelClick = new EventEmitter();
-        this.saveClick = new EventEmitter();
-        this.showOverviewDialog = false;
-        this.standardTexts = [];
-        this.documents = [];
-        this.fields = { text: "description", value: "textId" };
-        this.fieldsDocuments = { text: "description", value: "code" };
-        this.transactionAddTextLineRequest = new TransactionAddTextLineRequest();
+class TransactionHeaderBaseComponent extends TransactionFilterPopupBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.readonly = false;
+        this._transactionInfo = new TransactionInfo();
+        this._transactionTotal = new TransactionTotal();
     }
-    set transactionLine(value) {
+    set transactionInfo(value) {
         if (value) {
-            this.transactionAddTextLineRequest.transactionUuid = value.uuid;
-            this.transactionAddTextLineRequest.text = value.text;
+            this._transactionInfo = value;
+            this.transactionInfoSet();
         }
     }
-    set articleRef(value) {
+    get transactionInfo() {
+        return this._transactionInfo;
+    }
+    set transactionTotal(value) {
         if (value) {
-            this._articleRef = value;
+            this._transactionTotal = value;
+            this.transactionTotalSet();
         }
     }
-    get articleRef() {
-        return this._articleRef;
+    get transactionTotal() {
+        return this._transactionTotal;
     }
-    set editText(value) {
-        this.transactionAddTextLineRequest.text = value;
+    get model() {
+        return this._transactionInfo;
     }
-    set articleLineNr(value) {
-        if (value) {
-            this.transactionAddTextLineRequest.refArticleLineNr = value;
-        }
+    // overridden by descendents
+    transactionInfoSet() {
     }
-    showClass() {
-        return true;
+    // overridden by descendents
+    transactionTotalSet() {
     }
-    ngOnInit() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.standardTexts = yield this.service.getStandardTexts("NL");
-            this.documents = yield this.service.getTextTypes("NL");
-        });
+}
+TransactionHeaderBaseComponent.decorators = [
+    { type: Directive }
+];
+TransactionHeaderBaseComponent.propDecorators = {
+    transactionInfo: [{ type: Input }],
+    transactionTotal: [{ type: Input }]
+};
+
+class DialogTransactionHeaderBaseComponent extends TransactionHeaderBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.buttonType = AppPopupButtonType;
+        this.close = new EventEmitter();
     }
-    onOkClick(event) {
-        this.saveClick.next(this.transactionAddTextLineRequest);
+    onClose(eventType, output) {
+        return;
     }
-    onCancelClick(event) {
-        this.cancelClick.next(event);
+    handleValueChange(value) {
+        this.value = value;
     }
-    onSelectStandardText(value) {
-        this.transactionAddTextLineRequest.text = (this.standardTexts.find(x => x.textId === value)).text;
+    handleOkClick() {
+        this.onClose(AppPopupButtonType.Ok, this.value);
     }
-    handleDocumentsChange(docs) {
+    handleSearch(text) {
+        this.searchText = text;
+    }
+    handleClose(type) {
+        this.close.emit();
+        this.onClose(type);
     }
 }
-TransactionArticleTextComponent.decorators = [
+DialogTransactionHeaderBaseComponent.decorators = [
+    { type: Directive }
+];
+DialogTransactionHeaderBaseComponent.propDecorators = {
+    close: [{ type: Output }]
+};
+
+class DialogTransactionHeaderDiscountComponent extends DialogTransactionHeaderBaseComponent {
+    constructor(_transactionService) {
+        super();
+        this._transactionService = _transactionService;
+    }
+    showClass() {
+        return true;
+    }
+    redistributeDiscount() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this._transactionService.updateHeaderTransactionDiscount(this.transactionInfo.uuid, DiscountType.TransactionDiscountAmount, this.transactionTotal.transactionDiscountAmount);
+        });
+    }
+}
+DialogTransactionHeaderDiscountComponent.decorators = [
     { type: Component, args: [{
-                selector: "co-transaction-article-text",
+                selector: "co-dialog-transaction-header-discount",
                 template: `
-    <co-dialog (closeClick)="closeClick.emit($event)" [headerTemplate]="headerTemplate" [footerTemplate]="footerTemplate">
-      <div class="article-text-content-wrapper">
-        <div class="editor-wrapper">
-          <textarea class="article-text"
-                    [(ngModel)]="transactionAddTextLineRequest.text"
-          ></textarea>
+    <co-dialog [headerTemplate]="dialogHeader" (closeClick)="handleClose(buttonType.Ok)">
+      <div class="transaction-discount-wrapper co-transaction-small-toolbar">
+        <div class="two-column-grid">
+          <co-transaction-header-discount-percentage [transactionInfo]="transactionInfo" [transactionTotal]="transactionTotal"></co-transaction-header-discount-percentage>
+          <co-transaction-header-discount-amount [transactionInfo]="transactionInfo" [transactionTotal]="transactionTotal"></co-transaction-header-discount-amount>
         </div>
-        <div class="option-wrapper">
-          <co-input-listbox
-            [collection]="documents"
-            [fields]="fieldsDocuments"
-            [placeholder]="'FOR_DOCUMENTS' | localize"
-            [value]="transactionAddTextLineRequest.showOnDocuments"
-            [showCheckbox]="true"
-            (modelChange)="handleDocumentsChange($event)"
-          ></co-input-listbox>
-          <co-drop-down-list
-            [collection]="standardTexts"
-            [fields]="fields"
-            [placeholder]="'STANDARD_TEXTS' | localize"
-            (modelChange)="onSelectStandardText($event)"
-          ></co-drop-down-list>
+        <div class="two-column-grid">
+          <co-transaction-header-discount-transaction-total [transactionInfo]="transactionInfo" [transactionTotal]="transactionTotal"></co-transaction-header-discount-transaction-total>
+          <div class="transaction-line-button custom-width" (click)="redistributeDiscount()">
+              <span class="co-transaction-overflow-ellipsis transaction-discount"
+                    [textContent]="'REDISTRIBUTE_DISCOUNT' | localize"></span>
+          </div>
+        </div>
+        <div class="transaction-discount-overview">
+          <div class="transaction-discount-overview-item">
+            <div class="title" [textContent]="'ORDER_GROSS' | localize"></div>
+            <div class="value" [textContent]="transactionTotal.grossAmount | coCurrency"></div>
+          </div>
+          <div class="transaction-discount-overview-item">
+            <div class="title" [textContent]="'DISCOUNT' | localize"></div>
+            <div class="value" [class.transaction-negative-value]="transactionTotal.discountAmount < 0" [textContent]="transactionTotal.discountAmount | coCurrency"></div>
+          </div>
+          <div class="transaction-discount-overview-item">
+            <div class="title" [textContent]="'ASSEMBLY_COSTS' | localize"></div>
+            <div class="value" [class.transaction-negative-value]="transactionTotal.assemblyCosts < 0" [textContent]="transactionTotal.assemblyCosts | coCurrency"></div>
+          </div>
+          <div class="transaction-discount-overview-item">
+            <div class="title" [textContent]="'SURCHARGE_AMOUNT' | localize"></div>
+            <div class="value" [class.transaction-negative-value]="transactionTotal.surchargeAmount < 0" [textContent]="transactionTotal.surchargeAmount | coCurrency"></div>
+          </div>
+          <div class="transaction-discount-overview-item">
+            <div class="title" [textContent]="'DELIVERY_COSTS' | localize"></div>
+            <div class="value" [textContent]="'NOT_IMPLEMENTED_YET'"></div>
+          </div>
+          <div class="transaction-discount-overview-item total">
+            <div class="title" [textContent]="'ORDER_NET' | localize"></div>
+            <div class="value" [class.transaction-negative-value]="transactionTotal.netAmount < 0" [textContent]="transactionTotal.netAmount | coCurrency"></div>
+          </div>
         </div>
       </div>
     </co-dialog>
-    <ng-template #headerTemplate><span [textContent]="header"></span></ng-template>
-    <ng-template #footerTemplate>
-      <div class="button-wrapper">
-        <co-button [label]="'OK' | localize" (click)="onOkClick($event)"></co-button>
-        <co-button [label]="'CANCEL' | localize " (click)="onCancelClick($event)"></co-button>
-      </div>
+    <ng-template #dialogHeader>
+      <div class="dialog-header-title" [textContent]="'DISCOUNT_PRICE_INFORMATION' | localize"></div>
     </ng-template>
-
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
-TransactionArticleTextComponent.ctorParameters = () => [
+DialogTransactionHeaderDiscountComponent.ctorParameters = () => [
     { type: TransactionService }
 ];
-TransactionArticleTextComponent.propDecorators = {
-    header: [{ type: Input }],
-    transactionLine: [{ type: Input }],
-    articleRef: [{ type: Input }],
-    editText: [{ type: Input }],
-    articleLineNr: [{ type: Input }],
-    closeClick: [{ type: Output }],
-    cancelClick: [{ type: Output }],
-    saveClick: [{ type: Output }],
-    showClass: [{ type: HostBinding, args: ["class.co-transaction-article-text",] }]
+DialogTransactionHeaderDiscountComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ["class.co-dialog-transaction-header-discount",] }]
 };
 
-class TransactionArticleTextModule {
-}
-TransactionArticleTextModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    CoreModule,
-                    FormsModule,
-                    CoDialogModule,
-                    InputCheckboxModule,
-                    InputListboxModule,
-                    DropDownModule,
-                    ButtonModule,
-                    PipeModule
-                ],
-                declarations: [
-                    TransactionArticleTextComponent
-                ],
-                exports: [
-                    TransactionArticleTextComponent
-                ]
-            },] }
-];
-
-// The different view modes for search
-var SearchViewMode;
-(function (SearchViewMode) {
-    SearchViewMode[SearchViewMode["FullScreen"] = 0] = "FullScreen";
-    SearchViewMode[SearchViewMode["SideBar"] = 1] = "SideBar";
-})(SearchViewMode || (SearchViewMode = {}));
+class TransactionHeaderDiscountPercentageComponent extends TransactionHeaderBaseComponent {
+    constructor(_transactionService) {
+        super();
+        this._transactionService = _transactionService;
+        this.showLabel = true;
+        this.defaultEditMode = true;
+        this._editMode = false;
+    }
+    set child(content) {
+        if (content) {
+            this.input = content;
+            this.input.commit = (amount) => this.commit(amount);
+            if (this._editMode) {
+                this.input.requestFocus();
+            }
+        }
+    }
+    set editMode(value) {
+        this._editMode = value;
+        if (this._editMode && this.input) {
+            this.input.doFocus();
+        }
+    }
+    get editMode() {
+        return this._editMode;
+    }
+    handleClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (!this.readonly) {
+            this.editMode = true;
+        }
+    }
+    commit(amount) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.transactionTotal && this.transactionTotal.transactionDiscountPercentage !== amount) {
+                const oldPercentage = this.transactionTotal.transactionDiscountPercentage;
+                const success = yield this._transactionService.updateHeaderTransactionDiscount(this.transactionInfo.uuid, DiscountType.TransactionDiscountPercentage, amount);
+                if (!success) {
+                    this.input.model = amount;
+                }
+                return success;
+            }
+            return true;
+        });
+    }
+    transactionSet() {
+        this.readonly = this.readonly || !this.transactionInfo.deliveryDateDefinitive;
+    }
+}
+TransactionHeaderDiscountPercentageComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-header-discount-percentage",
+                template: `
+    <span *ngIf="(!editMode  || readonly) && !defaultEditMode" [textContent]="transactionTotal.transactionDiscountPercentage"></span>
+    <co-input-text #input *ngIf="editMode || defaultEditMode"
+                   [type]="'number'"
+                   [placeholder]="showLabel ? ('DISCOUNT_PERCENTAGE' | localize) : ''"
+                   [showSaveCancel]="!readonly"
+                   [readonly]="readonly"
+                   [model]="transactionTotal.transactionDiscountPercentage"
+                   (blur)="editMode = false"
+    ></co-input-text>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionHeaderDiscountPercentageComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+TransactionHeaderDiscountPercentageComponent.propDecorators = {
+    child: [{ type: ViewChild, args: ['input', { read: InputTextComponent },] }],
+    showLabel: [{ type: Input }],
+    defaultEditMode: [{ type: Input }],
+    editMode: [{ type: Input }],
+    handleClick: [{ type: HostListener, args: ["click", ["$event"],] }]
+};
 
-var SearchBarViewMode;
-(function (SearchBarViewMode) {
-    SearchBarViewMode[SearchBarViewMode["Expanded"] = 0] = "Expanded";
-    SearchBarViewMode[SearchBarViewMode["Collapsed"] = 1] = "Collapsed";
-})(SearchBarViewMode || (SearchBarViewMode = {}));
-class TransactionSearchComponent {
-    constructor(transactionSearchService) {
-        this.transactionSearchService = transactionSearchService;
-        this.searchViewModes = SearchViewMode;
-        this.orientations = CoOrientation;
-        this.directionRight = CoDirection.Right;
-        this.transactionClick = new EventEmitter();
-        this.searchViewModeChange = new EventEmitter();
+class TransactionHeaderDiscountPercentageModule {
+}
+TransactionHeaderDiscountPercentageModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    InputTextModule,
+                    PipeModule
+                ],
+                declarations: [
+                    TransactionHeaderDiscountPercentageComponent
+                ],
+                exports: [
+                    TransactionHeaderDiscountPercentageComponent
+                ]
+            },] }
+];
+
+class TransactionHeaderDiscountAmountComponent extends TransactionHeaderBaseComponent {
+    constructor(_transactionService) {
+        super();
+        this._transactionService = _transactionService;
+        this.showLabel = true;
+        this.defaultEditMode = true;
+        this._editMode = false;
+    }
+    set child(content) {
+        if (content) {
+            this.input = content;
+            this.input.commit = (amount) => this.commit(amount);
+            if (this._editMode) {
+                this.input.requestFocus();
+            }
+        }
+    }
+    set editMode(value) {
+        this._editMode = value;
+        if (this._editMode && this.input) {
+            this.input.doFocus();
+        }
+    }
+    get editMode() {
+        return this._editMode;
+    }
+    handleClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (!this.readonly) {
+            this.editMode = true;
+        }
+    }
+    commit(amount) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.transactionTotal && this.transactionTotal.transactionDiscountAmount !== amount) {
+                const oldAmount = this.transactionTotal.transactionDiscountAmount;
+                const success = yield this._transactionService.updateHeaderTransactionDiscount(this.transactionInfo.uuid, DiscountType.TransactionDiscountAmount, amount);
+                if (!success) {
+                    this.input.model = amount;
+                }
+                return success;
+            }
+            return true;
+        });
+    }
+    transactionSet() {
+        this.readonly = this.readonly || !this.transactionInfo.deliveryDateDefinitive;
+    }
+}
+TransactionHeaderDiscountAmountComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-header-discount-amount",
+                template: `
+    <span *ngIf="(!editMode  || readonly) && !defaultEditMode" [textContent]="transactionTotal.transactionDiscountAmount"></span>
+    <co-input-text #input *ngIf="editMode || defaultEditMode"
+                   [type]="'number'"
+                   [placeholder]="showLabel ? ('DISCOUNT_AMOUNT' | localize) : ''"
+                   [showSaveCancel]="!readonly"
+                   [readonly]="readonly"
+                   [model]="transactionTotal.transactionDiscountAmount"
+                   (blur)="editMode = false"
+    ></co-input-text>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionHeaderDiscountAmountComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+TransactionHeaderDiscountAmountComponent.propDecorators = {
+    child: [{ type: ViewChild, args: ['input', { read: InputTextComponent },] }],
+    showLabel: [{ type: Input }],
+    defaultEditMode: [{ type: Input }],
+    editMode: [{ type: Input }],
+    handleClick: [{ type: HostListener, args: ["click", ["$event"],] }]
+};
+
+class TransactionHeaderDiscountAmountModule {
+}
+TransactionHeaderDiscountAmountModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    InputTextModule,
+                    PipeModule
+                ],
+                declarations: [
+                    TransactionHeaderDiscountAmountComponent
+                ],
+                exports: [
+                    TransactionHeaderDiscountAmountComponent
+                ]
+            },] }
+];
+
+class TransactionHeaderDiscountTransactionTotalComponent extends TransactionHeaderBaseComponent {
+    constructor(_transactionService) {
+        super();
+        this._transactionService = _transactionService;
+        this.showLabel = true;
+        this.defaultEditMode = true;
+        this._editMode = false;
+    }
+    set child(content) {
+        if (content) {
+            this.input = content;
+            this.input.commit = (amount) => this.commit(amount);
+            if (this._editMode) {
+                this.input.requestFocus();
+            }
+        }
+    }
+    set editMode(value) {
+        this._editMode = value;
+        if (this._editMode && this.input) {
+            this.input.doFocus();
+        }
+    }
+    get editMode() {
+        return this._editMode;
+    }
+    handleClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (!this.readonly) {
+            this.editMode = true;
+        }
+    }
+    commit(amount) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.transactionTotalAmount !== amount) {
+                const success = yield this._transactionService.updateHeaderTransactionDiscount(this.transactionInfo.uuid, DiscountType.OrderTotal, amount);
+                if (!success) {
+                    this.input.model = amount;
+                }
+                else {
+                    this.transactionTotalAmount = undefined;
+                }
+                return success;
+            }
+            return true;
+        });
+    }
+    transactionSet() {
+        this.readonly = this.readonly || !this.transactionInfo.deliveryDateDefinitive;
+    }
+}
+TransactionHeaderDiscountTransactionTotalComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-header-discount-transaction-total",
+                template: `
+    <co-input-text #input *ngIf="editMode || defaultEditMode"
+                   [type]="'number'"
+                   [placeholder]="showLabel ? ('TRANSACTION_TOTAL' | localize) : ''"
+                   [showSaveCancel]="!readonly"
+                   [readonly]="readonly"
+                   [(model)]="transactionTotalAmount"
+                   (blur)="editMode = false"
+    ></co-input-text>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionHeaderDiscountTransactionTotalComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+TransactionHeaderDiscountTransactionTotalComponent.propDecorators = {
+    child: [{ type: ViewChild, args: ['input', { read: InputTextComponent },] }],
+    showLabel: [{ type: Input }],
+    defaultEditMode: [{ type: Input }],
+    editMode: [{ type: Input }],
+    handleClick: [{ type: HostListener, args: ["click", ["$event"],] }]
+};
+
+class TransactionHeaderDiscountTransactionTotalModule {
+}
+TransactionHeaderDiscountTransactionTotalModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    InputTextModule,
+                    PipeModule
+                ],
+                declarations: [
+                    TransactionHeaderDiscountTransactionTotalComponent
+                ],
+                exports: [
+                    TransactionHeaderDiscountTransactionTotalComponent
+                ]
+            },] }
+];
+
+class DialogTransactionHeaderDiscountModule {
+}
+DialogTransactionHeaderDiscountModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoDialogModule,
+                    TransactionHeaderDiscountPercentageModule,
+                    TransactionHeaderDiscountAmountModule,
+                    TransactionHeaderDiscountTransactionTotalModule,
+                    PipeModule
+                ],
+                declarations: [
+                    DialogTransactionHeaderDiscountComponent
+                ],
+                exports: [
+                    DialogTransactionHeaderDiscountComponent
+                ]
+            },] }
+];
+
+class TransactionTotalsModule {
+}
+TransactionTotalsModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoreModule,
+                    PipeModule,
+                    DialogTransactionHeaderDiscountModule
+                ],
+                declarations: [
+                    TransactionTotalsComponent
+                ],
+                exports: [
+                    TransactionTotalsComponent
+                ]
+            },] }
+];
+
+class TransactionImageService {
+    constructor(_connector) {
+        this._connector = _connector;
+        this._articleImageCache = new Map();
+    }
+    retrieveLineImage(line) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.getArticleImageByArticleNumber(line.articleNumber);
+        });
+    }
+    getArticleImageByArticleNumber(articleNumber) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this._articleImageCache.has(articleNumber)) {
+                return this._articleImageCache.get(articleNumber);
+            }
+            const goodId = yield this._connector.getGoodIdFromArticleNr(articleNumber).catch((error) => {
+                console.error(error);
+                return null;
+            });
+            const image = yield this.getArticleImageByGoodId(goodId);
+            this._articleImageCache.set(articleNumber, image);
+            return image;
+        });
+    }
+    getArticleImageByGoodId(goodId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!isNaN(goodId)) {
+                return this._connector.getSingleImage(goodId, 1, true, true).catch((error) => {
+                    console.error(error);
+                    return "";
+                });
+            }
+            else {
+                return "";
+            }
+        });
+    }
+}
+TransactionImageService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TransactionImageService_Factory() { return new TransactionImageService(i0.ɵɵinject(TransactionConnectorService)); }, token: TransactionImageService, providedIn: "root" });
+TransactionImageService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: "root"
+            },] }
+];
+TransactionImageService.ctorParameters = () => [
+    { type: TransactionConnectorService }
+];
+
+class TransactionLineImageAndDescriptionComponent {
+    constructor(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 EventEmitter();
+        this.handleDeleteLine = new EventEmitter();
     }
-    set transactionType(value) {
-        this._transactionType = value;
-        this.transactionSearchService.transactionType = this._transactionType;
+    set line(value) {
+        this._line = value;
+        this._loadLineImage();
     }
-    get transactionType() {
-        return this._transactionType;
+    get line() {
+        return this._line;
     }
     showClass() {
         return true;
     }
-    onTransactionClick(transaction) {
-        if (this.transactionSearchService.activeSearchViewMode === this.searchViewModes.FullScreen) {
-            this.collapseSearchBar();
+    handleOpenArticleText(text) {
+        this.openArticleTextClicked.next(text);
+    }
+    deleteTransactionLineClick() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.handleDeleteLine.next();
+        });
+    }
+    _loadLineImage() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.line && this.line.isArticle) {
+                this._imageService.retrieveLineImage(this.line).then((image) => {
+                    this.image = image;
+                });
+            }
+        });
+    }
+}
+TransactionLineImageAndDescriptionComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-line-image-and-description",
+                template: `
+    <div class="transaction-line-image" [class.preview]="preview">
+      <co-image-display [model]="image"></co-image-display>
+    </div>
+    <div class="transaction-line-description">
+      <div class="description-wrapper">
+        <co-transaction-line-description class="transaction-line-description-description"
+                                         [transactionLine]="line"
+                                         [defaultEditMode]="false"
+                                         [showLabel]="false"
+        ></co-transaction-line-description>
+        <div class="transaction-line-article-number-wrapper" *ngIf="!popUpView">
+          <span *ngIf="line.goodDescription && line.articleNumber">|</span>
+          <span [textContent]="line.articleNumber"></span>
+          <co-icon class="delete-icon" [iconData]="iconCacheService.getIcon(icons.TrashCanLight)"
+                   (click)="deleteTransactionLineClick()"></co-icon>
+        </div>
+      </div>
+      <div *ngIf="!preview && !popUpView" class="article-text-wrapper">
+        <div class="article-text" *ngFor="let text of line.articleTestAsArray">
+          <span [innerHTML]="text | safeHtml" (dblclick)="handleOpenArticleText(text)"></span>
+        </div>
+      </div>
+      <div *ngIf="!preview && !popUpView">
+        <span [innerHTML]="line.configurationReadable"></span>
+      </div>
+    </div>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionLineImageAndDescriptionComponent.ctorParameters = () => [
+    { type: TransactionService },
+    { type: IconCacheService },
+    { type: DialogService },
+    { type: DictionaryService },
+    { type: TransactionImageService }
+];
+TransactionLineImageAndDescriptionComponent.propDecorators = {
+    line: [{ type: Input }],
+    popUpView: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-line-image-and-description",] }],
+    preview: [{ type: HostBinding, args: ["class.preview",] }, { type: Input }],
+    openArticleTextClicked: [{ type: Output }],
+    handleDeleteLine: [{ type: Output }]
+};
+
+class TransactionLineDescriptionComponent extends TransactionLineBaseComponent {
+    constructor(iconCacheService, _transactionService) {
+        super();
+        this.iconCacheService = iconCacheService;
+        this._transactionService = _transactionService;
+        this.icons = Icon;
+        this.showLabel = true;
+        this.defaultEditMode = true;
+        this._editMode = false;
+    }
+    set child(content) {
+        if (content) {
+            this.input = content;
+            this.input.commit = (description) => this.commit(description);
+            if (this._editMode) {
+                this.input.requestFocus();
+            }
         }
-        this._scrollToTop();
-        this.transactionClick.emit(transaction);
     }
-    onSearchViewResizeClick() {
-        if (this.transactionSearchService.activeSearchViewMode === this.searchViewModes.SideBar) {
-            this.transactionSearchService.activeSearchViewMode = this.searchViewModes.FullScreen;
+    set editMode(value) {
+        this._editMode = value;
+        if (this._editMode && this.input) {
+            this.input.doFocus();
         }
-        else {
-            this.transactionSearchService.activeSearchViewMode = this.searchViewModes.SideBar;
+    }
+    get editMode() {
+        return this._editMode;
+    }
+    handleClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (!this.readonly) {
+            this.editMode = true;
+        }
+    }
+    commit(description) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.transactionLine.goodDescription !== description) {
+                const oldDescription = this.transactionLine.goodDescription;
+                const success = yield this._transactionService.updateGoodDescriptionTransactionLine(this._transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, description);
+                if (!success) {
+                    this.input.model = oldDescription;
+                }
+                return success;
+            }
+            return true;
+        });
+    }
+    transactionLineSet() {
+        this.readonly = this.readonly || !this.transactionLine.articleFreeDescription;
+    }
+}
+TransactionLineDescriptionComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-line-description",
+                template: `
+    <div class="co-transaction-default-flex-row" *ngIf="(!editMode  || readonly) && !defaultEditMode">
+      <div class="co-transaction-overflow-ellipsis" [textContent]="transactionLine.goodDescription"></div>
+      <co-icon [iconData]="iconCacheService.getIcon(icons.EditPencil)" *ngIf="!readonly && !editMode" (click)="editMode = true"></co-icon>
+    </div>
+    <co-input-text #input *ngIf="editMode || defaultEditMode"
+                   [placeholder]="showLabel ? ('GOOD_DESCRIPTION' | localize) : ''"
+                   [showSaveCancel]="!readonly"
+                   [readonly]="readonly"
+                   [model]="transactionLine.goodDescription"
+                   (blur)="editMode = false"
+    ></co-input-text>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionLineDescriptionComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: TransactionService }
+];
+TransactionLineDescriptionComponent.propDecorators = {
+    child: [{ type: ViewChild, args: ['input', { read: InputTextComponent },] }],
+    showLabel: [{ type: Input }],
+    defaultEditMode: [{ type: Input }],
+    editMode: [{ type: Input }],
+    handleClick: [{ type: HostListener, args: ["click", ["$event"],] }]
+};
+
+class TransactionLineDescriptionModule {
+}
+TransactionLineDescriptionModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    InputTextModule,
+                    PipeModule,
+                    IconModule
+                ],
+                declarations: [
+                    TransactionLineDescriptionComponent
+                ],
+                exports: [
+                    TransactionLineDescriptionComponent
+                ]
+            },] }
+];
+
+class TransactionLineImageAndDescriptionModule {
+}
+TransactionLineImageAndDescriptionModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    IconModule,
+                    TransactionLineDescriptionModule,
+                    CoreModule,
+                    PipeModule
+                ],
+                declarations: [
+                    TransactionLineImageAndDescriptionComponent
+                ],
+                exports: [
+                    TransactionLineImageAndDescriptionComponent
+                ]
+            },] }
+];
+
+class TransactionArticleTextComponent {
+    constructor(transactionService, iconCacheService, _dictionaryService) {
+        this.transactionService = transactionService;
+        this.iconCacheService = iconCacheService;
+        this._dictionaryService = _dictionaryService;
+        this.closeClick = new EventEmitter();
+        this.cancelClick = new EventEmitter();
+        this.saveClick = new 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();
+    }
+    set transactionLine(value) {
+        if (value) {
+            this._transactionLine = value;
+            this.transactionAddTextLineRequest.transactionUuid = value.uuid;
+            this.transactionAddTextLineRequest.text = value.text;
+        }
+    }
+    get transactionLine() {
+        return this._transactionLine;
+    }
+    set articleRef(value) {
+        if (value) {
+            this._articleRef = value;
+        }
+    }
+    get articleRef() {
+        return this._articleRef;
+    }
+    set editText(value) {
+        this.transactionAddTextLineRequest.text = value;
+    }
+    set articleLineNr(value) {
+        if (value) {
+            this.transactionAddTextLineRequest.refArticleLineNr = value;
         }
-        this.searchViewModeChange.emit(this.transactionSearchService.activeSearchViewMode);
     }
-    onSideCollapseHandleClick() {
-        this.toggleSearchBar();
+    showClass() {
+        return true;
     }
-    toggleSearchBar() {
-        if (this.transactionSearchService.collapsed || this.transactionSearchService.fullscreen) {
-            this.expandSearchBar();
-        }
-        else {
-            this.collapseSearchBar();
-        }
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.standardTexts = yield this.transactionService.getStandardTexts("NL");
+            this.documents = yield this.transactionService.getTextTypes("NL");
+        });
     }
-    collapseSearchBar() {
-        this.transactionSearchService.activeSearchViewMode = this.searchViewModes.SideBar;
-        this.transactionSearchService.activeSearchBarViewMode = SearchBarViewMode.Collapsed;
-        this.searchViewModeChange.emit(this.searchViewModes.SideBar);
+    onOkClick(event) {
+        this.saveClick.next(this.transactionAddTextLineRequest);
     }
-    expandSearchBar() {
-        this.transactionSearchService.activeSearchViewMode = this.searchViewModes.SideBar;
-        this.transactionSearchService.activeSearchBarViewMode = SearchBarViewMode.Expanded;
-        this.searchViewModeChange.emit(this.searchViewModes.SideBar);
+    onCancelClick(event) {
+        this.cancelClick.next(event);
     }
-    calculateClasses() {
-        return {
-            'fullscreen': this.transactionSearchService.fullscreen,
-            'sidebar': !this.transactionSearchService.fullscreen,
-            'collapsed': this.transactionSearchService.collapsed,
-            'expanded': !this.transactionSearchService.collapsed,
-        };
+    onSelectStandardText(value) {
+        this.transactionAddTextLineRequest.text = (this.standardTexts.find(x => x.textId === value)).text;
     }
-    _scrollToTop() {
-        window.scrollTo({ top: 0, behavior: 'smooth' });
+    handleDocumentsChange(docs) {
+    }
+    showStandardTextsDropdown() {
+        this.showDropdown = true;
     }
 }
-TransactionSearchComponent.decorators = [
+TransactionArticleTextComponent.decorators = [
     { type: Component, args: [{
-                selector: 'co-transaction-search',
+                selector: "co-transaction-article-text",
                 template: `
-    <div class="transaction-search-main-wrapper">
-      <div class="transaction-search-wrapper"
-           [ngClass]="calculateClasses()">
-        <div class="transaction-filter-wrapper narrow-scrollbar"
-             [ngClass]="calculateClasses()"
-             *ngIf="transactionSearchService.showFilterSidebar" @showHideFilterSidebar>
-          <co-transaction-filter
-            [transactionType]="transactionType"
-            [activeSearchViewMode]="transactionSearchService.activeSearchViewMode"
-            (closeButtonClick)="transactionSearchService.handleHideFilter()"
-            (resetFilterClick)="transactionSearchService.handleResetFilter()"></co-transaction-filter>
+    <co-dialog (closeClick)="closeClick.emit($event)" [headerTemplate]="headerTemplate"
+               [footerTemplate]="footerTemplate">
+      <div class="article-image-description-wrapper">
+        <co-transaction-line-image-and-description
+          [line]="transactionLine"
+          [popUpView]="true">
+        </co-transaction-line-image-and-description>
+      </div>
+
+      <div class="standard-texts-dropdown-wrapper">
+        <co-drop-down-list
+          @showStandardTextsDropdown
+          *ngIf="showDropdown"
+          [collection]="standardTexts"
+          [fields]="fields"
+          [placeholder]="'STANDARD_TEXTS' | localize"
+          (modelChange)="onSelectStandardText($event)"
+        ></co-drop-down-list>
+      </div>
+
+      <div class="article-text-content-wrapper">
+        <div class="editor-wrapper">
+          <co-button class="search-button"
+                     [iconData]="searchIcon"
+                     (onClick)="showStandardTextsDropdown()">
+          </co-button>
+          <textarea class="article-text"
+                    [placeholder]="textAreaPlaceholder"
+                    [(ngModel)]="transactionAddTextLineRequest.text"
+          ></textarea>
         </div>
-        <div class="transaction-search-result-wrapper"
-             [class.fullscreen]="transactionSearchService.fullscreen"
-             [class.sidebar]="!transactionSearchService.fullscreen"
-             [class.collapsed]="transactionSearchService.collapsed"
-             [class.expanded]="!transactionSearchService.collapsed"
-        >
-          <co-transaction-search-result
-            [transactionType]="transactionType"
-            [activeSearchViewMode]="transactionSearchService.activeSearchViewMode"
-            (filterClick)="transactionSearchService.toggleFilter()"
-            (transactionClick)="onTransactionClick($event)"
-            (resizeClick)="onSearchViewResizeClick()"
-            (closeClick)="collapseSearchBar()"
-          ></co-transaction-search-result>
+        <div class="option-wrapper">
+          <co-input-listbox
+            [collection]="documents"
+            [fields]="fieldsDocuments"
+            [placeholder]="'FOR_DOCUMENTS' | localize"
+            [value]="transactionAddTextLineRequest.showOnDocuments"
+            [showCheckbox]="true"
+            [fullWidth]="true"
+            (modelChange)="handleDocumentsChange($event)"
+          ></co-input-listbox>
         </div>
       </div>
-      <div class="transaction-search-content-wrapper"
-           [class.fullscreen]="transactionSearchService.fullscreen"
-           [class.sidebar]="!transactionSearchService.fullscreen"
-           [class.collapsed]="transactionSearchService.collapsed"
-           [class.expanded]="!transactionSearchService.collapsed"
-      >
-        <ng-content></ng-content>
+    </co-dialog>
+
+    <ng-template #headerTemplate>
+      <span class="bold" [textContent]="header"></span>
+    </ng-template>
+    <ng-template #footerTemplate>
+      <div class="button-wrapper">
+        <co-button [label]="'OK' | localize" (click)="onOkClick($event)"></co-button>
+        <co-button [label]="'CANCEL' | localize " (click)="onCancelClick($event)"></co-button>
       </div>
-    </div>
+    </ng-template>
   `,
                 animations: [
-                    trigger("showHideFilterSidebar", [
-                        state("void", style({ transform: 'translateX(-100%)' })),
-                        state("*", style({ transform: 'translateX(0)' })),
+                    trigger("showStandardTextsDropdown", [
+                        state("void", style({ transform: 'translateY(-100%)', opacity: 0 })),
+                        state("*", style({ transform: 'translateY(0)', opacity: 1 })),
                         transition("void <=> *", animate("200ms ease-in-out"))
                     ])
                 ],
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
-TransactionSearchComponent.ctorParameters = () => [
-    { type: TransactionSearchService }
+TransactionArticleTextComponent.ctorParameters = () => [
+    { type: TransactionService },
+    { type: IconCacheService },
+    { type: DictionaryService }
 ];
-TransactionSearchComponent.propDecorators = {
-    transactionType: [{ type: Input }],
-    transactionClick: [{ type: Output }],
-    searchViewModeChange: [{ type: Output }],
-    showClass: [{ type: HostBinding, args: ["class.co-transaction-search",] }]
+TransactionArticleTextComponent.propDecorators = {
+    header: [{ type: Input }],
+    transactionLine: [{ type: Input }],
+    articleRef: [{ type: Input }],
+    editText: [{ type: Input }],
+    articleLineNr: [{ type: Input }],
+    closeClick: [{ type: Output }],
+    cancelClick: [{ type: Output }],
+    saveClick: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-article-text",] }]
 };
 
+class TransactionArticleTextModule {
+}
+TransactionArticleTextModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoreModule,
+                    FormsModule,
+                    CoDialogModule,
+                    InputCheckboxModule,
+                    InputListboxModule,
+                    DropDownModule,
+                    ButtonModule,
+                    PipeModule,
+                    InputSearchModule,
+                    TransactionLineImageAndDescriptionModule
+                ],
+                declarations: [
+                    TransactionArticleTextComponent
+                ],
+                exports: [
+                    TransactionArticleTextComponent
+                ]
+            },] }
+];
+
+// The different view modes for search
+var SearchViewMode;
+(function (SearchViewMode) {
+    SearchViewMode[SearchViewMode["FullScreen"] = 0] = "FullScreen";
+    SearchViewMode[SearchViewMode["SideBar"] = 1] = "SideBar";
+})(SearchViewMode || (SearchViewMode = {}));
+
+// The different view modes for search
+var SearchbarViewMode;
+(function (SearchbarViewMode) {
+    SearchbarViewMode[SearchbarViewMode["Expanded"] = 0] = "Expanded";
+    SearchbarViewMode[SearchbarViewMode["Collapsed"] = 1] = "Collapsed";
+})(SearchbarViewMode || (SearchbarViewMode = {}));
+
 class TransactionSearchService {
     constructor(_transactionService) {
         this._transactionService = _transactionService;
         this.searchRequest = new TransactionSearchViewRequest();
         this.previousSearchRequest = new TransactionSearchViewRequest();
         this.activeSearchViewMode = SearchViewMode.FullScreen;
-        this.activeSearchBarViewMode = SearchBarViewMode.Expanded;
+        this.activeSearchBarViewMode = SearchbarViewMode.Expanded;
         this.showFilterSidebar = false;
         this.transactions = [];
         this.labelBasedOnTransactionType = new Map([
@@ -8422,7 +9140,7 @@ class TransactionSearchService {
         return this.activeSearchViewMode === SearchViewMode.FullScreen;
     }
     get collapsed() {
-        return this.activeSearchBarViewMode === SearchBarViewMode.Collapsed;
+        return this.activeSearchBarViewMode === SearchbarViewMode.Collapsed;
     }
     toggleFilter() {
         this.showFilterSidebar = !this.showFilterSidebar;
@@ -8839,7 +9557,7 @@ TransactionSearchPurchaseOrderTileComponent.decorators = [
             <div class="status-bar-wrapper">
               <co-transaction-statusbar [transaction]="transaction" [transactionKind]="transaction.transactionKind"></co-transaction-statusbar>
             </div>
-            <div class="header"><span [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
+            <div class="header total-price-vat"><span [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
           </div>
         </div>
         <div class="tile-body">
@@ -9063,22 +9781,37 @@ TransactionBaseComponent.propDecorators = {
 };
 
 class TransactionQuickAccessOrderConfirmationComponent extends TransactionBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.purchaseOrderConfirmation = new GetPurchaseOrderConfirmation();
+    }
     showClass() {
         return true;
     }
+    confirmFullOrder() {
+        if (this.purchaseOrderConfirmation.confirmationDate && this.purchaseOrderConfirmation.reference) {
+            this.purchaseOrderConfirmation.transId = this.service.currentTransaction.transactionInfo.transactionNr;
+            this.service.purchaseOrderConfirmation(this.purchaseOrderConfirmation);
+        }
+    }
 }
 TransactionQuickAccessOrderConfirmationComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-quick-access-order-confirmation",
                 template: `
     <co-input-date
-      [model]=""
+      [(model)]="purchaseOrderConfirmation.confirmationDate"
       [placeholder]="'CONFIRMED_DATE' | localize"
     ></co-input-date>
     <co-input-text
+      [(model)]="purchaseOrderConfirmation.reference"
       [placeholder]="'REFERENCE' | localize"
     ></co-input-text>
-    <co-input-checkbox
+    <co-input-text
+      [(model)]="purchaseOrderConfirmation.leverbatch"
+      [placeholder]="'BATCH' | localize"
+    ></co-input-text>
+    <co-input-checkbox (modelChange)="confirmFullOrder()"
     ></co-input-checkbox>
   `,
                 encapsulation: ViewEncapsulation.None
@@ -9205,54 +9938,6 @@ TransactionQuickAccessOverviewComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ["class.co-transaction-quick-access-overview",] }]
 };
 
-class TransactionImageService {
-    constructor(_connector) {
-        this._connector = _connector;
-        this._articleImageCache = new Map();
-    }
-    retrieveLineImage(line) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield this.getArticleImageByArticleNumber(line.articleNumber);
-        });
-    }
-    getArticleImageByArticleNumber(articleNumber) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this._articleImageCache.has(articleNumber)) {
-                return this._articleImageCache.get(articleNumber);
-            }
-            const goodId = yield this._connector.getGoodIdFromArticleNr(articleNumber).catch((error) => {
-                console.error(error);
-                return null;
-            });
-            const image = yield this.getArticleImageByGoodId(goodId);
-            this._articleImageCache.set(articleNumber, image);
-            return image;
-        });
-    }
-    getArticleImageByGoodId(goodId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!isNaN(goodId)) {
-                return this._connector.getSingleImage(goodId, 1, true, true).catch((error) => {
-                    console.error(error);
-                    return "";
-                });
-            }
-            else {
-                return "";
-            }
-        });
-    }
-}
-TransactionImageService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TransactionImageService_Factory() { return new TransactionImageService(i0.ɵɵinject(TransactionConnectorService)); }, token: TransactionImageService, providedIn: "root" });
-TransactionImageService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: "root"
-            },] }
-];
-TransactionImageService.ctorParameters = () => [
-    { type: TransactionConnectorService }
-];
-
 class TransactionGridBaseComponent {
     constructor(imageService) {
         this.imageService = imageService;
@@ -9507,14 +10192,14 @@ class TransactionLineActionButtonsComponent {
         }, 1);
     }
     handleTransactionArticleTextOverview() {
-        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;
     }
     handleTransactionArticleText() {
-        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;
@@ -9571,8 +10256,12 @@ TransactionLineActionButtonsComponent.decorators = [
                 selector: "co-transaction-line-action-buttons",
                 template: `
     <div class="transaction-line-action-buttons-wrapper">
-      <div class="show-hide-button">
-        <icon [icon]="icons.ThickLines" (click)="handleShowHideClick()"></icon>
+      <div class="menu-button-container">
+        <co-button
+          class="action-menu-button circle"
+          [iconData]="iconCacheService.getIcon(icons.EllipsisLight)"
+          (click)="handleShowHideClick()">
+        </co-button>
       </div>
 
       <div class="action-buttons-container" clickOutside
@@ -9580,22 +10269,22 @@ TransactionLineActionButtonsComponent.decorators = [
            [ngClass]="alignDirection"
            (clickOutside)="handleShowHideClick()">
 
-        <co-button *ngIf="showOverviewButton()"
-            class="transaction-line-overview-button circle"
+        <co-button
+            class="transaction-line-overview-button circle action-button"
                    [class.show]="showActionButtonsDelayed"
-                   [iconData]="iconCacheService.getIcon(icons.Txt)"
+                   [iconData]="iconCacheService.getIcon(icons.TextSizeSolid)"
                    (click)="handleTransactionArticleTextOverview()"></co-button>
 
-        <co-button *ngIf="showAddTextButton()"
-                   class="transaction-line-add-text-button circle"
+        <co-button
+                   class="transaction-line-add-text-button circle action-button"
                    [class.show]="showActionButtonsDelayed"
-                   [iconData]="iconCacheService.getIcon(icons.Txt)"
+                   [iconData]="iconCacheService.getIcon(icons.TextSolid)"
                    (click)="handleTransactionArticleText()"></co-button>
 
-        <co-button *ngIf="showSidebarButton()"
-                   class="transaction-line-show-sidebar-button circle"
+        <co-button
+                   class="transaction-line-show-sidebar-button circle action-button"
                    [class.show]="showActionButtonsDelayed"
-                   [iconData]="iconCacheService.getIcon(icons.MasterDetail)"
+                   [iconData]="iconCacheService.getIcon(icons.ObjectIntersectSolid)"
                    (click)="handleShowSidePanel()"></co-button>
       </div>
     </div>
@@ -9627,52 +10316,18 @@ TransactionLineActionButtonsComponent.ctorParameters = () => [
     { type: TransactionService },
     { type: DictionaryService }
 ];
-TransactionLineActionButtonsComponent.propDecorators = {
-    transactionLine: [{ type: Input }],
-    alignDirection: [{ type: Input }],
-    waitingForUserAction: [{ type: Output }],
-    sidePanelButtonClicked: [{ type: Output }],
-    showClass: [{ type: HostBinding, args: ["class.co-transaction-line-action-buttons",] }]
-};
-
-class DialogTransactionLineDeliveryMethodComponent extends DialogTransactionLineBaseComponent {
-    showClass() {
-        return true;
-    }
-}
-DialogTransactionLineDeliveryMethodComponent.decorators = [
-    { type: Component, args: [{
-                selector: "co-dialog-transaction-line-delivery-method",
-                template: `
-    <co-dialog [headerTemplate]="dialogHeader" [footerTemplate]="footerTemplate" [showCloseIcon]="useModel" (closeClick)="handleClose(buttonType.Ok)">
-      <co-transaction-line-delivery-method
-        [autoClose]="autoClose"
-        [useModel]="useModel"
-        [transactionInfo]="transactionInfo"
-        [transactionLine]="transactionLine"
-        [searchText]="searchText"
-        (closeAfterCommit)="handleClose(buttonType.Ok)"
-        (valueChange)="handleValueChange($event)"></co-transaction-line-delivery-method>
-    </co-dialog>
-    <ng-template #dialogHeader>
-      <co-dialog-header-search [title]="'DELIVERY_METHOD'" (search)="handleSearch($event)"></co-dialog-header-search>
-    </ng-template>
-    <ng-template #footerTemplate>
-      <div class="dialog-footer-button-wrapper" *ngIf="!useModel">
-        <co-button [label]="'OK' | localize" (click)="handleOkClick()"></co-button>
-      </div>
-    </ng-template>
-  `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-DialogTransactionLineDeliveryMethodComponent.propDecorators = {
-    showClass: [{ type: HostBinding, args: ["class.co-dialog-transaction-line-delivery-method",] }]
+TransactionLineActionButtonsComponent.propDecorators = {
+    transactionLine: [{ type: Input }],
+    alignDirection: [{ type: Input }],
+    waitingForUserAction: [{ type: Output }],
+    sidePanelButtonClicked: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-line-action-buttons",] }]
 };
 
 class TransactionLinesLineBaseComponent {
     constructor() {
         this.icons = Icon;
+        this.lineChange = new EventEmitter();
         this.waitingForUserAction = new EventEmitter();
         this.preview = false;
         this.readonly = false;
@@ -9700,6 +10355,7 @@ TransactionLinesLineBaseComponent.decorators = [
 TransactionLinesLineBaseComponent.propDecorators = {
     line: [{ type: Input }],
     transactionId: [{ type: Input }],
+    lineChange: [{ type: Output }],
     waitingForUserAction: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-base-line",] }],
     preview: [{ type: HostBinding, args: ["class.preview",] }, { type: Input }],
@@ -9708,135 +10364,6 @@ TransactionLinesLineBaseComponent.propDecorators = {
     isArticle: [{ type: HostBinding, args: ["class.is-article",] }]
 };
 
-class DialogTransactionLineVatComponent extends DialogTransactionLineBaseComponent {
-    showClass() {
-        return true;
-    }
-}
-DialogTransactionLineVatComponent.decorators = [
-    { type: Component, args: [{
-                selector: "co-dialog-transaction-line-vat",
-                template: `
-    <co-dialog [headerTemplate]="dialogHeader" [footerTemplate]="footerTemplate" [showCloseIcon]="useModel" (closeClick)="handleClose(buttonType.Ok)">
-      <co-transaction-line-vat
-        [autoClose]="autoClose"
-        [useModel]="useModel"
-        [transactionLine]="transactionLine"
-        [searchText]="searchText"
-        (closeAfterCommit)="handleClose(buttonType.Ok)"
-        (valueChange)="handleValueChange($event)"
-      ></co-transaction-line-vat>
-    </co-dialog>
-    <ng-template #dialogHeader>
-      <co-dialog-header-search [title]="'VAT'" (search)="handleSearch($event)"></co-dialog-header-search>
-    </ng-template>
-    <ng-template #footerTemplate>
-      <div class="dialog-footer-button-wrapper" *ngIf="!useModel">
-        <co-button [label]="'OK' | localize" (click)="handleOkClick()"></co-button>
-      </div>
-    </ng-template>
-    `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-DialogTransactionLineVatComponent.propDecorators = {
-    showClass: [{ type: HostBinding, args: ["class.co-dialog-transaction-line-vat",] }]
-};
-
-class DialogTransactionLineDiscountComponent extends DialogTransactionLineBaseComponent {
-    constructor(_dialogService, _service) {
-        super();
-        this._dialogService = _dialogService;
-        this._service = _service;
-        this.showPriceListDialog = false;
-    }
-    showClass() {
-        return true;
-    }
-    openThePriceListDialog() {
-        this.showPriceListDialog = true;
-    }
-    transactionLineSet() {
-        this._loadLinePricelist();
-    }
-    transactionInfoSet() {
-        this.readonly = this.readonly || this.transactionInfo.transactionDefinitive;
-    }
-    _loadLinePricelist() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.transactionLine && this.transactionLine.isArticle) {
-                this._service.getPriceLists().then((lists) => {
-                    const priceList = lists.find(l => l.code === this.transactionLine.priceListCode);
-                    this.transactionLine.priceListDescription = priceList ? priceList.description : "";
-                });
-            }
-        });
-    }
-}
-DialogTransactionLineDiscountComponent.decorators = [
-    { type: Component, args: [{
-                selector: "co-dialog-transaction-line-discount",
-                template: `
-    <co-dialog [headerTemplate]="dialogHeader" (closeClick)="handleClose(buttonType.Ok)">
-      <div class="transaction-line-discount-wrapper co-transaction-small-toolbar">
-        <div class="two-column-grid">
-          <co-transaction-line-line-discount [transactionLine]="transactionLine"></co-transaction-line-line-discount>
-          <co-transaction-line-discount-amount [transactionLine]="transactionLine"></co-transaction-line-discount-amount>
-        </div>
-        <div class="two-column-grid">
-          <co-transaction-line-special-discount [transactionLine]="transactionLine"></co-transaction-line-special-discount>
-          <co-transaction-line-quantum-discount [transactionLine]="transactionLine"></co-transaction-line-quantum-discount>
-        </div>
-        <div class="two-column-grid">
-          <co-input-text [placeholder]="'SURCHARGE_AMOUNT' | localize" [model]="transactionLine.surchargeAmount" [readonly]="readonly"></co-input-text>
-          <co-input-text [placeholder]="'BUSINESS_RULE_DISCOUNT' | localize" [model]="'NIET_GEIMPLEMENTEERD'" [readonly]="readonly"></co-input-text>
-        </div>
-        <div class="transaction-line-discount-overview">
-          <div class="transaction-line-discount-overview-item">
-            <div class="title" [textContent]="'TRANSACTION_DISCOUNT' | localize"></div>
-            <div class="value" [class.negative]="transactionLine.discountAmount < 0" [textContent]="transactionLine.discountAmount | coCurrency"></div>
-          </div>
-          <div class="transaction-line-discount-overview-item">
-            <div class="title" [textContent]="'BUSINESS_RULE_DISCOUNT' | localize"></div>
-            <div class="value" [textContent]="'NIET_GEIMPLEMENTEERD'"></div>
-          </div>
-          <div class="transaction-line-discount-overview-item">
-            <div class="title" [textContent]="'QUANTUM_DISCOUNT' | localize"></div>
-            <div class="value" [class.negative]="transactionLine.quantumDiscount < 0" [textContent]="transactionLine.quantumDiscount | coCurrency"></div>
-          </div>
-          <div class="transaction-line-discount-overview-item">
-            <div class="title" [textContent]="'SURCHARGE_AMOUNT' | localize"></div>
-            <div class="value" [class.negative]="transactionLine.surchargeAmount < 0" [textContent]="transactionLine.surchargeAmount | coCurrency"></div>
-          </div>
-          <div class="transaction-line-discount-overview-item total">
-            <div class="title" [textContent]="'TOTAL_LINE_DISCOUNT' | localize"></div>
-            <div class="value" [class.negative]="transactionLine.lineTotalDiscountAmount < 0" [textContent]="transactionLine.lineTotalDiscountAmount | coCurrency"></div>
-          </div>
-        </div>
-      </div>
-    </co-dialog>
-    <ng-template #dialogHeader>
-      <div class="dialog-header-title" [textContent]="'DISCOUNT_PRICE_INFORMATION' | localize"></div>
-      <div class="transaction-line-button big" (click)="openThePriceListDialog()">
-        <span class="co-transaction-overflow-ellipsis" [textContent]="transactionLine.priceListDescription"></span>
-      </div>
-    </ng-template>
-    <co-dialog-transaction-line-price-list *ngIf="showPriceListDialog"
-        [transactionLine]="transactionLine"
-        (close)="showPriceListDialog = false"
-    ></co-dialog-transaction-line-price-list>
-  `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-DialogTransactionLineDiscountComponent.ctorParameters = () => [
-    { type: DialogService },
-    { type: TransactionService }
-];
-DialogTransactionLineDiscountComponent.propDecorators = {
-    showClass: [{ type: HostBinding, args: ["class.co-dialog-transaction-line-discount",] }]
-};
-
 class TransactionOverviewLineComponent extends TransactionLinesLineBaseComponent {
     constructor(service, iconCacheService, _dialogService, _dictionaryService) {
         super();
@@ -9847,6 +10374,8 @@ class TransactionOverviewLineComponent extends TransactionLinesLineBaseComponent
         this.stock = StockStatus.Low;
         this.mouseOver = false;
         this.readonly = false;
+        this.showDialogVat = false;
+        this.showDialogDiscount = false;
         this.subscriptions = [];
     }
     showClass() {
@@ -9858,16 +10387,17 @@ class TransactionOverviewLineComponent extends TransactionLinesLineBaseComponent
     handleMouseLeave(event) {
         this.mouseOver = false;
     }
+    ngOnChanges(changes) {
+        console.log(changes);
+    }
     ngOnInit() {
         this.subscriptions.push(this.lineSet.subscribe((set) => {
             if (set) {
                 this.localAmount = this._line.amount;
-                this._loadLineCommissionCode();
-                this._loadLineWarehouse();
-                this._loadLineDeliveryMethod();
                 this._loadLineVat();
             }
         }));
+        this.transactionKind = this.service.currentTransaction.transactionInfo.transactionKind;
     }
     ngOnDestroy() {
         this.subscriptions.forEach((subscription) => subscription.unsubscribe());
@@ -9885,51 +10415,6 @@ class TransactionOverviewLineComponent extends TransactionLinesLineBaseComponent
         this.transactionLineActionButtons.textToEdit = text;
         this.transactionLineActionButtons.showArticleTextDialog();
     }
-    openCommissionCodeDialog() {
-        this._dialogService.showTransactionLineComponent(DialogTransactionLineCommissionCodeComponent, this.line);
-    }
-    openWarehouseDialog() {
-        this._dialogService.showTransactionLineComponent(DialogTransactionLineWarehouseComponent, this.line);
-    }
-    openDeliveryMethodDialog() {
-        this._dialogService.showTransactionLineComponent(DialogTransactionLineDeliveryMethodComponent, this.line);
-    }
-    openVatDialog() {
-        this._dialogService.showTransactionLineComponent(DialogTransactionLineVatComponent, this.line);
-    }
-    openDiscountDialog() {
-        this._dialogService.showTransactionLineComponent(DialogTransactionLineDiscountComponent, this.line);
-    }
-    _loadLineCommissionCode() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.line && this.line.isArticle) {
-                this.service.getCommissionCodes('NL').then((codes) => {
-                    const commissionCode = codes.find(c => c.code === this.line.commissionCode);
-                    this.line.commissionDescription = commissionCode ? commissionCode.description : "";
-                });
-            }
-        });
-    }
-    _loadLineWarehouse() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.line && this.line.isArticle) {
-                this.service.getWarehouses().then((warehouses) => {
-                    const warehouse = warehouses.find(w => w.warehouseNo === this.line.warehouseNumber);
-                    this.line.warehouseDescription = warehouse ? warehouse.description : "";
-                });
-            }
-        });
-    }
-    _loadLineDeliveryMethod() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.line && this.line.isArticle) {
-                this.service.getDeliveryMethods().then((methods) => {
-                    const method = methods.find(m => m.code === this.line.deliveryMethodCode);
-                    this.line.deliveryMethodDescription = method ? method.description : "";
-                });
-            }
-        });
-    }
     _loadLineVat() {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.line && this.line.isArticle) {
@@ -9954,12 +10439,13 @@ TransactionOverviewLineComponent.decorators = [
             </div>
           </div>
           <div *ngIf=!preview class="transaction-line-extended-wrapper">
-            <co-transaction-line-commission-button [line]="line"></co-transaction-line-commission-button>
-            <co-transaction-line-warehouse-button [line]="line"></co-transaction-line-warehouse-button>
-            <co-transaction-line-delivery-button [line]="line"></co-transaction-line-delivery-button>
-            <co-transaction-line-delivery-date-button [line]="line" class="two-column"></co-transaction-line-delivery-date-button>
+            <co-transaction-line-commission-button [transactionLine]="line" [transactionInfo]="service.currentTransaction.transactionInfo"></co-transaction-line-commission-button>
+            <co-transaction-line-warehouse-button [transactionLine]="line" [transactionInfo]="service.currentTransaction.transactionInfo"></co-transaction-line-warehouse-button>
+            <co-transaction-line-delivery-button [transactionLine]="line" [transactionInfo]="service.currentTransaction.transactionInfo"></co-transaction-line-delivery-button>
+            <co-transaction-line-delivery-date-button [transactionLine]="line" class="two-column"></co-transaction-line-delivery-date-button>
+            <co-transaction-line-statusbar [transaction]="line" [transactionKind]="transactionKind"></co-transaction-line-statusbar>
           </div>
-          <div *ngIf="!preview" class="transaction-line-button" (click)="openVatDialog()">
+          <div *ngIf="!preview" class="transaction-line-button" (click)="showDialogVat = true">
             <span class="co-transaction-overflow-ellipsis" [textContent]="line.vatDescription"></span>
           </div>
           <div class="transaction-line-totals">
@@ -9968,8 +10454,8 @@ TransactionOverviewLineComponent.decorators = [
                                        [showLabel]="false"
                                        [defaultEditMode]="false"
             ></co-transaction-line-price>
-            <div class="transaction-line-button custom-width" (click)="openDiscountDialog()">
-              <span class="co-transaction-overflow-ellipsis transaction-line-discount" [class.negative]="line.lineTotalDiscountAmount < 0"
+            <div class="transaction-line-button custom-width transaction-line-totals-discount" (click)="showDialogDiscount = true">
+              <span class="co-transaction-overflow-ellipsis" [class.transaction-negative-value]="line.lineTotalDiscountAmount < 0"
                     [textContent]="(line.lineTotalDiscountAmount | coCurrency) || ('DISCOUNT' | localize)"></span>
             </div>
             <div *ngIf=!preview class="transaction-line-totals-amount">
@@ -9988,6 +10474,17 @@ TransactionOverviewLineComponent.decorators = [
         </div>
       </ng-container>
     </co-transaction-base-line>
+    <co-dialog-transaction-line-vat *ngIf="showDialogVat"
+                                    [autoClose]="true"
+                                    [transactionInfo]="service.currentTransaction.transactionInfo"
+                                    [transactionLine]="line"
+                                    (close)="showDialogVat = false">
+    </co-dialog-transaction-line-vat>
+    <co-dialog-transaction-line-discount *ngIf="showDialogDiscount"
+                                         [transactionInfo]="service.currentTransaction.transactionInfo"
+                                         [transactionLine]="line"
+                                         (close)="showDialogDiscount = false"
+    ></co-dialog-transaction-line-discount>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -10023,6 +10520,7 @@ class TransactionOrderDeliveryLineComponent extends TransactionLinesLineBaseComp
         this._subscriptions.push(this._transactionEventService.selectAllLines.subscribe((value) => {
             this.selected = value;
         }));
+        this.transactionKind = this.service.currentTransaction.transactionInfo.transactionKind;
     }
     ngOnDestroy() {
         this._subscriptions.forEach(s => s.unsubscribe());
@@ -10037,12 +10535,12 @@ TransactionOrderDeliveryLineComponent.decorators = [
     <co-transaction-base-line [line]="line" [preview]="preview" [checkbox]="true" [checkboxValue]="selected" [actionButtons]="false">
       <div class="transaction-line-buttons-grid">
         <div class="row-1">
-          <co-transaction-line-warehouse-button [line]="line"></co-transaction-line-warehouse-button>
-          <co-transaction-line-delivery-button [line]="line"></co-transaction-line-delivery-button>
+          <co-transaction-line-warehouse-button [transactionLine]="line" [transactionInfo]="service.currentTransaction.transactionInfo"></co-transaction-line-warehouse-button>
+          <co-transaction-line-delivery-button [transactionLine]="line" [transactionInfo]="service.currentTransaction.transactionInfo"></co-transaction-line-delivery-button>
         </div>
         <div class="row-2">
-          <co-transaction-line-delivery-date-button [line]="line"></co-transaction-line-delivery-date-button>
-          <co-status-bar class="status-bar"></co-status-bar>
+          <co-transaction-line-delivery-date-button [transactionLine]="line"></co-transaction-line-delivery-date-button>
+          <co-transaction-line-statusbar [transaction]="line" [transactionKind]="transactionKind"></co-transaction-line-statusbar>
         </div>
       </div>
       <div class="transaction-line-totals">
@@ -10263,7 +10761,7 @@ TransactionReceiveGoodsLineComponent.decorators = [
                 template: `
     <co-transaction-base-line [line]="viewModel" [preview]="preview" [actionButtons]="false" (click)="handleLineClicked($event)">
       <div class="line-content-wrapper">
-        <co-transaction-line-warehouse-button [readonly]="true" [line]="viewModel"></co-transaction-line-warehouse-button>
+        <co-transaction-line-warehouse-button [transactionLine]="viewModel" [transactionInfo]="service.currentTransaction.transactionInfo"></co-transaction-line-warehouse-button>
         <co-transaction-line-warehouse-location-button [readonly]="viewModel.quantityReceived === viewModel.amount" [line]="viewModel"></co-transaction-line-warehouse-location-button>
         <co-editable-label class="transaction-line-totals-total price"
                            [model]="viewModel.amount.toString() + 'x'"
@@ -10485,6 +10983,9 @@ class TransactionLineComponent {
     showClass() {
         return true;
     }
+    ngOnChanges(changes) {
+        this._prepareProps();
+    }
     _prepareContent() {
         if (!this._transactionType || !this._activeCategory || !this._transactionLineContainer) {
             return;
@@ -10500,12 +11001,7 @@ class TransactionLineComponent {
             .resolveComponentFactory(componentClass)
             .create(this.injector);
         this.appRef.attachView(this._componentRef.hostView);
-        this._componentRef.instance.preview = this.preview;
-        this._componentRef.instance.selected = this.selected;
-        this._componentRef.instance.line = this.line;
-        this._componentRef.instance.transactionId = this.transactionId;
-        this._componentRef.instance.waitingForUserAction = this.waitingForUserAction;
-        this._componentRef.instance.lineVisible = this.lineVisible;
+        this._prepareProps();
         const domElem = this._componentRef.hostView
             .rootNodes[0];
         this._transactionLineContainer.nativeElement.appendChild(domElem);
@@ -10513,12 +11009,22 @@ class TransactionLineComponent {
             this.appRef.detachView(this._componentRef.hostView);
         });
     }
+    _prepareProps() {
+        if (this._componentRef) {
+            this._componentRef.instance.preview = this.preview;
+            this._componentRef.instance.selected = this.selected;
+            this._componentRef.instance.line = this.line;
+            this._componentRef.instance.transactionId = this.transactionId;
+            this._componentRef.instance.waitingForUserAction = this.waitingForUserAction;
+            this._componentRef.instance.lineVisible = this.lineVisible;
+        }
+    }
 }
 TransactionLineComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-line",
                 template: `
-    <div #transactionLine observeVisibility (visible)="this.lineVisible.next()"></div>
+    <div #transactionLine observeVisibility (visible)="lineVisible.next()"></div>
     `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -10573,6 +11079,8 @@ class TransactionLinesComponent {
         this.saveTransactionLine = new EventEmitter();
         this.showTransactionArticleText = false;
         this.userActionRequired = false;
+        this.hasComponent = true;
+        this._activeCategory = TransactionTypeCategory.SalesOrderOverview;
     }
     set activeCategory(value) {
         this._activeCategory = value;
@@ -10632,9 +11140,6 @@ class TransactionLinesComponent {
         this.saveTransactionLine.next(transactionLine);
         this._hideArticleTextDialog();
     }
-    transactionLineComponent() {
-        return !!this._mappingService.getTransactionLineComponent(this.service.currentTransaction.transactionInfo.transactionKind, this._activeCategory);
-    }
     _showArticleTextDialog() {
         this.showTransactionArticleText = true;
     }
@@ -10643,6 +11148,7 @@ class TransactionLinesComponent {
     }
     _handleCategory() {
         return __awaiter(this, void 0, void 0, function* () {
+            this.hasComponent = !!this._mappingService.getTransactionLineComponent(this.service.currentTransaction.transactionInfo.transactionKind, this._activeCategory);
             if (this._activeCategory === TransactionTypeCategory.PurchaseOrderReceivedGoods) {
                 if (this.transactionLines.find(l => l.isLocationRequired)) {
                     const response = yield this._dialogService.showWarehouseLocation(this.transactionLines[0].warehouseNumber, false, false, true);
@@ -10671,7 +11177,7 @@ TransactionLinesComponent.decorators = [
                    [class.show]="line === selectedTransactionLine && transactionLines.length > 1" cdkDragHandle
                    [iconData]="iconCacheService.getIcon(icons.GripDotsVerticalSolid)">
           </co-icon>
-          <co-transaction-line *ngIf="transactionLineComponent()"
+          <co-transaction-line *ngIf="hasComponent"
                                [transactionType]="service.currentTransaction.transactionInfo.transactionKind"
                                [activeCategory]="activeCategory"
                                [transactionId]="transactionId"
@@ -10685,11 +11191,9 @@ TransactionLinesComponent.decorators = [
         </div>
       </div>
     </div>
-    <!--
-        <co-button *ngIf=!preview class="add-text-button circle" [iconData]="iconCacheService.getIcon(icons.Txt)" (click)="handleTransactionArticleText($event)"></co-button>
-    -->
+        <co-button *ngIf=!preview class="add-text-button circle" [iconData]="iconCacheService.getIcon(icons.TextSolid)" (click)="handleTransactionArticleText($event)"></co-button>
     <co-transaction-article-text *ngIf="showTransactionArticleText"
-                                 [header]="'TEXT' | localize"
+                                 [header]="'PRODUCT_DESCRIPTION_AND_TEXTS' | localize"
                                  [transactionLine]="selectedArticleText"
                                  [editText]="textToEdit"
                                  (saveClick)="saveTransactionArticleLineText($event)"
@@ -10769,7 +11273,10 @@ ShoppingCartPreviewComponent.decorators = [
       ></co-transaction-lines>
     </div>
     <div class="preview-totals-wrapper">
-      <co-transaction-totals [totals]="service.currentTransaction.transactionTotal"></co-transaction-totals>
+      <co-transaction-totals
+        [transactionInfo]="service.currentTransaction.transactionInfo"
+        [transactionTotal]="service.currentTransaction.transactionTotal"
+      ></co-transaction-totals>
     </div>
     <div class="cart-buttons">
       <a class="button-edit-cart" [textContent]="'EDIT_CART' | localize"
@@ -10893,9 +11400,10 @@ SharedService.ctorParameters = () => [
 ];
 
 class AvatarComponent {
-    constructor(_transactionService, _sharedService) {
+    constructor(_transactionService, _sharedService, _colorSequenceService) {
         this._transactionService = _transactionService;
         this._sharedService = _sharedService;
+        this._colorSequenceService = _colorSequenceService;
     }
     set image(value) {
         this._image = value;
@@ -10913,6 +11421,13 @@ class AvatarComponent {
     showClass() {
         return true;
     }
+    set initials(value) {
+        this._initials = value;
+        this._setBackgroundColor();
+    }
+    get initials() {
+        return this._initials;
+    }
     ngAfterViewInit() {
         this._getRelation();
     }
@@ -10949,6 +11464,11 @@ class AvatarComponent {
             });
         }
     }
+    _setBackgroundColor() {
+        if (this.relation) {
+            this.backgroundColor = this._colorSequenceService.getRandomColor(this.relation.relationId);
+        }
+    }
 }
 AvatarComponent.decorators = [
     { type: Component, args: [{
@@ -10966,13 +11486,15 @@ AvatarComponent.decorators = [
 ];
 AvatarComponent.ctorParameters = () => [
     { type: TransactionService },
-    { type: SharedService }
+    { type: SharedService },
+    { type: ColorSequenceService }
 ];
 AvatarComponent.propDecorators = {
     image: [{ type: Input }],
     relationId: [{ type: Input }],
     relation: [{ type: Input }],
-    showClass: [{ type: HostBinding, args: ["class.co-avatar",] }]
+    showClass: [{ type: HostBinding, args: ["class.co-avatar",] }],
+    backgroundColor: [{ type: HostBinding, args: ["style.background-color",] }]
 };
 
 class AvatarModule {
@@ -11471,18 +11993,13 @@ RelationTypeComponent.decorators = [
                 template: `
     <div class="default-data-row">
       <co-input-radio-button class="default-width"
-                             [name]="'type'"
                              [label]="'PRIVATE_PERSON' | localize"
-                             [value]="relType.Private"
-                             [checked]="relation.type === relType.Private"
+                             [model]="relation.type === relType.Private"
                              (modelChange)="handleChangeRelationType(relType.Private)"
       ></co-input-radio-button>
       <co-input-radio-button class="default-width"
-                             [name]="'type'"
                              [label]="'COMPANY' | localize"
-                             [value]="relType.Company"
-                             [(model)]="relation.type"
-                             [checked]="relation.type === relType.Company"
+                             [model]="relation.type === relType.Company"
                              (modelChange)="handleChangeRelationType(relType.Company)"
       ></co-input-radio-button>
     </div>
@@ -11632,24 +12149,18 @@ RelationGeneralComponent.decorators = [
       </div>
       <div class="default-data-row">
         <co-input-radio-button class="default-width"
-                               [name]="'gender'"
                                [label]="'MALE' | localize"
-                               [value]="genderType.Male"
-                               [checked]="relation.gender === genderType.Male"
+                               [model]="relation.gender === genderType.Male"
                                (modelChange)="changeGenderType(genderType.Male)"
         ></co-input-radio-button>
         <co-input-radio-button class="default-width"
-                               [name]="'gender'"
                                [label]="'FEMALE' | localize "
-                               [value]="genderType.Female"
-                               [checked]="relation.gender === genderType.Female"
+                               [model]="relation.gender === genderType.Female"
                                (modelChange)="changeGenderType(genderType.Female)"
         ></co-input-radio-button>
         <co-input-radio-button class="default-width"
-                               [name]="'gender'"
                                [label]="'UNKNOWN' | localize"
-                               [value]="genderType.Unspecified"
-                               [checked]="relation.gender === genderType.Unspecified"
+                               [model]="relation.gender === genderType.Unspecified"
                                (modelChange)="changeGenderType(genderType.Unspecified)"
         ></co-input-radio-button>
       </div>
@@ -11737,6 +12248,8 @@ class RelationSuggestionsListItemComponent {
         return true;
     }
     handleClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
         this.selectionSelected.next(this.suggestion);
     }
 }
@@ -12214,7 +12727,9 @@ class TransactionHeaderDeliveryComponent extends TransactionBaseComponent {
     showClass() {
         return true;
     }
-    showTheDeliveryMethodDialog() {
+    showTheDeliveryMethodDialog(event) {
+        event.preventDefault();
+        event.stopPropagation();
         this.showDeliveryMethodDialog = true;
     }
     transactionSet() {
@@ -12241,7 +12756,7 @@ TransactionHeaderDeliveryComponent.decorators = [
     >
     </co-transaction-header-block>
     <ng-template #headerBlock>
-      <div class="header-delivery-method" (click)="showTheDeliveryMethodDialog()">
+      <div class="header-delivery-method" (click)="showTheDeliveryMethodDialog($event)">
         <co-icon class="header-delivery-truck-icon" [iconData]="iconService.getIcon(icons.TruckFastSolid)"></co-icon>
         <span [textContent]="deliveryMethod?.description"></span>
       </div>
@@ -12269,8 +12784,7 @@ TransactionHeaderDeliveryComponent.decorators = [
       ></co-transaction-header-preferred-delivery-date>
     </ng-template>
     <ng-template #thirdBlock>
-      <div class="header-delivery-partial-delivery-label co-transaction-label" [textContent]="'PART_DELIVERY' | localize"></div>
-      <co-input-checkbox class="header-delivery-partial-delivery" [model]="transactionInfo.allowPartialDelivery"></co-input-checkbox>
+      <co-transaction-header-partial-delivery class="co-transaction-label" [transactionInfo]="transactionInfo"></co-transaction-header-partial-delivery>
     </ng-template>
     <co-dialog *ngIf="showDialog" [headerTemplate]="headerTemplate" (closeClick)="showDialog = false">
       <ng-template #headerTemplate>
@@ -12323,9 +12837,10 @@ TransactionHeaderBlockComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-header-block",
                 template: `
-    <div #wrapper class="transaction-header-block-wrapper">
+    <div #wrapper class="transaction-header-block-wrapper" (click)="headerClick.emit($event)">
       <div class="transaction-header-block-header">
         <ng-container [ngTemplateOutlet]="headerBlockTemplate"></ng-container>
+        <div class="transaction-header-extended-dots" *ngIf="hasDetails" [textContent]="!hasDetails ? '' : '...'" (click)="headerClick.emit($event)"></div>
       </div>
       <div class="transaction-header-block-content">
         <div class="transaction-header-block-content-first" *ngIf="firstBlockTemplate">
@@ -12340,7 +12855,6 @@ TransactionHeaderBlockComponent.decorators = [
           <ng-container [ngTemplateOutlet]="thirdBlockTemplate"></ng-container>
         </div>
       </div>
-      <div class="transaction-header-extended-dots" *ngIf="hasDetails" [textContent]="!hasDetails ? '' : '...'" (click)="headerClick.emit($event)"></div>
     </div>
   `,
                 encapsulation: ViewEncapsulation.None
@@ -12372,35 +12886,6 @@ TransactionHeaderBlockModule.decorators = [
             },] }
 ];
 
-class TransactionHeaderBaseComponent extends TransactionFilterPopupBaseComponent {
-    constructor() {
-        super(...arguments);
-        this.readonly = false;
-        this._transactionInfo = new TransactionInfo();
-    }
-    set transactionInfo(value) {
-        if (value) {
-            this._transactionInfo = value;
-            this.transactionInfoSet();
-        }
-    }
-    get transactionInfo() {
-        return this._transactionInfo;
-    }
-    get model() {
-        return this._transactionInfo;
-    }
-    // overridden by descendents
-    transactionInfoSet() {
-    }
-}
-TransactionHeaderBaseComponent.decorators = [
-    { type: Directive }
-];
-TransactionHeaderBaseComponent.propDecorators = {
-    transactionInfo: [{ type: Input }]
-};
-
 class TransactionHeaderDeliveryDateComponent extends TransactionHeaderBaseComponent {
     constructor(_transactionService) {
         super();
@@ -12428,6 +12913,8 @@ class TransactionHeaderDeliveryDateComponent extends TransactionHeaderBaseCompon
         return this._editMode;
     }
     handleClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
         if (!this.readonly) {
             this.editMode = true;
         }
@@ -12525,6 +13012,8 @@ class TransactionHeaderRemarksComponent extends TransactionHeaderBaseComponent {
         return this._editMode;
     }
     handleClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
         if (!this.readonly) {
             this.editMode = true;
         }
@@ -12618,6 +13107,8 @@ class TransactionHeaderReferenceComponent extends TransactionHeaderBaseComponent
         return this._editMode;
     }
     handleClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
         if (!this.readonly) {
             this.editMode = true;
         }
@@ -12711,6 +13202,8 @@ class TransactionHeaderRelationReferenceComponent extends TransactionHeaderBaseC
         return this._editMode;
     }
     handleClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
         if (!this.readonly) {
             this.editMode = true;
         }
@@ -12873,6 +13366,9 @@ class TransactionLineCheckboxListComponent {
             this.itemHeight = this.scrollingItem.nativeElement.offsetHeight;
         }
     }
+    handleCheckboxChecked(checked, row) {
+        this.checked.emit(row);
+    }
     handleChecked(event, row) {
         event.preventDefault();
         event.stopPropagation();
@@ -12884,12 +13380,12 @@ TransactionLineCheckboxListComponent.decorators = [
                 selector: "co-transaction-line-checkbox-list",
                 template: `
     <cdk-virtual-scroll-viewport [itemSize]="itemHeight" class="virtual-scroll-container co-transaction-small-toolbar">
-      <div *cdkVirtualFor="let row of collection" #scrollingItem class="virtual-scroll-item">
+      <div *cdkVirtualFor="let row of collection" #scrollingItem class="virtual-scroll-item" (click)="handleChecked($event, row)">
         <div class="checkbox-wrapper">
           <co-input-checkbox
             [model]="row.checked"
             [readonly]="readonly"
-            (click)="handleChecked($event, row)"
+            (modelChange)="handleCheckboxChecked($event, row)"
           ></co-input-checkbox>
         </div>
         <div class="label-wrapper">
@@ -12976,6 +13472,8 @@ class TransactionHeaderPreferredDeliveryDateComponent extends TransactionHeaderB
         return this._editMode;
     }
     handleClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
         if (!this.readonly) {
             this.editMode = true;
         }
@@ -13039,42 +13537,12 @@ TransactionHeaderPreferredDeliveryDateModule.decorators = [
                 ],
                 declarations: [
                     TransactionHeaderPreferredDeliveryDateComponent
-                ],
-                exports: [
-                    TransactionHeaderPreferredDeliveryDateComponent
-                ]
-            },] }
-];
-
-class DialogTransactionHeaderBaseComponent extends TransactionHeaderBaseComponent {
-    constructor() {
-        super(...arguments);
-        this.buttonType = AppPopupButtonType;
-        this.close = new EventEmitter();
-    }
-    onClose(eventType, output) {
-        return;
-    }
-    handleValueChange(value) {
-        this.value = value;
-    }
-    handleOkClick() {
-        this.onClose(AppPopupButtonType.Ok, this.value);
-    }
-    handleSearch(text) {
-        this.searchText = text;
-    }
-    handleClose(type) {
-        this.close.emit();
-        this.onClose(type);
-    }
-}
-DialogTransactionHeaderBaseComponent.decorators = [
-    { type: Directive }
-];
-DialogTransactionHeaderBaseComponent.propDecorators = {
-    close: [{ type: Output }]
-};
+                ],
+                exports: [
+                    TransactionHeaderPreferredDeliveryDateComponent
+                ]
+            },] }
+];
 
 class DialogTransactionHeaderDeliveryMethodComponent extends DialogTransactionHeaderBaseComponent {
     showClass() {
@@ -13274,41 +13742,11 @@ TransactionHeaderDeliveryOptionsModule.decorators = [
             },] }
 ];
 
-class TransactionHeaderDeliveryModule {
-}
-TransactionHeaderDeliveryModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    CoreModule,
-                    TransactionHeaderBlockModule,
-                    InputCheckboxModule,
-                    IconModule,
-                    PipeModule,
-                    InputDatePickerModule,
-                    TransactionHeaderDeliveryDateModule,
-                    CoDialogModule,
-                    TransactionHeaderDeliveryOptionsModule,
-                    TransactionHeaderRemarksModule,
-                    TransactionHeaderReferenceModule,
-                    TransactionHeaderRelationReferenceModule,
-                    TransactionHeaderDeliveryMethodModule,
-                    TransactionHeaderPreferredDeliveryDateModule,
-                    DialogTransactionHeaderDeliveryMethodModule
-                ],
-                declarations: [
-                    TransactionHeaderDeliveryComponent
-                ],
-                exports: [
-                    TransactionHeaderDeliveryComponent
-                ]
-            },] }
-];
-
 class TransactionHeaderPartialDeliveryComponent extends TransactionHeaderBaseComponent {
     constructor(_transactionService) {
         super();
         this._transactionService = _transactionService;
+        this.showClass = true;
     }
     commitPartialDelivery(allow) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -13333,7 +13771,7 @@ TransactionHeaderPartialDeliveryComponent.decorators = [
                 template: `
     <co-input-checkbox
       [readonly]="readonly"
-      [label]="'PART_DELIVERIES' | localize"
+      [label]="'PART_DELIVERY' | localize"
       [model]="transactionInfo.allowPartialDelivery"
       (modelChange)="commitPartialDelivery($event)">
     </co-input-checkbox>
@@ -13343,7 +13781,10 @@ TransactionHeaderPartialDeliveryComponent.decorators = [
 ];
 TransactionHeaderPartialDeliveryComponent.ctorParameters = () => [
     { type: TransactionService }
-];
+];
+TransactionHeaderPartialDeliveryComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-header-partial-delivery",] }]
+};
 
 class TransactionHeaderPartialDeliveryModule {
 }
@@ -13363,6 +13804,38 @@ TransactionHeaderPartialDeliveryModule.decorators = [
             },] }
 ];
 
+class TransactionHeaderDeliveryModule {
+}
+TransactionHeaderDeliveryModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoreModule,
+                    TransactionHeaderBlockModule,
+                    InputCheckboxModule,
+                    IconModule,
+                    PipeModule,
+                    InputDatePickerModule,
+                    TransactionHeaderDeliveryDateModule,
+                    CoDialogModule,
+                    TransactionHeaderDeliveryOptionsModule,
+                    TransactionHeaderRemarksModule,
+                    TransactionHeaderReferenceModule,
+                    TransactionHeaderRelationReferenceModule,
+                    TransactionHeaderDeliveryMethodModule,
+                    TransactionHeaderPreferredDeliveryDateModule,
+                    DialogTransactionHeaderDeliveryMethodModule,
+                    TransactionHeaderPartialDeliveryModule
+                ],
+                declarations: [
+                    TransactionHeaderDeliveryComponent
+                ],
+                exports: [
+                    TransactionHeaderDeliveryComponent
+                ]
+            },] }
+];
+
 class TransactionHeaderDownpaymentPercentageComponent extends TransactionHeaderBaseComponent {
     constructor(_transactionService) {
         super();
@@ -13390,6 +13863,8 @@ class TransactionHeaderDownpaymentPercentageComponent extends TransactionHeaderB
         return this._editMode;
     }
     handleClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
         if (!this.readonly) {
             this.editMode = true;
         }
@@ -13484,6 +13959,8 @@ class TransactionHeaderDownpaymentAmountComponent extends TransactionHeaderBaseC
         return this._editMode;
     }
     handleClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
         if (!this.readonly) {
             this.editMode = true;
         }
@@ -13555,6 +14032,7 @@ class TransactionHeaderDefinitiveComponent extends TransactionHeaderBaseComponen
     constructor(_transactionService) {
         super();
         this._transactionService = _transactionService;
+        this.showClass = true;
     }
     commitTransactionDefinitive(definitive) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -13589,7 +14067,10 @@ TransactionHeaderDefinitiveComponent.decorators = [
 ];
 TransactionHeaderDefinitiveComponent.ctorParameters = () => [
     { type: TransactionService }
-];
+];
+TransactionHeaderDefinitiveComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-header-definitive",] }]
+};
 
 class TransactionHeaderDefinitiveModule {
 }
@@ -14114,7 +14595,7 @@ class TransactionComponent {
         this.showQuickAccess = true;
         this.showButtonBar = true;
         this.activeViewMode = ContentViewMode.List;
-        this.showDiscountsSidebar = false;
+        this.activeCategory = TransactionTypeCategory.SalesOrderOverview;
         this._subs = [];
         this._transaction = new TransactionInfoResponse();
         this._subs.push(this._service.transactionUpdated.subscribe((transaction) => {
@@ -14150,13 +14631,6 @@ class TransactionComponent {
     ngOnDestroy() {
         this._subs.forEach(s => s.unsubscribe());
     }
-    addDiscount() {
-        this.showDiscountsSidebar = true;
-        // TODO
-        // this.transactionDiscountPercentage = this.service.currentTransaction.transactionDiscountPercentage;
-        // this.transactionDiscountAmount = this.service.currentTransaction.transactionDiscountAmount;
-        // this.transactionTotal = undefined;
-    }
     saveTransactionLine(transactionAddTextLineRequest) {
         if (transactionAddTextLineRequest.transactionUuid) { //update
         }
@@ -14231,10 +14705,12 @@ TransactionComponent.decorators = [
       -->
     </div>
     <div class="transaction-footer-wrapper">
-      <co-transaction-totals [totals]="transaction.transactionTotal" [showDiscount]="true" (discountClick)="addDiscount()"></co-transaction-totals>
+      <co-transaction-totals
+        [transactionInfo]="transaction.transactionInfo"
+        [transactionTotal]="transaction.transactionTotal"
+        [showDiscount]="true"
+      ></co-transaction-totals>
     </div>
-    <co-discount *ngIf="showDiscountsSidebar">
-    </co-discount>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -14548,9 +15024,18 @@ TransactionHeaderRelationModule.decorators = [
 ];
 
 class TransactionHeaderOrderComponent extends TransactionBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.showDiscountDialog = false;
+    }
     showClass() {
         return true;
     }
+    handleShowDiscountDialog(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.showDiscountDialog = true;
+    }
 }
 TransactionHeaderOrderComponent.decorators = [
     { type: Component, args: [{
@@ -14565,19 +15050,30 @@ TransactionHeaderOrderComponent.decorators = [
     </co-transaction-header-block>
     <ng-template #headerBlock>
       <div class="header-block-label" [textContent]="transactionInfo.branch?.familyName"></div>
+      <div class="header-order-definitive">
+        <co-transaction-header-definitive [transactionInfo]="transactionInfo"></co-transaction-header-definitive>
+      </div>
     </ng-template>
     <ng-template #firstBlock>
       <span class="header-order-total-label co-transaction-label" [textContent]="'ORDER_TOTAL' | localize"></span>
       <div class="header-order-total" [textContent]="transactionTotal.netAmount | priceDisplay"></div>
     </ng-template>
     <ng-template #secondBlock>
-      <span class="header-order-line-amount-label co-transaction-label" [textContent]="'ORDER_LINES' | localize"></span>
-      <div class="header-order-line-amount" [textContent]="transactionLines.length"></div>
+      <div class="transaction-line-button custom-width" (click)="handleShowDiscountDialog($event)">
+        <span class="co-transaction-label" [textContent]="'DISCOUNT' | localize"></span>
+        <span class="co-transaction-overflow-ellipsis transaction-discount" [class.transaction-negative-value]="transactionTotal.discountAmount < 0"
+              [textContent]="transactionTotal.discountAmount | coCurrency"></span>
+      </div>
     </ng-template>
     <ng-template #thirdBlock>
-      <div class="header-order-definitive-label co-transaction-label" [textContent]="'DEFINITIVE' | localize"></div>
-      <co-input-checkbox [model]="true"></co-input-checkbox>
+      <span class="header-order-line-amount-label co-transaction-label" [textContent]="'ORDER_LINES' | localize"></span>
+      <div class="header-order-line-amount" [textContent]="transactionLines.length"></div>
     </ng-template>
+    <co-dialog-transaction-header-discount class="discount-dialog" *ngIf="showDiscountDialog"
+                                           [transactionInfo]="transactionInfo"
+                                           [transactionTotal]="transactionTotal"
+                                           (close)="showDiscountDialog = false">
+    </co-dialog-transaction-header-discount>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -14595,7 +15091,9 @@ TransactionHeaderOrderModule.decorators = [
                     TransactionHeaderBlockModule,
                     InputCheckboxModule,
                     PipeModule,
-                    PriceDisplayPipeModule
+                    PriceDisplayPipeModule,
+                    DialogTransactionHeaderDiscountModule,
+                    TransactionHeaderDefinitiveModule
                 ],
                 declarations: [
                     TransactionHeaderOrderComponent
@@ -14619,7 +15117,9 @@ class TransactionHeaderPaymentComponent extends TransactionBaseComponent {
     showClass() {
         return true;
     }
-    openPayment() {
+    openPayment(event) {
+        event.preventDefault();
+        event.stopPropagation();
         this.showPaymentDialog = true;
     }
 }
@@ -14637,7 +15137,7 @@ TransactionHeaderPaymentComponent.decorators = [
     </co-transaction-header-block>
     <ng-template #headerBlock>
       <div class="header-block-label" [textContent]="'BALANCE' | localize"></div>
-      <div class="header-block-balance" *ngIf="transactionInfo.transactionKind !== transactionKind.PurchaseOrder" (click)="openPayment()">
+      <div class="header-block-balance" *ngIf="transactionInfo.transactionKind !== transactionKind.PurchaseOrder" (click)="openPayment($event)">
         <co-icon class="payment-icon" [iconData]="iconService.getIcon(icons.CreditCardSolid)"></co-icon>
         <div class="payment-payed-wrapper">
           <span class="payment-paid" [textContent]="200 | priceDisplay"></span>
@@ -14714,7 +15214,8 @@ TransactionHeaderPaymentModule.decorators = [
                     PaymentModule,
                     IconModule,
                     TransactionHeaderDownpaymentPercentageModule,
-                    TransactionHeaderDownpaymentAmountModule
+                    TransactionHeaderDownpaymentAmountModule,
+                    DialogTransactionHeaderDiscountModule
                 ],
                 declarations: [
                     TransactionHeaderPaymentComponent
@@ -15144,6 +15645,8 @@ class TransactionLinePriceComponent extends TransactionLineBaseComponent {
         return this._editMode;
     }
     handleClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
         if (!this.readonly) {
             this.editMode = true;
         }
@@ -15440,6 +15943,8 @@ class TransactionLineDeliveryDateComponent extends TransactionLineBaseComponent
         return this._editMode;
     }
     handleClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
         if (!this.readonly) {
             this.editMode = true;
         }
@@ -15977,106 +16482,6 @@ TransactionLineSupplierModule.decorators = [
             },] }
 ];
 
-class TransactionLineDescriptionComponent extends TransactionLineBaseComponent {
-    constructor(iconCacheService, _transactionService) {
-        super();
-        this.iconCacheService = iconCacheService;
-        this._transactionService = _transactionService;
-        this.icons = Icon;
-        this.showLabel = true;
-        this.defaultEditMode = true;
-        this._editMode = false;
-    }
-    set child(content) {
-        if (content) {
-            this.input = content;
-            this.input.commit = (description) => this.commit(description);
-            if (this._editMode) {
-                this.input.requestFocus();
-            }
-        }
-    }
-    set editMode(value) {
-        this._editMode = value;
-        if (this._editMode && this.input) {
-            this.input.doFocus();
-        }
-    }
-    get editMode() {
-        return this._editMode;
-    }
-    handleClick(event) {
-        if (!this.readonly) {
-            this.editMode = true;
-        }
-    }
-    commit(description) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.transactionLine.goodDescription !== description) {
-                const oldDescription = this.transactionLine.goodDescription;
-                const success = yield this._transactionService.updateGoodDescriptionTransactionLine(this._transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, description);
-                if (!success) {
-                    this.input.model = oldDescription;
-                }
-                return success;
-            }
-            return true;
-        });
-    }
-    transactionLineSet() {
-        this.readonly = this.readonly || !this.transactionLine.articleFreeDescription;
-    }
-}
-TransactionLineDescriptionComponent.decorators = [
-    { type: Component, args: [{
-                selector: "co-transaction-line-description",
-                template: `
-    <div class="co-transaction-default-flex-row" *ngIf="(!editMode  || readonly) && !defaultEditMode">
-      <div class="co-transaction-overflow-ellipsis" [textContent]="transactionLine.goodDescription"></div>
-      <co-icon [iconData]="iconCacheService.getIcon(icons.EditPencil)" *ngIf="!readonly && !editMode" (click)="editMode = true"></co-icon>
-    </div>
-    <co-input-text #input *ngIf="editMode || defaultEditMode"
-                   [placeholder]="showLabel ? ('GOOD_DESCRIPTION' | localize) : ''"
-                   [showSaveCancel]="!readonly"
-                   [readonly]="readonly"
-                   [model]="transactionLine.goodDescription"
-                   (blur)="editMode = false"
-    ></co-input-text>
-  `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-TransactionLineDescriptionComponent.ctorParameters = () => [
-    { type: IconCacheService },
-    { type: TransactionService }
-];
-TransactionLineDescriptionComponent.propDecorators = {
-    child: [{ type: ViewChild, args: ['input', { read: InputTextComponent },] }],
-    showLabel: [{ type: Input }],
-    defaultEditMode: [{ type: Input }],
-    editMode: [{ type: Input }],
-    handleClick: [{ type: HostListener, args: ["click", ["$event"],] }]
-};
-
-class TransactionLineDescriptionModule {
-}
-TransactionLineDescriptionModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    InputTextModule,
-                    PipeModule,
-                    IconModule
-                ],
-                declarations: [
-                    TransactionLineDescriptionComponent
-                ],
-                exports: [
-                    TransactionLineDescriptionComponent
-                ]
-            },] }
-];
-
 class TransactionLineSidePanelDefaultModule {
 }
 TransactionLineSidePanelDefaultModule.decorators = [
@@ -16705,11 +17110,12 @@ TransactionButtonBarModule.decorators = [
 ];
 
 class TransactionConfirmationHistoryComponent {
-    constructor(iconCacheService, transactionService, _datePipe) {
+    constructor(iconCacheService, transactionService, _changeDetector) {
         this.iconCacheService = iconCacheService;
         this.transactionService = transactionService;
-        this._datePipe = _datePipe;
+        this._changeDetector = _changeDetector;
         this.icons = Icon;
+        this.lineSelected = new EventEmitter();
         this.getPurchasePortalLine = new GetPurchasePortalLine();
         this.purchasePortalFilter = new PurchasePortalFilters();
     }
@@ -16721,13 +17127,14 @@ class TransactionConfirmationHistoryComponent {
         this.lockPurchasePortalLine();
     }
     getPurchasePortalLines() {
-        this.purchasePortalFilter.purchaseOrderNo = this.transactionInfoNr.toString();
-        this.getPurchasePortalLine.transIdPurchase = this.transactionId;
-        this.getPurchasePortalLine.filterObject = this.purchasePortalFilter;
-        this.transactionService.getPurchasePortalLines(this.getPurchasePortalLine).then((result) => {
-            this.purchasePortalLines = result;
-            this.docBatch = this.purchasePortalLines.find(obj => parseInt(obj.lineId) === this.transactionLines.lineNr);
-            this.transactionService.purchasePortalLine = this.docBatch;
+        return __awaiter(this, void 0, void 0, function* () {
+            this.purchasePortalFilter.purchaseOrderNo = this.transactionInfoNr.toString();
+            this.purchasePortalFilter.lineId = this.transactionLines.lineNr.toString();
+            this.getPurchasePortalLine.transIdPurchase = this.transactionId;
+            this.getPurchasePortalLine.filterObject = this.purchasePortalFilter;
+            this.transactionService.getPurchasePortalLines(this.getPurchasePortalLine).then(result => {
+                this.transactionService.purchasePortalLine = result;
+            });
         });
     }
     lockPurchasePortalLine() {
@@ -16738,21 +17145,39 @@ class TransactionConfirmationHistoryComponent {
     deleteDocBatch(event) {
         return __awaiter(this, void 0, void 0, function* () {
             event.deleteLine = "T";
-            this.transactionService.purchasePortalLine.docKind = "IB";
-            yield this.transactionService.updatePurchasePortalLines(this.transactionService.purchasePortalLine);
+            this.transactionService.purchasePortalLine[0].docKind = "IB";
+            yield this.transactionService.updatePurchasePortalLines(this.transactionService.purchasePortalLine[0]);
         });
     }
+    selectedLineDocBatchArray(event) {
+        this.lineSelected.emit(event);
+    }
 }
 TransactionConfirmationHistoryComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-confirmation-history",
                 template: `
     <div class="history-grid-wrapper">
-      <co-simple-grid *ngIf="docBatch" [data]="docBatch.docBatchArray" [showToolbar]="true" [rowsPerPage]="20" [showDelete]="true" (deleteRow)="deleteDocBatch($event)">
-        <co-simple-grid-column [headerText]="'DELIVERY_DATE' | localize" [field]="'docDate'"></co-simple-grid-column>
+      <co-simple-grid (selectRow)="selectedLineDocBatchArray($event)"
+                      *ngIf="transactionService.purchasePortalLine[0]"
+                      [data]="transactionService.purchasePortalLine[0].docBatchArray"
+                      [showToolbar]="true"
+                      [rowsPerPage]="20"
+                      [showDelete]="true"
+                      (deleteRow)="deleteDocBatch($event)"
+      >
+        <co-simple-grid-column [headerText]="'DELIVERY_DATE' | localize">
+          <ng-template #template let-row="row">
+            <span [textContent]="row.docDate | date:'dd MMM yyyy'"></span>
+          </ng-template>
+        </co-simple-grid-column>
         <co-simple-grid-column [headerText]="'AMOUNT' | localize" [field]="'docAmount'"></co-simple-grid-column>
         <co-simple-grid-column [headerText]="'PRICE' | localize" [field]="'confirmedPrice'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'DATE' | localize" [field]="'docDateOrg'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'DATE' | localize">
+          <ng-template #template let-row="row">
+            <span [textContent]="row.docDateOrg | date:'dd MMM yyyy'"></span>
+          </ng-template>
+        </co-simple-grid-column>
         <co-simple-grid-column [headerText]="'REFERENCE' | localize" [field]="'deliveryBatch'"></co-simple-grid-column>
       </co-simple-grid>
     </div>
@@ -16763,12 +17188,13 @@ TransactionConfirmationHistoryComponent.decorators = [
 TransactionConfirmationHistoryComponent.ctorParameters = () => [
     { type: IconCacheService },
     { type: TransactionService },
-    { type: DatePipe }
+    { type: ChangeDetectorRef }
 ];
 TransactionConfirmationHistoryComponent.propDecorators = {
     transactionLines: [{ type: Input }],
     transactionId: [{ type: Input }],
     transactionInfoNr: [{ type: Input }],
+    lineSelected: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-confirmation-history",] }]
 };
 
@@ -16786,7 +17212,8 @@ TransactionConfirmationHistoryModule.decorators = [
                     IconModule,
                     InputTextModule,
                     InputDateRangePickerModule,
-                    InputNumberPickerModule
+                    InputNumberPickerModule,
+                    ButtonModule
                 ],
                 declarations: [
                     TransactionConfirmationHistoryComponent
@@ -16798,13 +17225,12 @@ TransactionConfirmationHistoryModule.decorators = [
 ];
 
 class TransactionConfirmationDetailsComponent {
-    constructor(iconCacheService, transactionService, _datePipe) {
+    constructor(iconCacheService, transactionService) {
         this.iconCacheService = iconCacheService;
         this.transactionService = transactionService;
-        this._datePipe = _datePipe;
         this.icons = Icon;
         this.showAddOrder = false;
-        this.newDocBatchArray = this.transactionService.docDeliveryBatch;
+        this.newDocBatchArray = new DocDeliveryBatch();
     }
     showClass() {
         return true;
@@ -16817,9 +17243,10 @@ class TransactionConfirmationDetailsComponent {
             this.newDocBatchArray.docAmountOrg = 0;
             this.newDocBatchArray.docDateOrg = new Date();
             this.newDocBatchArray.deleteLine = "F";
-            this.transactionService.purchasePortalLine.docBatchArray.push(this.newDocBatchArray);
-            this.transactionService.purchasePortalLine.docKind = "IB";
-            this.transactionService.updatePurchasePortalLines(this.transactionService.purchasePortalLine);
+            this.newDocBatchArray.historical = "G";
+            this.transactionService.purchasePortalLine[0].docBatchArray.push(this.newDocBatchArray);
+            this.transactionService.purchasePortalLine[0].docKind = "IB";
+            this.transactionService.updatePurchasePortalLines(this.transactionService.purchasePortalLine[0]);
             this.newDocBatchArray = new DocDeliveryBatch();
         }
         else {
@@ -16885,18 +17312,20 @@ TransactionConfirmationDetailsComponent.decorators = [
       </div>
     </div>
   `,
+                changeDetection: ChangeDetectionStrategy.OnPush,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
 TransactionConfirmationDetailsComponent.ctorParameters = () => [
     { type: IconCacheService },
-    { type: TransactionService },
-    { type: DatePipe }
+    { type: TransactionService }
 ];
 TransactionConfirmationDetailsComponent.propDecorators = {
     transactionLines: [{ type: Input }],
     transactionInfoNr: [{ type: Input }],
-    showClass: [{ type: HostBinding, args: ["class.co-transaction-confirmation-details",] }]
+    testLines: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-confirmation-details",] }],
+    newDocBatchArray: [{ type: Input }]
 };
 
 class DefaultOkCancelButtonsComponent {
@@ -17014,6 +17443,9 @@ class TransactionLineSidePanelPurchaseComponent {
             });
         });
     }
+    fillInputOnClick(data) {
+        this.selectedLineDocBatchArray = data;
+    }
 }
 TransactionLineSidePanelPurchaseComponent.decorators = [
     { type: Component, args: [{
@@ -17024,11 +17456,13 @@ TransactionLineSidePanelPurchaseComponent.decorators = [
         <co-transaction-confirmation-details
           [transactionInfoNr]="transactionInfo.transactionNr"
           [transactionLines]="transactionLine"
+          [newDocBatchArray]="selectedLineDocBatchArray"
         ></co-transaction-confirmation-details>
         <co-transaction-confirmation-history
           [transactionLines]="transactionLine"
           [transactionInfoNr]="transactionInfo.transactionNr"
           [transactionId]="transactionInfo.id"
+          (lineSelected)="fillInputOnClick($event)"
         ></co-transaction-confirmation-history>
       </ng-container>
 
@@ -17354,6 +17788,41 @@ DialogTransactionLineWarehouseModule.decorators = [
             },] }
 ];
 
+class DialogTransactionLineDeliveryMethodComponent extends DialogTransactionLineBaseComponent {
+    showClass() {
+        return true;
+    }
+}
+DialogTransactionLineDeliveryMethodComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-dialog-transaction-line-delivery-method",
+                template: `
+    <co-dialog [headerTemplate]="dialogHeader" [footerTemplate]="footerTemplate" [showCloseIcon]="useModel" (closeClick)="handleClose(buttonType.Ok)">
+      <co-transaction-line-delivery-method
+        [autoClose]="autoClose"
+        [useModel]="useModel"
+        [transactionInfo]="transactionInfo"
+        [transactionLine]="transactionLine"
+        [searchText]="searchText"
+        (closeAfterCommit)="handleClose(buttonType.Ok)"
+        (valueChange)="handleValueChange($event)"></co-transaction-line-delivery-method>
+    </co-dialog>
+    <ng-template #dialogHeader>
+      <co-dialog-header-search [title]="'DELIVERY_METHOD'" (search)="handleSearch($event)"></co-dialog-header-search>
+    </ng-template>
+    <ng-template #footerTemplate>
+      <div class="dialog-footer-button-wrapper" *ngIf="!useModel">
+        <co-button [label]="'OK' | localize" (click)="handleOkClick()"></co-button>
+      </div>
+    </ng-template>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+DialogTransactionLineDeliveryMethodComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ["class.co-dialog-transaction-line-delivery-method",] }]
+};
+
 class DialogTransactionLineDeliveryMethodModule {
 }
 DialogTransactionLineDeliveryMethodModule.decorators = [
@@ -17375,6 +17844,41 @@ DialogTransactionLineDeliveryMethodModule.decorators = [
             },] }
 ];
 
+class DialogTransactionLineVatComponent extends DialogTransactionLineBaseComponent {
+    showClass() {
+        return true;
+    }
+}
+DialogTransactionLineVatComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-dialog-transaction-line-vat",
+                template: `
+    <co-dialog [headerTemplate]="dialogHeader" [footerTemplate]="footerTemplate" [showCloseIcon]="useModel" (closeClick)="handleClose(buttonType.Ok)">
+      <co-transaction-line-vat
+        [autoClose]="autoClose"
+        [useModel]="useModel"
+        [transactionLine]="transactionLine"
+        [searchText]="searchText"
+        (closeAfterCommit)="handleClose(buttonType.Ok)"
+        (valueChange)="handleValueChange($event)"
+      ></co-transaction-line-vat>
+    </co-dialog>
+    <ng-template #dialogHeader>
+      <co-dialog-header-search [title]="'VAT'" (search)="handleSearch($event)"></co-dialog-header-search>
+    </ng-template>
+    <ng-template #footerTemplate>
+      <div class="dialog-footer-button-wrapper" *ngIf="!useModel">
+        <co-button [label]="'OK' | localize" (click)="handleOkClick()"></co-button>
+      </div>
+    </ng-template>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+DialogTransactionLineVatComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ["class.co-dialog-transaction-line-vat",] }]
+};
+
 class DialogTransactionLineVatModule {
 }
 DialogTransactionLineVatModule.decorators = [
@@ -17396,6 +17900,100 @@ DialogTransactionLineVatModule.decorators = [
             },] }
 ];
 
+class DialogTransactionLineDiscountComponent extends DialogTransactionLineBaseComponent {
+    constructor(_dialogService, _service) {
+        super();
+        this._dialogService = _dialogService;
+        this._service = _service;
+        this.showPriceListDialog = false;
+    }
+    showClass() {
+        return true;
+    }
+    openThePriceListDialog() {
+        this.showPriceListDialog = true;
+    }
+    transactionLineSet() {
+        this._loadLinePricelist();
+    }
+    transactionInfoSet() {
+        this.readonly = this.readonly || this.transactionInfo.transactionDefinitive;
+    }
+    _loadLinePricelist() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.transactionLine && this.transactionLine.isArticle) {
+                this._service.getPriceLists().then((lists) => {
+                    const priceList = lists.find(l => l.code === this.transactionLine.priceListCode);
+                    this.transactionLine.priceListDescription = priceList ? priceList.description : "";
+                });
+            }
+        });
+    }
+}
+DialogTransactionLineDiscountComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-dialog-transaction-line-discount",
+                template: `
+    <co-dialog [headerTemplate]="dialogHeader" (closeClick)="handleClose(buttonType.Ok)">
+      <div class="transaction-line-discount-wrapper co-transaction-small-toolbar">
+        <div class="two-column-grid">
+          <co-transaction-line-line-discount [transactionLine]="transactionLine"></co-transaction-line-line-discount>
+          <co-transaction-line-discount-amount [transactionLine]="transactionLine"></co-transaction-line-discount-amount>
+        </div>
+        <div class="two-column-grid">
+          <co-transaction-line-special-discount [transactionLine]="transactionLine"></co-transaction-line-special-discount>
+          <co-transaction-line-quantum-discount [transactionLine]="transactionLine"></co-transaction-line-quantum-discount>
+        </div>
+        <div class="two-column-grid">
+          <co-input-text [placeholder]="'SURCHARGE_AMOUNT' | localize" [model]="transactionLine.surchargeAmount" [readonly]="readonly"></co-input-text>
+          <co-input-text [placeholder]="'BUSINESS_RULE_DISCOUNT' | localize" [model]="'NIET_GEIMPLEMENTEERD'" [readonly]="readonly"></co-input-text>
+        </div>
+        <div class="transaction-line-discount-overview">
+          <div class="transaction-line-discount-overview-item">
+            <div class="title" [textContent]="'TRANSACTION_DISCOUNT' | localize"></div>
+            <div class="value" [class.transaction-negative-value]="transactionLine.discountAmount < 0" [textContent]="transactionLine.discountAmount | coCurrency"></div>
+          </div>
+          <div class="transaction-line-discount-overview-item">
+            <div class="title" [textContent]="'BUSINESS_RULE_DISCOUNT' | localize"></div>
+            <div class="value" [textContent]="'NIET_GEIMPLEMENTEERD'"></div>
+          </div>
+          <div class="transaction-line-discount-overview-item">
+            <div class="title" [textContent]="'QUANTUM_DISCOUNT' | localize"></div>
+            <div class="value" [class.transaction-negative-value]="transactionLine.quantumDiscount < 0" [textContent]="transactionLine.quantumDiscount | coCurrency"></div>
+          </div>
+          <div class="transaction-line-discount-overview-item">
+            <div class="title" [textContent]="'SURCHARGE_AMOUNT' | localize"></div>
+            <div class="value" [class.transaction-negative-value]="transactionLine.surchargeAmount < 0" [textContent]="transactionLine.surchargeAmount | coCurrency"></div>
+          </div>
+          <div class="transaction-line-discount-overview-item total">
+            <div class="title" [textContent]="'TOTAL_LINE_DISCOUNT' | localize"></div>
+            <div class="value" [class.transaction-negative-value]="transactionLine.lineTotalDiscountAmount < 0" [textContent]="transactionLine.lineTotalDiscountAmount | coCurrency"></div>
+          </div>
+        </div>
+      </div>
+    </co-dialog>
+    <ng-template #dialogHeader>
+      <div class="dialog-header-title" [textContent]="'DISCOUNT_PRICE_INFORMATION' | localize"></div>
+      <div class="transaction-line-button big" (click)="openThePriceListDialog()">
+        <span class="co-transaction-overflow-ellipsis" [textContent]="transactionLine.priceListDescription"></span>
+      </div>
+    </ng-template>
+    <co-dialog-transaction-line-price-list *ngIf="showPriceListDialog"
+        [transactionLine]="transactionLine"
+        (close)="showPriceListDialog = false"
+    ></co-dialog-transaction-line-price-list>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+DialogTransactionLineDiscountComponent.ctorParameters = () => [
+    { type: DialogService },
+    { type: TransactionService }
+];
+DialogTransactionLineDiscountComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ["class.co-dialog-transaction-line-discount",] }]
+};
+
 class DialogTransactionLinePriceListComponent extends DialogTransactionLineBaseComponent {
     showClass() {
         return true;
@@ -18371,16 +18969,6 @@ class TransactionTileComponent {
     handleSidePanelButtonClicked() {
         this.showSidePanelClicked.next(this._transactionLine);
     }
-    getStatusColor(n) {
-        switch (n) {
-            case 0:
-                return '#5fdbb2';
-            case 1:
-                return '#f78852';
-            case 2:
-                return '#f23a3a';
-        }
-    }
     _loadLineImage() {
         return __awaiter(this, void 0, void 0, function* () {
             if (this._transactionLine && this._transactionLine.isArticle) {
@@ -18418,9 +19006,7 @@ TransactionTileComponent.decorators = [
       </div>
 
       <div class="transaction-order-status-row">
-        <div class="indicators-wrapper">
-          <div *ngFor="let n of [0, 1, 2]" [style.background]="getStatusColor(n)" class="transaction-order-status-indicator"></div>
-        </div>
+        <co-transaction-line-statusbar [transaction]="transactionLine" [transactionKind]="transactionType"></co-transaction-line-statusbar>
       </div>
 
       <div class="transaction-data-row center">
@@ -18486,7 +19072,8 @@ TransactionTileModule.decorators = [
                     IconModule,
                     PipeModule,
                     FormsModule,
-                    PriceDisplayPipeModule
+                    PriceDisplayPipeModule,
+                    TransactionLineStatusbarModule
                 ],
                 declarations: [
                     TransactionTileComponent
@@ -18523,6 +19110,8 @@ class EditableLabelComponent {
         return true;
     }
     handleClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
         if (!this.readonly) {
             this.editMode = true;
         }
@@ -18632,134 +19221,28 @@ TransactionBaseLineComponent.decorators = [
           </div>
         </div>
       </ng-container>
-      <ng-container *ngIf="line.isText">
-        <div [textContent]="line.text"></div>
-        <div class="transaction-line-delete" *ngIf="!preview">
-          <co-icon class="delete-icon" [iconData]="iconCacheService.getIcon(icons.TrashCanLight)" (click)="deleteTransactionLineClick()"></co-icon>
-        </div>
-      </ng-container>
-    </div>
-  `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-TransactionBaseLineComponent.ctorParameters = () => [
-    { type: TransactionService },
-    { type: IconCacheService },
-    { type: TransactionEventService }
-];
-TransactionBaseLineComponent.propDecorators = {
-    checkbox: [{ type: Input }],
-    checkboxValue: [{ type: Input }],
-    actionButtons: [{ type: Input }],
-    showClass: [{ type: HostBinding, args: ["class.co-transaction-base-line",] }]
-};
-
-class TransactionLineImageAndDescriptionComponent {
-    constructor(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 EventEmitter();
-        this.handleDeleteLine = new EventEmitter();
-    }
-    set line(value) {
-        this._line = value;
-        this._loadLineImage();
-    }
-    get line() {
-        return this._line;
-    }
-    showClass() {
-        return true;
-    }
-    handleOpenArticleText(text) {
-        this.openArticleTextClicked.next(text);
-    }
-    deleteTransactionLineClick() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.handleDeleteLine.next();
-        });
-    }
-    _loadLineImage() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.line && this.line.isArticle) {
-                this._imageService.retrieveLineImage(this.line).then((image) => {
-                    this.image = image;
-                });
-            }
-        });
-    }
-}
-TransactionLineImageAndDescriptionComponent.decorators = [
-    { type: Component, args: [{
-                selector: "co-transaction-line-image-and-description",
-                template: `
-    <div class="transaction-line-image" [class.preview]="preview">
-      <co-image-display [model]="image"></co-image-display>
-    </div>
-    <div class="transaction-line-description">
-      <div class="description-wrapper">
-        <co-transaction-line-description class="transaction-line-description-description"
-                                         [transactionLine]="line"
-                                         [defaultEditMode]="false"
-                                         [showLabel]="false"
-        ></co-transaction-line-description>
-        <span *ngIf="line.goodDescription && line.articleNumber">|</span>
-        <span [textContent]="line.articleNumber"></span>
-        <co-icon class="delete-icon" [iconData]="iconCacheService.getIcon(icons.TrashCanLight)" (click)="deleteTransactionLineClick()"></co-icon>
-      </div>
-      <div *ngIf=!preview class="article-text-wrapper">
-        <div class="article-text" *ngFor="let text of line.articleTestAsArray">
-          <span [innerHTML]="text | safeHtml" (dblclick)="handleOpenArticleText(text)"></span>
-        </div>
-      </div>
-      <div *ngIf=!preview>
-        <span [innerHTML]="line.configurationReadable"></span>
-      </div>
-    </div>
-    `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-TransactionLineImageAndDescriptionComponent.ctorParameters = () => [
-    { type: TransactionService },
-    { type: IconCacheService },
-    { type: DialogService },
-    { type: DictionaryService },
-    { type: TransactionImageService }
-];
-TransactionLineImageAndDescriptionComponent.propDecorators = {
-    line: [{ type: Input }],
-    showClass: [{ type: HostBinding, args: ["class.co-transaction-line-image-and-description",] }],
-    preview: [{ type: HostBinding, args: ["class.preview",] }, { type: Input }],
-    openArticleTextClicked: [{ type: Output }],
-    handleDeleteLine: [{ type: Output }]
-};
-
-class TransactionLineImageAndDescriptionModule {
-}
-TransactionLineImageAndDescriptionModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    IconModule,
-                    TransactionLineDescriptionModule,
-                    CoreModule,
-                    PipeModule
-                ],
-                declarations: [
-                    TransactionLineImageAndDescriptionComponent
-                ],
-                exports: [
-                    TransactionLineImageAndDescriptionComponent
-                ]
+      <ng-container *ngIf="line.isText">
+        <div [textContent]="line.text"></div>
+        <div class="transaction-line-delete" *ngIf="!preview">
+          <co-icon class="delete-icon" [iconData]="iconCacheService.getIcon(icons.TrashCanLight)" (click)="deleteTransactionLineClick()"></co-icon>
+        </div>
+      </ng-container>
+    </div>
+  `,
+                encapsulation: ViewEncapsulation.None
             },] }
-];
+];
+TransactionBaseLineComponent.ctorParameters = () => [
+    { type: TransactionService },
+    { type: IconCacheService },
+    { type: TransactionEventService }
+];
+TransactionBaseLineComponent.propDecorators = {
+    checkbox: [{ type: Input }],
+    checkboxValue: [{ type: Input }],
+    actionButtons: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-base-line",] }]
+};
 
 class TransactionBaseLineModule {
 }
@@ -18781,33 +19264,47 @@ TransactionBaseLineModule.decorators = [
             },] }
 ];
 
-class TransactionLineCommissionButtonComponent {
-    constructor(_dialogService) {
-        this._dialogService = _dialogService;
+class TransactionLineCommissionButtonComponent extends TransactionLineBaseComponent {
+    constructor(_service) {
+        super();
+        this._service = _service;
+        this.showDialogCommissionCode = false;
     }
     showClass() {
         return true;
     }
-    openCommissionCodeDialog() {
-        this._dialogService.showTransactionLineComponent(DialogTransactionLineCommissionCodeComponent, this.line);
+    transactionLineSet() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.transactionLine && this.transactionLine.isArticle) {
+                this._service.getCommissionCodes('NL').then((codes) => {
+                    const commissionCode = codes.find(c => c.code === this.transactionLine.commissionCode);
+                    this.transactionLine.commissionDescription = commissionCode ? commissionCode.description : "";
+                });
+            }
+        });
     }
 }
 TransactionLineCommissionButtonComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-line-commission-button",
                 template: `
-    <div class="transaction-line-button" (click)="openCommissionCodeDialog()">
-      <span class="co-transaction-overflow-ellipsis" [textContent]="line.commissionCode | append:' | ' | append:line.commissionDescription"></span>
+    <div class="transaction-line-button" (click)="showDialogCommissionCode = true">
+      <span class="co-transaction-overflow-ellipsis" [textContent]="transactionLine.commissionCode | append:' | ' | append:transactionLine.commissionDescription"></span>
     </div>
+    <co-dialog-transaction-line-commission-code *ngIf="showDialogCommissionCode"
+                                                [autoClose]="true"
+                                                [transactionInfo]="transactionInfo"
+                                                [transactionLine]="transactionLine"
+                                                (close)="showDialogCommissionCode = false"
+    ></co-dialog-transaction-line-commission-code>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
 TransactionLineCommissionButtonComponent.ctorParameters = () => [
-    { type: DialogService }
+    { type: TransactionService }
 ];
 TransactionLineCommissionButtonComponent.propDecorators = {
-    line: [{ type: Input }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-line-commission-button",] }]
 };
 
@@ -18817,7 +19314,8 @@ TransactionLineCommissionButtonModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
                     CommonModule,
-                    PipeModule
+                    PipeModule,
+                    DialogTransactionLineCommissionCodeModule
                 ],
                 declarations: [
                     TransactionLineCommissionButtonComponent
@@ -18828,41 +19326,51 @@ TransactionLineCommissionButtonModule.decorators = [
             },] }
 ];
 
-class TransactionLineWarehouseButtonComponent {
-    constructor(iconCacheService, _dialogService) {
+class TransactionLineWarehouseButtonComponent extends TransactionLineBaseComponent {
+    constructor(iconCacheService, service) {
+        super();
         this.iconCacheService = iconCacheService;
-        this._dialogService = _dialogService;
+        this.service = service;
         this.icons = Icon;
-        this.readonly = false;
+        this.showDialogWarehouse = false;
     }
     showClass() {
         return true;
     }
-    openWarehouseDialog() {
-        if (!this.readonly) {
-            this._dialogService.showTransactionLineComponent(DialogTransactionLineWarehouseComponent, this.line);
-        }
+    transactionLineSet() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.transactionLine && this.transactionLine.isArticle) {
+                this.service.getWarehouses().then((warehouses) => {
+                    const warehouse = warehouses.find(w => w.warehouseNo === this.transactionLine.warehouseNumber);
+                    this.transactionLine.warehouseDescription = warehouse ? warehouse.description : "";
+                });
+            }
+        });
     }
 }
 TransactionLineWarehouseButtonComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-line-warehouse-button",
                 template: `
-    <div class="transaction-line-button" [class.no-pointer]="readonly" (click)="openWarehouseDialog()">
+    <div class="transaction-line-button" [class.no-pointer]="readonly" (click)="showDialogWarehouse = true">
       <co-icon class="header-warehouse-icon" [iconData]="iconCacheService.getIcon(icons.Warehouse)"></co-icon>
-      <span class="co-transaction-overflow-ellipsis" [textContent]="line.warehouseNumber"></span>
+      <span class="co-transaction-overflow-ellipsis" [textContent]="transactionLine.warehouseNumber"></span>
     </div>
+    <co-dialog-transaction-line-warehouse *ngIf="showDialogWarehouse"
+                                          [autoClose]="true"
+                                          [transactionInfo]="transactionInfo"
+                                          [transactionLine]="transactionLine"
+                                          (close)="showDialogWarehouse = false"
+    ></co-dialog-transaction-line-warehouse>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
 TransactionLineWarehouseButtonComponent.ctorParameters = () => [
     { type: IconCacheService },
-    { type: DialogService }
+    { type: TransactionService }
 ];
 TransactionLineWarehouseButtonComponent.propDecorators = {
-    line: [{ type: Input }],
-    readonly: [{ type: Input }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-line-warehouse-button",] }]
 };
 
@@ -18872,7 +19380,8 @@ TransactionLineWarehouseButtonModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
                     CommonModule,
-                    IconModule
+                    IconModule,
+                    DialogTransactionLineWarehouseModule
                 ],
                 declarations: [
                     TransactionLineWarehouseButtonComponent
@@ -18883,37 +19392,51 @@ TransactionLineWarehouseButtonModule.decorators = [
             },] }
 ];
 
-class TransactionLineDeliveryButtonComponent {
-    constructor(iconCacheService, _dialogService) {
+class TransactionLineDeliveryButtonComponent extends TransactionLineBaseComponent {
+    constructor(iconCacheService, service) {
+        super();
         this.iconCacheService = iconCacheService;
-        this._dialogService = _dialogService;
+        this.service = service;
         this.icons = Icon;
+        this.showDialogDeliveryMethod = false;
     }
     showClass() {
         return true;
     }
-    openDeliveryMethodDialog() {
-        this._dialogService.showTransactionLineComponent(DialogTransactionLineDeliveryMethodComponent, this.line);
+    transactionLineSet() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.transactionLine && this.transactionLine.isArticle) {
+                this.service.getDeliveryMethods().then((methods) => {
+                    const method = methods.find(m => m.code === this.transactionLine.deliveryMethodCode);
+                    this.transactionLine.deliveryMethodDescription = method ? method.description : "";
+                });
+            }
+        });
     }
 }
 TransactionLineDeliveryButtonComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-line-delivery-button",
                 template: `
-    <div class="transaction-line-button big" (click)="openDeliveryMethodDialog()">
+    <div class="transaction-line-button big" (click)="showDialogDeliveryMethod = true">
       <co-icon class="header-delivery-truck-icon" [iconData]="iconCacheService.getIcon(icons.TruckFastSolid)"></co-icon>
-      <span class="co-transaction-overflow-ellipsis" [textContent]="line.deliveryMethodDescription"></span>
+      <span class="co-transaction-overflow-ellipsis" [textContent]="transactionLine.deliveryMethodDescription"></span>
     </div>
+    <co-dialog-transaction-line-delivery-method *ngIf="showDialogDeliveryMethod"
+                                                [autoClose]="true"
+                                                [transactionInfo]="transactionInfo"
+                                                [transactionLine]="transactionLine"
+                                                (close)="showDialogDeliveryMethod = false"
+    ></co-dialog-transaction-line-delivery-method>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
 TransactionLineDeliveryButtonComponent.ctorParameters = () => [
     { type: IconCacheService },
-    { type: DialogService }
+    { type: TransactionService }
 ];
 TransactionLineDeliveryButtonComponent.propDecorators = {
-    line: [{ type: Input }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-line-delivery-button",] }]
 };
 
@@ -18923,7 +19446,8 @@ TransactionLineDeliveryButtonModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
                     CommonModule,
-                    IconModule
+                    IconModule,
+                    DialogTransactionLineDeliveryMethodModule
                 ],
                 declarations: [
                     TransactionLineDeliveryButtonComponent
@@ -18949,7 +19473,7 @@ TransactionLineDeliveryDateButtonComponent.decorators = [
                 template: `
     <div class="transaction-line-button custom-width no-border">
       <span [textContent]="'DELIVERY_DATE' | localize | append:':'" class="small-font"></span>
-      <span class="co-transaction-overflow-ellipsis" [textContent]="line.deliveryDate | date:'dd MMM YYYY'"></span>
+      <span class="co-transaction-overflow-ellipsis" [textContent]="transactionLine.deliveryDate | date:'dd MMM YYYY'"></span>
       <co-icon class="header-delivery-date-icon" [iconData]="iconCacheService.getIcon(icons.CalendarDayRegular)"></co-icon>
     </div>
   `,
@@ -18960,7 +19484,7 @@ TransactionLineDeliveryDateButtonComponent.ctorParameters = () => [
     { type: IconCacheService }
 ];
 TransactionLineDeliveryDateButtonComponent.propDecorators = {
-    line: [{ type: Input }],
+    transactionLine: [{ type: Input }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-line-delivery-date-button",] }]
 };
 
@@ -19004,7 +19528,10 @@ TransactionOverviewLineModule.decorators = [
                     TransactionLineCommissionButtonModule,
                     TransactionLineWarehouseButtonModule,
                     TransactionLineDeliveryButtonModule,
-                    TransactionLineDeliveryDateButtonModule
+                    TransactionLineDeliveryDateButtonModule,
+                    DialogTransactionLineVatModule,
+                    DialogTransactionLineDiscountModule,
+                    TransactionLineStatusbarModule
                 ],
                 declarations: [
                     TransactionOverviewLineComponent
@@ -19015,57 +19542,6 @@ TransactionOverviewLineModule.decorators = [
             },] }
 ];
 
-class StatusBarComponent {
-    constructor(iconCacheService) {
-        this.iconCacheService = iconCacheService;
-        this.icons = Icon;
-    }
-    showClass() {
-        return true;
-    }
-}
-StatusBarComponent.decorators = [
-    { type: Component, args: [{
-                selector: "co-status-bar",
-                template: `
-    <div>
-      <!--Tijdelijk visueel voorbeeld:-->
-      <div class="status-bar-icons-wrapper">
-        <co-icon class="color-green" [iconData]="this.iconCacheService.getIcon(this.icons.SquareFullSolid)"></co-icon>
-        <co-icon class="color-orange" [iconData]="this.iconCacheService.getIcon(this.icons.SquareFullSolid)"></co-icon>
-        <co-icon [iconData]="this.iconCacheService.getIcon(this.icons.SquareFull)"></co-icon>
-        <co-icon [iconData]="this.iconCacheService.getIcon(this.icons.SquareFull)"></co-icon>
-        <co-icon [iconData]="this.iconCacheService.getIcon(this.icons.SquareFull)"></co-icon>
-      </div>
-    </div>
-  `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-StatusBarComponent.ctorParameters = () => [
-    { type: IconCacheService }
-];
-StatusBarComponent.propDecorators = {
-    showClass: [{ type: HostBinding, args: ["class.co-status-bar",] }]
-};
-
-class StatusBarModule {
-}
-StatusBarModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    IconModule
-                ],
-                declarations: [
-                    StatusBarComponent
-                ],
-                exports: [
-                    StatusBarComponent
-                ]
-            },] }
-];
-
 class TransactionOrderDeliveryLineModule {
 }
 TransactionOrderDeliveryLineModule.decorators = [
@@ -19076,10 +19552,10 @@ TransactionOrderDeliveryLineModule.decorators = [
                     TransactionLineWarehouseButtonModule,
                     TransactionLineDeliveryButtonModule,
                     TransactionLineDeliveryDateButtonModule,
-                    StatusBarModule,
                     EditableLabelModule,
                     PipeModule,
-                    InputNumberPickerModule
+                    InputNumberPickerModule,
+                    TransactionLineStatusbarModule
                 ],
                 declarations: [
                     TransactionOrderDeliveryLineComponent
@@ -19142,7 +19618,9 @@ TransactionModule.decorators = [
                     TransactionTileModule,
                     TransactionOverviewLineModule,
                     TransactionOrderDeliveryLineModule,
-                    TransactionReceiveGoodsLineModule
+                    TransactionReceiveGoodsLineModule,
+                    IconModule,
+                    SendMethodDialogModule
                 ],
                 declarations: [
                     TransactionComponent
@@ -19173,6 +19651,136 @@ ShoppingCartModule.decorators = [
             },] }
 ];
 
+class TransactionSearchComponent {
+    constructor(transactionSearchService) {
+        this.transactionSearchService = transactionSearchService;
+        this.searchViewModes = SearchViewMode;
+        this.orientations = CoOrientation;
+        this.directionRight = CoDirection.Right;
+        this.transactionClick = new EventEmitter();
+        this.searchViewModeChange = new EventEmitter();
+    }
+    set transactionType(value) {
+        this._transactionType = value;
+        this.transactionSearchService.transactionType = this._transactionType;
+    }
+    get transactionType() {
+        return this._transactionType;
+    }
+    showClass() {
+        return true;
+    }
+    onTransactionClick(transaction) {
+        if (this.transactionSearchService.activeSearchViewMode === this.searchViewModes.FullScreen) {
+            this.collapseSearchBar();
+        }
+        this._scrollToTop();
+        this.transactionClick.emit(transaction);
+    }
+    onSearchViewResizeClick() {
+        if (this.transactionSearchService.activeSearchViewMode === this.searchViewModes.SideBar) {
+            this.transactionSearchService.activeSearchViewMode = this.searchViewModes.FullScreen;
+        }
+        else {
+            this.transactionSearchService.activeSearchViewMode = this.searchViewModes.SideBar;
+        }
+        this.searchViewModeChange.emit(this.transactionSearchService.activeSearchViewMode);
+    }
+    onSideCollapseHandleClick() {
+        this.toggleSearchBar();
+    }
+    toggleSearchBar() {
+        if (this.transactionSearchService.collapsed || this.transactionSearchService.fullscreen) {
+            this.expandSearchBar();
+        }
+        else {
+            this.collapseSearchBar();
+        }
+    }
+    collapseSearchBar() {
+        this.transactionSearchService.activeSearchViewMode = this.searchViewModes.SideBar;
+        this.transactionSearchService.activeSearchBarViewMode = SearchbarViewMode.Collapsed;
+        this.searchViewModeChange.emit(this.searchViewModes.SideBar);
+    }
+    expandSearchBar() {
+        this.transactionSearchService.activeSearchViewMode = this.searchViewModes.SideBar;
+        this.transactionSearchService.activeSearchBarViewMode = SearchbarViewMode.Expanded;
+        this.searchViewModeChange.emit(this.searchViewModes.SideBar);
+    }
+    calculateClasses() {
+        return {
+            'fullscreen': this.transactionSearchService.fullscreen,
+            'sidebar': !this.transactionSearchService.fullscreen,
+            'collapsed': this.transactionSearchService.collapsed,
+            'expanded': !this.transactionSearchService.collapsed,
+        };
+    }
+    _scrollToTop() {
+        window.scrollTo({ top: 0, behavior: 'smooth' });
+    }
+}
+TransactionSearchComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'co-transaction-search',
+                template: `
+    <div class="transaction-search-main-wrapper">
+      <div class="transaction-search-wrapper"
+           [ngClass]="calculateClasses()">
+        <div class="transaction-filter-wrapper narrow-scrollbar"
+             [ngClass]="calculateClasses()"
+             *ngIf="transactionSearchService.showFilterSidebar" @showHideFilterSidebar>
+          <co-transaction-filter
+            [transactionType]="transactionType"
+            [activeSearchViewMode]="transactionSearchService.activeSearchViewMode"
+            (closeButtonClick)="transactionSearchService.handleHideFilter()"
+            (resetFilterClick)="transactionSearchService.handleResetFilter()"></co-transaction-filter>
+        </div>
+        <div class="transaction-search-result-wrapper"
+             [class.fullscreen]="transactionSearchService.fullscreen"
+             [class.sidebar]="!transactionSearchService.fullscreen"
+             [class.collapsed]="transactionSearchService.collapsed"
+             [class.expanded]="!transactionSearchService.collapsed"
+        >
+          <co-transaction-search-result
+            [transactionType]="transactionType"
+            [activeSearchViewMode]="transactionSearchService.activeSearchViewMode"
+            (filterClick)="transactionSearchService.toggleFilter()"
+            (transactionClick)="onTransactionClick($event)"
+            (resizeClick)="onSearchViewResizeClick()"
+            (closeClick)="collapseSearchBar()"
+          ></co-transaction-search-result>
+        </div>
+      </div>
+      <div class="transaction-search-content-wrapper"
+           [class.fullscreen]="transactionSearchService.fullscreen"
+           [class.sidebar]="!transactionSearchService.fullscreen"
+           [class.collapsed]="transactionSearchService.collapsed"
+           [class.expanded]="!transactionSearchService.collapsed"
+      >
+        <ng-content></ng-content>
+      </div>
+    </div>
+  `,
+                animations: [
+                    trigger("showHideFilterSidebar", [
+                        state("void", style({ transform: 'translateX(-100%)' })),
+                        state("*", style({ transform: 'translateX(0)' })),
+                        transition("void <=> *", animate("200ms ease-in-out"))
+                    ])
+                ],
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionSearchComponent.ctorParameters = () => [
+    { type: TransactionSearchService }
+];
+TransactionSearchComponent.propDecorators = {
+    transactionType: [{ type: Input }],
+    transactionClick: [{ type: Output }],
+    searchViewModeChange: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-search",] }]
+};
+
 class TransactionFilterComponent {
     constructor(_mappingService, _compFactoryResolver, appRef, injector, searchService) {
         this._mappingService = _mappingService;
@@ -19199,6 +19807,7 @@ class TransactionFilterComponent {
     }
     set activeSearchViewMode(value) {
         this._activeSearchViewMode = value;
+        //localStorage.setItem('viewMode', value);
     }
     get activeSearchViewMode() {
         return this._activeSearchViewMode;
@@ -19998,11 +20607,9 @@ TransactionFilterHistoricStateComponent.decorators = [
       [placeholder]="label"
       [customContent]="true">
       <co-input-radio-button *ngFor="let state of states"
-                             [name]="groupName"
-                             [value]="state.value"
                              [model]="state.checked"
                              [label]="state.label | localize"
-                             (modelChange)="handleStateChange($event)"
+                             (modelChange)="handleStateChange(state.value)"
       ></co-input-radio-button>
     </co-transaction-filter-item>
   `,
@@ -20370,8 +20977,8 @@ class TransactionStatusbarComponent {
             //this.getStatusbarLine(),// Factuurcheck todo: als BE gereed is
         ];
     }
-    getStatusbarLine(label, property) {
-        return { label: this._dictionary.get(label), percentage: this.calculatePercentage(property, this._total), count: property };
+    getStatusbarLine(label, quantity) {
+        return { label: this._dictionary.get(label), percentage: this.calculatePercentage(quantity, this._total) };
     }
     calculatePercentage(amount, totalAmount) {
         if (amount === 0 || totalAmount === 0) {
@@ -20524,11 +21131,12 @@ TransactionSearchHeaderComponent.decorators = [
                            [noIcon]="true"
                            [(model)]="searchService.searchRequest.general"
                            [placeholder]="'SEARCH_NUMBER_CUSTOMER_OR_DATE' | localize"
+                           [initFocus]="true"
                            (search)="searchService.searchTransactions()"></co-input-search>
         </div>
         <div>
           <co-button class="transaction-search-filter-button"
-                     
+
                      [iconData]="iconCacheService.getIcon(icon.BarsFilter)"
                      (click)="filterButtonClick.emit()">
           </co-button>
@@ -21704,5 +22312,5 @@ TransactionLineGridModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { CheckoutComponent, CheckoutModule, SearchBarViewMode, ShoppingCartComponent, ShoppingCartModule, ShoppingCartPreviewComponent, ShoppingCartPreviewModule, TransactionComponent, TransactionConfirmationDetailsComponent, TransactionConfirmationDetailsModule, TransactionConfirmationHistoryComponent, TransactionConfirmationHistoryModule, TransactionHeaderComponent, TransactionHeaderDeliveryComponent, TransactionHeaderDeliveryModule, TransactionHeaderModule, TransactionHeaderOrderComponent, TransactionHeaderOrderModule, TransactionHeaderRelationComponent, TransactionHeaderRelationModule, TransactionLineGridComponent, TransactionLineGridModule, TransactionLineStatusbarComponent, TransactionLineStatusbarModule, TransactionLinesComponent, TransactionLinesModule, TransactionModule, TransactionQuickAccessComponent, TransactionQuickAccessModule, TransactionQuickAccessOrderConfirmationComponent, TransactionQuickAccessOrderConfirmationModule, TransactionQuickAccessReceivedGoodsComponent, TransactionQuickAccessReceivedGoodsModule, TransactionSearchComponent, TransactionSearchModule, TransactionSearchService, TransactionService, TransactionStatusbarComponent, TransactionStatusbarModule, TransactionTotalsComponent, TransactionTotalsModule, PendingReasonService as ɵa, DialogService as ɵb, IconCacheService as ɵba, CharacteristicAnswerModule as ɵbb, CharacteristicAnswerComponent as ɵbc, WarehouseModule as ɵbd, WarehouseComponent as ɵbe, ImageDisplayComponent as ɵbf, IconComponent as ɵbg, CustomerGroupsComponent as ɵbh, StockStatusIndicatorComponent as ɵbi, LoaderComponent as ɵbj, LazyRenderMasterDirective as ɵbk, LazyRenderDirective as ɵbl, RelationAddressModule as ɵbm, RelationAddressComponent as ɵbn, RelationBaseComponent as ɵbo, RelationAddressSelectModule as ɵbp, RelationAddressTileModule as ɵbq, TileModule as ɵbr, TileComponent as ɵbs, RelationAddressTileComponent as ɵbt, RelationAddressSelectComponent as ɵbu, BusinessObjectFactory as ɵbv, StepperModule as ɵbw, StepperComponent as ɵbx, StepperStepComponent as ɵby, TransactionLineModule as ɵbz, DynamicComponentService as ɵc, TransactionLineComponent as ɵca, TransactionMappingService as ɵcb, TransactionArticleTextModule as ɵcc, TransactionArticleTextComponent as ɵcd, TransactionReceiveGoodsService as ɵce, TransactionEventService as ɵcf, AvatarModule as ɵcg, AvatarComponent as ɵch, SharedService as ɵci, SharedConnectorService as ɵcj, DeliveryTypeTileModule as ɵck, DeliveryTypeTileComponent as ɵcl, PaymentModule as ɵcm, PaymentTileModule as ɵcn, PaymentTileComponent as ɵco, PaymentQrCodeModule as ɵcp, PaymentQrCodeComponent as ɵcq, PaymentComponent as ɵcr, PaymentService as ɵcs, RelationTypeModule as ɵct, RelationTypeComponent as ɵcu, RelationGeneralModule as ɵcv, RelationSuggestionsListModule as ɵcw, RelationSuggestionsListItemModule as ɵcx, RelationSuggestionsListItemComponent as ɵcy, RelationSuggestionsListComponent as ɵcz, OptionsService as ɵd, RelationGeneralComponent as ɵda, RelationAddressesModule as ɵdb, RelationAddressesComponent as ɵdc, RelationContactDetailsModule as ɵdd, RelationContactDetailsComponent as ɵde, RelationPreferencesModule as ɵdf, RelationPreferencesComponent as ɵdg, TransactionHeaderBlockModule as ɵdh, TransactionHeaderBlockComponent as ɵdi, TransactionHeaderDeliveryDateModule as ɵdj, TransactionHeaderDeliveryDateComponent as ɵdk, TransactionHeaderBaseComponent as ɵdl, TransactionFilterPopupBaseComponent as ɵdm, TransactionHeaderDeliveryOptionsModule as ɵdn, TransactionHeaderDeliveryOptionsComponent as ɵdo, TransactionHeaderRemarksModule as ɵdp, TransactionHeaderRemarksComponent as ɵdq, TransactionHeaderReferenceModule as ɵdr, TransactionHeaderReferenceComponent as ɵds, TransactionHeaderRelationReferenceModule as ɵdt, TransactionHeaderRelationReferenceComponent as ɵdu, TransactionHeaderDeliveryMethodModule as ɵdv, TransactionLineCheckboxModule as ɵdw, TransactionLineCheckboxListComponent as ɵdx, TransactionHeaderDeliveryMethodComponent as ɵdy, TransactionHeaderPreferredDeliveryDateModule as ɵdz, DictionaryService as ɵe, TransactionHeaderPreferredDeliveryDateComponent as ɵea, DialogTransactionHeaderDeliveryMethodModule as ɵeb, DialogHeaderSearchModule as ɵec, DialogHeaderSearchComponent as ɵed, DialogTransactionHeaderDeliveryMethodComponent as ɵee, DialogTransactionHeaderBaseComponent as ɵef, TransactionBaseComponent as ɵeg, TransactionHeaderPartialDeliveryModule as ɵeh, TransactionHeaderPartialDeliveryComponent as ɵei, TransactionHeaderDownpaymentPercentageModule as ɵej, TransactionHeaderDownpaymentPercentageComponent as ɵek, TransactionHeaderDownpaymentAmountModule as ɵel, TransactionHeaderDownpaymentAmountComponent as ɵem, TransactionHeaderDefinitiveModule as ɵen, TransactionHeaderDefinitiveComponent as ɵeo, TransactionHeaderBranchModule as ɵep, TransactionHeaderBranchComponent as ɵeq, TransactionHeaderAdministrativeRelationModule as ɵer, TransactionHeaderAdministrativeRelationComponent as ɵes, TransactionHeaderMarketingModule as ɵet, TransactionHeaderMarketingComponent as ɵeu, CheckoutOverviewRelationEditComponent as ɵev, CheckoutOverviewDeliveryEditComponent as ɵew, CheckoutOverviewDeliveryAddressComponent as ɵex, CheckoutOverviewPaymentComponent as ɵey, CheckoutLoginComponent as ɵez, TransactionConnectorService as ɵf, TransactionFilterCategoriesModule as ɵfa, TransactionFilterCategoriesComponent as ɵfb, TransactionHeaderPaymentModule as ɵfc, TransactionHeaderPaymentComponent as ɵfd, TransactionLinesGridModule as ɵfe, TransactionBaseGridModule as ɵff, TransactionLineSidePanelModule as ɵfg, TransactionLineSidePanelDefaultModule as ɵfh, TransactionLinePriceModule as ɵfi, TransactionLinePriceComponent as ɵfj, TransactionLineBaseComponent as ɵfk, TransactionLinePriceListModule as ɵfl, TransactionLinePriceListComponent as ɵfm, TransactionLineVatModule as ɵfn, TransactionLineVatComponent as ɵfo, TransactionLineQuantityModule as ɵfp, TransactionLineQuantityComponent as ɵfq, TransactionLineLineDiscountModule as ɵfr, TransactionLineLineDiscountComponent as ɵfs, TransactionLineDeliveryMethodModule as ɵft, TransactionLineDeliveryMethodComponent as ɵfu, TransactionLineDeliveryDateModule as ɵfv, TransactionLineDeliveryDateComponent as ɵfw, TransactionLineReferenceModule as ɵfx, TransactionLineReferenceComponent as ɵfy, TransactionLineCommissionCodeModule as ɵfz, TransactionConnectorAdapterService as ɵg, TransactionLineCommissionCodeComponent as ɵga, TransactionLineWarehouseModule as ɵgb, TransactionLineWarehouseComponent as ɵgc, TransactionLineDiscountAmountModule as ɵgd, TransactionLineDiscountAmountComponent as ɵge, TransactionLineQuantumDiscountModule as ɵgf, TransactionLineQuantumDiscountComponent as ɵgg, TransactionLineSpecialDiscountModule as ɵgh, TransactionLineSpecialDiscountComponent as ɵgi, TransactionLineSupplierModule as ɵgj, TransactionLineSupplierComponent as ɵgk, TransactionLineDescriptionModule as ɵgl, TransactionLineDescriptionComponent as ɵgm, TransactionLineSidePanelDefaultComponent as ɵgn, TransactionReceivingGoodsHistoryModule as ɵgo, TransactionHistoryGridModule as ɵgp, TransactionHistoryGridStatusModule as ɵgq, TransactionHistoryGridStatusComponent as ɵgr, TransactionHistoryGridComponent as ɵgs, TransactionReceivingGoodsHistoryComponent as ɵgt, TransactionReceivingGoodsDetailsModule as ɵgu, TransactionReceivingGoodsDetailsComponent as ɵgv, ArticleService as ɵgw, TransactionButtonBarModule as ɵgx, TransactionButtonBarComponent as ɵgy, TransactionButtonBarButtonComponent as ɵgz, SelectMultipleCacheService as ɵh, TransactionLineSidePanelPurchaseModule as ɵha, DefaultOkCancelButtonsModule as ɵhb, DefaultOkCancelButtonsComponent as ɵhc, TransactionLineSidePanelPurchaseComponent as ɵhd, TransactionLineSidePanelComponent as ɵhe, DynamicBaseComponent as ɵhf, TransactionLineActionButtonsModule as ɵhg, TransactionArticleTextOverviewModule as ɵhh, TransactionArticleTextOverviewComponent as ɵhi, TransactionLineActionButtonsComponent as ɵhj, TransactionBaseGridComponent as ɵhk, TransactionGridBaseComponent as ɵhl, TransactionImageService as ɵhm, DialogTransactionLineCommissionCodeModule as ɵhn, DialogTransactionLineCommissionCodeComponent as ɵho, DialogTransactionLineBaseComponent as ɵhp, DialogTransactionLineWarehouseModule as ɵhq, DialogTransactionLineWarehouseComponent as ɵhr, DialogTransactionLineWarehouseCcModule as ɵhs, DialogTransactionLineWarehouseCcComponent as ɵht, DialogTransactionLineDeliveryMethodModule as ɵhu, DialogTransactionLineDeliveryMethodComponent as ɵhv, DialogTransactionLineVatModule as ɵhw, DialogTransactionLineVatComponent as ɵhx, DialogTransactionLineDiscountModule as ɵhy, DialogTransactionLinePriceListModule as ɵhz, BusinessObjectCacheManagerService as ɵi, DialogTransactionLinePriceListComponent as ɵia, DialogTransactionLineDiscountComponent as ɵib, TransactionLinesGridComponent as ɵic, DiscountModule as ɵid, DiscountComponent as ɵie, TransactionQuickAccessOverviewModule as ɵif, TransactionQuickAccessOverviewComponent as ɵig, TransactionQuickAccessOrderDeliveryModule as ɵih, TransactionQuickAccessOrderDeliveryComponent as ɵii, TransactionOrderConfirmationGridModule as ɵij, TransactionOrderConfirmationGridComponent as ɵik, TransactionReceivedGoodsGridModule as ɵil, DialogTransactionLineWarehouseLocationModule as ɵim, TransactionLineWarehouseLocationModule as ɵin, TransactionLineWarehouseLocationComponent as ɵio, DialogTransactionLineWarehouseLocationComponent as ɵip, TransactionLineWarehouseLocationButtonModule as ɵiq, TransactionLineWarehouseLocationButtonComponent as ɵir, TransactionReceivedGoodsGridComponent as ɵis, ViewModeButtonsModule as ɵit, ViewModeButtonsComponent as ɵiu, TransactionGridModule as ɵiv, TransactionGridComponent as ɵiw, TransactionTileModule as ɵix, TransactionTileComponent as ɵiy, TransactionOverviewLineModule as ɵiz, CacheField as ɵj, EditableLabelModule as ɵja, EditableLabelComponent as ɵjb, TransactionBaseLineModule as ɵjc, TransactionLineImageAndDescriptionModule as ɵjd, TransactionLineImageAndDescriptionComponent as ɵje, TransactionBaseLineComponent as ɵjf, TransactionLinesLineBaseComponent as ɵjg, TransactionLineCommissionButtonModule as ɵjh, TransactionLineCommissionButtonComponent as ɵji, TransactionLineWarehouseButtonModule as ɵjj, TransactionLineWarehouseButtonComponent as ɵjk, TransactionLineDeliveryButtonModule as ɵjl, TransactionLineDeliveryButtonComponent as ɵjm, TransactionLineDeliveryDateButtonModule as ɵjn, TransactionLineDeliveryDateButtonComponent as ɵjo, TransactionOverviewLineComponent as ɵjp, TransactionOrderDeliveryLineModule as ɵjq, StatusBarModule as ɵjr, StatusBarComponent as ɵjs, TransactionOrderDeliveryLineComponent as ɵjt, TransactionReceiveGoodsLineModule as ɵju, TransactionReceiveGoodsLineComponent as ɵjv, TransactionSearchResultModule as ɵjw, TransactionSearchSalesOrderTileModule as ɵjx, TransactionSearchSalesOrderTileComponent as ɵjy, TransactionSearchTileBaseComponent as ɵjz, SelectMultipleParameterizedCacheService as ɵk, TransactionSearchPurchaseOrderTileModule as ɵka, TransactionSearchPurchaseOrderTileComponent as ɵkb, TransactionSearchSalesOrderGridModule as ɵkc, TransactionSearchSalesOrderGridComponent as ɵkd, TransactionSearchGridBaseComponent as ɵke, TransactionSearchPurchaseOrderGridModule as ɵkf, TransactionSearchPurchaseOrderGridComponent as ɵkg, TransactionSearchHeaderModule as ɵkh, TransactionSearchHeaderComponent as ɵki, TransactionSearchGridModule as ɵkj, TransactionSearchGridComponent as ɵkk, TransactionSearchTileModule as ɵkl, TransactionSearchTileComponent as ɵkm, TransactionSearchResultComponent as ɵkn, TransactionSalesOrderFilterModule as ɵko, TransactionSalesOrderFilterContentOrderModule as ɵkp, TransactionFilterItemModule as ɵkq, TransactionFilterItemComponent as ɵkr, TransactionSalesOrderFilterContentOrderComponent as ɵks, TransactionFilterContentBaseComponent as ɵkt, FilterRequestService as ɵku, TransactionSalesOrderFilterContentLogisticsModule as ɵkv, TransactionFilterHistoricStateModule as ɵkw, TransactionFilterHistoricStateComponent as ɵkx, TransactionSalesOrderFilterContentLogisticsComponent as ɵky, TransactionSalesOrderFilterContentArticleModule as ɵkz, ErrorService as ɵl, TransactionSalesOrderFilterContentArticleComponent as ɵla, TransactionSalesOrderFilterComponent as ɵlb, TransactionFilterBaseComponent as ɵlc, TransactionPurchaseOrderFilterModule as ɵld, TransactionPurchaseOrderFilterContentOrderModule as ɵle, TransactionPurchaseOrderFilterContentOrderComponent as ɵlf, TransactionPurchaseOrderFilterContentLogisticsModule as ɵlg, TransactionPurchaseOrderFilterContentLogisticsComponent as ɵlh, TransactionPurchaseOrderFilterContentArticleModule as ɵli, TransactionPurchaseOrderFilterContentArticleComponent as ɵlj, TransactionPurchaseOrderFilterComponent as ɵlk, TransactionFilterModule as ɵll, TransactionFilterComponent as ɵlm, SelectSingleCacheService as ɵm, ArticleConnectorService as ɵn, CoreModule as ɵo, ConfirmationDialogModule as ɵp, PipeModule as ɵq, AppendPipe as ɵr, DeliveryTimePipe as ɵs, DateDurationPipe as ɵt, LocalizePipe as ɵu, CoCurrencyPipe as ɵv, SafeStylePipe as ɵw, SafeHtmlPipe as ɵx, ConfirmationDialogComponent as ɵy, DialogBaseComponent as ɵz };
+export { CheckoutComponent, CheckoutModule, SearchViewMode, SearchbarViewMode, ShoppingCartComponent, ShoppingCartModule, ShoppingCartPreviewComponent, ShoppingCartPreviewModule, TransactionComponent, TransactionConfirmationDetailsComponent, TransactionConfirmationDetailsModule, TransactionConfirmationHistoryComponent, TransactionConfirmationHistoryModule, TransactionHeaderComponent, TransactionHeaderDeliveryComponent, TransactionHeaderDeliveryModule, TransactionHeaderModule, TransactionHeaderOrderComponent, TransactionHeaderOrderModule, TransactionHeaderRelationComponent, TransactionHeaderRelationModule, TransactionLineGridComponent, TransactionLineGridModule, TransactionLineStatusbarComponent, TransactionLineStatusbarModule, TransactionLinesComponent, TransactionLinesModule, TransactionModule, TransactionQuickAccessComponent, TransactionQuickAccessModule, TransactionQuickAccessOrderConfirmationComponent, TransactionQuickAccessOrderConfirmationModule, TransactionQuickAccessReceivedGoodsComponent, TransactionQuickAccessReceivedGoodsModule, TransactionSearchComponent, TransactionSearchModule, TransactionSearchService, TransactionService, TransactionStatusbarComponent, TransactionStatusbarModule, TransactionTotalsComponent, TransactionTotalsModule, PendingReasonService as ɵa, DialogService as ɵb, IconCacheService as ɵba, CharacteristicAnswerModule as ɵbb, CharacteristicAnswerComponent as ɵbc, WarehouseModule as ɵbd, WarehouseComponent as ɵbe, ImageDisplayComponent as ɵbf, IconComponent as ɵbg, CustomerGroupsComponent as ɵbh, StockStatusIndicatorComponent as ɵbi, LoaderComponent as ɵbj, LazyRenderMasterDirective as ɵbk, LazyRenderDirective as ɵbl, RelationAddressModule as ɵbm, RelationAddressComponent as ɵbn, RelationBaseComponent as ɵbo, RelationAddressSelectModule as ɵbp, RelationAddressTileModule as ɵbq, TileModule as ɵbr, TileComponent as ɵbs, RelationAddressTileComponent as ɵbt, RelationAddressSelectComponent as ɵbu, BusinessObjectFactory as ɵbv, StepperModule as ɵbw, StepperComponent as ɵbx, StepperStepComponent as ɵby, TransactionLineModule as ɵbz, DynamicComponentService as ɵc, TransactionLineComponent as ɵca, TransactionMappingService as ɵcb, TransactionArticleTextModule as ɵcc, TransactionLineImageAndDescriptionModule as ɵcd, TransactionLineDescriptionModule as ɵce, TransactionLineDescriptionComponent as ɵcf, TransactionLineBaseComponent as ɵcg, TransactionFilterPopupBaseComponent as ɵch, TransactionLineImageAndDescriptionComponent as ɵci, TransactionImageService as ɵcj, TransactionArticleTextComponent as ɵck, TransactionReceiveGoodsService as ɵcl, TransactionEventService as ɵcm, DialogTransactionHeaderDiscountModule as ɵcn, TransactionHeaderDiscountPercentageModule as ɵco, TransactionHeaderDiscountPercentageComponent as ɵcp, TransactionHeaderBaseComponent as ɵcq, TransactionHeaderDiscountAmountModule as ɵcr, TransactionHeaderDiscountAmountComponent as ɵcs, TransactionHeaderDiscountTransactionTotalModule as ɵct, TransactionHeaderDiscountTransactionTotalComponent as ɵcu, DialogTransactionHeaderDiscountComponent as ɵcv, DialogTransactionHeaderBaseComponent as ɵcw, AvatarModule as ɵcx, AvatarComponent as ɵcy, SharedService as ɵcz, OptionsService as ɵd, SharedConnectorService as ɵda, DeliveryTypeTileModule as ɵdb, DeliveryTypeTileComponent as ɵdc, PaymentModule as ɵdd, PaymentTileModule as ɵde, PaymentTileComponent as ɵdf, PaymentQrCodeModule as ɵdg, PaymentQrCodeComponent as ɵdh, PaymentComponent as ɵdi, PaymentService as ɵdj, RelationTypeModule as ɵdk, RelationTypeComponent as ɵdl, RelationGeneralModule as ɵdm, RelationSuggestionsListModule as ɵdn, RelationSuggestionsListItemModule as ɵdo, RelationSuggestionsListItemComponent as ɵdp, RelationSuggestionsListComponent as ɵdq, RelationGeneralComponent as ɵdr, RelationAddressesModule as ɵds, RelationAddressesComponent as ɵdt, RelationContactDetailsModule as ɵdu, RelationContactDetailsComponent as ɵdv, RelationPreferencesModule as ɵdw, RelationPreferencesComponent as ɵdx, TransactionHeaderBlockModule as ɵdy, TransactionHeaderBlockComponent as ɵdz, DictionaryService as ɵe, TransactionHeaderDeliveryDateModule as ɵea, TransactionHeaderDeliveryDateComponent as ɵeb, TransactionHeaderDeliveryOptionsModule as ɵec, TransactionHeaderDeliveryOptionsComponent as ɵed, TransactionHeaderRemarksModule as ɵee, TransactionHeaderRemarksComponent as ɵef, TransactionHeaderReferenceModule as ɵeg, TransactionHeaderReferenceComponent as ɵeh, TransactionHeaderRelationReferenceModule as ɵei, TransactionHeaderRelationReferenceComponent as ɵej, TransactionHeaderDeliveryMethodModule as ɵek, TransactionLineCheckboxModule as ɵel, TransactionLineCheckboxListComponent as ɵem, TransactionHeaderDeliveryMethodComponent as ɵen, TransactionHeaderPreferredDeliveryDateModule as ɵeo, TransactionHeaderPreferredDeliveryDateComponent as ɵep, DialogTransactionHeaderDeliveryMethodModule as ɵeq, DialogHeaderSearchModule as ɵer, DialogHeaderSearchComponent as ɵes, DialogTransactionHeaderDeliveryMethodComponent as ɵet, TransactionHeaderPartialDeliveryModule as ɵeu, TransactionHeaderPartialDeliveryComponent as ɵev, TransactionBaseComponent as ɵew, TransactionHeaderDownpaymentPercentageModule as ɵex, TransactionHeaderDownpaymentPercentageComponent as ɵey, TransactionHeaderDownpaymentAmountModule as ɵez, TransactionConnectorService as ɵf, TransactionHeaderDownpaymentAmountComponent as ɵfa, TransactionHeaderDefinitiveModule as ɵfb, TransactionHeaderDefinitiveComponent as ɵfc, TransactionHeaderBranchModule as ɵfd, TransactionHeaderBranchComponent as ɵfe, TransactionHeaderAdministrativeRelationModule as ɵff, TransactionHeaderAdministrativeRelationComponent as ɵfg, TransactionHeaderMarketingModule as ɵfh, TransactionHeaderMarketingComponent as ɵfi, CheckoutOverviewRelationEditComponent as ɵfj, CheckoutOverviewDeliveryEditComponent as ɵfk, CheckoutOverviewDeliveryAddressComponent as ɵfl, CheckoutOverviewPaymentComponent as ɵfm, CheckoutLoginComponent as ɵfn, TransactionFilterCategoriesModule as ɵfo, TransactionFilterCategoriesComponent as ɵfp, TransactionHeaderPaymentModule as ɵfq, TransactionHeaderPaymentComponent as ɵfr, TransactionLinesGridModule as ɵfs, TransactionBaseGridModule as ɵft, TransactionLineSidePanelModule as ɵfu, TransactionLineSidePanelDefaultModule as ɵfv, TransactionLinePriceModule as ɵfw, TransactionLinePriceComponent as ɵfx, TransactionLinePriceListModule as ɵfy, TransactionLinePriceListComponent as ɵfz, TransactionConnectorAdapterService as ɵg, TransactionLineVatModule as ɵga, TransactionLineVatComponent as ɵgb, TransactionLineQuantityModule as ɵgc, TransactionLineQuantityComponent as ɵgd, TransactionLineLineDiscountModule as ɵge, TransactionLineLineDiscountComponent as ɵgf, TransactionLineDeliveryMethodModule as ɵgg, TransactionLineDeliveryMethodComponent as ɵgh, TransactionLineDeliveryDateModule as ɵgi, TransactionLineDeliveryDateComponent as ɵgj, TransactionLineReferenceModule as ɵgk, TransactionLineReferenceComponent as ɵgl, TransactionLineCommissionCodeModule as ɵgm, TransactionLineCommissionCodeComponent as ɵgn, TransactionLineWarehouseModule as ɵgo, TransactionLineWarehouseComponent as ɵgp, TransactionLineDiscountAmountModule as ɵgq, TransactionLineDiscountAmountComponent as ɵgr, TransactionLineQuantumDiscountModule as ɵgs, TransactionLineQuantumDiscountComponent as ɵgt, TransactionLineSpecialDiscountModule as ɵgu, TransactionLineSpecialDiscountComponent as ɵgv, TransactionLineSupplierModule as ɵgw, TransactionLineSupplierComponent as ɵgx, TransactionLineSidePanelDefaultComponent as ɵgy, TransactionReceivingGoodsHistoryModule as ɵgz, SelectMultipleCacheService as ɵh, TransactionHistoryGridModule as ɵha, TransactionHistoryGridStatusModule as ɵhb, TransactionHistoryGridStatusComponent as ɵhc, TransactionHistoryGridComponent as ɵhd, TransactionReceivingGoodsHistoryComponent as ɵhe, TransactionReceivingGoodsDetailsModule as ɵhf, TransactionReceivingGoodsDetailsComponent as ɵhg, ArticleService as ɵhh, TransactionButtonBarModule as ɵhi, TransactionButtonBarComponent as ɵhj, TransactionButtonBarButtonComponent as ɵhk, TransactionLineSidePanelPurchaseModule as ɵhl, DefaultOkCancelButtonsModule as ɵhm, DefaultOkCancelButtonsComponent as ɵhn, TransactionLineSidePanelPurchaseComponent as ɵho, TransactionLineSidePanelComponent as ɵhp, DynamicBaseComponent as ɵhq, TransactionLineActionButtonsModule as ɵhr, TransactionArticleTextOverviewModule as ɵhs, TransactionArticleTextOverviewComponent as ɵht, TransactionLineActionButtonsComponent as ɵhu, TransactionBaseGridComponent as ɵhv, TransactionGridBaseComponent as ɵhw, DialogTransactionLineCommissionCodeModule as ɵhx, DialogTransactionLineCommissionCodeComponent as ɵhy, DialogTransactionLineBaseComponent as ɵhz, BusinessObjectCacheManagerService as ɵi, DialogTransactionLineWarehouseModule as ɵia, DialogTransactionLineWarehouseComponent as ɵib, DialogTransactionLineWarehouseCcModule as ɵic, DialogTransactionLineWarehouseCcComponent as ɵid, DialogTransactionLineDeliveryMethodModule as ɵie, DialogTransactionLineDeliveryMethodComponent as ɵif, DialogTransactionLineVatModule as ɵig, DialogTransactionLineVatComponent as ɵih, DialogTransactionLineDiscountModule as ɵii, DialogTransactionLinePriceListModule as ɵij, DialogTransactionLinePriceListComponent as ɵik, DialogTransactionLineDiscountComponent as ɵil, TransactionLinesGridComponent as ɵim, DiscountModule as ɵin, DiscountComponent as ɵio, TransactionQuickAccessOverviewModule as ɵip, TransactionQuickAccessOverviewComponent as ɵiq, TransactionQuickAccessOrderDeliveryModule as ɵir, TransactionQuickAccessOrderDeliveryComponent as ɵis, TransactionOrderConfirmationGridModule as ɵit, TransactionOrderConfirmationGridComponent as ɵiu, TransactionReceivedGoodsGridModule as ɵiv, DialogTransactionLineWarehouseLocationModule as ɵiw, TransactionLineWarehouseLocationModule as ɵix, TransactionLineWarehouseLocationComponent as ɵiy, DialogTransactionLineWarehouseLocationComponent as ɵiz, CacheField as ɵj, TransactionLineWarehouseLocationButtonModule as ɵja, TransactionLineWarehouseLocationButtonComponent as ɵjb, TransactionReceivedGoodsGridComponent as ɵjc, ViewModeButtonsModule as ɵjd, ViewModeButtonsComponent as ɵje, TransactionGridModule as ɵjf, TransactionGridComponent as ɵjg, TransactionTileModule as ɵjh, TransactionTileComponent as ɵji, TransactionOverviewLineModule as ɵjj, EditableLabelModule as ɵjk, EditableLabelComponent as ɵjl, TransactionBaseLineModule as ɵjm, TransactionBaseLineComponent as ɵjn, TransactionLinesLineBaseComponent as ɵjo, TransactionLineCommissionButtonModule as ɵjp, TransactionLineCommissionButtonComponent as ɵjq, TransactionLineWarehouseButtonModule as ɵjr, TransactionLineWarehouseButtonComponent as ɵjs, TransactionLineDeliveryButtonModule as ɵjt, TransactionLineDeliveryButtonComponent as ɵju, TransactionLineDeliveryDateButtonModule as ɵjv, TransactionLineDeliveryDateButtonComponent as ɵjw, TransactionOverviewLineComponent as ɵjx, TransactionOrderDeliveryLineModule as ɵjy, TransactionOrderDeliveryLineComponent as ɵjz, SelectMultipleParameterizedCacheService as ɵk, TransactionReceiveGoodsLineModule as ɵka, TransactionReceiveGoodsLineComponent as ɵkb, TransactionSearchResultModule as ɵkc, TransactionSearchSalesOrderTileModule as ɵkd, TransactionSearchSalesOrderTileComponent as ɵke, TransactionSearchTileBaseComponent as ɵkf, TransactionSearchPurchaseOrderTileModule as ɵkg, TransactionSearchPurchaseOrderTileComponent as ɵkh, TransactionSearchSalesOrderGridModule as ɵki, TransactionSearchSalesOrderGridComponent as ɵkj, TransactionSearchGridBaseComponent as ɵkk, TransactionSearchPurchaseOrderGridModule as ɵkl, TransactionSearchPurchaseOrderGridComponent as ɵkm, TransactionSearchHeaderModule as ɵkn, TransactionSearchHeaderComponent as ɵko, TransactionSearchGridModule as ɵkp, TransactionSearchGridComponent as ɵkq, TransactionSearchTileModule as ɵkr, TransactionSearchTileComponent as ɵks, TransactionSearchResultComponent as ɵkt, TransactionSalesOrderFilterModule as ɵku, TransactionSalesOrderFilterContentOrderModule as ɵkv, TransactionFilterItemModule as ɵkw, TransactionFilterItemComponent as ɵkx, TransactionSalesOrderFilterContentOrderComponent as ɵky, TransactionFilterContentBaseComponent as ɵkz, ErrorService as ɵl, FilterRequestService as ɵla, TransactionSalesOrderFilterContentLogisticsModule as ɵlb, TransactionFilterHistoricStateModule as ɵlc, TransactionFilterHistoricStateComponent as ɵld, TransactionSalesOrderFilterContentLogisticsComponent as ɵle, TransactionSalesOrderFilterContentArticleModule as ɵlf, TransactionSalesOrderFilterContentArticleComponent as ɵlg, TransactionSalesOrderFilterComponent as ɵlh, TransactionFilterBaseComponent as ɵli, TransactionPurchaseOrderFilterModule as ɵlj, TransactionPurchaseOrderFilterContentOrderModule as ɵlk, TransactionPurchaseOrderFilterContentOrderComponent as ɵll, TransactionPurchaseOrderFilterContentLogisticsModule as ɵlm, TransactionPurchaseOrderFilterContentLogisticsComponent as ɵln, TransactionPurchaseOrderFilterContentArticleModule as ɵlo, TransactionPurchaseOrderFilterContentArticleComponent as ɵlp, TransactionPurchaseOrderFilterComponent as ɵlq, TransactionFilterModule as ɵlr, TransactionFilterComponent as ɵls, SelectSingleCacheService as ɵm, ArticleConnectorService as ɵn, CoreModule as ɵo, ConfirmationDialogModule as ɵp, PipeModule as ɵq, AppendPipe as ɵr, DeliveryTimePipe as ɵs, DateDurationPipe as ɵt, LocalizePipe as ɵu, CoCurrencyPipe as ɵv, SafeStylePipe as ɵw, SafeHtmlPipe as ɵx, ConfirmationDialogComponent as ɵy, DialogBaseComponent as ɵz };
 //# sourceMappingURL=colijnit-transaction.js.map