@colijnit/transaction 12.1.47 → 12.1.49

package/fesm2015/colijnit-transaction.js

@@ -65,7 +65,7 @@ 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, 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, 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 { FlexModule } from '@angular/flex-layout';
 import { AddressType } from '@colijnit/transactionapi/build/enum/address-type.enum';
 import { trigger, state, style, transition, animate } from '@angular/animations';
@@ -77,10 +77,9 @@ import { TransactionAddTextLineRequest } from '@colijnit/transactionapi/build/mo
 import { TransactionSearchViewRequest } from '@colijnit/transactionapi/build/model/transaction-search-view-request';
 import { PagingParameters } from '@colijnit/transactionapi/build/model/paging-parameters';
 import { RelationKind as RelationKind$1 } from '@colijnit/articleapi/build/enum/relation-kind.enum';
-import { GoodsReceiptStatus } from '@colijnit/transactionapi/build/model/goods-receipt-status.bo';
+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';
-import { StockStatus } from '@colijnit/transactionapi/build/enum/refcode/stock-status.enum';
 import { RelationRequest } from '@colijnit/transactionapi/build/model/relation-request';
 import { Sharedapi } from '@colijnit/sharedapi/build/sharedapi';
 import { CoDocument } from '@colijnit/sharedapi/build/model/co-document.bo';
@@ -98,6 +97,7 @@ import { ReceiveGoodsForPurchaseOrderCorrectionRequest } from '@colijnit/transac
 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';
 import { PurchasePortalFilters } from '@colijnit/transactionapi/build/model/purchase-portal-filters.bo';
+import { GoodsReceiptStatus } from '@colijnit/transactionapi/build/model/goods-receipt-status.bo';
 import { ArticleExtendedRequest } from '@colijnit/articleapi/build/model/article-extended-request';
 import { QuantityInHistoricState } from '@colijnit/transactionapi/build/enum/quantity-in-historic-state.enum';
 
@@ -177,6 +177,7 @@ class Dictionary {
     constructor() {
         this.strings = {
             "nl": {
+                "0_RESULTS_FOUND": "0 resultaten gevonden",
                 "ACCOUNT_DETAILS": "Accountgegevens",
                 "ACCOUNT_EXPLANATION": "Het e-mailadres en wachtwoord zijn nodig om toegang te krijgen tot de gegevens. " +
                     "Ook zullen we je via dit e-mailadres op de hoogte houden van de status van bestellingen.",
@@ -312,6 +313,7 @@ class Dictionary {
                 "HOUSE_NO": "Huisnummer",
                 "HOUSE_NO_ADDITION": "Huisnummer toevoeging",
                 "IN": "In",
+                "INSIDE": "Binnen",
                 "INACTIVE_TRANSACTIONS": "Inactieve transacties",
                 "INCLUDING_RETURNS": "Inclusief retouren",
                 "IN_SEARCHORDERS": "In verkooporders",
@@ -324,6 +326,7 @@ class Dictionary {
                 "INVOICE_ADDRESS_ADD": "Factuuradres toevoegen",
                 "INVOICE_ADDRESS_CHANGE": "Factuuradres wijzigen",
                 "INVOICE_CHECK": "Factuurcontrole",
+                "ITEM_ACCEPTED": "Binnengemeld",
                 "LAST_EDITED_DATE": "Datum laatste wijziging",
                 "LAST_EDITED_USER": "Gebruiker laatste wijziging",
                 "LAST_NAME": "Achternaam",
@@ -363,6 +366,7 @@ class Dictionary {
                 "NUMBER": "Aantal",
                 "ON_DATE": "Op datum",
                 "ON_HOLD": "Gepauzeerd",
+                "OPEN": "Open",
                 "OPEN_SHOPPING_CART": "Open winkelwagen",
                 "ORDER_CONFIRMATIONS": "Bevestigingen",
                 "ORDER_DATE": "Orderdatum",
@@ -433,6 +437,7 @@ class Dictionary {
                 "QUANTITY_CANNOT_BE_MORE_THAN_RECEIVED": "Het aantal moet gelijk zijn aan het aantal ontvangen",
                 "QUANTUM_DISCOUNT": "Kwantumkorting",
                 "RECEIPT_DETAILS": "Ontvangst details",
+                "RECEIVE": "Ontvangen",
                 "RECEIVED": "Ontvangst",
                 "RECEIVED_DELIVERED": "Binnengemeld / geleverd",
                 "RECEIVED_DATE": "Ontvangst datum",
@@ -522,6 +527,7 @@ class Dictionary {
             "de": {},
             "fr": {},
             "en": {
+                "0_RESULTS_FOUND": "0 results found",
                 "ACCOUNT_DETAILS": "Account details",
                 "ACCOUNT_EXPLANATION": "E-mailaddress and password are needed to gain access to the data. We also notify you on this e-mailaddress about the order status",
                 "ACTIVE": "Active",
@@ -664,6 +670,7 @@ class Dictionary {
                 "INVOICE_ADDRESS_ADD": "Add invoice address",
                 "INVOICE_ADDRESS_CHANGE": "Change invoice address",
                 "INVOICE_CHECK": "Invoice check",
+                "ITEM_ACCEPTED": "Item accepted",
                 "LAST_EDITED_DATE": "Date last mutation",
                 "LAST_EDITED_USER": "User last mutation",
                 "LAST_NAME": "Last name",
@@ -2026,7 +2033,7 @@ var Icon;
     Icon["ArrowPointLeft"] = "arrow_point_left";
     Icon["ArrowPointRight"] = "arrow_point_right";
     Icon["Article"] = "article";
-    Icon["Barcode"] = "barcode";
+    Icon["AtSolid"] = "at_solid";
     Icon["BarcodeSolid"] = "barcode_solid";
     Icon["BarsFilter"] = "bars_filter";
     Icon["CalendarDay"] = "calendar_day";
@@ -2039,8 +2046,11 @@ var Icon;
     Icon["CreditCardSolid"] = "credit_card_solid";
     Icon["DeliveryTruck"] = "delivery_truck";
     Icon["EditPencil"] = "edit_pencil";
+    Icon["FileCircleInfoSolid"] = "file_circle_info_solid";
+    Icon["FilePdfSolid"] = "file_pdf_solid";
     Icon["GripDotsVerticalSolid"] = "grip_dots_vertical_solid";
     Icon["IdealLogo"] = "ideal_logo";
+    Icon["InboxInSolid"] = "inbox_in_solid";
     Icon["ListRegular"] = "list_regular";
     Icon["ListView"] = "list_view";
     Icon["LocationDotSolid"] = "location_dot_solid";
@@ -2053,8 +2063,11 @@ var Icon;
     Icon["Menu"] = "menu";
     Icon["PalletBoxesSolid"] = "pallet_boxes_solid";
     Icon["PlusRound"] = "plus_round";
+    Icon["PrintSolid"] = "print_solid";
     Icon["Purchase"] = "purchase";
     Icon["Resize"] = "resize";
+    Icon["ShareSolid"] = "share_solid";
+    Icon["ShelvesLight"] = "shelves_light";
     Icon["ShelvesSolid"] = "shelves_solid";
     Icon["SidePanel"] = "side_panel";
     Icon["SlideIn"] = "slide_in";
@@ -2084,7 +2097,7 @@ const IconSvg = {
     "arrow_point_left": "<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=\"M31.9,36.7l-14.7-9.6C17.1,27,17,26.9,17,26.7v-2.4c0-0.2,0.1-0.3,0.2-0.4l14.7-9.6c0.2-0.2,0.5-0.1,0.7,0.1l1.4,2.1c0.2,0.2,0.1,0.5-0.1,0.7l-12,7.8c-0.3,0.2-0.3,0.6,0,0.8l12,7.8c0.2,0.2,0.3,0.5,0.1,0.7l-1.4,2.1C32.4,36.8,32.1,36.8,31.9,36.7z\"/></svg>",
     "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>",
-    "barcode": "<!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=\"M2,6H4V18H2V6M5,6H6V18H5V6M7,6H10V18H7V6M11,6H12V18H11V6M14,6H16V18H14V6M17,6H20V18H17V6M21,6H22V18H21V6Z\" /></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_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>",
@@ -2097,8 +2110,11 @@ 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>",
+    "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>",
     "ideal_logo": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 306.1 269.8\" style=\"enable-background:new 0 0 306.1 269.8;\" ><style type=\"text/css\">.st0{fill:#FFFFFF;}.st1{fill:#CC0066;}</style><g><g><path class=\"st0\" d=\"M0,20v229.8c0,11,9,20,20,20h137.3c103.8,0,148.8-58.1,148.8-135.2C306.1,57.9,261.1,0,157.3,0H20C9,0,0,9,0,20z\"/><path class=\"st1\" d=\"M91.9,56.4v169.8h73.9c67.1,0,96.2-37.9,96.2-91.5c0-51.3-29.1-91.1-96.2-91.1h-61.1C97.6,43.6,91.9,49.4,91.9,56.4z\"/><g><g><path d=\"M157.3,251.5H37.9c-10.6,0-19.2-8.6-19.2-19.2V37.6c0-10.6,8.6-19.2,19.2-19.2h119.4c113.3,0,130.2,72.9,130.2,116.3C287.5,210,241.2,251.5,157.3,251.5z M37.9,24.8c-7.1,0-12.8,5.7-12.8,12.8v194.7c0,7.1,5.7,12.8,12.8,12.8h119.4c79.8,0,123.8-39.2,123.8-110.4c0-95.6-77.6-109.9-123.8-109.9H37.9z\"/></g></g></g><g><path class=\"st0\" d=\"M117.9,111.8c2.6,0,5,0.4,7.3,1.2c2.3,0.8,4.2,2.1,5.9,3.7c1.6,1.7,2.9,3.8,3.9,6.2c0.9,2.5,1.4,5.4,1.4,8.8c0,3-0.4,5.7-1.1,8.2c-0.8,2.5-1.9,4.7-3.4,6.5c-1.5,1.8-3.4,3.2-5.7,4.3c-2.3,1-5,1.6-8.1,1.6h-17.5v-40.6H117.9z M117.3,144.9c1.3,0,2.5-0.2,3.8-0.6c1.2-0.4,2.3-1.1,3.2-2.1c0.9-1,1.7-2.2,2.3-3.8c0.6-1.6,0.9-3.4,0.9-5.7c0-2-0.2-3.9-0.6-5.5c-0.4-1.6-1.1-3.1-2-4.2s-2.1-2.1-3.6-2.7c-1.5-0.6-3.3-0.9-5.5-0.9h-6.4v25.6H117.3z\"/><path class=\"st0\" d=\"M172.5,111.8v7.5h-21.4v8.7h19.7v6.9h-19.7v9.9H173v7.5h-30.8v-40.6H172.5z\"/><path class=\"st0\" d=\"M203.1,111.8l15.2,40.6H209l-3.1-9h-15.2l-3.2,9h-9l15.3-40.6H203.1z M203.6,136.7l-5.1-14.9h-0.1l-5.3,14.9H203.6z\"/><path class=\"st0\" d=\"M232.8,111.8v33.1h19.8v7.5h-28.7v-40.6H232.8z\"/></g><g><circle cx=\"58.5\" cy=\"132.1\" r=\"18.7\"/></g><path d=\"M72.6,226.2L72.6,226.2c-15.7,0-28.3-12.7-28.3-28.3v-22.1c0-7.8,6.3-14.2,14.2-14.2h0c7.8,0,14.2,6.3,14.2,14.2V226.2z\"/></g></svg>",
+    "inbox_in_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M288 32V210.7l41.4-41.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-96 96c-12.5 12.5-32.8 12.5-45.3 0l-96-96c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L224 210.7V32c0-17.7 14.3-32 32-32s32 14.3 32 32zM48 320h76.2c12.1 0 23.2 6.8 28.6 17.7l14.3 28.6c5.4 10.8 16.5 17.7 28.6 17.7H316.2c12.1 0 23.2-6.8 28.6-17.7l14.3-28.6c5.4-10.8 16.5-17.7 28.6-17.7H464c26.5 0 48 21.5 48 48v96c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V368c0-26.5 21.5-48 48-48z\"/></svg>",
     "list_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M88 48C101.3 48 112 58.75 112 72V120C112 133.3 101.3 144 88 144H40C26.75 144 16 133.3 16 120V72C16 58.75 26.75 48 40 48H88zM488 72C501.3 72 512 82.75 512 96C512 109.3 501.3 120 488 120H184C170.7 120 160 109.3 160 96C160 82.75 170.7 72 184 72H488zM488 232C501.3 232 512 242.7 512 256C512 269.3 501.3 280 488 280H184C170.7 280 160 269.3 160 256C160 242.7 170.7 232 184 232H488zM488 392C501.3 392 512 402.7 512 416C512 429.3 501.3 440 488 440H184C170.7 440 160 429.3 160 416C160 402.7 170.7 392 184 392H488zM16 232C16 218.7 26.75 208 40 208H88C101.3 208 112 218.7 112 232V280C112 293.3 101.3 304 88 304H40C26.75 304 16 293.3 16 280V232zM88 368C101.3 368 112 378.7 112 392V440C112 453.3 101.3 464 88 464H40C26.75 464 16 453.3 16 440V392C16 378.7 26.75 368 40 368H88z\"/></svg>",
     "list_view": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 51 51\"><rect x=\"26.5\" y=\"13\" width=\"14\" height=\"7\" fill=\"#4d5050\"/><rect x=\"10.5\" y=\"13\" width=\"14\" height=\"7\" fill=\"#4d5050\"/><rect x=\"10.5\" y=\"22\" width=\"14\" height=\"7\" fill=\"#4d5050\"/><rect x=\"26.5\" y=\"22\" width=\"14\" height=\"7\" fill=\"#4d5050\"/><rect x=\"10.5\" y=\"31\" width=\"14\" height=\"7\" fill=\"#4d5050\"/><rect x=\"26.5\" y=\"31\" width=\"14\" height=\"7\" fill=\"#4d5050\"/></svg>",
     "location_dot_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M168.3 499.2C116.1 435 0 279.4 0 192C0 85.96 85.96 0 192 0C298 0 384 85.96 384 192C384 279.4 267 435 215.7 499.2C203.4 514.5 180.6 514.5 168.3 499.2H168.3zM192 256C227.3 256 256 227.3 256 192C256 156.7 227.3 128 192 128C156.7 128 128 156.7 128 192C128 227.3 156.7 256 192 256z\"/></svg>",
@@ -2111,8 +2127,11 @@ const IconSvg = {
     "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>",
     "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>",
     "purchase": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><g opacity=\"0.75\"><polygon points=\"33.34 25.04 27.34 28.52 33.35 31.97 39.34 28.49 33.34 25.04\" fill=\"#484f60\"/><polygon points=\"33.99 33.08 39.99 29.6 40 36.53 34.01 40.01 33.99 33.08\" fill=\"#484f60\" opacity=\"0.5\"/><polygon points=\"26.72 36.55 26.71 29.63 32.71 33.08 32.72 40.01 26.72 36.55\" fill=\"#484f60\" opacity=\"0.25\"/><polygon points=\"12.78 28.54 18.79 32 24.78 28.52 18.77 25.07 12.78 28.54\" fill=\"#484f60\"/><polygon points=\"19.43 33.1 25.42 29.63 25.44 36.56 19.44 40.03 19.43 33.1\" fill=\"#484f60\" opacity=\"0.5\"/><polygon points=\"12.15 36.58 12.14 29.65 18.15 33.11 18.16 40.04 12.15 36.58\" fill=\"#484f60\" opacity=\"0.25\"/><polygon points=\"32.04 15.89 26.03 12.44 22.09 14.73 27.52 14.73 24.03 18.21 26.05 19.37 32.04 15.89\" fill=\"#484f60\"/><polygon points=\"32.68 17 26.69 20.48 26.7 27.41 32.7 23.93 32.68 17\" fill=\"#484f60\" opacity=\"0.5\"/><polygon points=\"23.1 19.15 19.41 22.83 19.41 23.95 25.42 27.41 25.41 20.48 23.1 19.15\" fill=\"#484f60\" opacity=\"0.25\"/></g><polygon points=\"19.03 16.34 19.03 10.3 14.61 10.3 14.61 16.34 14.61 16.34 10 16.34 16.82 23.16 23.64 16.34 19.03 16.34\" fill=\"#484f60\"/></svg>",
     "resize": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 51 51\"><polygon points=\"1.1 49.9 1.1 30.6 7.8 37.3 37.3 8 30.6 1.3 49.9 1.3 49.9 20.6 43.2 13.9 13.7 43.2 20.5 49.9 1.1 49.9\" fill=\"#4d5050\"/></svg>",
+    "share_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M503.7 226.2l-176 151.1c-15.38 13.3-39.69 2.545-39.69-18.16V272.1C132.9 274.3 66.06 312.8 111.4 457.8c5.031 16.09-14.41 28.56-28.06 18.62C39.59 444.6 0 383.8 0 322.3c0-152.2 127.4-184.4 288-186.3V56.02c0-20.67 24.28-31.46 39.69-18.16l176 151.1C514.8 199.4 514.8 216.6 503.7 226.2z\"/></svg>",
+    "shelves_light": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M624 0C615.2 0 608 7.162 608 16V160H32V16C32 7.162 24.84 0 16 0S0 7.162 0 16v480C0 504.8 7.164 512 16 512S32 504.8 32 496V448h576v48c0 8.836 7.164 16 16 16s16-7.164 16-16v-480C640 7.162 632.8 0 624 0zM608 416H32V192h576V416zM384 128h64c17.67 0 32-14.33 32-32V32c0-17.67-14.33-32-32-32h-64c-17.67 0-32 14.33-32 32v64C352 113.7 366.3 128 384 128zM384 32h64v64h-64V32zM288 384h64c17.67 0 32-14.33 32-32V288c0-17.67-14.33-32-32-32H288C270.3 256 256 270.3 256 288v64C256 369.7 270.3 384 288 384zM288 288h64v64H288V288zM128 384h64c17.67 0 32-14.33 32-32V288c0-17.67-14.33-32-32-32H128C110.3 256 96 270.3 96 288v64C96 369.7 110.3 384 128 384zM128 288h64v64H128V288z\"/></svg>",
     "shelves_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M608 0c-17.6 0-32 14.4-32 31.1V160H64V31.1C64 14.4 49.6 0 32 0S0 14.4 0 31.1v480h64v-32h512v32h64v-480C640 14.4 625.6 0 608 0zM576 416H64V224h512V416zM368 128h96C472.8 128 480 120.8 480 112v-96C480 7.25 472.8 0 464 0h-96C359.2 0 352 7.25 352 16v96C352 120.8 359.2 128 368 128zM112 384h96C216.8 384 224 376.8 224 368v-96C224 263.2 216.8 256 208 256h-96C103.2 256 96 263.2 96 272v96C96 376.8 103.2 384 112 384zM272 384h96c8.75 0 16-7.25 16-16v-96C384 263.2 376.8 256 368 256h-96C263.2 256 256 263.2 256 272v96C256 376.8 263.2 384 272 384z\"/></svg>",
     "side_panel": "<svg width=\"47px\" height=\"43px\" viewBox=\"0 0 47 43\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><defs><image width=\"47\" height=\"43\" xlink:href=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAArCAYAAADottG6AAAABHNCSVQICAgIfAhkiAAAAHtJREFUWIXt18EJwCAQAEENKSNv60gVgVQYSBWpw3f6OHvQx3Kw8xcX0QNrRERJaqMDVhhPMZ5iPMV4ivEU4ynGU/bZhb3/5Xm/pc3v6yytHdPrq58RiPEUHywl9bUxnuKDpaS+NsZTUsennjapT95RSTGeYjzFeErq+AEBrixGEVJ5mAAAAABJRU5ErkJggg==\" /></defs><use xlink:href=\"#img_1\" fill=\"#FFFFFF\" stroke=\"none\" /></svg>",
     "slide_in": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M12,12.17H38v26H12ZM36.76,13.4H13.24V36.93H36.76Z\" fill=\"#484f60\"/><polygon points=\"33.71 23.42 28.41 23.42 28.41 20.43 24.13 24.72 28.41 29.01 28.41 26.02 33.71 26.02 33.71 23.42\" fill=\"#484f60\"/><rect x=\"12\" y=\"12.17\" width=\"9\" height=\"26\" fill=\"#484f60\"/></svg>",
@@ -2640,6 +2659,10 @@ DynamicComponentService.ctorParameters = () => [
 ];
 
 class DialogTransactionLineWarehouseLocationComponent extends DialogTransactionLineBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.showClose = false;
+    }
     showClass() {
         return true;
     }
@@ -2648,7 +2671,7 @@ DialogTransactionLineWarehouseLocationComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-dialog-transaction-line-warehouse-location",
                 template: `
-    <co-dialog [headerTemplate]="dialogHeader" [footerTemplate]="footerTemplate" [showCloseIcon]="true" (closeClick)="onClose(buttonType.Ok)">
+    <co-dialog [headerTemplate]="dialogHeader" [footerTemplate]="footerTemplate" [showCloseIcon]="showClose" (closeClick)="handleClose(buttonType.Ok)">
       <co-transaction-line-warehouse-location
         [autoClose]="autoClose"
         [useModel]="useModel"
@@ -2673,6 +2696,7 @@ DialogTransactionLineWarehouseLocationComponent.decorators = [
 ];
 DialogTransactionLineWarehouseLocationComponent.propDecorators = {
     warehouseNr: [{ type: Input }],
+    showClose: [{ type: Input }],
     showClass: [{ type: HostBinding, args: ["class.co-dialog-transaction-line-warehouse-location",] }]
 };
 
@@ -2832,9 +2856,12 @@ class DialogService {
         };
         return this.dynamicComponentService.createComponent(DialogTransactionLineCommissionCodeComponent, data);
     }
-    showWarehouseLocation(warehouseNr) {
+    showWarehouseLocation(warehouseNr, useModel, autoClose, showClose, transactionLine) {
         const data = {
-            useModel: false,
+            useModel: useModel,
+            autoClose: autoClose,
+            showClose: showClose,
+            transactionLine: transactionLine,
             warehouseNr: warehouseNr
         };
         return this.dynamicComponentService.createComponent(DialogTransactionLineWarehouseLocationComponent, data);
@@ -3361,7 +3388,7 @@ class TransactionConnectorAdapterService {
     }
     getPaymentMethods() {
         return __awaiter(this, void 0, void 0, function* () {
-            const result = yield this.connector.getPaymentMethodsForSalesOrder();
+            const result = yield this.connector.getPaymentMethods();
             if (result.validationResult && result.validationResult.success) {
                 return this._boFactory.makeBOArrayFromRawBackendDataArray(PaymentMethod, result.resultObject);
             }
@@ -8339,7 +8366,6 @@ class TransactionSearchService {
             [TransactionKind.ServiceOrder, "SERVICEORDERS"]
         ]);
         this.transactionsPerPage = 20;
-        this.resultCount = 0;
         this._currentPage = 1;
         this._transactionType = TransactionKind.SalesOrder;
     }
@@ -8368,8 +8394,9 @@ class TransactionSearchService {
         const lowerBound = ((this.currentPage - 1) * this.transactionsPerPage) + 1;
         this.searchRequest.paging = new PagingParameters(lowerBound, lowerBound + this.transactionsPerPage - 1, this.transactionsPerPage);
         this._transactionService.searchTransactions(this.searchRequest).then((result) => {
-            this.transactions = result.transactions;
-            this.resultCount = result.count;
+            var _a, _b;
+            this.transactions = (_a = result.transactions) !== null && _a !== void 0 ? _a : [];
+            this.resultCount = (_b = result.count) !== null && _b !== void 0 ? _b : undefined;
         });
         this.setPreviousSearchRequest();
     }
@@ -8810,7 +8837,7 @@ TransactionSearchPurchaseOrderTileComponent.decorators = [
           </div>
           <div class="tile-upper-right">
             <div class="status-bar-wrapper">
-              <co-status-bar></co-status-bar>
+              <co-transaction-statusbar [transaction]="transaction" [transactionKind]="transaction.transactionKind"></co-transaction-statusbar>
             </div>
             <div class="header"><span [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
           </div>
@@ -8879,7 +8906,7 @@ TransactionSearchSalesOrderTileComponent.decorators = [
           </div>
           <div class="tile-upper-right">
             <div class="status-bar-wrapper">
-              <co-status-bar></co-status-bar>
+              <co-transaction-statusbar [transaction]="transaction" [transactionKind]="transaction.transactionKind"></co-transaction-statusbar>
             </div>
             <div class="header"><span [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span></div>
           </div>
@@ -9077,10 +9104,10 @@ class TransactionEventService {
         this.transactionLineClicked = new Subject();
         this.rightSidebarClose = new Subject();
         this.scrollContent = new Subject();
-        this.receivedPurchaseOrderCommit = new Subject();
         this.commitReceivePurchaseOrders = new Subject();
         this.selectAllLines = new Subject();
         this.transactionLineChanged = new Subject();
+        this.openSidePanel = new Subject();
     }
 }
 TransactionEventService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TransactionEventService_Factory() { return new TransactionEventService(); }, token: TransactionEventService, providedIn: "root" });
@@ -9089,14 +9116,15 @@ TransactionEventService.decorators = [
 ];
 
 class TransactionQuickAccessReceivedGoodsComponent extends TransactionBaseComponent {
-    constructor(_transactionService, _transactionEventService) {
+    constructor(iconService, _transactionService, _transactionEventService) {
         super(_transactionService);
+        this.iconService = iconService;
         this._transactionService = _transactionService;
         this._transactionEventService = _transactionEventService;
+        this.icons = Icon;
+        this.localCheckboxState = true;
         // Route through event service instead
         this.checkboxValueChanged = new EventEmitter();
-        this.commitCheckboxState = false;
-        this._subscriptions = [];
     }
     showClass() {
         return true;
@@ -9104,16 +9132,13 @@ class TransactionQuickAccessReceivedGoodsComponent extends TransactionBaseCompon
     ngOnInit() {
         const timeElapsed = Date.now();
         this.commitDate = new Date(timeElapsed);
-        this._subscriptions.push(this._transactionEventService.receivedPurchaseOrderCommit.subscribe((value) => {
-            this.commitCheckboxState = value;
-        }));
-    }
-    ngOnDestroy() {
-        this._subscriptions.forEach((subscription) => subscription.unsubscribe());
     }
     handleCommitEvent(value) {
         this._transactionEventService.commitReceivePurchaseOrders.next(value);
     }
+    handleSelectAllLines(value) {
+        this._transactionEventService.selectAllLines.next(value);
+    }
 }
 TransactionQuickAccessReceivedGoodsComponent.decorators = [
     { type: Component, args: [{
@@ -9129,15 +9154,25 @@ TransactionQuickAccessReceivedGoodsComponent.decorators = [
       ></co-input-text>
       <co-input-checkbox
         class="checkbox-wrapper"
-        [(model)]="commitCheckboxState"
-        [disabled]="commitCheckboxState"
-        (modelChange)="handleCommitEvent({checkboxValue: $event, date: this.commitDate, id: this.commitReferenceId})"
+        [(model)]="localCheckboxState"
+        (modelChange)="handleSelectAllLines($event)"
         ></co-input-checkbox>
+      <div class="buttons">
+        <div class="button-wrapper receive" (click)="handleCommitEvent({date: this.commitDate, id: this.commitReferenceId})">
+          <co-icon class="button-icon" [iconData]="iconService.getIcon(icons.InboxInSolid)"></co-icon>
+          <span class="button-title" [textContent]="'INSIDE' | localize"></span>
+        </div>
+        <div class="button-wrapper print">
+          <co-icon class="button-icon" [iconData]="iconService.getIcon(icons.PrintSolid)"></co-icon>
+          <div class="dots-wrapper"><div class="dot"></div><div class="dot"></div><div class="dot"></div></div>
+        </div>
+      </div>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
 TransactionQuickAccessReceivedGoodsComponent.ctorParameters = () => [
+    { type: IconCacheService },
     { type: TransactionService },
     { type: TransactionEventService }
 ];
@@ -9428,195 +9463,6 @@ TransactionLinesGridComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ["class.co-transaction-lines-grid",] }]
 };
 
-class ReceiveGoodsViewModel {
-    constructor(transactionLine, goodsReceiptStatus, selected, toReceive) {
-        this.toReceive = 0;
-        this.location = '';
-        this.transactionLine = transactionLine;
-        this.goodsReceiptStatus = goodsReceiptStatus;
-        this.selected = selected;
-        this.toReceive = toReceive;
-    }
-}
-
-class ArticleService {
-    constructor(_articleConnectorService, _selectMultipleCacheService) {
-        this._articleConnectorService = _articleConnectorService;
-        this._selectMultipleCacheService = _selectMultipleCacheService;
-    }
-    getWarehouseLocations(warehouseNr) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // @ts-ignore
-            return this._selectMultipleCacheService.requestCache(StockLocation, () => {
-                return this._articleConnectorService.getWarehouseLocations(warehouseNr);
-            }).getValue();
-        });
-    }
-}
-ArticleService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ArticleService_Factory() { return new ArticleService(i0.ɵɵinject(ArticleConnectorService), i0.ɵɵinject(SelectMultipleCacheService)); }, token: ArticleService, providedIn: "root" });
-ArticleService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: "root"
-            },] }
-];
-ArticleService.ctorParameters = () => [
-    { type: ArticleConnectorService },
-    { type: SelectMultipleCacheService }
-];
-
-class TransactionReceivedGoodsGridComponent extends TransactionGridBaseComponent {
-    constructor(_imageService, _transactionService, _transactionEventService, _articleService, _dialogService) {
-        super(_imageService);
-        this._imageService = _imageService;
-        this._transactionService = _transactionService;
-        this._transactionEventService = _transactionEventService;
-        this._articleService = _articleService;
-        this._dialogService = _dialogService;
-        this.columnAlign = ColumnAlign;
-        this.locationDropdownFields = { text: "locationNo", value: "locationNo" };
-        this.rowViewModels = new Map();
-        this._subscriptions = [];
-        this._subscriptions.push(this._transactionEventService.commitReceivePurchaseOrders.subscribe((value => {
-            this.handleReceiveSelectedPurchaseOrders(value);
-        })), this._transactionEventService.transactionLineChanged.subscribe((value) => {
-            this.handleTransactionLineChanged(value);
-        }));
-    }
-    showClass() {
-        return true;
-    }
-    ngOnInit() {
-        this.transactionLines.forEach((line) => {
-            this.rowViewModels.set(line, new ReceiveGoodsViewModel(line, new GoodsReceiptStatus(), false));
-        });
-    }
-    ngOnDestroy() {
-        this._subscriptions.forEach((subscription) => subscription.unsubscribe());
-    }
-    handleRowVisible(row) {
-        if (row.isArticle) {
-            this._transactionService.getGoodsReceiptStatus(this.transactionId, row.lineNr)
-                .then((result) => {
-                this.rowViewModels.set(row, new ReceiveGoodsViewModel(row, result, result.quantityToReceive === 0, result.quantityToReceive));
-            });
-        }
-    }
-    locationRequired(row) {
-        return row.isLocationRequired || row.isBatchNrRequired || row.isSerialNrRequired;
-    }
-    handleDropDownSelected(warehouseNr) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.locations = yield this._articleService.getWarehouseLocations(warehouseNr);
-        });
-    }
-    getRowViewModel(row) {
-        return this.rowViewModels.get(row);
-    }
-    handleReceiveSelectedPurchaseOrders(value) {
-        const selectedRows = [...this.rowViewModels.values()]
-            .filter((row) => row.selected && row.toReceive !== 0);
-        if (value.checkboxValue && selectedRows.length > 0) {
-            const receivedGoodsRequest = new ReceiveGoodsForPurchaseOrderRequest();
-            receivedGoodsRequest.transId = this.transactionId;
-            receivedGoodsRequest.receivedDate = value.date;
-            receivedGoodsRequest.packingSlipNr = value.id;
-            receivedGoodsRequest.purchaseOrderLineReceiptDetailsDTOS = [];
-            selectedRows.forEach((row) => {
-                const detail = new PurchaseOrderLineReceiptDetails();
-                detail.lineNr = row.transactionLine.lineNr;
-                detail.quantityToReceive = row.toReceive;
-                detail.warehouseNr = row.transactionLine.warehouseNumber;
-                detail.locationNr = row.location;
-                receivedGoodsRequest.purchaseOrderLineReceiptDetailsDTOS.push(detail);
-            });
-            this._transactionService.receiveGoodsForPurchaseOrder(receivedGoodsRequest).then(() => {
-                this._handleAfterCommitReceivedOrders(selectedRows);
-            });
-        }
-    }
-    _handleAfterCommitReceivedOrders(selectedRows) {
-        selectedRows.forEach((row) => {
-            row.goodsReceiptStatus.quantityToReceive = row.goodsReceiptStatus.quantityToReceive -= row.toReceive;
-            row.toReceive = row.goodsReceiptStatus.quantityToReceive;
-            if (row.goodsReceiptStatus.quantityToReceive !== 0) {
-                row.selected = false;
-            }
-        });
-        this._transactionEventService.receivedPurchaseOrderCommit.next(false);
-    }
-    handleTransactionLineChanged(change) {
-        const receiveGoodsViewModel = this.rowViewModels.get(change.transactionLine);
-        receiveGoodsViewModel.goodsReceiptStatus.quantityToReceive = change.goodsReceiptStatus.quantityToReceive;
-        receiveGoodsViewModel.toReceive = change.goodsReceiptStatus.quantityToReceive;
-    }
-    openWarehouseLocationDialog(line) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this._dialogService.showWarehouseLocation(line.warehouseNumber);
-            if (response.button === AppPopupButtonType.Ok) {
-                this.getRowViewModel(line).location = response.output;
-            }
-        });
-    }
-}
-TransactionReceivedGoodsGridComponent.decorators = [
-    { type: Component, args: [{
-                selector: "co-transaction-received-goods-grid",
-                template: `
-    <co-transaction-base-grid [transactionLines]="transactionLines" (sidePanelClicked)="openSidePanel($event)" (rowVisible)="handleRowVisible($event)">
-      <co-simple-grid-column [textAlign]="columnAlign.Center" [headerText]="'WAREHOUSE' | localize" [field]="'warehouseNumber'" [order]="40"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'LOCATION' | localize" [order]="45">
-        <ng-template #template let-row = "row">
-          <div *ngIf="row.isArticle" class="location-wrapper" (click)="openWarehouseLocationDialog(row)">
-            <div [textContent]="getRowViewModel(row).location ? getRowViewModel(row).location : '-'"></div>
-          </div>
-          <!--          <co-drop-down-list-->
-          <!--            noTriangleGraphic-->
-          <!--            (focus)="handleDropDownSelected(row.warehouseNumber)"-->
-          <!--            [required]="locationRequired(row) && getRowViewModel(row).goodsReceiptStatus.quantityToReceive > 0"-->
-          <!--            [collection]="locations"-->
-          <!--            [fields]="locationDropdownFields"-->
-          <!--            [(model)]="getRowViewModel(row).location"-->
-          <!--            [disabled]="getRowViewModel(row).goodsReceiptStatus.quantityToReceive === 0"-->
-          <!--          ></co-drop-down-list>-->
-        </ng-template>
-      </co-simple-grid-column>
-      <co-simple-grid-column [textAlign]="columnAlign.Center" [headerText]="'IN_ORDER' | localize" [field]="'amount'" [order]="50"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'RECEIVED' | localize" [order]="51">
-        <ng-template #template let-row = "row">
-          <co-input-number-picker *ngIf="row.isArticle"
-                                  [min]="getRowViewModel(row).goodsReceiptStatus.quantityToReceive > 0 ? 1 : 0"
-                                  [max]="getRowViewModel(row).goodsReceiptStatus.quantityToReceive"
-                                  [(model)]="getRowViewModel(row).toReceive"
-                                  [disabled]="getRowViewModel(row).goodsReceiptStatus.quantityToReceive === 0"
-                                  [readonly]="getRowViewModel(row).goodsReceiptStatus.quantityToReceive === 0"
-          ></co-input-number-picker>
-        </ng-template>
-      </co-simple-grid-column>
-      <co-simple-grid-column [textAlign]="columnAlign.Center" [headerText]="'BATCH' | localize" [field]="'inOrder'" [order]="52"></co-simple-grid-column>
-      <co-simple-grid-column [textAlign]="columnAlign.Center" [headerText]="'Commit button'" [field]="'commitButton'" [order]="55">
-        <ng-template #template let-row = "row">
-          <co-input-checkbox *ngIf="row.isArticle"
-                             [(model)]="getRowViewModel(row).selected"
-                             [disabled]="getRowViewModel(row).goodsReceiptStatus.quantityToReceive === 0"
-          ></co-input-checkbox>
-        </ng-template>
-      </co-simple-grid-column>
-    </co-transaction-base-grid>
-  `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-TransactionReceivedGoodsGridComponent.ctorParameters = () => [
-    { type: TransactionImageService },
-    { type: TransactionService },
-    { type: TransactionEventService },
-    { type: ArticleService },
-    { type: DialogService }
-];
-TransactionReceivedGoodsGridComponent.propDecorators = {
-    showClass: [{ type: HostBinding, args: ["class.co-transaction-received-goods-grid",] }]
-};
-
 // Direction type for regular straight directions.
 var Direction;
 (function (Direction) {
@@ -9828,10 +9674,10 @@ class TransactionLinesLineBaseComponent {
     constructor() {
         this.icons = Icon;
         this.waitingForUserAction = new EventEmitter();
-        this.sidePanelButtonClicked = new EventEmitter();
         this.preview = false;
         this.readonly = false;
         this.lineSet = new BehaviorSubject(false);
+        this.lineVisible = new BehaviorSubject(false);
     }
     set line(value) {
         this._line = value;
@@ -9853,8 +9699,8 @@ TransactionLinesLineBaseComponent.decorators = [
 ];
 TransactionLinesLineBaseComponent.propDecorators = {
     line: [{ type: Input }],
+    transactionId: [{ type: Input }],
     waitingForUserAction: [{ type: Output }],
-    sidePanelButtonClicked: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-base-line",] }],
     preview: [{ type: HostBinding, args: ["class.preview",] }, { type: Input }],
     isSelected: [{ type: HostBinding, args: ["class.is-selected",] }, { type: Input, args: ['selected',] }],
@@ -10172,8 +10018,6 @@ class TransactionOrderDeliveryLineComponent extends TransactionLinesLineBaseComp
     showClass() {
         return true;
     }
-    changeLineAmount(amount) {
-    }
     ngOnInit() {
         this.allowPartialDelivery = this.service.currentTransaction.transactionInfo.allowPartialDelivery;
         this._subscriptions.push(this._transactionEventService.selectAllLines.subscribe((value) => {
@@ -10183,6 +10027,8 @@ class TransactionOrderDeliveryLineComponent extends TransactionLinesLineBaseComp
     ngOnDestroy() {
         this._subscriptions.forEach(s => s.unsubscribe());
     }
+    changeLineAmount(amount) {
+    }
 }
 TransactionOrderDeliveryLineComponent.decorators = [
     { type: Component, args: [{
@@ -10282,8 +10128,8 @@ TransactionQuickAccessOrderDeliveryComponent.decorators = [
       </div>
       <div class="send-button-wrapper">
         <div class="button-wrapper">
-          <co-icon class="send-icon" [iconData]="iconService.getIcon(icons.ArrowPointRight)"></co-icon>
-          <span class="send-title" [textContent]="'SEND' | localize"></span>
+          <co-icon class="button-icon" [iconData]="iconService.getIcon(icons.ArrowPointRight)"></co-icon>
+          <span class="button-title" [textContent]="'SEND' | localize"></span>
         </div>
         <co-icon class="hover-icon" [iconData]="iconService.getIcon(icons.GripDotsVerticalSolid)" (click)="openDeliveryDocumentDialog()"></co-icon>
       </div>
@@ -10305,49 +10151,207 @@ TransactionQuickAccessOrderDeliveryComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ["class.co-transaction-quick-access-order-delivery",] }]
 };
 
-class TransactionMappingService {
-    constructor() {
-        this._buttonBarTransaction = new Map([
-            [TransactionKind.PurchaseOrder, [
-                    { title: 'OVERVIEW', icon: Icon.CartShoppingSolid, category: TransactionTypeCategory.PurchaseOrderOverview },
-                    { title: 'CONFIRMATION', icon: Icon.MemoCircleCheckSolid, category: TransactionTypeCategory.PurchaseOrderOrderConfirmation },
-                    { title: 'TRANSPORT', icon: Icon.TruckContainerSolid, category: TransactionTypeCategory.PurchaseOrderTransport },
-                    { title: 'RECEIVED', icon: Icon.CartFlatbedBoxesSolid, category: TransactionTypeCategory.PurchaseOrderReceivedGoods },
-                    { title: 'INVOICE_CHECK', icon: Icon.Tag, category: TransactionTypeCategory.PurchaseOrderInvoiceCheck },
-                    { title: 'MENU', icon: Icon.Tag, category: TransactionTypeCategory.PurchaseOrderMenu }
-                ]],
-            [TransactionKind.SalesOrder, [
-                    { title: 'OVERVIEW', icon: Icon.CartShoppingSolid, category: TransactionTypeCategory.SalesOrderOverview },
-                    { title: 'PURCHASE', icon: Icon.PalletBoxesSolid, category: TransactionTypeCategory.SalesOrderPurchase },
-                    { title: 'LOGISTICS', icon: Icon.ShelvesSolid, category: TransactionTypeCategory.SalesOrderLogistics },
-                    { title: 'PLANNING', icon: Icon.TruckMovingSolid, category: TransactionTypeCategory.SalesOrderPlanning },
-                    { title: 'DELIVERY_NOTE', icon: Icon.MemoCircleCheckSolid, category: TransactionTypeCategory.SalesOrderDeliveryNote },
-                    { title: 'INVOICE', icon: Icon.CartCheck, category: TransactionTypeCategory.SalesOrderInvoice }
-                ]],
-        ]);
-        this._quickAccessComponent = new Map([
-            [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderOrderConfirmation }, TransactionQuickAccessOrderConfirmationComponent],
-            [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderReceivedGoods }, TransactionQuickAccessReceivedGoodsComponent],
-            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderOverview }, TransactionQuickAccessOverviewComponent],
-            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderDeliveryNote }, TransactionQuickAccessOrderDeliveryComponent]
-        ]);
-        this._transactionGridComponent = new Map([
-            [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderOverview }, TransactionLinesGridComponent],
-            [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderOrderConfirmation }, TransactionOrderConfirmationGridComponent],
-            [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderReceivedGoods }, TransactionReceivedGoodsGridComponent],
-            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderOverview }, TransactionLinesGridComponent]
-        ]);
-        this._transactionLineComponent = new Map([
-            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderOverview }, TransactionOverviewLineComponent],
-            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderDeliveryNote }, TransactionOrderDeliveryLineComponent],
-        ]);
-        this._transactionFilterComponent = new Map([
-            [{ type: TransactionKind.SalesOrder }, TransactionSalesOrderFilterComponent],
-            [{ type: TransactionKind.PurchaseOrder }, TransactionPurchaseOrderFilterComponent],
-        ]);
-        this._transactionSearchGridComponent = new Map([
-            [{ type: TransactionKind.SalesOrder }, TransactionSearchSalesOrderGridComponent],
-            [{ type: TransactionKind.PurchaseOrder }, TransactionSearchPurchaseOrderGridComponent],
+class TransactionReceiveGoodsService {
+    constructor(_transactionService, _transactionEventService) {
+        this._transactionService = _transactionService;
+        this._transactionEventService = _transactionEventService;
+        this.lines = [];
+        this._subscriptions = [];
+        this._subscriptions.push(this._transactionEventService.commitReceivePurchaseOrders.subscribe((value => {
+            this.handleReceiveSelectedPurchaseOrders(value);
+        })));
+    }
+    handleReceiveSelectedPurchaseOrders(value) {
+        const selectedLines = this.lines.filter((line) => line.selected && line.quantityToReceive > 0);
+        if (selectedLines.length > 0) {
+            const receivedGoodsRequest = new ReceiveGoodsForPurchaseOrderRequest();
+            receivedGoodsRequest.transId = selectedLines[0].transId;
+            receivedGoodsRequest.receivedDate = value.date;
+            receivedGoodsRequest.packingSlipNr = value.id;
+            receivedGoodsRequest.purchaseOrderLineReceiptDetailsDTOS = [];
+            selectedLines.forEach((line) => {
+                const detail = new PurchaseOrderLineReceiptDetails();
+                detail.lineNr = line.lineNr;
+                detail.quantityToReceive = line.quantityToReceive;
+                detail.warehouseNr = line.warehouseNumber;
+                detail.locationNr = line.locationNr;
+                receivedGoodsRequest.purchaseOrderLineReceiptDetailsDTOS.push(detail);
+            });
+            this._transactionService.receiveGoodsForPurchaseOrder(receivedGoodsRequest).then((response) => {
+                if (response) {
+                    this._handleAfterCommitReceivedOrders(selectedLines);
+                }
+            });
+        }
+    }
+    _handleAfterCommitReceivedOrders(selectedLines) {
+        selectedLines.forEach((line) => {
+            line.quantityReceived += line.quantityToReceive;
+            line.quantityToReceive -= line.quantityToReceive;
+            if (line.quantityToReceive !== 0) {
+                line.selected = false;
+            }
+        });
+    }
+}
+TransactionReceiveGoodsService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TransactionReceiveGoodsService_Factory() { return new TransactionReceiveGoodsService(i0.ɵɵinject(TransactionService), i0.ɵɵinject(TransactionEventService)); }, token: TransactionReceiveGoodsService, providedIn: "root" });
+TransactionReceiveGoodsService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: "root"
+            },] }
+];
+TransactionReceiveGoodsService.ctorParameters = () => [
+    { type: TransactionService },
+    { type: TransactionEventService }
+];
+
+class ReceiveGoodViewModel extends TransactionLineInfo {
+}
+
+class TransactionReceiveGoodsLineComponent extends TransactionLinesLineBaseComponent {
+    constructor(iconCacheService, service, _transactionService, _transactionEventService, _transactionReceiveGoodsService) {
+        super();
+        this.iconCacheService = iconCacheService;
+        this.service = service;
+        this._transactionService = _transactionService;
+        this._transactionEventService = _transactionEventService;
+        this._transactionReceiveGoodsService = _transactionReceiveGoodsService;
+        this.icons = Icon;
+        this.viewModel = new ReceiveGoodViewModel();
+        this._subscriptions = [];
+    }
+    showClass() {
+        return true;
+    }
+    ngOnInit() {
+        this.allowPartialDelivery = this.service.currentTransaction.transactionInfo.allowPartialDelivery;
+        this._initViewModel();
+        this._subscriptions.push(this._transactionEventService.selectAllLines.subscribe((value) => {
+            this.viewModel.selected = value;
+        }), this.lineVisible.subscribe(() => this.handleRowVisible()));
+    }
+    ngOnDestroy() {
+        this._subscriptions.forEach(s => s.unsubscribe());
+        this._transactionReceiveGoodsService.lines = [];
+    }
+    _initViewModel() {
+        Object.assign(this.viewModel, this.line);
+        this.viewModel.quantityToReceive = 0;
+        this.viewModel.quantityReceived = 0;
+        this.viewModel.lineNr = this.line.lineNr;
+        this.viewModel.transId = this.transactionId;
+        this.viewModel.selected = true;
+    }
+    handleRowVisible() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.line.isArticle) {
+                const goodsReceiptStatus = yield this._transactionService.getGoodsReceiptStatus(this.transactionId, this.line.lineNr);
+                this.viewModel.quantityToReceive = goodsReceiptStatus.quantityToReceive;
+                this.viewModel.quantityReceived = goodsReceiptStatus.quantityReceived;
+                this._transactionReceiveGoodsService.lines.push(this.viewModel);
+            }
+        });
+    }
+    changeLineAmount(amount) {
+    }
+    handleLineClicked(mouseClick) {
+    }
+}
+TransactionReceiveGoodsLineComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-receive-goods-line",
+                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-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'"
+                           [readonly]="true"
+        ></co-editable-label>
+        <co-editable-label class="transaction-line-totals-total price"
+                           [class.fully-delivered]="viewModel.quantityReceived === viewModel.amount"
+                           [class.partially-delivered]="viewModel.quantityReceived !== viewModel.amount"
+                           [model]="(viewModel.amount - viewModel.quantityDelivered).toString()"
+                           [readonly]="true"
+        ></co-editable-label>
+        <div class="transaction-line-totals-amount">
+          <co-input-number-picker class="amount-number-picker"
+                                  [(model)]="viewModel.quantityToReceive"
+                                  [min]="!allowPartialDelivery ? viewModel.amount : 1"
+                                  [max]="viewModel.amount - viewModel.quantityReceived"
+                                  [readonly]="readonly || !allowPartialDelivery || viewModel.quantityReceived === viewModel.amount"
+                                  (modelChange)="changeLineAmount($event)">
+          </co-input-number-picker>
+        </div>
+        <co-input-checkbox class="transaction-line-checkbox"
+                           [(model)]="viewModel.selected"
+                           [disabled]="viewModel.quantityReceived === viewModel.amount"
+        ></co-input-checkbox>
+        <div class="print-button">
+          <co-icon [iconData]="iconCacheService.getIcon(icons.PrintSolid)"></co-icon>
+          <span class="price" [textContent]="1"></span>
+        </div>
+      </div>
+    </co-transaction-base-line>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionReceiveGoodsLineComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: TransactionService },
+    { type: TransactionService },
+    { type: TransactionEventService },
+    { type: TransactionReceiveGoodsService }
+];
+TransactionReceiveGoodsLineComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-receive-goods-line",] }]
+};
+
+class TransactionMappingService {
+    constructor() {
+        this._buttonBarTransaction = new Map([
+            [TransactionKind.PurchaseOrder, [
+                    { title: 'OVERVIEW', icon: Icon.CartShoppingSolid, category: TransactionTypeCategory.PurchaseOrderOverview },
+                    { title: 'CONFIRMATION', icon: Icon.MemoCircleCheckSolid, category: TransactionTypeCategory.PurchaseOrderOrderConfirmation },
+                    { title: 'TRANSPORT', icon: Icon.TruckContainerSolid, category: TransactionTypeCategory.PurchaseOrderTransport },
+                    { title: 'RECEIVED', icon: Icon.CartFlatbedBoxesSolid, category: TransactionTypeCategory.PurchaseOrderReceivedGoods },
+                    { title: 'INVOICE_CHECK', icon: Icon.Tag, category: TransactionTypeCategory.PurchaseOrderInvoiceCheck },
+                    { title: 'MENU', icon: Icon.Tag, category: TransactionTypeCategory.PurchaseOrderMenu }
+                ]],
+            [TransactionKind.SalesOrder, [
+                    { title: 'OVERVIEW', icon: Icon.CartShoppingSolid, category: TransactionTypeCategory.SalesOrderOverview },
+                    { title: 'PURCHASE', icon: Icon.PalletBoxesSolid, category: TransactionTypeCategory.SalesOrderPurchase },
+                    { title: 'LOGISTICS', icon: Icon.ShelvesSolid, category: TransactionTypeCategory.SalesOrderLogistics },
+                    { title: 'PLANNING', icon: Icon.TruckMovingSolid, category: TransactionTypeCategory.SalesOrderPlanning },
+                    { title: 'DELIVERY_NOTE', icon: Icon.MemoCircleCheckSolid, category: TransactionTypeCategory.SalesOrderDeliveryNote },
+                    { title: 'INVOICE', icon: Icon.CartCheck, category: TransactionTypeCategory.SalesOrderInvoice }
+                ]],
+        ]);
+        this._quickAccessComponent = new Map([
+            [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderOrderConfirmation }, TransactionQuickAccessOrderConfirmationComponent],
+            [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderReceivedGoods }, TransactionQuickAccessReceivedGoodsComponent],
+            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderOverview }, TransactionQuickAccessOverviewComponent],
+            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderDeliveryNote }, TransactionQuickAccessOrderDeliveryComponent]
+        ]);
+        this._transactionGridComponent = new Map([
+            [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderOverview }, TransactionLinesGridComponent],
+            [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderOrderConfirmation }, TransactionOrderConfirmationGridComponent],
+            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderOverview }, TransactionLinesGridComponent]
+        ]);
+        this._transactionLineComponent = new Map([
+            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderOverview }, TransactionOverviewLineComponent],
+            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderDeliveryNote }, TransactionOrderDeliveryLineComponent],
+            [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderReceivedGoods }, TransactionReceiveGoodsLineComponent],
+        ]);
+        this._transactionFilterComponent = new Map([
+            [{ type: TransactionKind.SalesOrder }, TransactionSalesOrderFilterComponent],
+            [{ type: TransactionKind.PurchaseOrder }, TransactionPurchaseOrderFilterComponent],
+        ]);
+        this._transactionSearchGridComponent = new Map([
+            [{ type: TransactionKind.SalesOrder }, TransactionSearchSalesOrderGridComponent],
+            [{ type: TransactionKind.PurchaseOrder }, TransactionSearchPurchaseOrderGridComponent],
         ]);
         this._transactionSearchTileComponent = new Map([
             [{ type: TransactionKind.SalesOrder }, TransactionSearchSalesOrderTileComponent],
@@ -10456,7 +10460,7 @@ class TransactionLineComponent {
         this.appRef = appRef;
         this.injector = injector;
         this.waitingForUserAction = new EventEmitter();
-        this.sidePanelButtonClicked = new EventEmitter();
+        this.lineVisible = new EventEmitter();
     }
     set container(content) {
         if (content) {
@@ -10499,8 +10503,9 @@ class TransactionLineComponent {
         this._componentRef.instance.preview = this.preview;
         this._componentRef.instance.selected = this.selected;
         this._componentRef.instance.line = this.line;
-        this._componentRef.instance.sidePanelButtonClicked = this.sidePanelButtonClicked;
+        this._componentRef.instance.transactionId = this.transactionId;
         this._componentRef.instance.waitingForUserAction = this.waitingForUserAction;
+        this._componentRef.instance.lineVisible = this.lineVisible;
         const domElem = this._componentRef.hostView
             .rootNodes[0];
         this._transactionLineContainer.nativeElement.appendChild(domElem);
@@ -10513,7 +10518,7 @@ TransactionLineComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-line",
                 template: `
-    <div #transactionLine></div>
+    <div #transactionLine observeVisibility (visible)="this.lineVisible.next()"></div>
     `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -10531,8 +10536,9 @@ TransactionLineComponent.propDecorators = {
     preview: [{ type: Input }],
     selected: [{ type: Input }],
     line: [{ type: Input }],
+    transactionId: [{ type: Input }],
     waitingForUserAction: [{ type: Output }],
-    sidePanelButtonClicked: [{ type: Output }],
+    lineVisible: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-line",] }]
 };
 
@@ -10541,7 +10547,8 @@ class TransactionLineModule {
 TransactionLineModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
-                    CommonModule
+                    CommonModule,
+                    ObserveVisibilityModule
                 ],
                 declarations: [
                     TransactionLineComponent
@@ -10553,19 +10560,27 @@ TransactionLineModule.decorators = [
 ];
 
 class TransactionLinesComponent {
-    constructor(iconCacheService, service, _mappingService) {
+    constructor(iconCacheService, service, _mappingService, _dialogService, _receiveGoodsService) {
         this.iconCacheService = iconCacheService;
         this.service = service;
         this._mappingService = _mappingService;
+        this._dialogService = _dialogService;
+        this._receiveGoodsService = _receiveGoodsService;
         this.icons = Icon;
         this.transactionInfo = new TransactionInfo();
         this.transactionLines = [];
         this.preview = false;
         this.saveTransactionLine = new EventEmitter();
-        this.showSidePanelClicked = new EventEmitter();
         this.showTransactionArticleText = false;
         this.userActionRequired = false;
     }
+    set activeCategory(value) {
+        this._activeCategory = value;
+        this._handleCategory();
+    }
+    get activeCategory() {
+        return this._activeCategory;
+    }
     showClass() {
         return true;
     }
@@ -10617,11 +10632,8 @@ class TransactionLinesComponent {
         this.saveTransactionLine.next(transactionLine);
         this._hideArticleTextDialog();
     }
-    handleShowSidePanelClicked(line) {
-        this.showSidePanelClicked.next(line);
-    }
     transactionLineComponent() {
-        return !!this._mappingService.getTransactionLineComponent(this.service.currentTransaction.transactionInfo.transactionKind, this.activeCategory);
+        return !!this._mappingService.getTransactionLineComponent(this.service.currentTransaction.transactionInfo.transactionKind, this._activeCategory);
     }
     _showArticleTextDialog() {
         this.showTransactionArticleText = true;
@@ -10629,6 +10641,18 @@ class TransactionLinesComponent {
     _hideArticleTextDialog() {
         this.showTransactionArticleText = false;
     }
+    _handleCategory() {
+        return __awaiter(this, void 0, void 0, function* () {
+            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);
+                    if (response.button === AppPopupButtonType.Ok) {
+                        this._receiveGoodsService.lines.forEach(line => line.locationNr = response.output);
+                    }
+                }
+            }
+        });
+    }
 }
 TransactionLinesComponent.decorators = [
     { type: Component, args: [{
@@ -10643,26 +10667,27 @@ TransactionLinesComponent.decorators = [
            (cdkDropListDropped)="handleDrop($event)"
       >
         <div class="draggable-transaction-line" *ngFor="let line of transactionLines; trackBy:trackByFn;" cdkDrag>
-          <co-icon *ngIf="!preview" class="transaction-line-drag-handle" [class.show]="line === selectedTransactionLine && transactionLines.length > 1" cdkDragHandle
+          <co-icon *ngIf="!preview" class="transaction-line-drag-handle"
+                   [class.show]="line === selectedTransactionLine && transactionLines.length > 1" cdkDragHandle
                    [iconData]="iconCacheService.getIcon(icons.GripDotsVerticalSolid)">
           </co-icon>
           <co-transaction-line *ngIf="transactionLineComponent()"
-            [transactionType]="service.currentTransaction.transactionInfo.transactionKind"
-            [activeCategory]="activeCategory"
-            [preview]="preview"
-            [line]="line"
-            [selected]="line === selectedTransactionLine"
-            (sidePanelButtonClicked)="handleShowSidePanelClicked(line)"
-            (waitingForUserAction)="userActionRequired = $event"
-            (dblclick)="handleTransactionLineDblClick(line)"
-            (click)="selectedTransactionLine = line"
+                               [transactionType]="service.currentTransaction.transactionInfo.transactionKind"
+                               [activeCategory]="activeCategory"
+                               [transactionId]="transactionId"
+                               [preview]="preview"
+                               [line]="line"
+                               [selected]="line === selectedTransactionLine"
+                               (waitingForUserAction)="userActionRequired = $event"
+                               (dblclick)="handleTransactionLineDblClick(line)"
+                               (click)="selectedTransactionLine = line"
           ></co-transaction-line>
         </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.Txt)" (click)="handleTransactionArticleText($event)"></co-button>
+    -->
     <co-transaction-article-text *ngIf="showTransactionArticleText"
                                  [header]="'TEXT' | localize"
                                  [transactionLine]="selectedArticleText"
@@ -10678,16 +10703,18 @@ TransactionLinesComponent.decorators = [
 TransactionLinesComponent.ctorParameters = () => [
     { type: IconCacheService },
     { type: TransactionService },
-    { type: TransactionMappingService }
+    { type: TransactionMappingService },
+    { type: DialogService },
+    { type: TransactionReceiveGoodsService }
 ];
 TransactionLinesComponent.propDecorators = {
     transactionArticleText: [{ type: ViewChild, args: [TransactionArticleTextComponent,] }],
     transactionInfo: [{ type: Input }],
     transactionLines: [{ type: Input }],
+    transactionId: [{ type: Input }],
     preview: [{ type: Input }],
     activeCategory: [{ type: Input }],
     saveTransactionLine: [{ type: Output }],
-    showSidePanelClicked: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-lines",] }]
 };
 
@@ -14018,13 +14045,14 @@ TransactionLineSidePanelComponent.decorators = [
         <div class="side-panel-header-divider"></div>
         <div class="transaction-line-side-panel-header-item">
         <span class="side-panel-header-label"
-              [textContent]="activeCategory === categories.PurchaseOrderReceivedGoods ? ('TO_REPORT_IN' | localize) : ('PRICE' | localize)"></span>
+              [textContent]="activeCategory === categories.PurchaseOrderReceivedGoods ? ('OPEN' | localize) : ('PRICE' | localize)"></span>
           <span class="side-panel-header-field"
                 [textContent]="activeCategory === categories.PurchaseOrderReceivedGoods ? quantityToReceive : (transactionLine.price | priceDisplay)"></span>
         </div>
       </div>
       <div class="transaction-line-side-panel-nav-bar">
         <co-transaction-button-bar
+          [selectedCategory]="activeCategory"
           [transactionType]="transactionInfo.transactionKind"
           (buttonClicked)="activeCategory = $event.category"
         ></co-transaction-button-bar>
@@ -14074,10 +14102,11 @@ TransactionLineSidePanelComponent.propDecorators = {
 };
 
 class TransactionComponent {
-    constructor(iconCacheService, _service, dynamicComponentService) {
+    constructor(iconCacheService, _service, _dynamicComponentService, _transactionEventService) {
         this.iconCacheService = iconCacheService;
         this._service = _service;
-        this.dynamicComponentService = dynamicComponentService;
+        this._dynamicComponentService = _dynamicComponentService;
+        this._transactionEventService = _transactionEventService;
         this.viewModes = ContentViewMode;
         this.icons = Icon;
         this.relation = new CustomerFullObject();
@@ -14096,7 +14125,7 @@ class TransactionComponent {
             if (relation) {
                 this.relation = relation;
             }
-        }));
+        }), this._transactionEventService.openSidePanel.subscribe((line) => this.handleShowSidePanel(line)));
     }
     set transaction(value) {
         if (value) {
@@ -14140,7 +14169,7 @@ class TransactionComponent {
     }
     handleShowSidePanel(line) {
         this.sidePanelTransactionLine = line;
-        this.dynamicComponentService.createComponent(TransactionLineSidePanelComponent, {
+        this._dynamicComponentService.createComponent(TransactionLineSidePanelComponent, {
             transactionInfo: this.transaction.transactionInfo,
             transactionLine: this.sidePanelTransactionLine,
             activeCategory: this.activeCategory
@@ -14180,8 +14209,8 @@ TransactionComponent.decorators = [
       <co-transaction-lines
         [transactionInfo]="transaction.transactionInfo"
         [transactionLines]="transaction.transactionLines"
+        [transactionId]="transactionId"
         [activeCategory]="activeCategory"
-        (showSidePanelClicked)="handleShowSidePanel($event)"
         (saveTransactionLine)="saveTransactionLine($event)"
       ></co-transaction-lines>
     </div>
@@ -14213,7 +14242,8 @@ TransactionComponent.decorators = [
 TransactionComponent.ctorParameters = () => [
     { type: IconCacheService },
     { type: TransactionService },
-    { type: DynamicComponentService }
+    { type: DynamicComponentService },
+    { type: TransactionEventService }
 ];
 TransactionComponent.propDecorators = {
     relation: [{ type: Input }],
@@ -14749,7 +14779,7 @@ class TransactionLineStatusbarComponent {
             this.getStatusbarLine("PLANNING_PREFERRED_DATE_ENTERED", transaction.quantityPlanningPreferredDateEntered),
             this.getStatusbarLine("TO_BE_PICKED", transaction.quantityToBePicked),
             this.getStatusbarLine("PICKED", transaction.quantityPicked),
-            this.getStatusbarLine("PLANNED", transaction.quantityPlanned),
+            this.getStatusbarLine("PLANNED", transaction.quantityPlanningFinal),
             this.getStatusbarLine("DELIVERED", transaction.quantityDelivered),
             this.getStatusbarLine("INVOICED", transaction.quantityInvoiced), //Gefactureerd
         ];
@@ -14759,10 +14789,10 @@ class TransactionLineStatusbarComponent {
         this.statusbarData = [
             this.getStatusbarLine("IN_ORDER", transaction.amount),
             this.getStatusbarLine("CONFIRMED", transaction.quantityPurchaseConfirmed),
-            this.getStatusbarLine("TRANSPORT_NOTIFICATION", transaction.quantityTransportNotification), //Transport notificatie
-            //todo: Vooraangemeld
-            //todo: Binnengemeld
-            //todo: Factuurcheck
+            this.getStatusbarLine("TRANSPORT_NOTIFICATION", transaction.quantityTransportNotification),
+            //this.getStatusbarLine(),// Vooraangemeld todo: als BE gereed is
+            this.getStatusbarLine("ITEM_ACCEPTED", transaction.quantityItemAccepted), // Binnengemeld
+            //this.getStatusbarLine(),// Factuurcheck todo: als BE gereed is
         ];
     }
     getStatusbarLine(label, property) {
@@ -16361,12 +16391,39 @@ TransactionReceivingGoodsHistoryModule.decorators = [
             },] }
 ];
 
+class ArticleService {
+    constructor(_articleConnectorService, _selectMultipleCacheService) {
+        this._articleConnectorService = _articleConnectorService;
+        this._selectMultipleCacheService = _selectMultipleCacheService;
+    }
+    getWarehouseLocations(warehouseNr) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // @ts-ignore
+            return this._selectMultipleCacheService.requestCache(StockLocation, () => {
+                return this._articleConnectorService.getWarehouseLocations(warehouseNr);
+            }).getValue();
+        });
+    }
+}
+ArticleService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ArticleService_Factory() { return new ArticleService(i0.ɵɵinject(ArticleConnectorService), i0.ɵɵinject(SelectMultipleCacheService)); }, token: ArticleService, providedIn: "root" });
+ArticleService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: "root"
+            },] }
+];
+ArticleService.ctorParameters = () => [
+    { type: ArticleConnectorService },
+    { type: SelectMultipleCacheService }
+];
+
 class TransactionReceivingGoodsDetailsComponent {
-    constructor(_formMaster, _service, _articleService, _dialogService) {
+    constructor(iconCacheService, _formMaster, _service, _articleService, _dialogService) {
+        this.iconCacheService = iconCacheService;
         this._formMaster = _formMaster;
         this._service = _service;
         this._articleService = _articleService;
         this._dialogService = _dialogService;
+        this.icons = Icon;
         this.reloadReceivingGoodsHistory = new EventEmitter();
         this.receiptDetails = new PurchaseOrderLineReceiptDetails();
         this.request = new ReceiveGoodsForPurchaseOrderRequest();
@@ -16429,12 +16486,8 @@ class TransactionReceivingGoodsDetailsComponent {
         });
     }
     openWarehouseLocationDialog() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this._dialogService.showWarehouseLocation(this.receiptDetails.warehouseNr);
-            if (response.button === AppPopupButtonType.Ok) {
-                this.receiptDetails.locationNr = response.output;
-            }
-        });
+        this._dialogService.showWarehouseLocation(this.receiptDetails.warehouseNr, true, true, true, this.transactionLine)
+            .then(() => this.receiptDetails.locationNr = this.transactionLine.locationNr);
     }
 }
 TransactionReceivingGoodsDetailsComponent.decorators = [
@@ -16463,6 +16516,8 @@ TransactionReceivingGoodsDetailsComponent.decorators = [
                            [required]="transactionLine.isWarehouseRequired"
                            [placeholder]="'WAREHOUSE' | localize"></co-input-text>
             <div class="location-wrapper" (click)="openWarehouseLocationDialog()">
+              <span *ngIf="!receiptDetails.locationNr && transactionLine.isLocationRequired" class="required" [textContent]="'*'"></span>
+              <co-icon *ngIf="receiptDetails.locationNr" [iconData]="iconCacheService.getIcon(icons.ShelvesLight)"></co-icon>
               <div [textContent]="receiptDetails.locationNr ? receiptDetails.locationNr : ('LOCATION' | localize)"></div>
             </div>
             <co-input-text class="details-input"
@@ -16498,9 +16553,10 @@ TransactionReceivingGoodsDetailsComponent.decorators = [
         </div>
       </co-form>
 
-      <div class="save-cancel-wrapper" *ngIf="!readonly">
-        <co-button class="button-wrapper clickable" [disabled]="saveButtonDisabled || amountLeftToReceive === 0" [label]="'SAVE' | localize" (click)="handleSaveDetailsEdit()"></co-button>
-        <co-button class="button-wrapper clickable" [label]="'CANCEL' | localize" (click)="handleCancelDetailsEdit()"></co-button>
+      <div class="receive-button-wrapper">
+        <div class="receive-button clickable" *ngIf="!readonly" (click)="handleSaveDetailsEdit()" [class.disabled]="saveButtonDisabled || amountLeftToReceive === 0">
+          <span class="receive-text" [textContent]="'RECEIVE' | localize"></span>
+        </div>
       </div>
     </div>
   `,
@@ -16511,6 +16567,7 @@ TransactionReceivingGoodsDetailsComponent.decorators = [
             },] }
 ];
 TransactionReceivingGoodsDetailsComponent.ctorParameters = () => [
+    { type: IconCacheService },
     { type: FormMasterService },
     { type: TransactionService },
     { type: ArticleService },
@@ -16537,6 +16594,7 @@ TransactionReceivingGoodsDetailsModule.decorators = [
                     InputDatePickerModule,
                     ButtonModule,
                     DropDownModule,
+                    IconModule,
                 ],
                 declarations: [
                     TransactionReceivingGoodsDetailsComponent
@@ -16557,7 +16615,7 @@ class TransactionButtonBarComponent {
     set transactionType(value) {
         this._transactionType = value;
         this.buttons = this._mappingService.getButtonBar(this._transactionType);
-        if (this.buttons && this.buttons.length > 0) {
+        if (this.buttons && this.buttons.length > 0 && !this.selectedCategory) {
             this.selectCategory(0);
         }
     }
@@ -17709,7 +17767,8 @@ TransactionQuickAccessReceivedGoodsModule.decorators = [
                     InputTextModule,
                     PipeModule,
                     InputCheckboxModule,
-                    InputDatePickerModule
+                    InputDatePickerModule,
+                    IconModule
                 ],
                 declarations: [
                     TransactionQuickAccessReceivedGoodsComponent
@@ -17980,6 +18039,159 @@ TransactionGridModule.decorators = [
             },] }
 ];
 
+class ReceiveGoodsViewModel {
+    constructor(transactionLine, goodsReceiptStatus, selected, toReceive) {
+        this.toReceive = 0;
+        this.location = '';
+        this.transactionLine = transactionLine;
+        this.goodsReceiptStatus = goodsReceiptStatus;
+        this.selected = selected;
+        this.toReceive = toReceive;
+    }
+}
+
+class TransactionReceivedGoodsGridComponent extends TransactionGridBaseComponent {
+    constructor(_imageService, _transactionService, _transactionEventService, _articleService, _dialogService) {
+        super(_imageService);
+        this._imageService = _imageService;
+        this._transactionService = _transactionService;
+        this._transactionEventService = _transactionEventService;
+        this._articleService = _articleService;
+        this._dialogService = _dialogService;
+        this.columnAlign = ColumnAlign;
+        this.locationDropdownFields = { text: "locationNo", value: "locationNo" };
+        this.rowViewModels = new Map();
+        this._subscriptions = [];
+        this._subscriptions.push(this._transactionEventService.commitReceivePurchaseOrders.subscribe((value => {
+            this.handleReceiveSelectedPurchaseOrders(value);
+        })), this._transactionEventService.transactionLineChanged.subscribe((value) => {
+            this.handleTransactionLineChanged(value);
+        }));
+    }
+    showClass() {
+        return true;
+    }
+    ngOnInit() {
+        this.transactionLines.forEach((line) => {
+            this.rowViewModels.set(line, new ReceiveGoodsViewModel(line, new GoodsReceiptStatus(), false));
+        });
+    }
+    ngOnDestroy() {
+        this._subscriptions.forEach((subscription) => subscription.unsubscribe());
+    }
+    handleRowVisible(row) {
+        if (row.isArticle) {
+            this._transactionService.getGoodsReceiptStatus(this.transactionId, row.lineNr)
+                .then((result) => {
+                this.rowViewModels.set(row, new ReceiveGoodsViewModel(row, result, result.quantityToReceive === 0, result.quantityToReceive));
+            });
+        }
+    }
+    locationRequired(row) {
+        return row.isLocationRequired || row.isBatchNrRequired || row.isSerialNrRequired;
+    }
+    handleDropDownSelected(warehouseNr) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.locations = yield this._articleService.getWarehouseLocations(warehouseNr);
+        });
+    }
+    getRowViewModel(row) {
+        return this.rowViewModels.get(row);
+    }
+    handleReceiveSelectedPurchaseOrders(value) {
+        const selectedRows = [...this.rowViewModels.values()]
+            .filter((row) => row.selected && row.toReceive !== 0);
+        if (selectedRows.length > 0) {
+            const receivedGoodsRequest = new ReceiveGoodsForPurchaseOrderRequest();
+            receivedGoodsRequest.transId = this.transactionId;
+            receivedGoodsRequest.receivedDate = value.date;
+            receivedGoodsRequest.packingSlipNr = value.id;
+            receivedGoodsRequest.purchaseOrderLineReceiptDetailsDTOS = [];
+            selectedRows.forEach((row) => {
+                const detail = new PurchaseOrderLineReceiptDetails();
+                detail.lineNr = row.transactionLine.lineNr;
+                detail.quantityToReceive = row.toReceive;
+                detail.warehouseNr = row.transactionLine.warehouseNumber;
+                detail.locationNr = row.location;
+                receivedGoodsRequest.purchaseOrderLineReceiptDetailsDTOS.push(detail);
+            });
+            this._transactionService.receiveGoodsForPurchaseOrder(receivedGoodsRequest).then(() => {
+                this._handleAfterCommitReceivedOrders(selectedRows);
+            });
+        }
+    }
+    _handleAfterCommitReceivedOrders(selectedRows) {
+        selectedRows.forEach((row) => {
+            row.goodsReceiptStatus.quantityToReceive = row.goodsReceiptStatus.quantityToReceive -= row.toReceive;
+            row.toReceive = row.goodsReceiptStatus.quantityToReceive;
+            if (row.goodsReceiptStatus.quantityToReceive !== 0) {
+                row.selected = false;
+            }
+        });
+    }
+    handleTransactionLineChanged(change) {
+        const receiveGoodsViewModel = this.rowViewModels.get(change.transactionLine);
+        receiveGoodsViewModel.goodsReceiptStatus.quantityToReceive = change.goodsReceiptStatus.quantityToReceive;
+        receiveGoodsViewModel.toReceive = change.goodsReceiptStatus.quantityToReceive;
+    }
+}
+TransactionReceivedGoodsGridComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-received-goods-grid",
+                template: `
+    <co-transaction-base-grid [transactionLines]="transactionLines" (sidePanelClicked)="openSidePanel($event)" (rowVisible)="handleRowVisible($event)">
+      <co-simple-grid-column [textAlign]="columnAlign.Center" [headerText]="'WAREHOUSE' | localize" [field]="'warehouseNumber'" [order]="40"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'LOCATION' | localize" [order]="45">
+        <ng-template #template let-row = "row">
+          <co-transaction-line-warehouse-location-button *ngIf="row.isArticle" [line]="getRowViewModel(row)"></co-transaction-line-warehouse-location-button>
+          <!--          <co-drop-down-list-->
+          <!--            noTriangleGraphic-->
+          <!--            (focus)="handleDropDownSelected(row.warehouseNumber)"-->
+          <!--            [required]="locationRequired(row) && getRowViewModel(row).goodsReceiptStatus.quantityToReceive > 0"-->
+          <!--            [collection]="locations"-->
+          <!--            [fields]="locationDropdownFields"-->
+          <!--            [(model)]="getRowViewModel(row).location"-->
+          <!--            [disabled]="getRowViewModel(row).goodsReceiptStatus.quantityToReceive === 0"-->
+          <!--          ></co-drop-down-list>-->
+        </ng-template>
+      </co-simple-grid-column>
+      <co-simple-grid-column [textAlign]="columnAlign.Center" [headerText]="'IN_ORDER' | localize" [field]="'amount'" [order]="50"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'RECEIVED' | localize" [order]="51">
+        <ng-template #template let-row = "row">
+          <co-input-number-picker *ngIf="row.isArticle"
+                                  [min]="getRowViewModel(row).goodsReceiptStatus.quantityToReceive > 0 ? 1 : 0"
+                                  [max]="getRowViewModel(row).goodsReceiptStatus.quantityToReceive"
+                                  [(model)]="getRowViewModel(row).toReceive"
+                                  [disabled]="getRowViewModel(row).goodsReceiptStatus.quantityToReceive === 0"
+                                  [readonly]="getRowViewModel(row).goodsReceiptStatus.quantityToReceive === 0"
+          ></co-input-number-picker>
+        </ng-template>
+      </co-simple-grid-column>
+      <co-simple-grid-column [textAlign]="columnAlign.Center" [headerText]="'BATCH' | localize" [field]="'inOrder'" [order]="52"></co-simple-grid-column>
+      <co-simple-grid-column [textAlign]="columnAlign.Center" [headerText]="'Commit button'" [field]="'commitButton'" [order]="55">
+        <ng-template #template let-row = "row">
+          <co-input-checkbox *ngIf="row.isArticle"
+                             [(model)]="getRowViewModel(row).selected"
+                             [disabled]="getRowViewModel(row).goodsReceiptStatus.quantityToReceive === 0"
+          ></co-input-checkbox>
+        </ng-template>
+      </co-simple-grid-column>
+    </co-transaction-base-grid>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionReceivedGoodsGridComponent.ctorParameters = () => [
+    { type: TransactionImageService },
+    { type: TransactionService },
+    { type: TransactionEventService },
+    { type: ArticleService },
+    { type: DialogService }
+];
+TransactionReceivedGoodsGridComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-received-goods-grid",] }]
+};
+
 // @ts-ignore
 class TransactionLineWarehouseLocationComponent extends TransactionLineBaseComponent {
     constructor(_articleService) {
@@ -17996,7 +18208,7 @@ class TransactionLineWarehouseLocationComponent extends TransactionLineBaseCompo
     }
     commit(locationNr) {
         return __awaiter(this, void 0, void 0, function* () {
-            // not now
+            this.transactionLine.locationNr = locationNr;
             return true;
         });
     }
@@ -18060,6 +18272,59 @@ DialogTransactionLineWarehouseLocationModule.decorators = [
             },] }
 ];
 
+class TransactionLineWarehouseLocationButtonComponent {
+    constructor(iconCacheService, _dialogService) {
+        this.iconCacheService = iconCacheService;
+        this._dialogService = _dialogService;
+        this.icons = Icon;
+        this.readonly = false;
+    }
+    showClass() {
+        return true;
+    }
+    openWarehouseLocationDialog(line) {
+        this._dialogService.showWarehouseLocation(line.warehouseNumber, true, true, true, line);
+    }
+}
+TransactionLineWarehouseLocationButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-line-warehouse-location-button",
+                template: `
+    <div class="transaction-line-button" [class.no-pointer]="readonly" (click)="openWarehouseLocationDialog(line)">
+      <co-icon [iconData]="iconCacheService.getIcon(icons.ShelvesLight)"></co-icon>
+      <span class="co-transaction-overflow-ellipsis" [textContent]="line.locationNr ? line.locationNr : '-'"></span>
+    </div>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionLineWarehouseLocationButtonComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: DialogService }
+];
+TransactionLineWarehouseLocationButtonComponent.propDecorators = {
+    line: [{ type: Input }],
+    readonly: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-line-warehouse-location-button",] }]
+};
+
+class TransactionLineWarehouseLocationButtonModule {
+}
+TransactionLineWarehouseLocationButtonModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    IconModule
+                ],
+                declarations: [
+                    TransactionLineWarehouseLocationButtonComponent
+                ],
+                exports: [
+                    TransactionLineWarehouseLocationButtonComponent
+                ]
+            },] }
+];
+
 class TransactionReceivedGoodsGridModule {
 }
 TransactionReceivedGoodsGridModule.decorators = [
@@ -18073,7 +18338,8 @@ TransactionReceivedGoodsGridModule.decorators = [
                     InputCheckboxModule,
                     DropDownModule,
                     InputNumberPickerModule,
-                    DialogTransactionLineWarehouseLocationModule
+                    DialogTransactionLineWarehouseLocationModule,
+                    TransactionLineWarehouseLocationButtonModule
                 ],
                 declarations: [
                     TransactionReceivedGoodsGridComponent
@@ -18307,10 +18573,11 @@ EditableLabelModule.decorators = [
 ];
 
 class TransactionBaseLineComponent extends TransactionLinesLineBaseComponent {
-    constructor(service, iconCacheService) {
+    constructor(service, iconCacheService, _transactionEventService) {
         super();
         this.service = service;
         this.iconCacheService = iconCacheService;
+        this._transactionEventService = _transactionEventService;
         this.checkbox = false;
         this.checkboxValue = false;
         this.actionButtons = true;
@@ -18329,8 +18596,8 @@ class TransactionBaseLineComponent extends TransactionLinesLineBaseComponent {
             // }
         });
     }
-    handleShowSidePanel() {
-        this.sidePanelButtonClicked.next();
+    handleShowSidePanel(line) {
+        this._transactionEventService.openSidePanel.next(line);
         this.waitingForUserAction.next(true);
     }
     handleCheckboxValueChanged() {
@@ -18360,7 +18627,7 @@ TransactionBaseLineComponent.decorators = [
             <co-transaction-line-action-buttons
               [transactionLine]="line"
               (waitingForUserAction)="waitingForUserAction.next($event)"
-              (sidePanelButtonClicked)="handleShowSidePanel()"
+              (sidePanelButtonClicked)="handleShowSidePanel($event)"
             ></co-transaction-line-action-buttons>
           </div>
         </div>
@@ -18378,7 +18645,8 @@ TransactionBaseLineComponent.decorators = [
 ];
 TransactionBaseLineComponent.ctorParameters = () => [
     { type: TransactionService },
-    { type: IconCacheService }
+    { type: IconCacheService },
+    { type: TransactionEventService }
 ];
 TransactionBaseLineComponent.propDecorators = {
     checkbox: [{ type: Input }],
@@ -18565,19 +18833,22 @@ class TransactionLineWarehouseButtonComponent {
         this.iconCacheService = iconCacheService;
         this._dialogService = _dialogService;
         this.icons = Icon;
+        this.readonly = false;
     }
     showClass() {
         return true;
     }
     openWarehouseDialog() {
-        this._dialogService.showTransactionLineComponent(DialogTransactionLineWarehouseComponent, this.line);
+        if (!this.readonly) {
+            this._dialogService.showTransactionLineComponent(DialogTransactionLineWarehouseComponent, this.line);
+        }
     }
 }
 TransactionLineWarehouseButtonComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-line-warehouse-button",
                 template: `
-    <div class="transaction-line-button" (click)="openWarehouseDialog()">
+    <div class="transaction-line-button" [class.no-pointer]="readonly" (click)="openWarehouseDialog()">
       <co-icon class="header-warehouse-icon" [iconData]="iconCacheService.getIcon(icons.Warehouse)"></co-icon>
       <span class="co-transaction-overflow-ellipsis" [textContent]="line.warehouseNumber"></span>
     </div>
@@ -18591,6 +18862,7 @@ TransactionLineWarehouseButtonComponent.ctorParameters = () => [
 ];
 TransactionLineWarehouseButtonComponent.propDecorators = {
     line: [{ type: Input }],
+    readonly: [{ type: Input }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-line-warehouse-button",] }]
 };
 
@@ -18818,6 +19090,30 @@ TransactionOrderDeliveryLineModule.decorators = [
             },] }
 ];
 
+class TransactionReceiveGoodsLineModule {
+}
+TransactionReceiveGoodsLineModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    TransactionBaseLineModule,
+                    TransactionLineWarehouseButtonModule,
+                    TransactionLineWarehouseLocationModule,
+                    EditableLabelModule,
+                    InputNumberPickerModule,
+                    InputCheckboxModule,
+                    IconModule,
+                    TransactionLineWarehouseLocationButtonModule
+                ],
+                declarations: [
+                    TransactionReceiveGoodsLineComponent
+                ],
+                exports: [
+                    TransactionReceiveGoodsLineComponent
+                ]
+            },] }
+];
+
 class TransactionModule {
 }
 TransactionModule.decorators = [
@@ -18845,7 +19141,8 @@ TransactionModule.decorators = [
                     TransactionGridModule,
                     TransactionTileModule,
                     TransactionOverviewLineModule,
-                    TransactionOrderDeliveryLineModule
+                    TransactionOrderDeliveryLineModule,
+                    TransactionReceiveGoodsLineModule
                 ],
                 declarations: [
                     TransactionComponent
@@ -20025,6 +20322,100 @@ TransactionPurchaseOrderFilterModule.decorators = [
             },] }
 ];
 
+class TransactionStatusbarComponent {
+    constructor(_dictionary) {
+        this._dictionary = _dictionary;
+        this.showClass = true;
+    }
+    set transaction(value) {
+        this._transaction = value;
+        this._total = value.quantityTotal;
+    }
+    get transaction() {
+        return this._transaction;
+    }
+    ngOnInit() {
+        this.setStatusbarData();
+    }
+    setStatusbarData() {
+        if (this.transactionKind === TransactionKind.PurchaseOrder) {
+            this.setStatusbarDataForPurchaseOrder();
+        }
+        else {
+            this.setStatusbardataForSalesOrder();
+        }
+    }
+    setStatusbardataForSalesOrder() {
+        const transaction = this._transaction;
+        this.statusbarData = [
+            this.getStatusbarLine("TO_ORDER", transaction.quantityTotal),
+            this.getStatusbarLine("ALLOCATED", transaction.quantityAllocatedFromStock),
+            this.getStatusbarLine("PLANNING_REQUESTED", transaction.quantityPlanningRequested),
+            this.getStatusbarLine("PLANNING_PREFERRED_DATE_ENTERED", transaction.quantityPlanningPreferredDateEntered),
+            this.getStatusbarLine("TO_BE_PICKED", transaction.quantityToBePicked),
+            this.getStatusbarLine("PICKED", transaction.quantityPicked),
+            this.getStatusbarLine("PLANNED", transaction.quantityPlanningFinal),
+            this.getStatusbarLine("DELIVERED", transaction.quantityDelivered),
+            this.getStatusbarLine("INVOICED", transaction.quantityInvoiced), //Gefactureerd
+        ];
+    }
+    setStatusbarDataForPurchaseOrder() {
+        const transaction = this._transaction;
+        this.statusbarData = [
+            this.getStatusbarLine("IN_ORDER", transaction.quantityTotal),
+            this.getStatusbarLine("CONFIRMED", transaction.quantityPurchaseConfirmed),
+            this.getStatusbarLine("TRANSPORT_NOTIFICATION", transaction.quantityTransportNotification),
+            //this.getStatusbarLine(),// Vooraangemeld todo: als BE gereed is
+            this.getStatusbarLine("ITEM_ACCEPTED", transaction.quantityItemAccepted), // Binnengemeld
+            //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 };
+    }
+    calculatePercentage(amount, totalAmount) {
+        if (amount === 0 || totalAmount === 0) {
+            return 0;
+        }
+        return Math.floor((amount / totalAmount) * 100);
+    }
+}
+TransactionStatusbarComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-statusbar",
+                template: `
+    <co-statusbar [statusbarData]="statusbarData"></co-statusbar>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionStatusbarComponent.ctorParameters = () => [
+    { type: DictionaryService }
+];
+TransactionStatusbarComponent.propDecorators = {
+    transaction: [{ type: Input }],
+    transactionKind: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-statusbar",] }]
+};
+
+class TransactionStatusbarModule {
+}
+TransactionStatusbarModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoreModule,
+                    StatusbarModule
+                ],
+                declarations: [
+                    TransactionStatusbarComponent
+                ],
+                exports: [
+                    TransactionStatusbarComponent
+                ]
+            },] }
+];
+
 class TransactionSearchPurchaseOrderGridModule {
 }
 TransactionSearchPurchaseOrderGridModule.decorators = [
@@ -20295,7 +20686,8 @@ TransactionSearchPurchaseOrderTileModule.decorators = [
                     PipeModule,
                     AvatarModule,
                     IconModule,
-                    StatusBarModule
+                    StatusbarModule,
+                    TransactionStatusbarModule
                 ],
                 declarations: [
                     TransactionSearchPurchaseOrderTileComponent
@@ -20317,7 +20709,8 @@ TransactionSearchSalesOrderTileModule.decorators = [
                     ButtonModule,
                     PipeModule,
                     IconModule,
-                    StatusBarModule,
+                    StatusbarModule,
+                    TransactionStatusbarModule,
                 ],
                 declarations: [
                     TransactionSearchSalesOrderTileComponent
@@ -20492,37 +20885,41 @@ TransactionSearchResultComponent.decorators = [
       </co-transaction-search-header>
     </div>
 
-    <div class="transaction-search-result-content-tiles-wrapper" [ngClass]="fullscreen ? 'fullscreen' : 'sidebar'"
-         *ngIf="activeContentViewMode === contentViewModes.Tiles">
-      <div class="transaction-tile" *ngFor="let transaction of searchService.transactions">
-        <co-transaction-search-tile
-          [transaction]="transaction"
-          [transactionType]="transactionType"
-          [class]="transaction === selectedTransaction ? 'selected' : ''"
-          (transactionClick)="onTransactionClick($event)">
-        </co-transaction-search-tile>
+      <div class="transaction-search-result-content-tiles-wrapper" [ngClass]="fullscreen ? 'fullscreen' : 'sidebar'"
+           *ngIf="activeContentViewMode === contentViewModes.Tiles">
+        <div class="transaction-tile" *ngFor="let transaction of searchService.transactions">
+          <co-transaction-search-tile
+            [transaction]="transaction"
+            [transactionType]="transactionType"
+            [class]="transaction === selectedTransaction ? 'selected' : ''"
+            (transactionClick)="onTransactionClick($event)">
+          </co-transaction-search-tile>
+        </div>
       </div>
-    </div>
 
-    <div class="transaction-search-result-content-grid-wrapper" *ngIf="activeContentViewMode === contentViewModes.Grid">
-      <co-transaction-search-grid
-        [transactionType]="transactionType"
-        (transactionClick)="onTransactionClick($event)"
-      ></co-transaction-search-grid>
-    </div>
-    <co-pagination-bar *ngIf="searchService.transactions?.length > 0"
-                       [currentPage]="searchService.currentPage"
-                       [itemsPerPage]="searchService.transactionsPerPage"
-                       [totalItems]="searchService.resultCount"
-                       [previousLabel]="'PREVIOUS' | localize"
-                       [nextLabel]="'NEXT' | localize"
-                       [autoHide]="true"
-                       [directionLinks]="fullscreen"
-                       [paginationRange]="!fullscreen ? 6 : 8"
-                       (previousClick)="onPreviousClick()"
-                       (nextClick)="onNextClick()"
-                       (pageClick)="onPageClick($event)">
-    </co-pagination-bar>
+      <div class="transaction-search-result-content-grid-wrapper"
+           *ngIf="activeContentViewMode === contentViewModes.Grid">
+        <co-transaction-search-grid
+          [transactionType]="transactionType"
+          (transactionClick)="onTransactionClick($event)"
+        ></co-transaction-search-grid>
+      </div>
+      <co-pagination-bar *ngIf="searchService.transactions?.length > 0"
+                         [currentPage]="searchService.currentPage"
+                         [itemsPerPage]="searchService.transactionsPerPage"
+                         [totalItems]="searchService.resultCount"
+                         [previousLabel]="'PREVIOUS' | localize"
+                         [nextLabel]="'NEXT' | localize"
+                         [autoHide]="true"
+                         [directionLinks]="fullscreen"
+                         [paginationRange]="!fullscreen ? 6 : 8"
+                         (previousClick)="onPreviousClick()"
+                         (nextClick)="onNextClick()"
+                         (pageClick)="onPageClick($event)">
+      </co-pagination-bar>
+      <div class="empty-state-wrapper" *ngIf="this.searchService.transactions && this.searchService.resultCount === 0">
+        <span [textContent]="'0_RESULTS_FOUND' | localize"></span>
+      </div>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -21252,7 +21649,8 @@ TransactionSearchModule.decorators = [
                     TransactionSalesOrderFilterModule,
                     TransactionPurchaseOrderFilterModule,
                     TransactionFilterModule,
-                    IconCollapseHandleModule
+                    IconCollapseHandleModule,
+                    TransactionStatusbarModule
                 ],
                 declarations: [
                     TransactionSearchComponent
@@ -21306,5 +21704,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, TransactionLineComponent, TransactionLineGridComponent, TransactionLineGridModule, TransactionLineModule, TransactionLinesComponent, TransactionLinesModule, TransactionModule, TransactionQuickAccessComponent, TransactionQuickAccessModule, TransactionQuickAccessOrderConfirmationComponent, TransactionQuickAccessOrderConfirmationModule, TransactionQuickAccessReceivedGoodsComponent, TransactionQuickAccessReceivedGoodsModule, TransactionSearchComponent, TransactionSearchModule, TransactionSearchService, TransactionService, 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, TransactionMappingService as ɵbz, DynamicComponentService as ɵc, TransactionArticleTextModule as ɵca, TransactionArticleTextComponent as ɵcb, AvatarModule as ɵcc, AvatarComponent as ɵcd, SharedService as ɵce, SharedConnectorService as ɵcf, DeliveryTypeTileModule as ɵcg, DeliveryTypeTileComponent as ɵch, PaymentModule as ɵci, PaymentTileModule as ɵcj, PaymentTileComponent as ɵck, PaymentQrCodeModule as ɵcl, PaymentQrCodeComponent as ɵcm, PaymentComponent as ɵcn, PaymentService as ɵco, RelationTypeModule as ɵcp, RelationTypeComponent as ɵcq, RelationGeneralModule as ɵcr, RelationSuggestionsListModule as ɵcs, RelationSuggestionsListItemModule as ɵct, RelationSuggestionsListItemComponent as ɵcu, RelationSuggestionsListComponent as ɵcv, RelationGeneralComponent as ɵcw, RelationAddressesModule as ɵcx, RelationAddressesComponent as ɵcy, RelationContactDetailsModule as ɵcz, OptionsService as ɵd, RelationContactDetailsComponent as ɵda, RelationPreferencesModule as ɵdb, RelationPreferencesComponent as ɵdc, TransactionHeaderBlockModule as ɵdd, TransactionHeaderBlockComponent as ɵde, TransactionHeaderDeliveryDateModule as ɵdf, TransactionHeaderDeliveryDateComponent as ɵdg, TransactionHeaderBaseComponent as ɵdh, TransactionFilterPopupBaseComponent as ɵdi, TransactionHeaderDeliveryOptionsModule as ɵdj, TransactionHeaderDeliveryOptionsComponent as ɵdk, TransactionHeaderRemarksModule as ɵdl, TransactionHeaderRemarksComponent as ɵdm, TransactionHeaderReferenceModule as ɵdn, TransactionHeaderReferenceComponent as ɵdo, TransactionHeaderRelationReferenceModule as ɵdp, TransactionHeaderRelationReferenceComponent as ɵdq, TransactionHeaderDeliveryMethodModule as ɵdr, TransactionLineCheckboxModule as ɵds, TransactionLineCheckboxListComponent as ɵdt, TransactionHeaderDeliveryMethodComponent as ɵdu, TransactionHeaderPreferredDeliveryDateModule as ɵdv, TransactionHeaderPreferredDeliveryDateComponent as ɵdw, DialogTransactionHeaderDeliveryMethodModule as ɵdx, DialogHeaderSearchModule as ɵdy, DialogHeaderSearchComponent as ɵdz, DictionaryService as ɵe, DialogTransactionHeaderDeliveryMethodComponent as ɵea, DialogTransactionHeaderBaseComponent as ɵeb, TransactionBaseComponent as ɵec, TransactionHeaderPartialDeliveryModule as ɵed, TransactionHeaderPartialDeliveryComponent as ɵee, TransactionHeaderDownpaymentPercentageModule as ɵef, TransactionHeaderDownpaymentPercentageComponent as ɵeg, TransactionHeaderDownpaymentAmountModule as ɵeh, TransactionHeaderDownpaymentAmountComponent as ɵei, TransactionHeaderDefinitiveModule as ɵej, TransactionHeaderDefinitiveComponent as ɵek, TransactionHeaderBranchModule as ɵel, TransactionHeaderBranchComponent as ɵem, TransactionHeaderAdministrativeRelationModule as ɵen, TransactionHeaderAdministrativeRelationComponent as ɵeo, TransactionHeaderMarketingModule as ɵep, TransactionHeaderMarketingComponent as ɵeq, CheckoutOverviewRelationEditComponent as ɵer, CheckoutOverviewDeliveryEditComponent as ɵes, CheckoutOverviewDeliveryAddressComponent as ɵet, CheckoutOverviewPaymentComponent as ɵeu, CheckoutLoginComponent as ɵev, TransactionFilterCategoriesModule as ɵew, TransactionFilterCategoriesComponent as ɵex, TransactionHeaderPaymentModule as ɵey, TransactionHeaderPaymentComponent as ɵez, TransactionConnectorService as ɵf, TransactionLinesGridModule as ɵfa, TransactionBaseGridModule as ɵfb, TransactionLineSidePanelModule as ɵfc, TransactionLineSidePanelDefaultModule as ɵfd, TransactionLinePriceModule as ɵfe, TransactionLinePriceComponent as ɵff, TransactionLineBaseComponent as ɵfg, TransactionLinePriceListModule as ɵfh, TransactionLinePriceListComponent as ɵfi, TransactionLineVatModule as ɵfj, TransactionLineVatComponent as ɵfk, TransactionLineQuantityModule as ɵfl, TransactionLineQuantityComponent as ɵfm, TransactionLineLineDiscountModule as ɵfn, TransactionLineLineDiscountComponent as ɵfo, TransactionLineDeliveryMethodModule as ɵfp, TransactionLineDeliveryMethodComponent as ɵfq, TransactionLineDeliveryDateModule as ɵfr, TransactionLineDeliveryDateComponent as ɵfs, TransactionLineReferenceModule as ɵft, TransactionLineReferenceComponent as ɵfu, TransactionLineCommissionCodeModule as ɵfv, TransactionLineCommissionCodeComponent as ɵfw, TransactionLineWarehouseModule as ɵfx, TransactionLineWarehouseComponent as ɵfy, TransactionLineDiscountAmountModule as ɵfz, TransactionConnectorAdapterService as ɵg, TransactionLineDiscountAmountComponent as ɵga, TransactionLineQuantumDiscountModule as ɵgb, TransactionLineQuantumDiscountComponent as ɵgc, TransactionLineSpecialDiscountModule as ɵgd, TransactionLineSpecialDiscountComponent as ɵge, TransactionLineSupplierModule as ɵgf, TransactionLineSupplierComponent as ɵgg, TransactionLineDescriptionModule as ɵgh, TransactionLineDescriptionComponent as ɵgi, TransactionLineSidePanelDefaultComponent as ɵgj, TransactionReceivingGoodsHistoryModule as ɵgk, TransactionHistoryGridModule as ɵgl, TransactionHistoryGridStatusModule as ɵgm, TransactionHistoryGridStatusComponent as ɵgn, TransactionHistoryGridComponent as ɵgo, TransactionReceivingGoodsHistoryComponent as ɵgp, TransactionReceivingGoodsDetailsModule as ɵgq, TransactionReceivingGoodsDetailsComponent as ɵgr, ArticleService as ɵgs, TransactionButtonBarModule as ɵgt, TransactionButtonBarComponent as ɵgu, TransactionButtonBarButtonComponent as ɵgv, TransactionLineSidePanelPurchaseModule as ɵgw, DefaultOkCancelButtonsModule as ɵgx, DefaultOkCancelButtonsComponent as ɵgy, TransactionLineSidePanelPurchaseComponent as ɵgz, SelectMultipleCacheService as ɵh, TransactionEventService as ɵha, TransactionLineSidePanelComponent as ɵhb, DynamicBaseComponent as ɵhc, TransactionLineActionButtonsModule as ɵhd, TransactionArticleTextOverviewModule as ɵhe, TransactionArticleTextOverviewComponent as ɵhf, TransactionLineActionButtonsComponent as ɵhg, TransactionBaseGridComponent as ɵhh, TransactionGridBaseComponent as ɵhi, TransactionImageService as ɵhj, DialogTransactionLineCommissionCodeModule as ɵhk, DialogTransactionLineCommissionCodeComponent as ɵhl, DialogTransactionLineBaseComponent as ɵhm, DialogTransactionLineWarehouseModule as ɵhn, DialogTransactionLineWarehouseComponent as ɵho, DialogTransactionLineWarehouseCcModule as ɵhp, DialogTransactionLineWarehouseCcComponent as ɵhq, DialogTransactionLineDeliveryMethodModule as ɵhr, DialogTransactionLineDeliveryMethodComponent as ɵhs, DialogTransactionLineVatModule as ɵht, DialogTransactionLineVatComponent as ɵhu, DialogTransactionLineDiscountModule as ɵhv, DialogTransactionLinePriceListModule as ɵhw, DialogTransactionLinePriceListComponent as ɵhx, DialogTransactionLineDiscountComponent as ɵhy, TransactionLineStatusbarModule as ɵhz, BusinessObjectCacheManagerService as ɵi, TransactionLineStatusbarComponent as ɵia, TransactionLinesGridComponent as ɵib, DiscountModule as ɵic, DiscountComponent as ɵid, TransactionQuickAccessOverviewModule as ɵie, TransactionQuickAccessOverviewComponent as ɵif, TransactionQuickAccessOrderDeliveryModule as ɵig, TransactionQuickAccessOrderDeliveryComponent as ɵih, TransactionOrderConfirmationGridModule as ɵii, TransactionOrderConfirmationGridComponent as ɵij, TransactionReceivedGoodsGridModule as ɵik, DialogTransactionLineWarehouseLocationModule as ɵil, TransactionLineWarehouseLocationModule as ɵim, TransactionLineWarehouseLocationComponent as ɵin, DialogTransactionLineWarehouseLocationComponent as ɵio, TransactionReceivedGoodsGridComponent as ɵip, ViewModeButtonsModule as ɵiq, ViewModeButtonsComponent as ɵir, TransactionGridModule as ɵis, TransactionGridComponent as ɵit, TransactionTileModule as ɵiu, TransactionTileComponent as ɵiv, TransactionOverviewLineModule as ɵiw, EditableLabelModule as ɵix, EditableLabelComponent as ɵiy, TransactionBaseLineModule as ɵiz, CacheField as ɵj, TransactionLineImageAndDescriptionModule as ɵja, TransactionLineImageAndDescriptionComponent as ɵjb, TransactionBaseLineComponent as ɵjc, TransactionLinesLineBaseComponent as ɵjd, TransactionLineCommissionButtonModule as ɵje, TransactionLineCommissionButtonComponent as ɵjf, TransactionLineWarehouseButtonModule as ɵjg, TransactionLineWarehouseButtonComponent as ɵjh, TransactionLineDeliveryButtonModule as ɵji, TransactionLineDeliveryButtonComponent as ɵjj, TransactionLineDeliveryDateButtonModule as ɵjk, TransactionLineDeliveryDateButtonComponent as ɵjl, TransactionOverviewLineComponent as ɵjm, TransactionOrderDeliveryLineModule as ɵjn, StatusBarModule as ɵjo, StatusBarComponent as ɵjp, TransactionOrderDeliveryLineComponent as ɵjq, TransactionSearchResultModule as ɵjr, TransactionSearchSalesOrderTileModule as ɵjs, TransactionSearchSalesOrderTileComponent as ɵjt, TransactionSearchTileBaseComponent as ɵju, TransactionSearchPurchaseOrderTileModule as ɵjv, TransactionSearchPurchaseOrderTileComponent as ɵjw, TransactionSearchSalesOrderGridModule as ɵjx, TransactionSearchSalesOrderGridComponent as ɵjy, TransactionSearchGridBaseComponent as ɵjz, SelectMultipleParameterizedCacheService as ɵk, TransactionSearchPurchaseOrderGridModule as ɵka, TransactionSearchPurchaseOrderGridComponent as ɵkb, TransactionSearchHeaderModule as ɵkc, TransactionSearchHeaderComponent as ɵkd, TransactionSearchGridModule as ɵke, TransactionSearchGridComponent as ɵkf, TransactionSearchTileModule as ɵkg, TransactionSearchTileComponent as ɵkh, TransactionSearchResultComponent as ɵki, TransactionSalesOrderFilterModule as ɵkj, TransactionSalesOrderFilterContentOrderModule as ɵkk, TransactionFilterItemModule as ɵkl, TransactionFilterItemComponent as ɵkm, TransactionSalesOrderFilterContentOrderComponent as ɵkn, TransactionFilterContentBaseComponent as ɵko, FilterRequestService as ɵkp, TransactionSalesOrderFilterContentLogisticsModule as ɵkq, TransactionFilterHistoricStateModule as ɵkr, TransactionFilterHistoricStateComponent as ɵks, TransactionSalesOrderFilterContentLogisticsComponent as ɵkt, TransactionSalesOrderFilterContentArticleModule as ɵku, TransactionSalesOrderFilterContentArticleComponent as ɵkv, TransactionSalesOrderFilterComponent as ɵkw, TransactionFilterBaseComponent as ɵkx, TransactionPurchaseOrderFilterModule as ɵky, TransactionPurchaseOrderFilterContentOrderModule as ɵkz, ErrorService as ɵl, TransactionPurchaseOrderFilterContentOrderComponent as ɵla, TransactionPurchaseOrderFilterContentLogisticsModule as ɵlb, TransactionPurchaseOrderFilterContentLogisticsComponent as ɵlc, TransactionPurchaseOrderFilterContentArticleModule as ɵld, TransactionPurchaseOrderFilterContentArticleComponent as ɵle, TransactionPurchaseOrderFilterComponent as ɵlf, TransactionFilterModule as ɵlg, TransactionFilterComponent as ɵlh, 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, 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 };
 //# sourceMappingURL=colijnit-transaction.js.map