@colijnit/transaction 12.1.33 → 12.1.34

package/fesm2015/colijnit-transaction.js

@@ -51,6 +51,8 @@ import { GoodsReceiptStatusWithHistory } from '@colijnit/transactionapi/build/mo
 import { PurchasePortalLine } from '@colijnit/transactionapi/build/model/purchase-portal-line.bo';
 import { CreatePaymentLinkResult } from '@colijnit/transactionapi/build/model/create-payment-link-result.bo';
 import { PaymentLinkStatus } from '@colijnit/transactionapi/build/model/payment-link-status.bo';
+import * as i1 from '@angular/platform-browser';
+import { DomSanitizer } from '@angular/platform-browser';
 import { TransactionInfo } from '@colijnit/transactionapi/build/model/transaction-info.bo';
 import { RelationStatus } from '@colijnit/transactionapi/build/enum/relation-status.enum';
 import { ResolveLinePendingReasonRequest } from '@colijnit/transactionapi/build/model/resolve-pending-reason-request.bo';
@@ -60,12 +62,11 @@ import { ArticleLight } from '@colijnit/articleapi/build/model/article-light.bo'
 import { TurnoverGroupImage } from '@colijnit/articleapi/build/model/turnover-group-image.bo';
 import { MainArticle } from '@colijnit/articleapi/build/model/main-article.bo';
 import { ResolveHeaderPendingReasonRequest } from '@colijnit/transactionapi/build/model/resolve-header-pending-reason-request.bo';
-import { FormMasterService, CoDialogModule, ButtonModule, InputCheckboxModule, InputTextModule, InputComboBoxModule, FormModule, InputRadioButtonModule, IconModule, InputListboxModule, DropDownModule, ClickoutsideModule, InputTextComponent, InputNumberPickerModule, PriceDisplayPipeModule, InputDatePickerModule, Carousel3dModule, InputDatePickerComponent, InputTextareaComponent, InputTextareaModule, CoDialogPromptModule, MultiSelectListModule, PopupModule, CoSidebarModule, CoGridModule, CoRichTextEditorModule, CollapsibleModule, ColumnAlign, SimpleGridColumnDirective, SimpleGridModule, GridToolbarButtonModule, InputDateRangePickerModule, InputSearchModule, CoOrientation, CoDirection, FilterItemModule, PaginationModule, PaginationBarModule, IconCollapseHandleModule } from '@colijnit/corecomponents_v12';
+import { DocDeliveryBatch } from '@colijnit/transactionapi/build/model/doc-delivery-batch.bo';
+import { FormMasterService, CoDialogModule, ButtonModule, CollapsibleModule, InputCheckboxModule, InputTextModule, InputComboBoxModule, FormModule, InputRadioButtonModule, IconModule, InputListboxModule, DropDownModule, ClickoutsideModule, InputTextComponent, InputNumberPickerModule, PriceDisplayPipeModule, InputDatePickerModule, Carousel3dModule, InputDatePickerComponent, InputTextareaComponent, InputTextareaModule, InputSearchModule, CoDialogPromptModule, MultiSelectListModule, PopupModule, CoSidebarModule, CoGridModule, CoRichTextEditorModule, CarouselModule, ColumnAlign, SimpleGridColumnDirective, SimpleGridModule, GridToolbarButtonModule, InputDateRangePickerModule, CoOrientation, CoDirection, FilterItemModule, PaginationModule, PaginationBarModule, IconCollapseHandleModule } from '@colijnit/corecomponents_v12';
 import { FlexModule } from '@angular/flex-layout';
 import { AddressType } from '@colijnit/transactionapi/build/enum/address-type.enum';
 import { trigger, state, style, transition, animate } from '@angular/animations';
-import * as i1 from '@angular/platform-browser';
-import { DomSanitizer } from '@angular/platform-browser';
 import { CommonModule, DatePipe } from '@angular/common';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { Address } from '@colijnit/transactionapi/build/model/address.bo';
@@ -75,15 +76,17 @@ import { StockStatus } from '@colijnit/transactionapi/build/enum/refcode/stock-s
 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';
-import { KeyPadModule } from '@colijnit/sharedcomponents';
+import { KeyPadModule, SendMethodDialogModule } from '@colijnit/sharedcomponents';
 import { RelationNameKind } from '@colijnit/transactionapi/build/enum/relation-name-kind.enum';
 import { GenderType } from '@colijnit/transactionapi/build/enum/gender-type.enum';
 import { FunctionUtils } from '@colijnit/transactionapi/build/utils/function-utils';
 import { CommunicationType } from '@colijnit/transactionapi/build/enum/communication-type.enum';
 import { ContactOption } from '@colijnit/transactionapi/build/model/contact-option.bo';
 import { BusinessObjectUtils } from '@colijnit/transactionapi/build/utils/business-object-utils';
+import { RelationSmallObject } from '@colijnit/transactionapi/build/model/relation-small-object.bo';
 import { RelationKind } from '@colijnit/transactionapi/build/enum/relation-kind.enum';
 import { DiscountType } from '@colijnit/transactionapi/build/enum/discount-type.enum';
+import { ScrollingModule } from '@angular/cdk/scrolling';
 import { ReceiveGoodsForPurchaseOrderCorrectionRequest } from '@colijnit/transactionapi/build/model/receive-goods-for-purchase-order-correction-request.bo';
 import { PurchaseOrderLineReceiptCorrectionDetails } from '@colijnit/transactionapi/build/model/purchase-order-line-receipt-correction-details.bo';
 import { PurchaseOrderLineReceiptDetails } from '@colijnit/transactionapi/build/model/purchase-order-line-receipt-details.bo';
@@ -93,7 +96,6 @@ import { PagingParameters } from '@colijnit/transactionapi/build/model/paging-pa
 import { GoodsReceiptStatus } from '@colijnit/transactionapi/build/model/goods-receipt-status.bo';
 import { GetPurchasePortalLine } from '@colijnit/transactionapi/build/model/get-purchase-portal-line';
 import { PurchasePortalFilters } from '@colijnit/transactionapi/build/model/purchase-portal-filters.bo';
-import { DocDeliveryBatch } from '@colijnit/transactionapi/build/model/doc-delivery-batch.bo';
 import { ArticleExtendedRequest } from '@colijnit/articleapi/build/model/article-extended-request';
 import { QuantityInHistoricState } from '@colijnit/transactionapi/build/enum/quantity-in-historic-state.enum';
 
@@ -275,6 +277,7 @@ class Dictionary {
                 "DISCOUNTS": "Kortingen",
                 "DISCOUNT_AMOUNT": "Kortingsbedrag",
                 "DISCOUNT_PERCENTAGE": "Kortings %",
+                "DISCOUNT_PRICE_INFORMATION": "Korting en prijsinformatie",
                 "DOWNPAYMENT": "Aanbetaling",
                 "DOWNPAYMENT_PERCENTAGE": "Aan te betalen %",
                 "DOWNPAYMENT_AMOUNT": "Aan te betalen bedrag",
@@ -439,12 +442,14 @@ class Dictionary {
                 "SEARCH_DELIVERY_METHOD": "Zoek levermethode",
                 "SEARCH_IN_COLLECTION": "Zoek binnen collectie...",
                 "SEARCH_NUMBER_CUSTOMER_OR_DATE": "Zoeken op nummer, klant of datum",
+                "SEARCH_PRICE_LIST": "Zoek prijslijst",
                 "SEARCH_VAT": "Zoek btw",
                 "SEARCH_WAREHOUSE": "Zoek magazijn",
                 "SELECT": "Selecteren",
                 "SELECT_A": "Selecteer een",
                 "SELECT_CASH_REGISTER": "Selecteer kassa",
                 "SELECT_DATE": "Selecteer een start- en einddatum",
+                "SEND": "Versturen",
                 "SERIAL_NUMBER": "Serienummer",
                 "SERVICE_NUMBER": "Servicenummer",
                 "SERVICE_REQUEST_DATE": "Datum aanvraag",
@@ -477,7 +482,7 @@ class Dictionary {
                 "TOTAL_GROSS": "Totaal bruto",
                 "TOTAL_LINE_DISCOUNT": "Totale regelkorting",
                 "TRANSACTION_DATE": "Orderdatum",
-                "TRANSACTION_DISCOUNT": "Totale transactie korting",
+                "TRANSACTION_DISCOUNT": "Transactie korting",
                 "TRANSACTION_DISCOUNT_PERC": "% Trans. korting",
                 "TRANSACTION_PRICE_DECLARATION": "Order prijsverklaring",
                 "TRANSACTION_SUM_I": "Ordertotaal incl. BTW",
@@ -603,6 +608,7 @@ class Dictionary {
                 "DISCOUNTS": "Discounts",
                 "DISCOUNT_AMOUNT": "Discount amount",
                 "DISCOUNT_PERCENTAGE": "Discount %",
+                "DISCOUNT_PRICE_INFORMATION": "Discount and price information",
                 "DOWNPAYMENT": "Downpayment",
                 "DOWNPAYMENT_PERCENTAGE": "Percentage to be paid",
                 "DOWNPAYMENT_AMOUNT": "Amount to be paid",
@@ -757,12 +763,14 @@ class Dictionary {
                 "SEARCH_DELIVERY_METHOD": "Search deliverymethod",
                 "SEARCH_IN_COLLECTION": "Search in collection...",
                 "SEARCH_NUMBER_CUSTOMER_OR_DATE": "Search for number, customer or date",
+                "SEARCH_PRICE_LIST": "Search pricelist",
                 "SEARCH_VAT": "Search vat",
                 "SEARCH_WAREHOUSE": "Search warehouse",
                 "SELECT": "Select",
                 "SELECT_A": "Select a",
                 "SELECT_CASH_REGISTER": "Select cash register",
                 "SELECT_DATE_RANGE": "Select a date range",
+                "SEND": "Send",
                 "SERIAL_NUMBER": "Serial number",
                 "SERVICE_NUMBER": "Service number",
                 "SERVICE_REQUEST_DATE": "Service request data",
@@ -794,7 +802,7 @@ class Dictionary {
                 "TOTAL_GROSS": "Gross total",
                 "TOTAL_LINE_DISCOUNT": "Total linediscount",
                 "TRANSACTION_DATE": "Transaction date",
-                "TRANSACTION_DISCOUNT": "Total transaction discount",
+                "TRANSACTION_DISCOUNT": "Transaction discount",
                 "TRANSACTION_DISCOUNT_PERC": "% Trans. discount",
                 "TRANSACTION_PRICE_DECLARATION": "Transaction price declaration",
                 "TRANSACTION_SUM_I": "Ordertotal incl VAT",
@@ -1990,9 +1998,174 @@ var AppPopupType;
     AppPopupType[AppPopupType["Confirmation"] = 3] = "Confirmation";
 })(AppPopupType || (AppPopupType = {}));
 
+/** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
+var Icon;
+(function (Icon) {
+    Icon["ArrowPointDown"] = "arrow_point_down";
+    Icon["ArrowPointLeft"] = "arrow_point_left";
+    Icon["ArrowPointRight"] = "arrow_point_right";
+    Icon["Article"] = "article";
+    Icon["Barcode"] = "barcode";
+    Icon["BarcodeSolid"] = "barcode_solid";
+    Icon["BarsFilter"] = "bars_filter";
+    Icon["CalendarDay"] = "calendar_day";
+    Icon["CalendarDayRegular"] = "calendar_day_regular";
+    Icon["Cancel"] = "cancel";
+    Icon["CartCheck"] = "cart_check";
+    Icon["CartFlatbedBoxesSolid"] = "cart_flatbed_boxes_solid";
+    Icon["CartShoppingSolid"] = "cart_shopping_solid";
+    Icon["CashRegister"] = "cash_register";
+    Icon["CreditCardSolid"] = "credit_card_solid";
+    Icon["DeliveryTruck"] = "delivery_truck";
+    Icon["EditPencil"] = "edit_pencil";
+    Icon["GripDotsVerticalSolid"] = "grip_dots_vertical_solid";
+    Icon["IdealLogo"] = "ideal_logo";
+    Icon["ListRegular"] = "list_regular";
+    Icon["ListView"] = "list_view";
+    Icon["LocationDotSolid"] = "location_dot_solid";
+    Icon["Lock"] = "lock";
+    Icon["LockKeyholeOpenSolid"] = "lock_keyhole_open_solid";
+    Icon["LockKeyholeSolid"] = "lock_keyhole_solid";
+    Icon["MapMarker"] = "map_marker";
+    Icon["MasterDetail"] = "master_detail";
+    Icon["MemoCircleCheckSolid"] = "memo_circle_check_solid";
+    Icon["Menu"] = "menu";
+    Icon["PalletBoxesSolid"] = "pallet_boxes_solid";
+    Icon["PlusRound"] = "plus_round";
+    Icon["Purchase"] = "purchase";
+    Icon["Resize"] = "resize";
+    Icon["ShelvesSolid"] = "shelves_solid";
+    Icon["SidePanel"] = "side_panel";
+    Icon["SlideIn"] = "slide_in";
+    Icon["SquareFull"] = "square_full";
+    Icon["SquareFullSolid"] = "square_full_solid";
+    Icon["SyncAlt"] = "sync_alt";
+    Icon["Tag"] = "tag";
+    Icon["ThickLines"] = "thick_lines";
+    Icon["ThinLines"] = "thin_lines";
+    Icon["TrashBin"] = "trash_bin";
+    Icon["TrashCanLight"] = "trash_can_light";
+    Icon["TriangleDown"] = "triangle_down";
+    Icon["TriangleUp"] = "triangle_up";
+    Icon["Truck"] = "truck";
+    Icon["TruckArrowRightSolid"] = "truck_arrow_right_solid";
+    Icon["TruckContainerSolid"] = "truck_container_solid";
+    Icon["TruckFastSolid"] = "truck_fast_solid";
+    Icon["TruckMovingSolid"] = "truck_moving_solid";
+    Icon["Txt"] = "txt";
+    Icon["Unlock"] = "unlock";
+    Icon["Warehouse"] = "warehouse";
+})(Icon || (Icon = {}));
+
+/** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
+const IconSvg = {
+    "arrow_point_down": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"-280 371 51 51\" enable-background=\"new -280 371 51 51\" ><path fill=\"#29363E\" d=\"M-248.3,392.2c0.3,0,0.6,0.1,0.8,0.3c0.5,0.5,0.5,1.2,0,1.6l-6.2,6.2c-0.2,0.2-0.5,0.3-0.8,0.3c-0.3,0-0.6-0.1-0.8-0.3l-6.2-6.2c-0.2-0.2-0.3-0.5-0.3-0.8c0-0.3,0.1-0.6,0.3-0.8c0.2-0.2,0.5-0.3,0.8-0.3c0.3,0,0.6,0.1,0.8,0.3l5.4,5.4l5.4-5.4C-248.9,392.4-248.6,392.2-248.3,392.2z\"/></svg>",
+    "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>",
+    "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>",
+    "calendar_day_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M208 256C216.8 256 224 263.2 224 272V368C224 376.8 216.8 384 208 384H112C103.2 384 96 376.8 96 368V272C96 263.2 103.2 256 112 256H208zM128 0C141.3 0 152 10.75 152 24V64H296V24C296 10.75 306.7 0 320 0C333.3 0 344 10.75 344 24V64H384C419.3 64 448 92.65 448 128V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V128C0 92.65 28.65 64 64 64H104V24C104 10.75 114.7 0 128 0zM400 192H48V448C48 456.8 55.16 464 64 464H384C392.8 464 400 456.8 400 448V192z\"/></svg>",
+    "cancel": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"36 35.16 30.45 35.16 14 14.84 19.55 14.84 36 35.16\" fill=\"#484f60\"/><polygon points=\"14 35.16 19.55 35.16 36 14.84 30.45 14.84 14 35.16\" fill=\"#484f60\"/></svg>",
+    "cart_check": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><g ><g ><g><g opacity=\".75\"><path d=\"M16.58,29.12c-.99,0-1.8,.81-1.8,1.8s.81,1.8,1.8,1.8,1.8-.81,1.8-1.8-.81-1.8-1.8-1.8Z\" fill=\"#484f60\"/><path d=\"M16.51,24.98c-.67,0-1.38-.52-1.57-1.16l-2.31-5.61c-.19-.64,.19-1.22,.86-1.28l19.71-2.51c.67-.06,1.12,.42,1,1.08l-.89,3.99c.66,.15,1.3,.36,1.91,.63l1.38-6.84c.12-.66-.34-1.15-1-1.08l-24.68,2.93c-.67,.06-1.06,.64-.87,1.28l3.34,9.44c.19,.64,.89,1.17,1.56,1.17h5.92c.19-.71,.45-1.38,.77-2.02h-5.13Z\" fill=\"#484f60\"/><path d=\"M39.01,11.31c-.66,.14-1.27,.79-1.37,1.46l-.42,2.9c-.1,.66,.31,.98,.9,.7,.59-.28,1.19-1.04,1.33-1.7l.51-2.42c.14-.66-.28-1.08-.94-.94h-.02Z\" fill=\"#484f60\"/></g><g><path d=\"M31,21.72c4.41,0,8,3.59,8,8s-3.59,8-8,8-8-3.59-8-8,3.59-8,8-8m0-1c-4.97,0-9,4.03-9,9s4.03,9,9,9,9-4.03,9-9-4.03-9-9-9h0Z\" fill=\"#484f60\"/><polygon points=\"30.63 34.72 26.79 29.33 28.31 28.25 30.34 31.11 33.54 24.72 35.21 25.55 30.63 34.72\" fill=\"#484f60\"/></g></g></g></g><g /></svg>",
+    "cart_flatbed_boxes_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M448 160h64c17.6 0 32-14.4 32-32V64c0-17.6-14.4-32-32-32h-64c-17.6 0-32 14.4-32 32v64C416 145.6 430.4 160 448 160zM448 320h128c17.6 0 32-14.4 32-32V224c0-17.6-14.4-32-32-32h-128c-17.6 0-32 14.4-32 32v64C416 305.6 430.4 320 448 320zM224 320h128c17.6 0 32-14.4 32-32V64c0-17.6-14.4-32-32-32H224C206.4 32 192 46.4 192 64v224C192 305.6 206.4 320 224 320zM640 415.1c0 17.6-14.4 32-32 31.1l-66.88-.0011c1.787 5.027 2.907 10.36 2.907 16c0 26.51-21.5 48-48.01 48c-26.51 0-47.99-21.49-47.99-48c0-5.641 1.141-10.97 2.928-16H253.1C254.9 453 256 458.4 256 464C256 490.5 234.5 512 208 512S160 490.5 160 464c0-5.641 1.13-10.97 2.917-16l-66.92 .0011C78.4 448 64 433.6 64 415.1V80C64 71.16 56.84 64 48 64H31.1C14.4 64 0 49.6 0 32S14.4 0 31.1 0H64c35.2 0 64 28.8 64 64v320h480C625.6 384 640 398.4 640 415.1z\"/></svg>",
+    "cart_shopping_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M96 0C107.5 0 117.4 8.19 119.6 19.51L121.1 32H541.8C562.1 32 578.3 52.25 572.6 72.66L518.6 264.7C514.7 278.5 502.1 288 487.8 288H170.7L179.9 336H488C501.3 336 512 346.7 512 360C512 373.3 501.3 384 488 384H159.1C148.5 384 138.6 375.8 136.4 364.5L76.14 48H24C10.75 48 0 37.25 0 24C0 10.75 10.75 0 24 0H96zM128 464C128 437.5 149.5 416 176 416C202.5 416 224 437.5 224 464C224 490.5 202.5 512 176 512C149.5 512 128 490.5 128 464zM512 464C512 490.5 490.5 512 464 512C437.5 512 416 490.5 416 464C416 437.5 437.5 416 464 416C490.5 416 512 437.5 512 464z\"/></svg>",
+    "cash_register": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M35.39,18.12H14.62L10,29.66H40ZM23,19.29H27l.1,1.6H22.87Zm-.13,2h4.32l.12,1.81H22.72Zm-.15,2.3h4.62l.14,2.08h-4.9ZM17.9,19.29H22l-.16,1.6H17.54Zm-.46,2h4.32l-.18,1.81H17Zm-.53,2.3h4.62l-.2,2.08h-4.9Zm-1.16,5.06.55-2.42H27.49l.16,2.42ZM28,19.29H32.1l.36,1.6H28.2Zm.2,2h4.32L33,23.12H28.42Zm.23,2.3h4.62l.48,2.08h-4.9Zm.5,5.06-.24-2.42h5l.55,2.42Z\" fill=\"#484f60\"/><path d=\"M10,29.66v9.23H40V29.66Zm27.69,6.92H12.31V32H37.69Z\" fill=\"#484f60\"/><path d=\"M15.63,11.11v7.58H34.37V11.11Zm17.31,6.15H17.06V12.54H32.94Z\" fill=\"#484f60\"/></svg>",
+    "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>",
+    "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>",
+    "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>",
+    "lock": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M32.65,21.67H17.35c-2.81,0-3.06,2.29-3.06,5.12v8.09c0,2.83.25,5.12,3.06,5.12h15.3c2.81,0,3.06-2.29,3.06-5.12V26.79C35.71,24,35.46,21.67,32.65,21.67ZM20.22,37.49l2.61-6.32a3.82,3.82,0,1,1,4.35,0l2.6,6.32Z\" fill=\"#484f60\"/><path d=\"M29.51,16.64c0-3.6-2-4.07-4.51-4.07h0c-2.49,0-4.51.47-4.51,4.07v3h-2.7v-3C17.79,11.62,21,10,25,10h0c4,0,7.21,1.62,7.21,6.64v3h-2.7Z\" fill=\"#484f60\"/></svg>",
+    "lock_keyhole_open_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M432 64C387.8 64 352 99.82 352 144V192H384C419.3 192 448 220.7 448 256V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V256C0 220.7 28.65 192 64 192H288V144C288 64.47 352.5 0 432 0C511.5 0 576 64.47 576 144V192C576 209.7 561.7 224 544 224C526.3 224 512 209.7 512 192V144C512 99.82 476.2 64 432 64zM256 384C273.7 384 288 369.7 288 352C288 334.3 273.7 320 256 320H192C174.3 320 160 334.3 160 352C160 369.7 174.3 384 192 384H256z\"/></svg>",
+    "lock_keyhole_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M224 0C303.5 0 368 64.47 368 144V192H384C419.3 192 448 220.7 448 256V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V256C0 220.7 28.65 192 64 192H80V144C80 64.47 144.5 0 224 0zM224 64C179.8 64 144 99.82 144 144V192H304V144C304 99.82 268.2 64 224 64zM256 320C256 302.3 241.7 288 224 288C206.3 288 192 302.3 192 320V384C192 401.7 206.3 416 224 416C241.7 416 256 401.7 256 384V320z\"/></svg>",
+    "map_marker": "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z\" /></svg>",
+    "master_detail": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"22\" y=\"32.17\" width=\"18\" height=\"4\" transform=\"translate(62 68.33) rotate(180)\" fill=\"#484f60\"/><rect x=\"22\" y=\"26.17\" width=\"18\" height=\"4\" transform=\"translate(62 56.33) rotate(180)\" fill=\"#484f60\"/><rect x=\"22\" y=\"20.17\" width=\"18\" height=\"4\" transform=\"translate(62 44.33) rotate(180)\" fill=\"#484f60\"/><rect x=\"22\" y=\"14.17\" width=\"18\" height=\"4\" transform=\"translate(62 32.33) rotate(180)\" fill=\"#484f60\"/><rect x=\"10\" y=\"14.17\" width=\"10\" height=\"22\" transform=\"translate(30 50.33) rotate(180)\" fill=\"#484f60\"/></svg>",
+    "memo_circle_check_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M288 368C288 288.5 352.5 224 432 224C511.5 224 576 288.5 576 368C576 447.5 511.5 512 432 512C352.5 512 288 447.5 288 368zM499.3 347.3C505.6 341.1 505.6 330.9 499.3 324.7C493.1 318.4 482.9 318.4 476.7 324.7L416 385.4L387.3 356.7C381.1 350.4 370.9 350.4 364.7 356.7C358.4 362.9 358.4 373.1 364.7 379.3L404.7 419.3C410.9 425.6 421.1 425.6 427.3 419.3L499.3 347.3zM320 0C355.3 0 384 28.65 384 64V198.6C310.1 219.5 256 287.4 256 368C256 427.1 285.1 479.3 329.7 511.3C326.6 511.7 323.3 512 320 512H64C28.65 512 0 483.3 0 448V64C0 28.65 28.65 0 64 0H320zM80 128C71.16 128 64 135.2 64 144C64 152.8 71.16 160 80 160H304C312.8 160 320 152.8 320 144C320 135.2 312.8 128 304 128H80zM80 256H240C248.8 256 256 248.8 256 240C256 231.2 248.8 224 240 224H80C71.16 224 64 231.2 64 240C64 248.8 71.16 256 80 256zM80 352H176C184.8 352 192 344.8 192 336C192 327.2 184.8 320 176 320H80C71.16 320 64 327.2 64 336C64 344.8 71.16 352 80 352z\"/></svg>",
+    "menu": "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z\" /></svg>",
+    "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>",
+    "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>",
+    "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>",
+    "square_full": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M464 48v416h-416v-416H464zM512 0H0v512h512V0z\"/></svg>",
+    "square_full_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M0 0h512v512H0V0z\"/></svg>",
+    "sync_alt": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M370.72 133.28C339.458 104.008 298.888 87.962 255.848 88c-77.458.068-144.328 53.178-162.791 126.85-1.344 5.363-6.122 9.15-11.651 9.15H24.103c-7.498 0-13.194-6.807-11.807-14.176C33.933 94.924 134.813 8 256 8c66.448 0 126.791 26.136 171.315 68.685L463.03 40.97C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.749zM32 296h134.059c21.382 0 32.09 25.851 16.971 40.971l-41.75 41.75c31.262 29.273 71.835 45.319 114.876 45.28 77.418-.07 144.315-53.144 162.787-126.849 1.344-5.363 6.122-9.15 11.651-9.15h57.304c7.498 0 13.194 6.807 11.807 14.176C478.067 417.076 377.187 504 256 504c-66.448 0-126.791-26.136-171.315-68.685L48.97 471.03C33.851 486.149 8 475.441 8 454.059V320c0-13.255 10.745-24 24-24z\"/></svg>",
+    "tag": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M40,29.15v-.68a5.28,5.28,0,0,0-1.34-3.25L24.78,11.34A5.34,5.34,0,0,0,21.53,10H11.9A1.91,1.91,0,0,0,10,11.9v9.63a5.28,5.28,0,0,0,1.34,3.25L25.22,38.66A5.28,5.28,0,0,0,28.47,40h.68a5.28,5.28,0,0,0,3.24-1.34l6.27-6.27A5.28,5.28,0,0,0,40,29.15ZM13.13,16.72a2.54,2.54,0,1,1,3.59,0A2.55,2.55,0,0,1,13.13,16.72Zm15.9,19L17.84,24.55l1.34-1.34L30.37,34.4Zm2.69-2.69L20.52,21.87l1.35-1.35,11.19,11.2Zm2.68-2.69L23.21,19.18l1.34-1.34L35.75,29Z\" fill=\"#484f60\"/></svg>",
+    "thick_lines": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"12.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/><rect x=\"10\" y=\"21.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/><rect x=\"10\" y=\"30.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/></svg>",
+    "thin_lines": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"14.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"20.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"26.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"32.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/></svg>",
+    "trash_bin": "<svg preserveAspectRatio=\"none\" version=\"1.1\" viewBox=\"0 0 50 50\" x=\"0px\" xmlns=\"http://www.w3.org/2000/svg\" y=\"0px\"><g transform=\" translate(14 10)\"><path d=\"M 0 0 L 0 18.215 C 0 19.99 1.439 21.429 3.215 21.429 L 15 21.429 C 16.775 21.429 18.215 19.99 18.215 18.215 L 18.215 0 L 0 0 Z M 4.287 19.286 L 2.143 19.286 L 2.143 2.143 L 4.287 2.143 L 4.287 19.286 Z M 10.18 19.286 L 8.037 19.286 L 8.037 2.143 L 10.18 2.143 L 10.18 19.286 Z M 16.072 19.286 L 13.93 19.286 L 13.93 2.143 L 16.072 2.143 L 16.072 19.286 Z\" fill=\"#1E2930\" transform=\" translate(1.891 8.571)\" /><path d=\"M 18.213 2.143 L 10.713 2.143 C 11.305 2.143 11.785 1.664 11.785 1.071 C 11.785 0.479 11.305 0 10.713 0 L 9.643 0 C 9.051 0 8.57 0.479 8.57 1.071 C 8.57 1.664 9.051 2.143 9.643 2.143 L 2.143 2.143 C 0.959 2.143 0 3.103 0 4.286 L 0 5.357 C 0 6.541 0.959 6.429 2.143 6.429 L 18.213 6.429 C 19.397 6.429 20.357 6.541 20.357 5.357 L 20.357 4.286 C 20.357 3.103 19.397 2.143 18.213 2.143 Z\" fill=\"#1E2930\" transform=\" translate(0.821 0)\" /></g></svg>",
+    "trash_can_light": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M144 400C144 408.8 136.8 416 128 416C119.2 416 112 408.8 112 400V176C112 167.2 119.2 160 128 160C136.8 160 144 167.2 144 176V400zM240 400C240 408.8 232.8 416 224 416C215.2 416 208 408.8 208 400V176C208 167.2 215.2 160 224 160C232.8 160 240 167.2 240 176V400zM336 400C336 408.8 328.8 416 320 416C311.2 416 304 408.8 304 400V176C304 167.2 311.2 160 320 160C328.8 160 336 167.2 336 176V400zM310.1 22.56L336.9 64H432C440.8 64 448 71.16 448 80C448 88.84 440.8 96 432 96H416V432C416 476.2 380.2 512 336 512H112C67.82 512 32 476.2 32 432V96H16C7.164 96 0 88.84 0 80C0 71.16 7.164 64 16 64H111.1L137 22.56C145.8 8.526 161.2 0 177.7 0H270.3C286.8 0 302.2 8.526 310.1 22.56V22.56zM148.9 64H299.1L283.8 39.52C280.9 34.84 275.8 32 270.3 32H177.7C172.2 32 167.1 34.84 164.2 39.52L148.9 64zM64 432C64 458.5 85.49 480 112 480H336C362.5 480 384 458.5 384 432V96H64V432z\"/></svg>",
+    "triangle_down": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"29.06 18.75 37.5 18.75 25 31.25 12.5 18.75 20.95 18.75 29.06 18.75\" fill=\"#484f60\"/></svg>",
+    "triangle_up": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"20.94 31.25 12.5 31.25 25 18.75 37.5 31.25 29.05 31.25 20.94 31.25\" fill=\"#484f60\"/></svg>",
+    "truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"14.75\" width=\"17.47\" height=\"12.62\" fill=\"#484f60\"/><path d=\"M37,18.11h-8V28.84H20.22a4.42,4.42,0,0,1,1.41,2.73H30a4.41,4.41,0,0,1,8.76,0H40V24.63Zm-.26,6.73H32.25a.57.57,0,0,1-.57-.57V20a.57.57,0,0,1,.57-.58h2.63a.58.58,0,0,1,.52.35L37.31,24A.58.58,0,0,1,36.78,24.84Z\" fill=\"#484f60\"/><path d=\"M14.28,28.84a4.39,4.39,0,0,0-1.42,2.73H12l-2-1.26V28.84Z\" fill=\"#484f60\"/><path d=\"M31.25,32.1a3.16,3.16,0,1,0,3.16-3.16A3.16,3.16,0,0,0,31.25,32.1Z\" fill=\"#484f60\"/><path d=\"M14.09,32.1a3.16,3.16,0,1,0,3.16-3.16A3.15,3.15,0,0,0,14.09,32.1Z\" fill=\"#484f60\"/></svg>",
+    "truck_arrow_right_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M0 48C0 21.49 21.49 0 48 0H368C394.5 0 416 21.49 416 48V96H466.7C483.7 96 499.1 102.7 512 114.7L589.3 192C601.3 204 608 220.3 608 237.3V352C625.7 352 640 366.3 640 384C640 401.7 625.7 416 608 416H576C576 469 533 512 480 512C426.1 512 384 469 384 416H256C256 469 213 512 160 512C106.1 512 64 469 64 416H48C21.49 416 0 394.5 0 368V48zM544 256V237.3L466.7 160H416V256H544zM160 464C186.5 464 208 442.5 208 416C208 389.5 186.5 368 160 368C133.5 368 112 389.5 112 416C112 442.5 133.5 464 160 464zM480 368C453.5 368 432 389.5 432 416C432 442.5 453.5 464 480 464C506.5 464 528 442.5 528 416C528 389.5 506.5 368 480 368zM256.1 95.03C247.6 85.66 232.4 85.66 223 95.03C213.7 104.4 213.7 119.6 223 128.1L262.1 168H96C82.75 168 72 178.7 72 192C72 205.3 82.75 216 96 216H262.1L223 255C213.7 264.4 213.7 279.6 223 288.1C232.4 298.3 247.6 298.3 256.1 288.1L336.1 208.1C346.3 199.6 346.3 184.4 336.1 175L256.1 95.03z\"/></svg>",
+    "truck_container_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M352 32C378.5 32 400 53.49 400 80V240C400 266.5 378.5 288 352 288H48C21.49 288 0 266.5 0 240V80C0 53.49 21.49 32 48 32H352zM80 80C71.16 80 64 87.16 64 96V224C64 232.8 71.16 240 80 240C88.84 240 96 232.8 96 224V96C96 87.16 88.84 80 80 80zM224 224C224 232.8 231.2 240 240 240C248.8 240 256 232.8 256 224V96C256 87.16 248.8 80 240 80C231.2 80 224 87.16 224 96V224zM160 80C151.2 80 144 87.16 144 96V224C144 232.8 151.2 240 160 240C168.8 240 176 232.8 176 224V96C176 87.16 168.8 80 160 80zM304 224C304 232.8 311.2 240 320 240C328.8 240 336 232.8 336 224V96C336 87.16 328.8 80 320 80C311.2 80 304 87.16 304 96V224zM432 168C432 154.7 442.7 144 456 144H528.8C545.6 144 561.5 151.5 572.2 164.5L630.1 236.4C636.8 243.5 640 252.5 640 261.7V352C640 369.7 625.7 384 608 384H606.4C607.4 389.2 608 394.5 608 400C608 444.2 572.2 480 528 480C483.8 480 448 444.2 448 400C448 394.5 448.6 389.2 449.6 384H286.4C287.4 389.2 288 394.5 288 400C288 444.2 252.2 480 208 480C181.8 480 158.6 467.4 144 448C129.4 467.4 106.2 480 80 480C35.82 480 0 444.2 0 400V352C0 334.3 14.33 320 32 320H432V168zM480 256H584.1L535 194.9C533.5 193.1 531.2 192 528.8 192H480V256zM528 368C510.3 368 496 382.3 496 400C496 417.7 510.3 432 528 432C545.7 432 560 417.7 560 400C560 382.3 545.7 368 528 368zM208 432C225.7 432 240 417.7 240 400C240 382.3 225.7 368 208 368C190.3 368 176 382.3 176 400C176 417.7 190.3 432 208 432zM80 368C62.33 368 48 382.3 48 400C48 417.7 62.33 432 80 432C97.67 432 112 417.7 112 400C112 382.3 97.67 368 80 368z\"/></svg>",
+    "truck_fast_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M416 0H64V96H0v32H64 288v32H64 32v32H64 256v32H64 0v32H64 224v32H64V416c0 53 43 96 96 96s96-43 96-96H384c0 53 43 96 96 96s96-43 96-96h32 32V352H608V288 256 224 210.7l-9.4-9.4-96-96L493.3 96H480 416V0zM544 237.3V256H416V160h50.7L544 237.3zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48s48 21.5 48 48s-21.5 48-48 48zm368-48c0 26.5-21.5 48-48 48s-48-21.5-48-48s21.5-48 48-48s48 21.5 48 48z\"/></svg>",
+    "truck_moving_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M64 32C28.7 32 0 60.7 0 96V304v80 16c0 44.2 35.8 80 80 80c26.2 0 49.4-12.6 64-32c14.6 19.4 37.8 32 64 32c44.2 0 80-35.8 80-80c0-5.5-.6-10.8-1.6-16H416h33.6c-1 5.2-1.6 10.5-1.6 16c0 44.2 35.8 80 80 80s80-35.8 80-80c0-5.5-.6-10.8-1.6-16H608c17.7 0 32-14.3 32-32V288 272 261.7c0-9.2-3.2-18.2-9-25.3l-58.8-71.8c-10.6-13-26.5-20.5-43.3-20.5H480V96c0-35.3-28.7-64-64-64H64zM585 256H480V192h48.8c2.4 0 4.7 1.1 6.2 2.9L585 256zM528 432c-17.7 0-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32zM240 400c0 17.7-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32zM80 432c-17.7 0-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32z\"/></svg>",
+    "txt": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.87c-2.15,0-2.71-.56-2.71-2.72V12.88c0-2.15.56-2.71,2.71-2.71H25.48l8.66,8.88v3.43H32.8V19.6l-7.88-8.09H13.87c-1.37,0-1.37,0-1.37,1.37V37.45c0,1.37,0,1.37,1.37,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm6.68,2.36h-1.9V32h-1.3V26.63h-1.9V25.54h5.1ZM30.4,32,29,29.74,27.55,32H26l2.19-3.34-2-3.07h1.52L29,27.6l1.26-2.06h1.5l-2,3.12L32,32Zm6.86-5.32h-1.9V32H34.07V26.63H32.16V25.54h5.1Z\" fill=\"#484f60\"/></svg>",
+    "unlock": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M32.65,21.67H17.35c-2.81,0-3.06,2.29-3.06,5.12v8.09c0,2.83.25,5.12,3.06,5.12h15.3c2.81,0,3.06-2.29,3.06-5.12V26.79C35.71,24,35.46,21.67,32.65,21.67ZM20.22,37.49l2.61-6.32a3.82,3.82,0,1,1,4.35,0l2.6,6.32Z\" fill=\"#484f60\"/><path d=\"M35.51,16.64c0-3.6-2-4.07-4.51-4.07h0c-2.49,0-4.51.47-4.51,4.07v3h-2.7v-3C23.79,11.62,27,10,31,10h0c4,0,7.21,1.62,7.21,6.64Z\" fill=\"#484f60\"/></svg>",
+    "warehouse": "<!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=\"M6 19H8V21H6V19M12 3L2 8V21H4V13H20V21H22V8L12 3M8 11H4V9H8V11M14 11H10V9H14V11M20 11H16V9H20V11M6 15H8V17H6V15M10 15H12V17H10V15M10 19H12V21H10V19M14 19H16V21H14V19Z\" /></svg>"
+};
+
+class IconCacheService {
+    constructor(_sanitizer) {
+        this._sanitizer = _sanitizer;
+        this._iconCache = {};
+        this.setIconCache();
+    }
+    /**
+     * All the icons as a large JSON object, from the all-icons.json file.
+     * The object has property keys that are the icon names, and property values with the data string of the actual svg icon.
+     */
+    get iconCache() {
+        return this._iconCache;
+    }
+    getIcon(iconName) {
+        if (iconName) {
+            return this._iconCache[iconName.toLowerCase()];
+        }
+    }
+    getIconAsBase64(iconName) {
+        const icon = IconSvg[iconName];
+        const base64Data = window.btoa(icon);
+        return this._sanitizer.bypassSecurityTrustUrl(`data:image/svg+xml;base64,${base64Data}`);
+    }
+    getRawIcon(iconName) {
+        if (iconName) {
+            return IconSvg[iconName.toLowerCase()];
+        }
+    }
+    setIconCache() {
+        for (const key in IconSvg) {
+            if (IconSvg.hasOwnProperty(key) && typeof IconSvg[key] !== "function") {
+                this._iconCache[key.toLowerCase()] = this._sanitizer.bypassSecurityTrustHtml(IconSvg[key]);
+            }
+        }
+    }
+}
+IconCacheService.ɵprov = i0.ɵɵdefineInjectable({ factory: function IconCacheService_Factory() { return new IconCacheService(i0.ɵɵinject(i1.DomSanitizer)); }, token: IconCacheService, providedIn: "root" });
+IconCacheService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: "root"
+            },] }
+];
+IconCacheService.ctorParameters = () => [
+    { type: DomSanitizer }
+];
+
 class ConfirmationDialogComponent extends DialogBaseComponent {
-    constructor() {
-        super(...arguments);
+    constructor(iconCacheService) {
+        super();
+        this.iconCacheService = iconCacheService;
+        this.icons = Icon;
         this.ptype = AppPopupType;
     }
     showClass() {
@@ -2015,6 +2188,9 @@ ConfirmationDialogComponent.decorators = [
     <co-dialog [showCloseIcon]="false" [headerTemplate]="headerTemplate" [footerTemplate]="footerTemplate">
       <div class="confirmation-dialog-wrapper">
         <div class="text" [innerHTML]="text"></div>
+        <co-collapsible [headerTitle]="'DETAILS' | localize" [iconData]="iconCacheService.getIcon(icons.TriangleDown)" *ngIf="details">
+          <div class="dialog-details" [innerHTML]="details"></div>
+        </co-collapsible>
       </div>
     </co-dialog>
     <ng-template #headerTemplate>
@@ -2035,9 +2211,13 @@ ConfirmationDialogComponent.decorators = [
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
+ConfirmationDialogComponent.ctorParameters = () => [
+    { type: IconCacheService }
+];
 ConfirmationDialogComponent.propDecorators = {
     title: [{ type: Input }],
     text: [{ type: Input }],
+    details: [{ type: Input }],
     type: [{ type: Input }],
     showClass: [{ type: HostBinding, args: ["class.co-confirmation-dialog",] }]
 };
@@ -2088,7 +2268,7 @@ CharacteristicAnswerComponent.decorators = [
                 template: `
     <co-dialog [showCloseIcon]="false" [modal]="true" [headerTemplate]="headerTemplate" [footerTemplate]="footerTemplate">
       <ng-container *ngIf="choices && choices.length > 0">
-        <div class="co-transaction-default-flex-row" *ngFor="let choice of viewModels">
+        <div class="co-transaction-default-popup-row" *ngFor="let choice of viewModels">
           <co-input-checkbox [model]="choice.checked" [label]="choice.value" (click)="handleChecked($event, choice.value)"></co-input-checkbox>
         </div>
       </ng-container>
@@ -2132,6 +2312,8 @@ class TransactionLineBaseComponent {
         this.readonly = false;
         this.viewModels = [];
         this.viewModelsFiltered = [];
+        this.propsForLabel = [];
+        this._collection = [];
         this._transactionLine = new TransactionLineInfo();
         this._transactionInfo = new TransactionInfo();
     }
@@ -2161,7 +2343,37 @@ class TransactionLineBaseComponent {
     get transactionInfo() {
         return this._transactionInfo;
     }
-    ngOnInit() {
+    set collection(value) {
+        this._collection = value;
+        this.prepareViewModels();
+    }
+    get collection() {
+        return this._collection;
+    }
+    handleChecked(row) {
+        row.checked = true;
+        for (let i = 0; i < this.viewModels.length; i++) {
+            if (this.viewModels[i].value !== row.value) {
+                this.viewModels[i].checked = false;
+            }
+        }
+        if (this.useTransactionLine) {
+            this.commit(this.viewModels.find(v => v.checked).value);
+        }
+        else {
+            this.valueChange.emit(row.value);
+        }
+    }
+    commit(value) { }
+    prepareViewModels() {
+        this.collection.forEach((d, index) => {
+            const labels = this.propsForLabel.map(p => d[p]);
+            this.viewModels.push({
+                value: d[this.codeField],
+                propsForLabel: labels,
+                checked: (this.useTransactionLine && this.checkField) ? this.transactionLine[this.checkField] === d[this.codeField] : index === 0
+            });
+        });
         this.viewModelsFiltered = this.viewModels.slice();
     }
     // overridden by descendents
@@ -2175,13 +2387,15 @@ class TransactionLineBaseComponent {
             this.viewModelsFiltered = this.viewModels.slice();
         }
         else {
-            this.viewModelsFiltered = this.viewModels.filter(v => {
-                const textFound = v.text ? v.text.indexOf(this.searchText) > -1 : false;
-                // const codeFound: boolean = (v.value && typeof v.value === 'string') ? v.value.indexOf(this.searchText) > -1 :
-                //   (typeof v.value === 'number' ? v.value + "".indexOf(this.searchText) > -1 : false);
-                const codeFound = (v.value && typeof v.value === 'string') ? v.value.indexOf(this.searchText) > -1 : false;
-                return codeFound || textFound;
-            });
+            this.viewModelsFiltered = JSON.parse(JSON.stringify(this.viewModels));
+            for (let i = 0; i < this.viewModelsFiltered.length; i++) {
+                const vmf = this.viewModelsFiltered[i];
+                for (let j = 0; j < vmf.propsForLabel.length; j++) {
+                    if (vmf.propsForLabel[j]) {
+                        vmf.propsForLabel[j] = vmf.propsForLabel[j].replace(new RegExp(this.searchText, 'g'), `<span class="highlight">${this.searchText}</span>`);
+                    }
+                }
+            }
         }
     }
 }
@@ -2287,6 +2501,8 @@ class DialogService {
         this._compFactoryResolver = _compFactoryResolver;
         this.appRef = appRef;
         this.injector = injector;
+        // private _componentRef: any;
+        this._componentRefs = [];
     }
     showYesNo(title, text) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -2299,12 +2515,15 @@ class DialogService {
             return response === AppPopupButtonType.Yes;
         });
     }
-    showError(message) {
+    showError(message, details) {
         const data = {
             title: 'ERROR',
             text: message,
             type: AppPopupType.Error
         };
+        if (details) {
+            data.details = details;
+        }
         return this._createComponent(ConfirmationDialogComponent, data);
     }
     showInformation(message) {
@@ -2321,6 +2540,12 @@ class DialogService {
         };
         return this._createComponent(comp, data);
     }
+    showTransactionHeaderComponent(comp, transactionInfo) {
+        const data = {
+            transactionInfo: transactionInfo
+        };
+        return this._createComponent(comp, data);
+    }
     showCharacteristics(title, choices, value) {
         const data = {
             title: title,
@@ -2343,24 +2568,28 @@ class DialogService {
     }
     _createComponent(componentClass, data) {
         return new Promise((resolve) => {
-            this._componentRef = this._compFactoryResolver
+            const componentRef = this._compFactoryResolver
                 .resolveComponentFactory(componentClass)
                 .create(this.injector);
+            this._componentRefs.push(componentRef);
             for (let key in data) {
                 if (data.hasOwnProperty(key)) {
-                    this._componentRef.instance[key] = data[key];
+                    componentRef.instance[key] = data[key];
                 }
             }
-            this.appRef.attachView(this._componentRef.hostView);
-            const domElem = this._componentRef.hostView
+            this.appRef.attachView(componentRef.hostView);
+            const domElem = componentRef.hostView
                 .rootNodes[0];
             document.body.appendChild(domElem);
-            this._componentRef.onDestroy(() => {
-                this.appRef.detachView(this._componentRef.hostView);
+            componentRef.onDestroy(() => {
+                this.appRef.detachView(componentRef.hostView);
             });
-            this._componentRef.instance.onClose = (button, output) => {
-                this.appRef.detachView(this._componentRef.hostView);
-                this._componentRef = undefined;
+            // @ts-ignore
+            componentRef.instance.onClose = (button, output) => {
+                const idx = this._componentRefs.indexOf(componentRef);
+                this.appRef.detachView(componentRef.hostView);
+                this._componentRefs[idx] = undefined;
+                this._componentRefs.splice(idx, 1);
                 resolve(output ? output : button);
             };
         });
@@ -2379,32 +2608,49 @@ DialogService.ctorParameters = () => [
 ];
 
 class ErrorService {
-    constructor(_dialogService) {
+    constructor(_dialogService, _dictionaryService) {
         this._dialogService = _dialogService;
+        this._dictionaryService = _dictionaryService;
     }
-    showError(message) {
-        this._dialogService.showError(message);
+    showError(message, details) {
+        return this._dialogService.showError(message, details);
     }
-    showValidationError(validationResult) {
+    showValidationError(response) {
         const messages = [];
-        if (validationResult && !validationResult.success) {
-            if (validationResult.messages && validationResult.messages.length > 0) {
-                validationResult.messages.forEach(m => {
-                    messages.push(`<div class="dialog-validation-error" [textContent]="'${m.message}'"</div>`);
+        const messagesDetails = [];
+        messages.push('<div class="dialog-error-wrapper">');
+        if (response.message) {
+            messages.push(this._messageAsValidationError(response.message));
+        }
+        else if (response.validationResult && !response.validationResult.success) {
+            if (response.validationResult.messages && response.validationResult.messages.length > 0) {
+                response.validationResult.messages.forEach(m => {
+                    messages.push(this._messageAsValidationError(m.message));
+                    if (m.messageCode) {
+                        messagesDetails.push(this._messageDetails(m.messageCode));
+                    }
                 });
             }
-            this.showError(messages.join());
         }
+        messages.push('</div>');
+        return this.showError(messages.join(''), messagesDetails.length > 0 ? messagesDetails.join('') : undefined);
+    }
+    _messageAsValidationError(message) {
+        return `<div class="dialog-validation-error">${message}</div>`;
+    }
+    _messageDetails(messageCode) {
+        return `<div class="dialog-error-code-string">${messageCode.value}: ${messageCode.defaultStr}</div>`;
     }
 }
-ErrorService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ErrorService_Factory() { return new ErrorService(i0.ɵɵinject(DialogService)); }, token: ErrorService, providedIn: "root" });
+ErrorService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ErrorService_Factory() { return new ErrorService(i0.ɵɵinject(DialogService), i0.ɵɵinject(DictionaryService)); }, token: ErrorService, providedIn: "root" });
 ErrorService.decorators = [
     { type: Injectable, args: [{
                 providedIn: "root"
             },] }
 ];
 ErrorService.ctorParameters = () => [
-    { type: DialogService }
+    { type: DialogService },
+    { type: DictionaryService }
 ];
 
 class TransactionConnectorAdapterService {
@@ -2428,7 +2674,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(ArticleFullObject, result.resultObject);
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return null;
             }
         });
@@ -2440,7 +2686,7 @@ class TransactionConnectorAdapterService {
                 return result.resultObject;
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return null;
             }
         });
@@ -2465,7 +2711,7 @@ class TransactionConnectorAdapterService {
                 }
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return null;
             }
         });
@@ -2477,7 +2723,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeBOArrayFromRawBackendDataArray(Country, result.resultObjects);
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return [];
             }
         });
@@ -2489,7 +2735,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeBOArrayFromRawBackendDataArray(CustomerGroup, result.resultObjects);
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return [];
             }
         });
@@ -2507,7 +2753,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeBOArrayFromRawBackendDataArray(PrivacySetting, result.resultObjects);
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return [];
             }
         });
@@ -2532,7 +2778,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeBOArrayFromRawBackendDataArray(Marketing, result.resultObjects);
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return [];
             }
         });
@@ -2544,7 +2790,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeBOArrayFromRawBackendDataArray(TransactionLineInfo, result.resultObject);
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return [];
             }
         });
@@ -2556,7 +2802,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject);
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return null;
             }
         });
@@ -2568,7 +2814,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject);
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return null;
             }
         });
@@ -2580,7 +2826,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(CustomerFullObject, result.resultObject);
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return null;
             }
         });
@@ -2592,7 +2838,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeBOArrayFromRawBackendDataArray(CashRegister, result.resultObjects);
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return [];
             }
         });
@@ -2604,7 +2850,7 @@ class TransactionConnectorAdapterService {
                 return result.resultObject;
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return "";
             }
         });
@@ -2616,7 +2862,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeBOArrayFromRawBackendDataArray(PriceList, result.resultObjects);
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return [];
             }
         });
@@ -2628,7 +2874,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeBOArrayFromRawBackendDataArray(Vat, result.resultObjects);
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return [];
             }
         });
@@ -2643,7 +2889,7 @@ class TransactionConnectorAdapterService {
                 return result;
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -2656,7 +2902,7 @@ class TransactionConnectorAdapterService {
                         resolve(result.resultObject);
                     }
                     else {
-                        this._handleValidationResult(result.validationResult);
+                        this._handleExceptionFromResponse(result);
                         reject(null);
                     }
                 });
@@ -2670,7 +2916,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeBOArrayFromRawBackendDataArray(DeliveryMethod, result.resultObjects);
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return [];
             }
         });
@@ -2682,7 +2928,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeBOArrayFromRawBackendDataArray(DeliveryOption, result.resultObjects);
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return [];
             }
         });
@@ -2700,7 +2946,7 @@ class TransactionConnectorAdapterService {
                     return outputParams;
                 }
                 else {
-                    this._handleValidationResult(result.validationResult);
+                    this._handleExceptionFromResponse(result);
                     return null;
                 }
             }
@@ -2713,7 +2959,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeBOArrayFromRawBackendDataArray(RelationListObject, result.resultObjects);
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return [];
             }
         });
@@ -2725,7 +2971,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeBOArrayFromRawBackendDataArray(CoDomainValue, result.resultObjects);
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return [];
             }
         });
@@ -2737,7 +2983,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeBOArrayFromRawBackendDataArray(CoDomainValue, result.resultObjects);
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return [];
             }
         });
@@ -2750,7 +2996,7 @@ class TransactionConnectorAdapterService {
                         resolve(result.resultObjects);
                     }
                     else {
-                        this._handleValidationResult(result.validationResult);
+                        this._handleExceptionFromResponse(result);
                         reject([]);
                     }
                 });
@@ -2766,7 +3012,7 @@ class TransactionConnectorAdapterService {
                 return texts;
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return [];
             }
         });
@@ -2778,7 +3024,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeBOArrayFromRawBackendDataArray(StandardText, result.resultObjects);
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return [];
             }
         });
@@ -2790,7 +3036,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeBOArrayFromRawBackendDataArray(BranchLov, result.resultObjects);
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return [];
             }
         });
@@ -2802,7 +3048,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeBOArrayFromRawBackendDataArray(SalesPerson, result.resultObjects);
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return [];
             }
         });
@@ -2814,7 +3060,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeBOArrayFromRawBackendDataArray(Tag, result.resultObjects);
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return [];
             }
         });
@@ -2826,7 +3072,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeBOArrayFromRawBackendDataArray(OnHoldCode, result.resultObjects);
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return [];
             }
         });
@@ -2838,7 +3084,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeBOArrayFromRawBackendDataArray(Warehouse, result.resultObjects);
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return [];
             }
         });
@@ -2850,7 +3096,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeBOArrayFromRawBackendDataArray(CodeDescription, result.resultObjects);
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return [];
             }
         });
@@ -2862,7 +3108,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeBOArrayFromRawBackendDataArray(PaymentMethod, result.resultObject);
             }
             else {
-                this._handleValidationResult(result.validationResult);
+                this._handleExceptionFromResponse(result);
                 return [];
             }
         });
@@ -2875,7 +3121,7 @@ class TransactionConnectorAdapterService {
                         resolve(this._boFactory.makeWithRawBackendData(CustomerFullObject, result.resultObject));
                     }
                     else {
-                        this._handleValidationResult(result.validationResult);
+                        this._handleExceptionFromResponse(result);
                         reject(null);
                     }
                 });
@@ -2890,7 +3136,7 @@ class TransactionConnectorAdapterService {
                         resolve(this._boFactory.makeWithRawBackendData(CustomerFullObject, result.resultObject));
                     }
                     else {
-                        this._handleValidationResult(result.validationResult);
+                        this._handleExceptionFromResponse(result);
                         reject(null);
                     }
                 });
@@ -2907,7 +3153,7 @@ class TransactionConnectorAdapterService {
                     resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
                 }
                 else {
-                    this._handleValidationResult(result.validationResult);
+                    this._handleExceptionFromResponse(result);
                     reject(null);
                 }
             });
@@ -2920,7 +3166,7 @@ class TransactionConnectorAdapterService {
                     resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
                 }
                 else {
-                    this._handleValidationResult(result.validationResult);
+                    this._handleExceptionFromResponse(result);
                     reject(null);
                 }
             });
@@ -2934,7 +3180,7 @@ class TransactionConnectorAdapterService {
                         resolve(result.validationResult.success);
                     }
                     else {
-                        this._handleValidationResult(result.validationResult);
+                        this._handleExceptionFromResponse(result);
                         reject(false);
                     }
                 });
@@ -2949,7 +3195,7 @@ class TransactionConnectorAdapterService {
                         resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
                     }
                     else {
-                        this._handleValidationResult(result.validationResult);
+                        this._handleExceptionFromResponse(result);
                         reject(null);
                     }
                 });
@@ -2964,7 +3210,7 @@ class TransactionConnectorAdapterService {
                         resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
                     }
                     else {
-                        this._handleValidationResult(result.validationResult);
+                        this._handleExceptionFromResponse(result);
                         reject(null);
                     }
                 });
@@ -2979,7 +3225,7 @@ class TransactionConnectorAdapterService {
                         resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
                     }
                     else {
-                        this._handleValidationResult(result.validationResult);
+                        this._handleExceptionFromResponse(result);
                         reject(null);
                     }
                 });
@@ -2994,7 +3240,7 @@ class TransactionConnectorAdapterService {
                         resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
                     }
                     else {
-                        this._handleValidationResult(result.validationResult);
+                        this._handleExceptionFromResponse(result);
                         reject(null);
                     }
                 });
@@ -3009,7 +3255,7 @@ class TransactionConnectorAdapterService {
                         resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
                     }
                     else {
-                        this._handleValidationResult(result.validationResult);
+                        this._handleExceptionFromResponse(result);
                         reject(null);
                     }
                 });
@@ -3024,7 +3270,7 @@ class TransactionConnectorAdapterService {
                         resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
                     }
                     else {
-                        this._handleValidationResult(result.validationResult);
+                        this._handleExceptionFromResponse(result);
                         reject(null);
                     }
                 });
@@ -3045,7 +3291,7 @@ class TransactionConnectorAdapterService {
                         resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
                     }
                     else {
-                        this._handleValidationResult(result.validationResult);
+                        this._handleExceptionFromResponse(result);
                         reject(null);
                     }
                 });
@@ -3060,7 +3306,7 @@ class TransactionConnectorAdapterService {
                         resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
                     }
                     else {
-                        this._handleValidationResult(result.validationResult);
+                        this._handleExceptionFromResponse(result);
                         reject(null);
                     }
                 });
@@ -3075,7 +3321,7 @@ class TransactionConnectorAdapterService {
                         resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
                     }
                     else {
-                        this._handleValidationResult(result.validationResult);
+                        this._handleExceptionFromResponse(result);
                         reject(null);
                     }
                 });
@@ -3095,7 +3341,7 @@ class TransactionConnectorAdapterService {
                         resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
                     }
                     else {
-                        this._handleValidationResult(result.validationResult);
+                        this._handleExceptionFromResponse(result);
                         reject(null);
                     }
                 });
@@ -3114,7 +3360,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3131,7 +3377,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3148,7 +3394,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3165,7 +3411,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3182,7 +3428,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3202,7 +3448,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3219,7 +3465,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3236,7 +3482,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3253,7 +3499,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3270,7 +3516,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3287,7 +3533,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3304,7 +3550,24 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
+                return null;
+            }
+        });
+    }
+    changeTransactionLineGoodDescription(uuid, lineUuid, goodDescription) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const request = {
+                transactionUuid: uuid,
+                lineUuid: lineUuid,
+                newGoodDescription: goodDescription
+            };
+            const response = yield this.connector.changeTransactionLineGoodDescription(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
+            }
+            else {
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3320,7 +3583,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3336,7 +3599,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3352,7 +3615,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3368,7 +3631,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3384,7 +3647,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3400,7 +3663,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3416,7 +3679,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3432,7 +3695,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3448,7 +3711,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3465,7 +3728,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3481,7 +3744,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3497,7 +3760,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3513,7 +3776,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3529,7 +3792,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3545,7 +3808,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3561,7 +3824,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3577,7 +3840,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3594,7 +3857,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3610,7 +3873,7 @@ class TransactionConnectorAdapterService {
                 console.log(response);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3629,7 +3892,7 @@ class TransactionConnectorAdapterService {
                 console.log(response);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3646,7 +3909,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(CreatePaymentLinkResult, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3658,7 +3921,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(PaymentLinkStatus, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3670,7 +3933,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(GoodsReceiptStatusWithHistory, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3682,7 +3945,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(GoodsReceiptStatusWithHistory, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3694,7 +3957,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3706,7 +3969,7 @@ class TransactionConnectorAdapterService {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
             else {
-                this._handleValidationResult(response.validationResult);
+                this._handleExceptionFromResponse(response);
                 return null;
             }
         });
@@ -3721,7 +3984,7 @@ class TransactionConnectorAdapterService {
                         }
                     }
                     else {
-                        this._handleValidationResult(result.validationResult);
+                        this._handleExceptionFromResponse(result);
                         reject(null);
                     }
                 });
@@ -3733,7 +3996,7 @@ class TransactionConnectorAdapterService {
             return this.connector.updatePurchasePortalLines(purchasePortalLine);
         });
     }
-    _handleValidationResult(result) {
+    _handleExceptionFromResponse(result) {
         this._errorService.showValidationError(result);
     }
 }
@@ -4125,6 +4388,11 @@ class TransactionConnectorService {
             return this._adapterService.changeTransactionLineReference(uuid, lineUuid, reference);
         });
     }
+    changeTransactionLineGoodDescription(uuid, lineUuid, goodDescription) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this._adapterService.changeTransactionLineGoodDescription(uuid, lineUuid, goodDescription);
+        });
+    }
     changeTransactionLineCollectionCode(uuid, lineUuid, code) {
         return __awaiter(this, void 0, void 0, function* () {
             return this._adapterService.changeTransactionLineCollectionCode(uuid, lineUuid, code);
@@ -4265,6 +4533,21 @@ class TransactionConnectorService {
             return this._adapterService.updatePurchasePortalLines(purchasePortalLine);
         });
     }
+    lockPurchasePortalLines(transIdPurchase, lineId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this._adapterService.connector.lockPurchasePortalLines(transIdPurchase, lineId).then((result) => __awaiter(this, void 0, void 0, function* () {
+                    if (result.validationResult && result.validationResult.success) {
+                        yield this.commit();
+                        resolve(true);
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                }));
+            });
+        });
+    }
 }
 TransactionConnectorService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TransactionConnectorService_Factory() { return new TransactionConnectorService(i0.ɵɵinject(TransactionConnectorAdapterService), i0.ɵɵinject(SelectSingleCacheService), i0.ɵɵinject(SelectMultipleCacheService), i0.ɵɵinject(SelectMultipleParameterizedCacheService)); }, token: TransactionConnectorService, providedIn: "root" });
 TransactionConnectorService.decorators = [
@@ -4388,6 +4671,8 @@ class PendingReasonService {
         this.invoiceAddressSameAsDelivery = true;
         this.currentTransaction = new TransactionInfoResponse();
         this.relation = new CustomerFullObject();
+        this.purchasePortalLine = new PurchasePortalLine();
+        this.docDeliveryBatch = new DocDeliveryBatch();
         this.articleAmount = 0;
     }
     init(options) {
@@ -4570,7 +4855,7 @@ class PendingReasonService {
     }
     _showReasonDialog(reason) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.dialogService.showInformation(reason);
+            return this.dialogService.showInformation(reason);
         });
     }
     _setAmount() {
@@ -4608,11 +4893,7 @@ class TransactionService extends PendingReasonService {
     }
     updatePriceTransactionLine(uuid, lineUuid, price) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.changeTransactionLinePrice(uuid, lineUuid, price)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeTransactionLinePrice(uuid, lineUuid, price);
             if (response) {
                 const success = yield this.handleLineOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -4623,11 +4904,7 @@ class TransactionService extends PendingReasonService {
     }
     updateReferenceTransactionLine(uuid, lineUuid, reference) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.changeTransactionLineReference(uuid, lineUuid, reference)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeTransactionLineReference(uuid, lineUuid, reference);
             if (response) {
                 const success = yield this.handleLineOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -4636,13 +4913,20 @@ class TransactionService extends PendingReasonService {
             return false;
         });
     }
-    updateHeaderTransactionDefinitive(uuid, definitive) {
+    updateGoodDescriptionTransactionLine(uuid, lineUuid, goodDescription) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.changeHeaderTransactionDefinitive(uuid, definitive)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeTransactionLineGoodDescription(uuid, lineUuid, goodDescription);
+            if (response) {
+                const success = yield this.handleLineOperationStatuses(response);
+                this.rememberCurrentTransaction(response);
+                return success;
+            }
+            return false;
+        });
+    }
+    updateHeaderTransactionDefinitive(uuid, definitive) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.changeHeaderTransactionDefinitive(uuid, definitive);
             if (response) {
                 const success = yield this.handleHeaderOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -4653,14 +4937,7 @@ class TransactionService extends PendingReasonService {
     }
     updateHeaderDeliveryAddress(uuid, newNawNr) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (!this.currentTransaction.transactionInfo.relation) {
-                yield this.addRelationToTransaction(this.relation.relationId);
-            }
-            const response = yield this.connector.changeHeaderDeliveryAddress(uuid, newNawNr)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeHeaderDeliveryAddress(uuid, newNawNr);
             if (response) {
                 const success = yield this.handleHeaderOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -4671,14 +4948,7 @@ class TransactionService extends PendingReasonService {
     }
     updateHeaderInvoiceAddress(uuid, newNawNr) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (!this.currentTransaction.transactionInfo.relation) {
-                yield this.addRelationToTransaction(this.relation.relationId);
-            }
-            const response = yield this.connector.changeHeaderInvoiceAddress(uuid, newNawNr)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeHeaderInvoiceAddress(uuid, newNawNr);
             if (response) {
                 const success = yield this.handleHeaderOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -4689,11 +4959,7 @@ class TransactionService extends PendingReasonService {
     }
     updateHeaderTransactionDeliveryDate(uuid, date) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.changeHeaderTransactionDeliveryDate(uuid, date)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeHeaderTransactionDeliveryDate(uuid, date);
             if (response) {
                 const success = yield this.handleHeaderOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -4704,11 +4970,7 @@ class TransactionService extends PendingReasonService {
     }
     updateHeaderTransactionRemark(uuid, remark) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.changeHeaderTransactionRemark(uuid, remark)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeHeaderTransactionRemark(uuid, remark);
             if (response) {
                 const success = yield this.handleHeaderOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -4719,11 +4981,7 @@ class TransactionService extends PendingReasonService {
     }
     updateHeaderTransactionReference(uuid, reference) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.changeHeaderTransactionReference(uuid, reference)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeHeaderTransactionReference(uuid, reference);
             if (response) {
                 const success = yield this.handleHeaderOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -4734,11 +4992,7 @@ class TransactionService extends PendingReasonService {
     }
     updateHeaderTransactionRelationReference(uuid, reference) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.changeHeaderTransactionRelationReference(uuid, reference)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeHeaderTransactionRelationReference(uuid, reference);
             if (response) {
                 const success = yield this.handleHeaderOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -4749,11 +5003,7 @@ class TransactionService extends PendingReasonService {
     }
     updateHeaderTransactionDownpaymentAmount(uuid, amount) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.changeHeaderToDownPayAmount(uuid, amount)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeHeaderToDownPayAmount(uuid, amount);
             if (response) {
                 const success = yield this.handleHeaderOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -4764,11 +5014,7 @@ class TransactionService extends PendingReasonService {
     }
     updateHeaderTransactionDownpaymentPercentage(uuid, amount) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.changeHeaderToDownPayPercentage(uuid, amount)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeHeaderToDownPayPercentage(uuid, amount);
             if (response) {
                 const success = yield this.handleHeaderOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -4779,11 +5025,7 @@ class TransactionService extends PendingReasonService {
     }
     updateHeaderTransactionPreferredDeliveryDate(uuid, date) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.changeHeaderTransactionPreferredDeliveryDate(uuid, date)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeHeaderTransactionPreferredDeliveryDate(uuid, date);
             if (response) {
                 const success = yield this.handleHeaderOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -4794,11 +5036,7 @@ class TransactionService extends PendingReasonService {
     }
     updateHeaderTransactionDeliveryMethod(uuid, method) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.changeHeaderTransactionDeliveryMethod(uuid, method)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeHeaderTransactionDeliveryMethod(uuid, method);
             if (response) {
                 const success = yield this.handleHeaderOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -4809,11 +5047,7 @@ class TransactionService extends PendingReasonService {
     }
     updateHeaderTransactionDeliveryOptions(uuid, options) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.changeHeaderTransactionDeliveryOptions(uuid, options)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeHeaderTransactionDeliveryOptions(uuid, options);
             if (response) {
                 const success = yield this.handleHeaderOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -4824,11 +5058,7 @@ class TransactionService extends PendingReasonService {
     }
     updateHeaderTransactionPartialDelivery(uuid, allowPartial) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.changeHeaderTransactionPartialDelivery(uuid, allowPartial)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeHeaderTransactionPartialDelivery(uuid, allowPartial);
             if (response) {
                 const success = yield this.handleHeaderOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -4839,11 +5069,7 @@ class TransactionService extends PendingReasonService {
     }
     updateHeaderTransactionBranch(uuid, branch) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.changeHeaderTransactionBranch(uuid, branch)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeHeaderTransactionBranch(uuid, branch);
             if (response) {
                 const success = yield this.handleHeaderOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -4854,11 +5080,7 @@ class TransactionService extends PendingReasonService {
     }
     updateHeaderTransactionAdmCoordinator(uuid, relation) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.changeHeaderTransactionAdmCoordinator(uuid, relation)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeHeaderTransactionAdmCoordinator(uuid, relation);
             if (response) {
                 const success = yield this.handleHeaderOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -4869,11 +5091,7 @@ class TransactionService extends PendingReasonService {
     }
     updateHeaderTransactionMarketing(uuid, code) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.changeHeaderTransactionMarketing(uuid, code)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeHeaderTransactionMarketing(uuid, code);
             if (response) {
                 const success = yield this.handleHeaderOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -4884,11 +5102,7 @@ class TransactionService extends PendingReasonService {
     }
     updateQuantityTransactionLine(uuid, lineUuid, quantity) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.changeTransactionLineQuantity(uuid, lineUuid, quantity)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeTransactionLineQuantity(uuid, lineUuid, quantity);
             if (response) {
                 const success = yield this.handleLineOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -4899,11 +5113,7 @@ class TransactionService extends PendingReasonService {
     }
     updateDeliveryDateTransactionLine(uuid, lineUuid, date) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.changeTransactionLineDeliveryDate(uuid, lineUuid, date)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeTransactionLineDeliveryDate(uuid, lineUuid, date);
             if (response) {
                 const success = yield this.handleLineOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -4914,11 +5124,7 @@ class TransactionService extends PendingReasonService {
     }
     updatePriceListTransactionLine(uuid, lineUuid, priceList) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.changeTransactionLinePriceList(uuid, lineUuid, priceList)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeTransactionLinePriceList(uuid, lineUuid, priceList);
             if (response) {
                 const success = yield this.handleLineOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -4929,11 +5135,7 @@ class TransactionService extends PendingReasonService {
     }
     updateVatTransactionLine(uuid, lineUuid, id) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.changeTransactionLineVat(uuid, lineUuid, id)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeTransactionLineVat(uuid, lineUuid, id);
             if (response) {
                 const success = yield this.handleLineOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -4944,11 +5146,7 @@ class TransactionService extends PendingReasonService {
     }
     updateCommissionCodeTransactionLine(uuid, lineUuid, code) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.changeTransactionLineCommissionCode(uuid, lineUuid, code)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeTransactionLineCommissionCode(uuid, lineUuid, code);
             if (response) {
                 const success = yield this.handleLineOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -4959,11 +5157,7 @@ class TransactionService extends PendingReasonService {
     }
     updateWarehouseTransactionLine(uuid, lineUuid, warehouseNumber) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.changeTransactionLineWarehouse(uuid, lineUuid, warehouseNumber)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeTransactionLineWarehouse(uuid, lineUuid, warehouseNumber);
             if (response) {
                 const success = yield this.handleLineOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -4974,11 +5168,7 @@ class TransactionService extends PendingReasonService {
     }
     updateDeliveryMethodTransactionLine(uuid, lineUuid, method) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.changeTransactionLineDeliveryMethod(uuid, lineUuid, method)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeTransactionLineDeliveryMethod(uuid, lineUuid, method);
             if (response) {
                 const success = yield this.handleLineOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -4989,11 +5179,7 @@ class TransactionService extends PendingReasonService {
     }
     updateDiscountTransactionLine(uuid, lineUuid, type, discount, reason = "", code = "") {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.changeTransactionLineLineDiscount(uuid, lineUuid, type, discount, reason, code)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
+            const response = yield this.connector.changeTransactionLineLineDiscount(uuid, lineUuid, type, discount, reason, code);
             if (response) {
                 const success = yield this.handleLineOperationStatuses(response);
                 this.rememberCurrentTransaction(response);
@@ -5041,26 +5227,6 @@ class TransactionService extends PendingReasonService {
             });
         });
     }
-    getTransaction(transactionNo) {
-        return this.openExistingTransaction(TransactionKind.SalesOrder, transactionNo);
-    }
-    openExistingTransaction(kind, transactionNr) {
-        return new Promise((resolve, reject) => {
-            this.connector.getTransactionByNrAndKind(kind, transactionNr)
-                .then((response) => __awaiter(this, void 0, void 0, function* () {
-                if (response.isSuccess) {
-                    this.transactionUpdated.next(response);
-                    resolve(true);
-                }
-                else {
-                    reject(false);
-                }
-            }))
-                .catch((reason) => {
-                reject(false);
-            });
-        });
-    }
     getTransactionById(transactionId) {
         return new Promise((resolve, reject) => {
             this.connector.getTransactionById(transactionId)
@@ -5084,50 +5250,23 @@ class TransactionService extends PendingReasonService {
     }
     saveTransaction(close = false) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.saveTransaction(this.currentTransaction.transactionInfo.uuid)
-                .catch((error) => {
-                this.dialogService.showError(error);
-                return null;
-            });
+            const response = yield this.connector.saveTransaction(this.currentTransaction.transactionInfo.uuid);
             if (response && response.isSuccess) {
                 this.rememberCurrentTransaction(response);
             }
             return response;
         });
     }
-    saveTransactionByUuid(transactionUuid) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                this.connector.saveTransaction(transactionUuid)
-                    .then((response) => __awaiter(this, void 0, void 0, function* () {
-                    if (response.isSuccess) {
-                        this.transactionUpdated.next(response);
-                        resolve(true);
-                    }
-                    else {
-                        reject(false);
-                    }
-                }))
-                    .catch((error) => {
-                    if (error) {
-                        this.dialogService.showError(error);
-                    }
-                    reject(false);
-                });
-            });
-        });
-    }
     addRelationToTransaction(relationId) {
         return __awaiter(this, void 0, void 0, function* () {
             yield this._checkAndCreateTransaction();
-            const result = yield this.connector.addRelationToTransaction(this.currentTransaction.transactionInfo.uuid, relationId);
-            if (result.isSuccess) {
-                this.rememberCurrentTransaction(result);
-                return true;
-            }
-            else {
-                return false;
+            const response = yield this.connector.addRelationToTransaction(this.currentTransaction.transactionInfo.uuid, relationId);
+            if (response) {
+                const success = yield this.handleHeaderOperationStatuses(response);
+                this.rememberCurrentTransaction(response);
+                return success;
             }
+            return false;
         });
     }
     getCommissionCodes(languageCode) {
@@ -5410,6 +5549,11 @@ class TransactionService extends PendingReasonService {
             return result.validationResult.success;
         });
     }
+    lockPurchasePortalLines(transIdPurchase, lineId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.lockPurchasePortalLines(transIdPurchase, lineId);
+        });
+    }
     // private _cleanRelationBeforeSave(): void {
     //   ArrayUtils.RemoveElementsByFilter(this.currentTransaction.transactionInfo.relation.contactOptions, ((item: ContactOption) => {
     //     return isNill(item.value);
@@ -5482,7 +5626,19 @@ class CheckoutComponent {
         });
     }
     saveRelation() {
-        return this.service.saveRelation();
+        return __awaiter(this, void 0, void 0, function* () {
+            const success = yield this.service.saveRelation();
+            if (success) {
+                if (this.service.currentTransaction.transactionInfo.transactionAddress !== this.deliveryAddressNawNr) {
+                    yield this.service.updateHeaderDeliveryAddress(this.service.currentTransaction.transactionInfo.uuid, this.deliveryAddressNawNr);
+                }
+                const invoiceAddressNawNr = this.invoiceAddressNawNr ? this.invoiceAddressNawNr : this.deliveryAddressNawNr;
+                if (this.service.currentTransaction.transactionInfo.invoiceAddress !== invoiceAddressNawNr) {
+                    yield this.service.updateHeaderInvoiceAddress(this.service.currentTransaction.transactionInfo.uuid, invoiceAddressNawNr);
+                }
+            }
+            return success;
+        });
     }
     handleSaveDelivery() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -5491,15 +5647,9 @@ class CheckoutComponent {
     }
     handleDeliveryAddressChange(nawNr) {
         this.deliveryAddressNawNr = nawNr;
-        if (this.service.currentTransaction.transactionInfo.transactionAddress !== this.deliveryAddressNawNr) {
-            this.service.updateHeaderDeliveryAddress(this.service.currentTransaction.transactionInfo.uuid, this.deliveryAddressNawNr);
-        }
     }
     handleInvoiceAddressChange(nawNr) {
         this.invoiceAddressNawNr = nawNr;
-        if (this.service.currentTransaction.transactionInfo.invoiceAddress !== this.invoiceAddressNawNr) {
-            this.service.updateHeaderInvoiceAddress(this.service.currentTransaction.transactionInfo.uuid, this.invoiceAddressNawNr);
-        }
     }
 }
 CheckoutComponent.decorators = [
@@ -5560,65 +5710,6 @@ CheckoutComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ["class.co-checkout",] }]
 };
 
-/** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
-var Icon;
-(function (Icon) {
-    Icon["ArrowPointDown"] = "arrow_point_down";
-    Icon["ArrowPointLeft"] = "arrow_point_left";
-    Icon["ArrowPointRight"] = "arrow_point_right";
-    Icon["Article"] = "article";
-    Icon["Barcode"] = "barcode";
-    Icon["BarcodeSolid"] = "barcode_solid";
-    Icon["BarsFilter"] = "bars_filter";
-    Icon["CalendarDay"] = "calendar_day";
-    Icon["CalendarDayRegular"] = "calendar_day_regular";
-    Icon["Cancel"] = "cancel";
-    Icon["CartCheck"] = "cart_check";
-    Icon["CartFlatbedBoxesSolid"] = "cart_flatbed_boxes_solid";
-    Icon["CartShoppingSolid"] = "cart_shopping_solid";
-    Icon["CashRegister"] = "cash_register";
-    Icon["CreditCardSolid"] = "credit_card_solid";
-    Icon["DeliveryTruck"] = "delivery_truck";
-    Icon["EditPencil"] = "edit_pencil";
-    Icon["GripDotsVerticalSolid"] = "grip_dots_vertical_solid";
-    Icon["IdealLogo"] = "ideal_logo";
-    Icon["ListRegular"] = "list_regular";
-    Icon["ListView"] = "list_view";
-    Icon["LocationDotSolid"] = "location_dot_solid";
-    Icon["Lock"] = "lock";
-    Icon["LockKeyholeOpenSolid"] = "lock_keyhole_open_solid";
-    Icon["LockKeyholeSolid"] = "lock_keyhole_solid";
-    Icon["MapMarker"] = "map_marker";
-    Icon["MasterDetail"] = "master_detail";
-    Icon["MemoCircleCheckSolid"] = "memo_circle_check_solid";
-    Icon["Menu"] = "menu";
-    Icon["PalletBoxesSolid"] = "pallet_boxes_solid";
-    Icon["PlusRound"] = "plus_round";
-    Icon["Purchase"] = "purchase";
-    Icon["Resize"] = "resize";
-    Icon["ShelvesSolid"] = "shelves_solid";
-    Icon["SidePanel"] = "side_panel";
-    Icon["SlideIn"] = "slide_in";
-    Icon["SquareFull"] = "square_full";
-    Icon["SquareFullSolid"] = "square_full_solid";
-    Icon["SyncAlt"] = "sync_alt";
-    Icon["Tag"] = "tag";
-    Icon["ThickLines"] = "thick_lines";
-    Icon["ThinLines"] = "thin_lines";
-    Icon["TrashBin"] = "trash_bin";
-    Icon["TrashCanLight"] = "trash_can_light";
-    Icon["TriangleDown"] = "triangle_down";
-    Icon["TriangleUp"] = "triangle_up";
-    Icon["Truck"] = "truck";
-    Icon["TruckArrowRightSolid"] = "truck_arrow_right_solid";
-    Icon["TruckContainerSolid"] = "truck_container_solid";
-    Icon["TruckFastSolid"] = "truck_fast_solid";
-    Icon["TruckMovingSolid"] = "truck_moving_solid";
-    Icon["Txt"] = "txt";
-    Icon["Unlock"] = "unlock";
-    Icon["Warehouse"] = "warehouse";
-})(Icon || (Icon = {}));
-
 class CheckoutOverviewRelationEditComponent {
     constructor(_formMaster, _boFactory, service) {
         this._formMaster = _formMaster;
@@ -5830,7 +5921,7 @@ CheckoutOverviewRelationEditComponent.decorators = [
           </div>
           <div class="checkout-data-column">
             <co-relation-addresses
-              [addresses]="relation.addresses"
+              [addresses]="relation.activeAddresses"
               [type]="addressType.DeliveryAddress"
               [selectedAddressIdx]="deliveryAddressIdx"
               (selectedAddressChange)="setIndexDeliveryAddress($event)"
@@ -5847,7 +5938,7 @@ CheckoutOverviewRelationEditComponent.decorators = [
             </div>
             <div class="overview-delivery-invoice-address" *ngIf="!service.invoiceAddressSameAsDelivery" @showHideInvoiceAddress>
               <co-relation-addresses
-                [addresses]="relation.addresses"
+                [addresses]="relation.activeAddresses"
                 [type]="addressType.BillingAddress"
                 [selectedAddressIdx]="invoiceAddressIdx"
                 (selectedAddressChange)="setIndexInvoiceAddress($event)"
@@ -5886,144 +5977,40 @@ CheckoutOverviewRelationEditComponent.decorators = [
                     trigger("showHideCompanyRelationFields", [
                         state("void", style({ height: 0 })),
                         state("*", style({ height: "*" })),
-                        transition("void => *", animate("200ms ease-in-out")),
-                        transition("* => void", animate("200ms ease-out"))
-                    ]),
-                    trigger("showHideSidebar", [
-                        state("void", style({ transform: "translateX(100%)" })),
-                        state("*", style({ transform: "translateX(0)" })),
-                        transition("void <=> *", animate("200ms ease-in-out"))
-                    ]),
-                    trigger("showHideInvoiceAddress", [
-                        state("void", style({ height: 0, opacity: 0 })),
-                        state("*", style({ height: "*", opacity: 1 })),
-                        transition("void => *", animate("200ms ease-in-out")),
-                        transition("* => void", animate("200ms ease-out"))
-                    ])
-                ],
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-CheckoutOverviewRelationEditComponent.ctorParameters = () => [
-    { type: FormMasterService },
-    { type: BusinessObjectFactory },
-    { type: TransactionService }
-];
-CheckoutOverviewRelationEditComponent.propDecorators = {
-    relation: [{ type: Input }],
-    deliveryAddressNawNr: [{ type: Input }],
-    invoiceAddressNawNr: [{ type: Input }],
-    validSubmit: [{ type: Output }],
-    invalidSubmit: [{ type: Output }],
-    deliveryAddressChange: [{ type: Output }],
-    invoiceAddressChange: [{ type: Output }],
-    relationChange: [{ type: Output }],
-    showClass: [{ type: HostBinding, args: ["class.co-checkout-overview-relation-edit",] }]
-};
-
-/** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
-const IconSvg = {
-    "arrow_point_down": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"-280 371 51 51\" enable-background=\"new -280 371 51 51\" ><path fill=\"#29363E\" d=\"M-248.3,392.2c0.3,0,0.6,0.1,0.8,0.3c0.5,0.5,0.5,1.2,0,1.6l-6.2,6.2c-0.2,0.2-0.5,0.3-0.8,0.3c-0.3,0-0.6-0.1-0.8-0.3l-6.2-6.2c-0.2-0.2-0.3-0.5-0.3-0.8c0-0.3,0.1-0.6,0.3-0.8c0.2-0.2,0.5-0.3,0.8-0.3c0.3,0,0.6,0.1,0.8,0.3l5.4,5.4l5.4-5.4C-248.9,392.4-248.6,392.2-248.3,392.2z\"/></svg>",
-    "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>",
-    "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>",
-    "calendar_day_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M208 256C216.8 256 224 263.2 224 272V368C224 376.8 216.8 384 208 384H112C103.2 384 96 376.8 96 368V272C96 263.2 103.2 256 112 256H208zM128 0C141.3 0 152 10.75 152 24V64H296V24C296 10.75 306.7 0 320 0C333.3 0 344 10.75 344 24V64H384C419.3 64 448 92.65 448 128V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V128C0 92.65 28.65 64 64 64H104V24C104 10.75 114.7 0 128 0zM400 192H48V448C48 456.8 55.16 464 64 464H384C392.8 464 400 456.8 400 448V192z\"/></svg>",
-    "cancel": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"36 35.16 30.45 35.16 14 14.84 19.55 14.84 36 35.16\" fill=\"#484f60\"/><polygon points=\"14 35.16 19.55 35.16 36 14.84 30.45 14.84 14 35.16\" fill=\"#484f60\"/></svg>",
-    "cart_check": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><g ><g ><g><g opacity=\".75\"><path d=\"M16.58,29.12c-.99,0-1.8,.81-1.8,1.8s.81,1.8,1.8,1.8,1.8-.81,1.8-1.8-.81-1.8-1.8-1.8Z\" fill=\"#484f60\"/><path d=\"M16.51,24.98c-.67,0-1.38-.52-1.57-1.16l-2.31-5.61c-.19-.64,.19-1.22,.86-1.28l19.71-2.51c.67-.06,1.12,.42,1,1.08l-.89,3.99c.66,.15,1.3,.36,1.91,.63l1.38-6.84c.12-.66-.34-1.15-1-1.08l-24.68,2.93c-.67,.06-1.06,.64-.87,1.28l3.34,9.44c.19,.64,.89,1.17,1.56,1.17h5.92c.19-.71,.45-1.38,.77-2.02h-5.13Z\" fill=\"#484f60\"/><path d=\"M39.01,11.31c-.66,.14-1.27,.79-1.37,1.46l-.42,2.9c-.1,.66,.31,.98,.9,.7,.59-.28,1.19-1.04,1.33-1.7l.51-2.42c.14-.66-.28-1.08-.94-.94h-.02Z\" fill=\"#484f60\"/></g><g><path d=\"M31,21.72c4.41,0,8,3.59,8,8s-3.59,8-8,8-8-3.59-8-8,3.59-8,8-8m0-1c-4.97,0-9,4.03-9,9s4.03,9,9,9,9-4.03,9-9-4.03-9-9-9h0Z\" fill=\"#484f60\"/><polygon points=\"30.63 34.72 26.79 29.33 28.31 28.25 30.34 31.11 33.54 24.72 35.21 25.55 30.63 34.72\" fill=\"#484f60\"/></g></g></g></g><g /></svg>",
-    "cart_flatbed_boxes_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M448 160h64c17.6 0 32-14.4 32-32V64c0-17.6-14.4-32-32-32h-64c-17.6 0-32 14.4-32 32v64C416 145.6 430.4 160 448 160zM448 320h128c17.6 0 32-14.4 32-32V224c0-17.6-14.4-32-32-32h-128c-17.6 0-32 14.4-32 32v64C416 305.6 430.4 320 448 320zM224 320h128c17.6 0 32-14.4 32-32V64c0-17.6-14.4-32-32-32H224C206.4 32 192 46.4 192 64v224C192 305.6 206.4 320 224 320zM640 415.1c0 17.6-14.4 32-32 31.1l-66.88-.0011c1.787 5.027 2.907 10.36 2.907 16c0 26.51-21.5 48-48.01 48c-26.51 0-47.99-21.49-47.99-48c0-5.641 1.141-10.97 2.928-16H253.1C254.9 453 256 458.4 256 464C256 490.5 234.5 512 208 512S160 490.5 160 464c0-5.641 1.13-10.97 2.917-16l-66.92 .0011C78.4 448 64 433.6 64 415.1V80C64 71.16 56.84 64 48 64H31.1C14.4 64 0 49.6 0 32S14.4 0 31.1 0H64c35.2 0 64 28.8 64 64v320h480C625.6 384 640 398.4 640 415.1z\"/></svg>",
-    "cart_shopping_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M96 0C107.5 0 117.4 8.19 119.6 19.51L121.1 32H541.8C562.1 32 578.3 52.25 572.6 72.66L518.6 264.7C514.7 278.5 502.1 288 487.8 288H170.7L179.9 336H488C501.3 336 512 346.7 512 360C512 373.3 501.3 384 488 384H159.1C148.5 384 138.6 375.8 136.4 364.5L76.14 48H24C10.75 48 0 37.25 0 24C0 10.75 10.75 0 24 0H96zM128 464C128 437.5 149.5 416 176 416C202.5 416 224 437.5 224 464C224 490.5 202.5 512 176 512C149.5 512 128 490.5 128 464zM512 464C512 490.5 490.5 512 464 512C437.5 512 416 490.5 416 464C416 437.5 437.5 416 464 416C490.5 416 512 437.5 512 464z\"/></svg>",
-    "cash_register": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M35.39,18.12H14.62L10,29.66H40ZM23,19.29H27l.1,1.6H22.87Zm-.13,2h4.32l.12,1.81H22.72Zm-.15,2.3h4.62l.14,2.08h-4.9ZM17.9,19.29H22l-.16,1.6H17.54Zm-.46,2h4.32l-.18,1.81H17Zm-.53,2.3h4.62l-.2,2.08h-4.9Zm-1.16,5.06.55-2.42H27.49l.16,2.42ZM28,19.29H32.1l.36,1.6H28.2Zm.2,2h4.32L33,23.12H28.42Zm.23,2.3h4.62l.48,2.08h-4.9Zm.5,5.06-.24-2.42h5l.55,2.42Z\" fill=\"#484f60\"/><path d=\"M10,29.66v9.23H40V29.66Zm27.69,6.92H12.31V32H37.69Z\" fill=\"#484f60\"/><path d=\"M15.63,11.11v7.58H34.37V11.11Zm17.31,6.15H17.06V12.54H32.94Z\" fill=\"#484f60\"/></svg>",
-    "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>",
-    "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>",
-    "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>",
-    "lock": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M32.65,21.67H17.35c-2.81,0-3.06,2.29-3.06,5.12v8.09c0,2.83.25,5.12,3.06,5.12h15.3c2.81,0,3.06-2.29,3.06-5.12V26.79C35.71,24,35.46,21.67,32.65,21.67ZM20.22,37.49l2.61-6.32a3.82,3.82,0,1,1,4.35,0l2.6,6.32Z\" fill=\"#484f60\"/><path d=\"M29.51,16.64c0-3.6-2-4.07-4.51-4.07h0c-2.49,0-4.51.47-4.51,4.07v3h-2.7v-3C17.79,11.62,21,10,25,10h0c4,0,7.21,1.62,7.21,6.64v3h-2.7Z\" fill=\"#484f60\"/></svg>",
-    "lock_keyhole_open_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M432 64C387.8 64 352 99.82 352 144V192H384C419.3 192 448 220.7 448 256V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V256C0 220.7 28.65 192 64 192H288V144C288 64.47 352.5 0 432 0C511.5 0 576 64.47 576 144V192C576 209.7 561.7 224 544 224C526.3 224 512 209.7 512 192V144C512 99.82 476.2 64 432 64zM256 384C273.7 384 288 369.7 288 352C288 334.3 273.7 320 256 320H192C174.3 320 160 334.3 160 352C160 369.7 174.3 384 192 384H256z\"/></svg>",
-    "lock_keyhole_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M224 0C303.5 0 368 64.47 368 144V192H384C419.3 192 448 220.7 448 256V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V256C0 220.7 28.65 192 64 192H80V144C80 64.47 144.5 0 224 0zM224 64C179.8 64 144 99.82 144 144V192H304V144C304 99.82 268.2 64 224 64zM256 320C256 302.3 241.7 288 224 288C206.3 288 192 302.3 192 320V384C192 401.7 206.3 416 224 416C241.7 416 256 401.7 256 384V320z\"/></svg>",
-    "map_marker": "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z\" /></svg>",
-    "master_detail": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"22\" y=\"32.17\" width=\"18\" height=\"4\" transform=\"translate(62 68.33) rotate(180)\" fill=\"#484f60\"/><rect x=\"22\" y=\"26.17\" width=\"18\" height=\"4\" transform=\"translate(62 56.33) rotate(180)\" fill=\"#484f60\"/><rect x=\"22\" y=\"20.17\" width=\"18\" height=\"4\" transform=\"translate(62 44.33) rotate(180)\" fill=\"#484f60\"/><rect x=\"22\" y=\"14.17\" width=\"18\" height=\"4\" transform=\"translate(62 32.33) rotate(180)\" fill=\"#484f60\"/><rect x=\"10\" y=\"14.17\" width=\"10\" height=\"22\" transform=\"translate(30 50.33) rotate(180)\" fill=\"#484f60\"/></svg>",
-    "memo_circle_check_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M288 368C288 288.5 352.5 224 432 224C511.5 224 576 288.5 576 368C576 447.5 511.5 512 432 512C352.5 512 288 447.5 288 368zM499.3 347.3C505.6 341.1 505.6 330.9 499.3 324.7C493.1 318.4 482.9 318.4 476.7 324.7L416 385.4L387.3 356.7C381.1 350.4 370.9 350.4 364.7 356.7C358.4 362.9 358.4 373.1 364.7 379.3L404.7 419.3C410.9 425.6 421.1 425.6 427.3 419.3L499.3 347.3zM320 0C355.3 0 384 28.65 384 64V198.6C310.1 219.5 256 287.4 256 368C256 427.1 285.1 479.3 329.7 511.3C326.6 511.7 323.3 512 320 512H64C28.65 512 0 483.3 0 448V64C0 28.65 28.65 0 64 0H320zM80 128C71.16 128 64 135.2 64 144C64 152.8 71.16 160 80 160H304C312.8 160 320 152.8 320 144C320 135.2 312.8 128 304 128H80zM80 256H240C248.8 256 256 248.8 256 240C256 231.2 248.8 224 240 224H80C71.16 224 64 231.2 64 240C64 248.8 71.16 256 80 256zM80 352H176C184.8 352 192 344.8 192 336C192 327.2 184.8 320 176 320H80C71.16 320 64 327.2 64 336C64 344.8 71.16 352 80 352z\"/></svg>",
-    "menu": "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z\" /></svg>",
-    "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>",
-    "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>",
-    "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>",
-    "square_full": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M464 48v416h-416v-416H464zM512 0H0v512h512V0z\"/></svg>",
-    "square_full_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M0 0h512v512H0V0z\"/></svg>",
-    "sync_alt": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M370.72 133.28C339.458 104.008 298.888 87.962 255.848 88c-77.458.068-144.328 53.178-162.791 126.85-1.344 5.363-6.122 9.15-11.651 9.15H24.103c-7.498 0-13.194-6.807-11.807-14.176C33.933 94.924 134.813 8 256 8c66.448 0 126.791 26.136 171.315 68.685L463.03 40.97C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.749zM32 296h134.059c21.382 0 32.09 25.851 16.971 40.971l-41.75 41.75c31.262 29.273 71.835 45.319 114.876 45.28 77.418-.07 144.315-53.144 162.787-126.849 1.344-5.363 6.122-9.15 11.651-9.15h57.304c7.498 0 13.194 6.807 11.807 14.176C478.067 417.076 377.187 504 256 504c-66.448 0-126.791-26.136-171.315-68.685L48.97 471.03C33.851 486.149 8 475.441 8 454.059V320c0-13.255 10.745-24 24-24z\"/></svg>",
-    "tag": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M40,29.15v-.68a5.28,5.28,0,0,0-1.34-3.25L24.78,11.34A5.34,5.34,0,0,0,21.53,10H11.9A1.91,1.91,0,0,0,10,11.9v9.63a5.28,5.28,0,0,0,1.34,3.25L25.22,38.66A5.28,5.28,0,0,0,28.47,40h.68a5.28,5.28,0,0,0,3.24-1.34l6.27-6.27A5.28,5.28,0,0,0,40,29.15ZM13.13,16.72a2.54,2.54,0,1,1,3.59,0A2.55,2.55,0,0,1,13.13,16.72Zm15.9,19L17.84,24.55l1.34-1.34L30.37,34.4Zm2.69-2.69L20.52,21.87l1.35-1.35,11.19,11.2Zm2.68-2.69L23.21,19.18l1.34-1.34L35.75,29Z\" fill=\"#484f60\"/></svg>",
-    "thick_lines": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"12.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/><rect x=\"10\" y=\"21.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/><rect x=\"10\" y=\"30.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/></svg>",
-    "thin_lines": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"14.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"20.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"26.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"32.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/></svg>",
-    "trash_bin": "<svg preserveAspectRatio=\"none\" version=\"1.1\" viewBox=\"0 0 50 50\" x=\"0px\" xmlns=\"http://www.w3.org/2000/svg\" y=\"0px\"><g transform=\" translate(14 10)\"><path d=\"M 0 0 L 0 18.215 C 0 19.99 1.439 21.429 3.215 21.429 L 15 21.429 C 16.775 21.429 18.215 19.99 18.215 18.215 L 18.215 0 L 0 0 Z M 4.287 19.286 L 2.143 19.286 L 2.143 2.143 L 4.287 2.143 L 4.287 19.286 Z M 10.18 19.286 L 8.037 19.286 L 8.037 2.143 L 10.18 2.143 L 10.18 19.286 Z M 16.072 19.286 L 13.93 19.286 L 13.93 2.143 L 16.072 2.143 L 16.072 19.286 Z\" fill=\"#1E2930\" transform=\" translate(1.891 8.571)\" /><path d=\"M 18.213 2.143 L 10.713 2.143 C 11.305 2.143 11.785 1.664 11.785 1.071 C 11.785 0.479 11.305 0 10.713 0 L 9.643 0 C 9.051 0 8.57 0.479 8.57 1.071 C 8.57 1.664 9.051 2.143 9.643 2.143 L 2.143 2.143 C 0.959 2.143 0 3.103 0 4.286 L 0 5.357 C 0 6.541 0.959 6.429 2.143 6.429 L 18.213 6.429 C 19.397 6.429 20.357 6.541 20.357 5.357 L 20.357 4.286 C 20.357 3.103 19.397 2.143 18.213 2.143 Z\" fill=\"#1E2930\" transform=\" translate(0.821 0)\" /></g></svg>",
-    "trash_can_light": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M144 400C144 408.8 136.8 416 128 416C119.2 416 112 408.8 112 400V176C112 167.2 119.2 160 128 160C136.8 160 144 167.2 144 176V400zM240 400C240 408.8 232.8 416 224 416C215.2 416 208 408.8 208 400V176C208 167.2 215.2 160 224 160C232.8 160 240 167.2 240 176V400zM336 400C336 408.8 328.8 416 320 416C311.2 416 304 408.8 304 400V176C304 167.2 311.2 160 320 160C328.8 160 336 167.2 336 176V400zM310.1 22.56L336.9 64H432C440.8 64 448 71.16 448 80C448 88.84 440.8 96 432 96H416V432C416 476.2 380.2 512 336 512H112C67.82 512 32 476.2 32 432V96H16C7.164 96 0 88.84 0 80C0 71.16 7.164 64 16 64H111.1L137 22.56C145.8 8.526 161.2 0 177.7 0H270.3C286.8 0 302.2 8.526 310.1 22.56V22.56zM148.9 64H299.1L283.8 39.52C280.9 34.84 275.8 32 270.3 32H177.7C172.2 32 167.1 34.84 164.2 39.52L148.9 64zM64 432C64 458.5 85.49 480 112 480H336C362.5 480 384 458.5 384 432V96H64V432z\"/></svg>",
-    "triangle_down": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"29.06 18.75 37.5 18.75 25 31.25 12.5 18.75 20.95 18.75 29.06 18.75\" fill=\"#484f60\"/></svg>",
-    "triangle_up": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"20.94 31.25 12.5 31.25 25 18.75 37.5 31.25 29.05 31.25 20.94 31.25\" fill=\"#484f60\"/></svg>",
-    "truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"14.75\" width=\"17.47\" height=\"12.62\" fill=\"#484f60\"/><path d=\"M37,18.11h-8V28.84H20.22a4.42,4.42,0,0,1,1.41,2.73H30a4.41,4.41,0,0,1,8.76,0H40V24.63Zm-.26,6.73H32.25a.57.57,0,0,1-.57-.57V20a.57.57,0,0,1,.57-.58h2.63a.58.58,0,0,1,.52.35L37.31,24A.58.58,0,0,1,36.78,24.84Z\" fill=\"#484f60\"/><path d=\"M14.28,28.84a4.39,4.39,0,0,0-1.42,2.73H12l-2-1.26V28.84Z\" fill=\"#484f60\"/><path d=\"M31.25,32.1a3.16,3.16,0,1,0,3.16-3.16A3.16,3.16,0,0,0,31.25,32.1Z\" fill=\"#484f60\"/><path d=\"M14.09,32.1a3.16,3.16,0,1,0,3.16-3.16A3.15,3.15,0,0,0,14.09,32.1Z\" fill=\"#484f60\"/></svg>",
-    "truck_arrow_right_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M0 48C0 21.49 21.49 0 48 0H368C394.5 0 416 21.49 416 48V96H466.7C483.7 96 499.1 102.7 512 114.7L589.3 192C601.3 204 608 220.3 608 237.3V352C625.7 352 640 366.3 640 384C640 401.7 625.7 416 608 416H576C576 469 533 512 480 512C426.1 512 384 469 384 416H256C256 469 213 512 160 512C106.1 512 64 469 64 416H48C21.49 416 0 394.5 0 368V48zM544 256V237.3L466.7 160H416V256H544zM160 464C186.5 464 208 442.5 208 416C208 389.5 186.5 368 160 368C133.5 368 112 389.5 112 416C112 442.5 133.5 464 160 464zM480 368C453.5 368 432 389.5 432 416C432 442.5 453.5 464 480 464C506.5 464 528 442.5 528 416C528 389.5 506.5 368 480 368zM256.1 95.03C247.6 85.66 232.4 85.66 223 95.03C213.7 104.4 213.7 119.6 223 128.1L262.1 168H96C82.75 168 72 178.7 72 192C72 205.3 82.75 216 96 216H262.1L223 255C213.7 264.4 213.7 279.6 223 288.1C232.4 298.3 247.6 298.3 256.1 288.1L336.1 208.1C346.3 199.6 346.3 184.4 336.1 175L256.1 95.03z\"/></svg>",
-    "truck_container_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M352 32C378.5 32 400 53.49 400 80V240C400 266.5 378.5 288 352 288H48C21.49 288 0 266.5 0 240V80C0 53.49 21.49 32 48 32H352zM80 80C71.16 80 64 87.16 64 96V224C64 232.8 71.16 240 80 240C88.84 240 96 232.8 96 224V96C96 87.16 88.84 80 80 80zM224 224C224 232.8 231.2 240 240 240C248.8 240 256 232.8 256 224V96C256 87.16 248.8 80 240 80C231.2 80 224 87.16 224 96V224zM160 80C151.2 80 144 87.16 144 96V224C144 232.8 151.2 240 160 240C168.8 240 176 232.8 176 224V96C176 87.16 168.8 80 160 80zM304 224C304 232.8 311.2 240 320 240C328.8 240 336 232.8 336 224V96C336 87.16 328.8 80 320 80C311.2 80 304 87.16 304 96V224zM432 168C432 154.7 442.7 144 456 144H528.8C545.6 144 561.5 151.5 572.2 164.5L630.1 236.4C636.8 243.5 640 252.5 640 261.7V352C640 369.7 625.7 384 608 384H606.4C607.4 389.2 608 394.5 608 400C608 444.2 572.2 480 528 480C483.8 480 448 444.2 448 400C448 394.5 448.6 389.2 449.6 384H286.4C287.4 389.2 288 394.5 288 400C288 444.2 252.2 480 208 480C181.8 480 158.6 467.4 144 448C129.4 467.4 106.2 480 80 480C35.82 480 0 444.2 0 400V352C0 334.3 14.33 320 32 320H432V168zM480 256H584.1L535 194.9C533.5 193.1 531.2 192 528.8 192H480V256zM528 368C510.3 368 496 382.3 496 400C496 417.7 510.3 432 528 432C545.7 432 560 417.7 560 400C560 382.3 545.7 368 528 368zM208 432C225.7 432 240 417.7 240 400C240 382.3 225.7 368 208 368C190.3 368 176 382.3 176 400C176 417.7 190.3 432 208 432zM80 368C62.33 368 48 382.3 48 400C48 417.7 62.33 432 80 432C97.67 432 112 417.7 112 400C112 382.3 97.67 368 80 368z\"/></svg>",
-    "truck_fast_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M416 0H64V96H0v32H64 288v32H64 32v32H64 256v32H64 0v32H64 224v32H64V416c0 53 43 96 96 96s96-43 96-96H384c0 53 43 96 96 96s96-43 96-96h32 32V352H608V288 256 224 210.7l-9.4-9.4-96-96L493.3 96H480 416V0zM544 237.3V256H416V160h50.7L544 237.3zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48s48 21.5 48 48s-21.5 48-48 48zm368-48c0 26.5-21.5 48-48 48s-48-21.5-48-48s21.5-48 48-48s48 21.5 48 48z\"/></svg>",
-    "truck_moving_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M64 32C28.7 32 0 60.7 0 96V304v80 16c0 44.2 35.8 80 80 80c26.2 0 49.4-12.6 64-32c14.6 19.4 37.8 32 64 32c44.2 0 80-35.8 80-80c0-5.5-.6-10.8-1.6-16H416h33.6c-1 5.2-1.6 10.5-1.6 16c0 44.2 35.8 80 80 80s80-35.8 80-80c0-5.5-.6-10.8-1.6-16H608c17.7 0 32-14.3 32-32V288 272 261.7c0-9.2-3.2-18.2-9-25.3l-58.8-71.8c-10.6-13-26.5-20.5-43.3-20.5H480V96c0-35.3-28.7-64-64-64H64zM585 256H480V192h48.8c2.4 0 4.7 1.1 6.2 2.9L585 256zM528 432c-17.7 0-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32zM240 400c0 17.7-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32zM80 432c-17.7 0-32-14.3-32-32s14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32z\"/></svg>",
-    "txt": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.87c-2.15,0-2.71-.56-2.71-2.72V12.88c0-2.15.56-2.71,2.71-2.71H25.48l8.66,8.88v3.43H32.8V19.6l-7.88-8.09H13.87c-1.37,0-1.37,0-1.37,1.37V37.45c0,1.37,0,1.37,1.37,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm6.68,2.36h-1.9V32h-1.3V26.63h-1.9V25.54h5.1ZM30.4,32,29,29.74,27.55,32H26l2.19-3.34-2-3.07h1.52L29,27.6l1.26-2.06h1.5l-2,3.12L32,32Zm6.86-5.32h-1.9V32H34.07V26.63H32.16V25.54h5.1Z\" fill=\"#484f60\"/></svg>",
-    "unlock": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M32.65,21.67H17.35c-2.81,0-3.06,2.29-3.06,5.12v8.09c0,2.83.25,5.12,3.06,5.12h15.3c2.81,0,3.06-2.29,3.06-5.12V26.79C35.71,24,35.46,21.67,32.65,21.67ZM20.22,37.49l2.61-6.32a3.82,3.82,0,1,1,4.35,0l2.6,6.32Z\" fill=\"#484f60\"/><path d=\"M35.51,16.64c0-3.6-2-4.07-4.51-4.07h0c-2.49,0-4.51.47-4.51,4.07v3h-2.7v-3C23.79,11.62,27,10,31,10h0c4,0,7.21,1.62,7.21,6.64Z\" fill=\"#484f60\"/></svg>",
-    "warehouse": "<!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=\"M6 19H8V21H6V19M12 3L2 8V21H4V13H20V21H22V8L12 3M8 11H4V9H8V11M14 11H10V9H14V11M20 11H16V9H20V11M6 15H8V17H6V15M10 15H12V17H10V15M10 19H12V21H10V19M14 19H16V21H14V19Z\" /></svg>"
-};
-
-class IconCacheService {
-    constructor(_sanitizer) {
-        this._sanitizer = _sanitizer;
-        this._iconCache = {};
-        this.setIconCache();
-    }
-    /**
-     * All the icons as a large JSON object, from the all-icons.json file.
-     * The object has property keys that are the icon names, and property values with the data string of the actual svg icon.
-     */
-    get iconCache() {
-        return this._iconCache;
-    }
-    getIcon(iconName) {
-        if (iconName) {
-            return this._iconCache[iconName.toLowerCase()];
-        }
-    }
-    getIconAsBase64(iconName) {
-        const icon = IconSvg[iconName];
-        const base64Data = window.btoa(icon);
-        return this._sanitizer.bypassSecurityTrustUrl(`data:image/svg+xml;base64,${base64Data}`);
-    }
-    getRawIcon(iconName) {
-        if (iconName) {
-            return IconSvg[iconName.toLowerCase()];
-        }
-    }
-    setIconCache() {
-        for (const key in IconSvg) {
-            if (IconSvg.hasOwnProperty(key) && typeof IconSvg[key] !== "function") {
-                this._iconCache[key.toLowerCase()] = this._sanitizer.bypassSecurityTrustHtml(IconSvg[key]);
-            }
-        }
-    }
-}
-IconCacheService.ɵprov = i0.ɵɵdefineInjectable({ factory: function IconCacheService_Factory() { return new IconCacheService(i0.ɵɵinject(i1.DomSanitizer)); }, token: IconCacheService, providedIn: "root" });
-IconCacheService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: "root"
+                        transition("void => *", animate("200ms ease-in-out")),
+                        transition("* => void", animate("200ms ease-out"))
+                    ]),
+                    trigger("showHideSidebar", [
+                        state("void", style({ transform: "translateX(100%)" })),
+                        state("*", style({ transform: "translateX(0)" })),
+                        transition("void <=> *", animate("200ms ease-in-out"))
+                    ]),
+                    trigger("showHideInvoiceAddress", [
+                        state("void", style({ height: 0, opacity: 0 })),
+                        state("*", style({ height: "*", opacity: 1 })),
+                        transition("void => *", animate("200ms ease-in-out")),
+                        transition("* => void", animate("200ms ease-out"))
+                    ])
+                ],
+                encapsulation: ViewEncapsulation.None
             },] }
 ];
-IconCacheService.ctorParameters = () => [
-    { type: DomSanitizer }
-];
+CheckoutOverviewRelationEditComponent.ctorParameters = () => [
+    { type: FormMasterService },
+    { type: BusinessObjectFactory },
+    { type: TransactionService }
+];
+CheckoutOverviewRelationEditComponent.propDecorators = {
+    relation: [{ type: Input }],
+    deliveryAddressNawNr: [{ type: Input }],
+    invoiceAddressNawNr: [{ type: Input }],
+    validSubmit: [{ type: Output }],
+    invalidSubmit: [{ type: Output }],
+    deliveryAddressChange: [{ type: Output }],
+    invoiceAddressChange: [{ type: Output }],
+    relationChange: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-checkout-overview-relation-edit",] }]
+};
 
 class CheckoutOverviewDeliveryEditComponent {
     constructor(_dictionaryService, _formMasterService, _boFactory, service, iconService) {
@@ -6504,7 +6491,9 @@ class CustomerGroupsComponent {
     }
     ngOnInit() {
         return __awaiter(this, void 0, void 0, function* () {
-            this.customerGroups = yield this._connector.getCustomerGroups();
+            this._connector.getCustomerGroups().then((groups) => {
+                this.customerGroups = groups;
+            });
         });
     }
 }
@@ -6806,7 +6795,8 @@ ConfirmationDialogModule.decorators = [
                     CommonModule,
                     CoDialogModule,
                     ButtonModule,
-                    PipeModule
+                    PipeModule,
+                    CollapsibleModule
                 ],
                 declarations: [
                     ConfirmationDialogComponent
@@ -6917,7 +6907,7 @@ WarehouseComponent.decorators = [
                 selector: "co-warehouse",
                 template: `
     <co-dialog [showCloseIcon]="false" [modal]="true" [headerTemplate]="headerTemplate" [footerTemplate]="footerTemplate">
-      <div class="co-transaction-default-flex-row" *ngFor="let model of viewModels">
+      <div class="co-transaction-default-popup-row" *ngFor="let model of viewModels">
         <co-input-checkbox [model]="model.checked" [label]="model.text" (click)="handleChecked($event, model.value)"></co-input-checkbox>
       </div>
     </co-dialog>
@@ -6962,6 +6952,76 @@ WarehouseModule.decorators = [
             },] }
 ];
 
+// Import the core angular services.
+class LazyRenderMasterDirective {
+    constructor(_element) {
+        this._element = _element;
+        this._mapping = new Map();
+        this._observer = new IntersectionObserver((entries) => {
+            for (const entry of entries) {
+                const callback = this._mapping.get(entry.target);
+                if (callback) {
+                    callback(entry.isIntersecting);
+                }
+            }
+        }, {
+            // This classifies the "intersection" as being a bit outside the
+            // viewport. The intent here is give the elements a little time to react
+            // to the change before the element is actually visible to the user.
+            // root: this._element.nativeElement,
+            rootMargin: '700px 0px 700px 0px'
+        });
+    }
+    ngOnDestroy() {
+        this._mapping.clear();
+        this._observer.disconnect();
+    }
+    add(element, callback) {
+        this._mapping.set(element, callback);
+        this._observer.observe(element);
+    }
+    remove(element) {
+        this._mapping.delete(element);
+        this._observer.unobserve(element);
+    }
+}
+LazyRenderMasterDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[lazyRenderMaster]'
+            },] }
+];
+LazyRenderMasterDirective.ctorParameters = () => [
+    { type: ElementRef }
+];
+
+class LazyRenderDirective {
+    constructor(parent, elementRef) {
+        this._parent = parent;
+        this._elementRef = elementRef;
+        this.isShowing = false;
+    }
+    ngOnDestroy() {
+        this._parent.remove(this._elementRef.nativeElement);
+        this._elementRef = undefined;
+    }
+    ngOnInit() {
+        this._parent.add(this._elementRef.nativeElement, (isIntersecting) => {
+            this.isShowing = isIntersecting;
+            console.log(this.isShowing);
+        });
+    }
+}
+LazyRenderDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[lazyRender]',
+                exportAs: 'lazyRender'
+            },] }
+];
+LazyRenderDirective.ctorParameters = () => [
+    { type: LazyRenderMasterDirective },
+    { type: ElementRef }
+];
+
 class CoreModule {
 }
 CoreModule.decorators = [
@@ -6983,14 +7043,18 @@ CoreModule.decorators = [
                     IconComponent,
                     CustomerGroupsComponent,
                     StockStatusIndicatorComponent,
-                    LoaderComponent
+                    LoaderComponent,
+                    LazyRenderMasterDirective,
+                    LazyRenderDirective
                 ],
                 exports: [
                     ImageDisplayComponent,
                     IconComponent,
                     CustomerGroupsComponent,
                     StockStatusIndicatorComponent,
-                    LoaderComponent
+                    LoaderComponent,
+                    LazyRenderMasterDirective,
+                    LazyRenderDirective
                 ]
             },] }
 ];
@@ -8126,6 +8190,122 @@ DialogTransactionLineVatComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ["class.co-dialog-transaction-line-vat",] }]
 };
 
+class DialogTransactionLinePriceListComponent extends DialogTransactionLineBaseComponent {
+    showClass() {
+        return true;
+    }
+}
+DialogTransactionLinePriceListComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-dialog-transaction-line-price-list",
+                template: `
+    <co-dialog [headerTemplate]="dialogHeader" [footerTemplate]="footerTemplate" [showCloseIcon]="useTransactionLine" (closeClick)="onClose(buttonType.Ok)">
+      <co-transaction-line-price-list
+        [useTransactionLine]="useTransactionLine"
+        [transactionLine]="transactionLine"
+        [searchText]="searchText"
+        (valueChange)="handleValueChange($event)"></co-transaction-line-price-list>
+    </co-dialog>
+    <ng-template #dialogHeader>
+      <co-dialog-header-search [title]="'PRICE_LIST'" (search)="handleSearch($event)"></co-dialog-header-search>
+    </ng-template>
+    <ng-template #footerTemplate>
+      <div class="dialog-footer-button-wrapper" *ngIf="!useTransactionLine">
+        <co-button [label]="'OK' | localize" (click)="handleOkClick()"></co-button>
+      </div>
+    </ng-template>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+DialogTransactionLinePriceListComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ["class.co-dialog-transaction-line-price-list",] }]
+};
+
+class DialogTransactionLineDiscountComponent extends DialogTransactionLineBaseComponent {
+    constructor(_dialogService, _service) {
+        super();
+        this._dialogService = _dialogService;
+        this._service = _service;
+    }
+    showClass() {
+        return true;
+    }
+    openPriceListDialog() {
+        this._dialogService.showTransactionLineComponent(DialogTransactionLinePriceListComponent, this.transactionLine);
+    }
+    transactionLineSet() {
+        this._loadLinePricelist();
+    }
+    _loadLinePricelist() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.transactionLine && this.transactionLine.isArticle) {
+                this._service.getPriceLists().then((lists) => {
+                    const priceList = lists.find(l => l.code === this.transactionLine.priceListCode);
+                    this.transactionLine.priceListDescription = priceList ? priceList.description : "";
+                });
+            }
+        });
+    }
+}
+DialogTransactionLineDiscountComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-dialog-transaction-line-discount",
+                template: `
+    <co-dialog [headerTemplate]="dialogHeader" (closeClick)="onClose(buttonType.Ok)">
+      <div class="two-column-grid">
+        <co-transaction-line-line-discount [transactionLine]="transactionLine"></co-transaction-line-line-discount>
+        <co-transaction-line-discount-amount [transactionLine]="transactionLine"></co-transaction-line-discount-amount>
+      </div>
+      <div class="two-column-grid">
+        <co-transaction-line-special-discount [transactionLine]="transactionLine"></co-transaction-line-special-discount>
+        <co-transaction-line-quantum-discount [transactionLine]="transactionLine"></co-transaction-line-quantum-discount>
+      </div>
+      <div class="two-column-grid">
+        <co-input-text [placeholder]="'SURCHARGE_AMOUNT' | localize" [model]="transactionLine.surchargeAmount" [readonly]="readonly"></co-input-text>
+        <co-input-text [placeholder]="'BUSINESS_RULE_DISCOUNT' | localize" [model]="'NIET_GEIMPLEMENTEERD'" [readonly]="readonly"></co-input-text>
+      </div>
+      <div class="transaction-line-discount-overview">
+        <div class="transaction-line-discount-overview-item">
+          <div class="title" [textContent]="'TRANSACTION_DISCOUNT' | localize"></div>
+          <div class="value" [class.negative]="transactionLine.discountAmount < 0" [textContent]="transactionLine.discountAmount | coCurrency"></div>
+        </div>
+        <div class="transaction-line-discount-overview-item">
+          <div class="title" [textContent]="'BUSINESS_RULE_DISCOUNT' | localize"></div>
+          <div class="value" [textContent]="'NIET_GEIMPLEMENTEERD'"></div>
+        </div>
+        <div class="transaction-line-discount-overview-item">
+          <div class="title" [textContent]="'QUANTUM_DISCOUNT' | localize"></div>
+          <div class="value" [class.negative]="transactionLine.quantumDiscount < 0" [textContent]="transactionLine.quantumDiscount | coCurrency"></div>
+        </div>
+        <div class="transaction-line-discount-overview-item">
+          <div class="title" [textContent]="'SURCHARGE_AMOUNT' | localize"></div>
+          <div class="value" [class.negative]="transactionLine.surchargeAmount < 0" [textContent]="transactionLine.surchargeAmount | coCurrency"></div>
+        </div>
+        <div class="transaction-line-discount-overview-item total">
+          <div class="title" [textContent]="'TOTAL_LINE_DISCOUNT' | localize"></div>
+          <div class="value" [class.negative]="transactionLine.lineTotalDiscountAmount < 0" [textContent]="transactionLine.lineTotalDiscountAmount | coCurrency"></div>
+        </div>
+      </div>
+    </co-dialog>
+    <ng-template #dialogHeader>
+      <div class="dialog-header-title" [textContent]="'DISCOUNT_PRICE_INFORMATION' | localize"></div>
+      <div class="transaction-line-button big" (click)="openPriceListDialog()">
+        <span class="co-transaction-overflow-ellipsis" [textContent]="transactionLine.priceListDescription"></span>
+      </div>
+    </ng-template>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+DialogTransactionLineDiscountComponent.ctorParameters = () => [
+    { type: DialogService },
+    { type: TransactionService }
+];
+DialogTransactionLineDiscountComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ["class.co-dialog-transaction-line-discount",] }]
+};
+
 class TransactionLineComponent {
     constructor(service, iconCacheService, _dialogService, _dictionaryService, _imageService) {
         this.service = service;
@@ -8177,12 +8357,13 @@ class TransactionLineComponent {
     }
     deleteTransactionLineClick() {
         return __awaiter(this, void 0, void 0, function* () {
-            const deleteLine = yield this._dialogService.showYesNo(this._dictionaryService.get("DELETE"), this._dictionaryService.get("DELETE_TRANSACTION_LINE_QUESTION"));
-            if (deleteLine) {
-                this.service.deleteTransactionLine(this.service.currentTransaction.transactionInfo.uuid, this.line.uuid).then((value) => {
-                    // this._handleLine(value);
-                });
-            }
+            // const deleteLine: boolean = await this._dialogService.showYesNo(
+            //   this._dictionaryService.get("DELETE"), this._dictionaryService.get("DELETE_TRANSACTION_LINE_QUESTION"));
+            // if (deleteLine) {
+            this.service.deleteTransactionLine(this.service.currentTransaction.transactionInfo.uuid, this.line.uuid).then((value) => {
+                // this._handleLine(value);
+            });
+            // }
         });
     }
     handleOpenArticleText(text) {
@@ -8205,6 +8386,9 @@ class TransactionLineComponent {
     openVatDialog() {
         this._dialogService.showTransactionLineComponent(DialogTransactionLineVatComponent, this.line);
     }
+    openDiscountDialog() {
+        this._dialogService.showTransactionLineComponent(DialogTransactionLineDiscountComponent, this.line);
+    }
     _loadLineImage() {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.line && this.line.isArticle) {
@@ -8291,24 +8475,24 @@ TransactionLineComponent.decorators = [
             </div>
           </div>
           <div *ngIf=!preview class="transaction-line-extended-wrapper">
-            <div class="transaction-line-extended-row-wrapper" (click)="openCommissionCodeDialog()">
+            <div class="transaction-line-button" (click)="openCommissionCodeDialog()">
               <span class="co-transaction-overflow-ellipsis" [textContent]="line.commissionCode | append:' | ' | append:line.commissionDescription"></span>
             </div>
-            <div class="transaction-line-extended-row-wrapper" (click)="openWarehouseDialog()">
+            <div class="transaction-line-button" (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>
-            <div class="transaction-line-extended-row-wrapper last-two-columns" (click)="openDeliveryMethodDialog()">
+            <div class="transaction-line-button big" (click)="openDeliveryMethodDialog()">
               <co-icon class="header-delivery-truck-icon" [iconData]="iconCacheService.getIcon(icons.TruckFastSolid)"></co-icon>
               <span class="co-transaction-overflow-ellipsis" [textContent]="line.deliveryMethodDescription"></span>
             </div>
-            <div class="transaction-line-extended-row-wrapper no-border two-column">
+            <div class="transaction-line-button custom-width no-border two-column">
               <span [textContent]="'DELIVERY_DATE' | localize | append:':'" class="small-font"></span>
-              <span [textContent]="line.deliveryDate | date:'dd MMM YYYY'"></span>
+              <span class="co-transaction-overflow-ellipsis" [textContent]="line.deliveryDate | date:'dd MMM YYYY'"></span>
               <co-icon class="header-delivery-date-icon" [iconData]="iconCacheService.getIcon(icons.CalendarDayRegular)"></co-icon>
             </div>
           </div>
-          <div class="transaction-line-extended-row-wrapper transaction-line-extended-button" (click)="openVatDialog()">
+          <div *ngIf="!preview" class="transaction-line-button" (click)="openVatDialog()">
             <span class="co-transaction-overflow-ellipsis" [textContent]="line.vatDescription"></span>
           </div>
           <div class="transaction-line-totals">
@@ -8317,12 +8501,10 @@ TransactionLineComponent.decorators = [
                                        [showLabel]="false"
                                        [defaultEditMode]="false"
             ></co-transaction-line-price>
-            <co-editable-label class="transaction-line-totals-discount discount"
-                               [model]="line.lineTotalDiscountAmount | coCurrency"
-                               [editModel]="line.lineTotalDiscountAmount"
-                               [readonly]="readonly"
-                               [commit]="true"
-            ></co-editable-label>
+            <div class="transaction-line-button custom-width" (click)="openDiscountDialog()">
+              <span class="co-transaction-overflow-ellipsis transaction-line-discount" [class.negative]="line.lineTotalDiscountAmount < 0"
+                    [textContent]="(line.lineTotalDiscountAmount | coCurrency) || ('DISCOUNT' | localize)"></span>
+            </div>
             <div *ngIf=!preview class="transaction-line-totals-amount">
               <co-input-number-picker class="amount-number-picker"
                                       [(model)]="localAmount" [min]="0"
@@ -8348,12 +8530,7 @@ TransactionLineComponent.decorators = [
       <ng-container *ngIf="line.isText">
         <div [textContent]="line.text"></div>
         <div class="transaction-line-delete" *ngIf="!preview">
-          <div class="delete-wrapper" (click)="deleteTransactionLineClick()">
-            <icon class="delete-icon" [icon]="icons.Cancel"></icon>
-            <div class="delete-link"
-                 [textContent]="'DELETE_TRANSACTION_LINE' | localize:false">
-            </div>
-          </div>
+          <co-icon class="delete-icon" [iconData]="iconCacheService.getIcon(icons.TrashCanLight)" (click)="deleteTransactionLineClick()"></co-icon>
         </div>
       </ng-container>
     </div>
@@ -8637,7 +8814,7 @@ class TransactionLinePriceComponent extends TransactionLineBaseComponent {
     set child(content) {
         if (content) {
             this.input = content;
-            this.input.commit = (price) => this.commitPrice(price);
+            this.input.commit = (price) => this.commit(price);
             if (this._editMode) {
                 this.input.requestFocus();
             }
@@ -8657,7 +8834,7 @@ class TransactionLinePriceComponent extends TransactionLineBaseComponent {
             this.editMode = true;
         }
     }
-    commitPrice(price) {
+    commit(price) {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.transactionLine.price !== price) {
                 const oldPrice = this.transactionLine.price;
@@ -8721,9 +8898,11 @@ TransactionLinePriceModule.decorators = [
 ];
 
 class TransactionLineDescriptionComponent extends TransactionLineBaseComponent {
-    constructor(_transactionService) {
+    constructor(iconCacheService, _transactionService) {
         super();
+        this.iconCacheService = iconCacheService;
         this._transactionService = _transactionService;
+        this.icons = Icon;
         this.showLabel = true;
         this.defaultEditMode = true;
         this._editMode = false;
@@ -8731,7 +8910,7 @@ class TransactionLineDescriptionComponent extends TransactionLineBaseComponent {
     set child(content) {
         if (content) {
             this.input = content;
-            this.input.commit = (description) => this.commitDescription(description);
+            this.input.commit = (description) => this.commit(description);
             if (this._editMode) {
                 this.input.requestFocus();
             }
@@ -8751,17 +8930,16 @@ class TransactionLineDescriptionComponent extends TransactionLineBaseComponent {
             this.editMode = true;
         }
     }
-    commitDescription(description) {
+    commit(description) {
         return __awaiter(this, void 0, void 0, function* () {
-            // todo uncomment and finish when updateGoodDescriptionTransactionLine is present in the middletier
-            // if (this.transactionLine.goodDescription !== description) {
-            //   const oldDescription = this.transactionLine.goodDescription;
-            //   const success = await this._transactionService.updateGoodDescriptionTransactionLine(this._transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, description);
-            //   if (!success) {
-            //     this.input.model = oldDescription;
-            //   }
-            //   return success;
-            // }
+            if (this.transactionLine.goodDescription !== description) {
+                const oldDescription = this.transactionLine.goodDescription;
+                const success = yield this._transactionService.updateGoodDescriptionTransactionLine(this._transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, description);
+                if (!success) {
+                    this.input.model = oldDescription;
+                }
+                return success;
+            }
             return true;
         });
     }
@@ -8773,7 +8951,10 @@ TransactionLineDescriptionComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-line-description",
                 template: `
-    <span *ngIf="(!editMode  || readonly) && !defaultEditMode" [textContent]="transactionLine.goodDescription"></span>
+    <div class="co-transaction-default-flex-row" *ngIf="(!editMode  || readonly) && !defaultEditMode">
+      <div class="co-transaction-overflow-ellipsis" [textContent]="transactionLine.goodDescription"></div>
+      <co-icon [iconData]="iconCacheService.getIcon(icons.EditPencil)" *ngIf="!readonly && !editMode" (click)="editMode = true"></co-icon>
+    </div>
     <co-input-text #input *ngIf="editMode || defaultEditMode"
                    [placeholder]="showLabel ? ('GOOD_DESCRIPTION' | localize) : ''"
                    [showSaveCancel]="!readonly"
@@ -8786,6 +8967,7 @@ TransactionLineDescriptionComponent.decorators = [
             },] }
 ];
 TransactionLineDescriptionComponent.ctorParameters = () => [
+    { type: IconCacheService },
     { type: TransactionService }
 ];
 TransactionLineDescriptionComponent.propDecorators = {
@@ -8803,7 +8985,8 @@ TransactionLineDescriptionModule.decorators = [
                 imports: [
                     CommonModule,
                     InputTextModule,
-                    PipeModule
+                    PipeModule,
+                    IconModule
                 ],
                 declarations: [
                     TransactionLineDescriptionComponent
@@ -10343,7 +10526,8 @@ RelationPreferencesModule.decorators = [
 ];
 
 class CheckoutOverviewPaymentComponent {
-    constructor() {
+    constructor(_transactionService) {
+        this._transactionService = _transactionService;
         this.icons = Icon;
         this.changeYourDataClick = new EventEmitter();
         this.changeDeliveryClick = new EventEmitter();
@@ -10366,6 +10550,11 @@ class CheckoutOverviewPaymentComponent {
             }
         }
     }
+    handlePayed() {
+        const id = this._transactionService.currentTransaction.transactionInfo.id;
+        this._transactionService.currentTransaction = undefined;
+        this.payed.emit(id);
+    }
 }
 CheckoutOverviewPaymentComponent.decorators = [
     { type: Component, args: [{
@@ -10416,12 +10605,15 @@ CheckoutOverviewPaymentComponent.decorators = [
       [transactionUuid]="transaction.transactionInfo.uuid"
       [amount]="transaction.transactionTotal.netAmount"
       [currencyId]="transaction.transactionInfo.currencyId"
-      (payed)="payed.emit()"
+      (payed)="handlePayed()"
     ></co-payment>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
+CheckoutOverviewPaymentComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
 CheckoutOverviewPaymentComponent.propDecorators = {
     transaction: [{ type: Input }],
     relation: [{ type: Input }],
@@ -10508,20 +10700,134 @@ TransactionBaseComponent.propDecorators = {
     expanded: [{ type: Input }]
 };
 
+class TransactionHeaderBaseComponent {
+    constructor() {
+        this.useTransaction = true;
+        this.valueChange = new EventEmitter();
+        this.readonly = false;
+        this.viewModels = [];
+        this.viewModelsFiltered = [];
+        this._transactionInfo = new TransactionInfo();
+    }
+    set searchText(value) {
+        this._searchText = value;
+        this._doSearch();
+    }
+    get searchText() {
+        return this._searchText;
+    }
+    set transactionInfo(value) {
+        if (value) {
+            this._transactionInfo = value;
+            this.transactionInfoSet();
+        }
+    }
+    get transactionInfo() {
+        return this._transactionInfo;
+    }
+    ngOnInit() {
+        this.viewModelsFiltered = this.viewModels.slice();
+    }
+    // overridden by descendents
+    transactionInfoSet() {
+    }
+    _doSearch() {
+        if (!this.searchText) {
+            this.viewModelsFiltered = this.viewModels.slice();
+        }
+        else {
+            this.viewModelsFiltered = this.viewModels.filter(v => {
+                const textFound = v.text ? v.text.indexOf(this.searchText) > -1 : false;
+                // const codeFound: boolean = (v.value && typeof v.value === 'string') ? v.value.indexOf(this.searchText) > -1 :
+                //   (typeof v.value === 'number' ? v.value + "".indexOf(this.searchText) > -1 : false);
+                const codeFound = (v.value && typeof v.value === 'string') ? v.value.indexOf(this.searchText) > -1 : false;
+                return codeFound || textFound;
+            });
+        }
+    }
+}
+TransactionHeaderBaseComponent.decorators = [
+    { type: Directive }
+];
+TransactionHeaderBaseComponent.propDecorators = {
+    useTransaction: [{ type: Input }],
+    searchText: [{ type: Input }],
+    transactionInfo: [{ type: Input }],
+    valueChange: [{ type: Output }]
+};
+
+class DialogTransactionHeaderBaseComponent extends TransactionHeaderBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.buttonType = AppPopupButtonType;
+    }
+    onClose(eventType, output) {
+        return;
+    }
+    handleValueChange(value) {
+        this.value = value;
+    }
+    handleOkClick() {
+        this.onClose(AppPopupButtonType.Ok, this.value);
+    }
+    handleSearch(text) {
+        this.searchText = text;
+    }
+}
+DialogTransactionHeaderBaseComponent.decorators = [
+    { type: Directive }
+];
+
+class DialogTransactionHeaderDeliveryMethodComponent extends DialogTransactionHeaderBaseComponent {
+    showClass() {
+        return true;
+    }
+}
+DialogTransactionHeaderDeliveryMethodComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-dialog-transaction-header-delivery-method",
+                template: `
+    <co-dialog [headerTemplate]="dialogHeader" [footerTemplate]="footerTemplate" [showCloseIcon]="useTransaction" (closeClick)="onClose(buttonType.Ok)">
+      <co-transaction-header-delivery-method
+        [showAsCarousel]="false"
+        [useTransaction]="useTransaction"
+        [transactionInfo]="transactionInfo"
+        [searchText]="searchText"
+        (valueChange)="handleValueChange($event)"></co-transaction-header-delivery-method>
+    </co-dialog>
+    <ng-template #dialogHeader>
+      <co-dialog-header-search [title]="'DELIVERY_METHOD'" (search)="handleSearch($event)"></co-dialog-header-search>
+    </ng-template>
+    <ng-template #footerTemplate>
+      <div class="dialog-footer-button-wrapper" *ngIf="!useTransaction">
+        <co-button [label]="'OK' | localize" (click)="handleOkClick()"></co-button>
+      </div>
+    </ng-template>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+DialogTransactionHeaderDeliveryMethodComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ["class.co-dialog-transaction-header-delivery-method",] }]
+};
+
 class TransactionHeaderDeliveryComponent extends TransactionBaseComponent {
-    constructor(iconService, service) {
+    constructor(iconService, service, _dialogService) {
         super(service);
         this.iconService = iconService;
         this.service = service;
+        this._dialogService = _dialogService;
         this.icons = Icon;
         this.deliveryMethod = new DeliveryMethod();
         this.deliveryMethods = [];
         this.showDialog = false;
-        this.showDeliveryMethodDialog = false;
     }
     showClass() {
         return true;
     }
+    showDeliveryMethodDialog() {
+        this._dialogService.showTransactionHeaderComponent(DialogTransactionHeaderDeliveryMethodComponent, this.transactionInfo);
+    }
     transactionSet() {
         this.service.getDeliveryMethods().then((methods) => {
             this.deliveryMethods = methods;
@@ -10546,7 +10852,7 @@ TransactionHeaderDeliveryComponent.decorators = [
     >
     </co-transaction-header-block>
     <ng-template #headerBlock>
-      <div class="header-delivery-method" (click)="showDeliveryMethodDialog = true">
+      <div class="header-delivery-method" (click)="showDeliveryMethodDialog()">
         <co-icon class="header-delivery-truck-icon" [iconData]="iconService.getIcon(icons.TruckFastSolid)"></co-icon>
         <span [textContent]="deliveryMethod?.description"></span>
       </div>
@@ -10581,7 +10887,7 @@ TransactionHeaderDeliveryComponent.decorators = [
     </ng-template>
     <co-dialog *ngIf="showDialog" [headerTemplate]="headerTemplate" (closeClick)="showDialog = false">
       <ng-template #headerTemplate>
-        <div class="header-title" [textContent]="'DELIVERY_INFORMATION' | localize"></div>
+        <div class="co-transaction-dialog-header-title" [textContent]="'DELIVERY_INFORMATION' | localize"></div>
         <co-transaction-header-block
           [headerBlockTemplate]="headerBlock"
           [firstBlockTemplate]="firstBlock"
@@ -10598,18 +10904,14 @@ TransactionHeaderDeliveryComponent.decorators = [
       <co-transaction-header-reference [transactionInfo]="transactionInfo"></co-transaction-header-reference>
       <co-transaction-header-relation-reference [transactionInfo]="transactionInfo"></co-transaction-header-relation-reference>
     </co-dialog>
-    <co-dialog *ngIf="showDeliveryMethodDialog" (closeClick)="showDeliveryMethodDialog = false">
-      <co-transaction-header-delivery-method
-        [transactionInfo]="transactionInfo"
-      ></co-transaction-header-delivery-method>
-    </co-dialog>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
 TransactionHeaderDeliveryComponent.ctorParameters = () => [
     { type: IconCacheService },
-    { type: TransactionService }
+    { type: TransactionService },
+    { type: DialogService }
 ];
 TransactionHeaderDeliveryComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ["class.co-transaction-header-delivery",] }]
@@ -10677,62 +10979,6 @@ TransactionHeaderBlockModule.decorators = [
             },] }
 ];
 
-class TransactionHeaderBaseComponent {
-    constructor() {
-        this.useTransaction = true;
-        this.valueChange = new EventEmitter();
-        this.readonly = false;
-        this.viewModels = [];
-        this.viewModelsFiltered = [];
-        this._transactionInfo = new TransactionInfo();
-    }
-    set searchText(value) {
-        this._searchText = value;
-        this._doSearch();
-    }
-    get searchText() {
-        return this._searchText;
-    }
-    set transactionInfo(value) {
-        if (value) {
-            this._transactionInfo = value;
-            this.transactionInfoSet();
-        }
-    }
-    get transactionInfo() {
-        return this._transactionInfo;
-    }
-    ngOnInit() {
-        this.viewModelsFiltered = this.viewModels.slice();
-    }
-    // overridden by descendents
-    transactionInfoSet() {
-    }
-    _doSearch() {
-        if (!this.searchText) {
-            this.viewModelsFiltered = this.viewModels.slice();
-        }
-        else {
-            this.viewModelsFiltered = this.viewModels.filter(v => {
-                const textFound = v.text ? v.text.indexOf(this.searchText) > -1 : false;
-                // const codeFound: boolean = (v.value && typeof v.value === 'string') ? v.value.indexOf(this.searchText) > -1 :
-                //   (typeof v.value === 'number' ? v.value + "".indexOf(this.searchText) > -1 : false);
-                const codeFound = (v.value && typeof v.value === 'string') ? v.value.indexOf(this.searchText) > -1 : false;
-                return codeFound || textFound;
-            });
-        }
-    }
-}
-TransactionHeaderBaseComponent.decorators = [
-    { type: Directive }
-];
-TransactionHeaderBaseComponent.propDecorators = {
-    useTransaction: [{ type: Input }],
-    searchText: [{ type: Input }],
-    transactionInfo: [{ type: Input }],
-    valueChange: [{ type: Output }]
-};
-
 class TransactionHeaderDeliveryDateComponent extends TransactionHeaderBaseComponent {
     constructor(_transactionService) {
         super();
@@ -11192,16 +11438,27 @@ class TransactionHeaderDeliveryMethodComponent extends TransactionHeaderBaseComp
     constructor(_transactionService) {
         super();
         this._transactionService = _transactionService;
+        this.showAsCarousel = true;
         this.deliveryMethodChange = new EventEmitter();
-        this.deliveryMethods = [];
+        this.collection = [];
         this.selectedIdx = 0;
     }
     ngOnInit() {
+        this.viewModels.length = 0;
         this._transactionService.getDeliveryMethods().then((methods) => {
-            this.deliveryMethods = methods.filter(m => m.webshop);
+            this.collection = methods.filter(m => m.webshop);
             if (this.transactionInfo.deliveryMethod) {
-                this.selectedIdx = this.deliveryMethods.findIndex(d => d.code === this.transactionInfo.deliveryMethod);
+                this.selectedIdx = this.collection.findIndex(d => d.code === this.transactionInfo.deliveryMethod);
             }
+            this.collection.forEach((c, index) => {
+                this.viewModels.push({
+                    value: c.code,
+                    text: c.description,
+                    label: ((c.code !== null && c.code !== undefined) ? c.code + ' ' : '') + ((c.description !== null && c.description !== undefined) ? c.description : ''),
+                    checked: this.useTransaction ? this.transactionInfo.deliveryMethod === c.code : index === 0
+                });
+            });
+            super.ngOnInit();
         });
     }
     commitDeliveryMethod(method) {
@@ -11213,9 +11470,25 @@ class TransactionHeaderDeliveryMethodComponent extends TransactionHeaderBaseComp
             return true;
         });
     }
+    handleChecked(event, row) {
+        event.preventDefault();
+        event.stopPropagation();
+        row.checked = true;
+        for (let i = 0; i < this.viewModels.length; i++) {
+            if (this.viewModels[i].value !== row.value) {
+                this.viewModels[i].checked = false;
+            }
+        }
+        if (this.useTransaction) {
+            this.commitDeliveryMethod(this.viewModels.find(v => v.checked).value);
+        }
+        else {
+            this.valueChange.emit(row.value);
+        }
+    }
     setIndexDeliveryType(idx) {
         return __awaiter(this, void 0, void 0, function* () {
-            const method = this.deliveryMethods[idx];
+            const method = this.collection[idx];
             if (method) {
                 const success = yield this.commitDeliveryMethod(method.code);
                 if (success) {
@@ -11233,15 +11506,27 @@ TransactionHeaderDeliveryMethodComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-header-delivery-method",
                 template: `
-    <co-carousel-3d [tileWidth]="200"
-                    [tileHeight]="100"
-                    [selectedIndex]="selectedIdx"
-                    (indexSelected)="setIndexDeliveryType($event)">
-      <co-delivery-type-tile #carouselItem *ngFor="let method of deliveryMethods; let index = index"
-                             [method]="method"
-                             [selected]="selectedIdx === index"
-      ></co-delivery-type-tile>
-    </co-carousel-3d>
+    <ng-container *ngIf="!showAsCarousel">
+      <co-carousel-3d [tileWidth]="200"
+                      [tileHeight]="100"
+                      [selectedIndex]="selectedIdx"
+                      (indexSelected)="setIndexDeliveryType($event)">
+        <co-delivery-type-tile #carouselItem *ngFor="let method of collection; let index = index"
+                               [method]="method"
+                               [selected]="selectedIdx === index"
+        ></co-delivery-type-tile>
+      </co-carousel-3d>
+    </ng-container>
+    <ng-container *ngIf="!showAsCarousel">
+      <div class="co-transaction-default-popup-row" *ngFor="let row of viewModelsFiltered">
+        <co-input-checkbox
+          [readonly]="readonly"
+          [model]="row.checked"
+          [label]="row.label"
+          (click)="handleChecked($event, row)"
+        ></co-input-checkbox>
+      </div>
+    </ng-container>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -11250,6 +11535,7 @@ TransactionHeaderDeliveryMethodComponent.ctorParameters = () => [
     { type: TransactionService }
 ];
 TransactionHeaderDeliveryMethodComponent.propDecorators = {
+    showAsCarousel: [{ type: Input }],
     deliveryMethodChange: [{ type: Output }]
 };
 
@@ -11261,7 +11547,8 @@ TransactionHeaderDeliveryMethodModule.decorators = [
                     CommonModule,
                     PipeModule,
                     Carousel3dModule,
-                    DeliveryTypeTileModule
+                    DeliveryTypeTileModule,
+                    InputCheckboxModule
                 ],
                 declarations: [
                     TransactionHeaderDeliveryMethodComponent
@@ -11365,6 +11652,81 @@ TransactionHeaderPreferredDeliveryDateModule.decorators = [
             },] }
 ];
 
+class DialogHeaderSearchComponent {
+    constructor() {
+        this.search = new EventEmitter();
+    }
+    set title(value) {
+        this._title = value;
+        this.searchPlaceholder = `SEARCH_${this._title}`;
+    }
+    get title() {
+        return this._title;
+    }
+    showClass() {
+        return true;
+    }
+    handleSearch(text) {
+        this.search.emit(text);
+    }
+}
+DialogHeaderSearchComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-dialog-header-search",
+                template: `
+        <div class="dialog-header-search-wrapper">
+          <div class="dialog-header-search-title" [textContent]="title | localize"></div>
+          <co-input-search [placeholder]="searchPlaceholder | localize" [noIcon]="true" (modelChange)="handleSearch($event)"></co-input-search>
+        </div>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+DialogHeaderSearchComponent.propDecorators = {
+    title: [{ type: Input }],
+    search: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-dialog-header-search",] }]
+};
+
+class DialogHeaderSearchModule {
+}
+DialogHeaderSearchModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    PipeModule,
+                    InputSearchModule
+                ],
+                declarations: [
+                    DialogHeaderSearchComponent
+                ],
+                exports: [
+                    DialogHeaderSearchComponent
+                ]
+            },] }
+];
+
+class DialogTransactionHeaderDeliveryMethodModule {
+}
+DialogTransactionHeaderDeliveryMethodModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoDialogModule,
+                    TransactionHeaderDeliveryMethodModule,
+                    DialogHeaderSearchModule,
+                    ButtonModule,
+                    PipeModule
+                ],
+                declarations: [
+                    DialogTransactionHeaderDeliveryMethodComponent
+                ],
+                exports: [
+                    DialogTransactionHeaderDeliveryMethodComponent
+                ]
+            },] }
+];
+
 class TransactionHeaderDeliveryModule {
 }
 TransactionHeaderDeliveryModule.decorators = [
@@ -11384,7 +11746,8 @@ TransactionHeaderDeliveryModule.decorators = [
                     TransactionHeaderReferenceModule,
                     TransactionHeaderRelationReferenceModule,
                     TransactionHeaderDeliveryMethodModule,
-                    TransactionHeaderPreferredDeliveryDateModule
+                    TransactionHeaderPreferredDeliveryDateModule,
+                    DialogTransactionHeaderDeliveryMethodModule
                 ],
                 declarations: [
                     TransactionHeaderDeliveryComponent
@@ -11486,14 +11849,14 @@ class TransactionHeaderDownpaymentPercentageComponent extends TransactionHeaderB
     }
     commitDownpaymentPercentage(amount) {
         return __awaiter(this, void 0, void 0, function* () {
-            // if (this.transactionInfo.downPayPercentage !== amount) {
-            //   const oldDownPayPercentage: number = this.transactionInfo.downPayPercentage;
-            //   const success = await this._transactionService.updateHeaderTransactionDownpaymentPercentage(this.transactionInfo.uuid, amount);
-            //   if (!success) {
-            //     this.input.model = amount;
-            //   }
-            //   return success;
-            // }
+            if (this.transactionInfo.paymentInfo && this.transactionInfo.paymentInfo.toDownPayPercentage !== amount) {
+                const oldDownPayPercentage = this.transactionInfo.paymentInfo.toDownPayPercentage;
+                const success = yield this._transactionService.updateHeaderTransactionDownpaymentPercentage(this.transactionInfo.uuid, amount);
+                if (!success) {
+                    this.input.model = amount;
+                }
+                return success;
+            }
             return true;
         });
     }
@@ -11505,13 +11868,13 @@ TransactionHeaderDownpaymentPercentageComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-header-downpayment-percentage",
                 template: `
-    <span *ngIf="(!editMode  || readonly) && !defaultEditMode" [textContent]="'NOG_NIET_GEIMPLEMENTEERD'"></span>
+    <span *ngIf="(!editMode  || readonly) && !defaultEditMode" [textContent]="transactionInfo.paymentInfo?.toDownPayPercentage | append: '%'"></span>
     <co-input-text #input *ngIf="editMode || defaultEditMode"
                    [type]="'number'"
                    [placeholder]="showLabel ? ('DOWNPAYMENT_PERCENTAGE' | localize) : ''"
                    [showSaveCancel]="!readonly"
                    [readonly]="readonly"
-                   [model]="'NOG_NIET_GEIMPLEMENTEERD'"
+                   [model]="transactionInfo.paymentInfo?.toDownPayPercentage"
                    (blur)="editMode = false"
     ></co-input-text>
   `,
@@ -11580,14 +11943,14 @@ class TransactionHeaderDownpaymentAmountComponent extends TransactionHeaderBaseC
     }
     commitDownpaymentAmount(amount) {
         return __awaiter(this, void 0, void 0, function* () {
-            // if (this.transactionInfo.downPayAmount !== amount) {
-            //   const oldDownPayPercentage: number = this.transactionInfo.downPayAmount;
-            //   const success = await this._transactionService.updateHeaderTransactionDownpaymentAmount(this.transactionInfo.uuid, amount);
-            //   if (!success) {
-            //     this.input.model = amount;
-            //   }
-            //   return success;
-            // }
+            if (this.transactionInfo.paymentInfo && this.transactionInfo.paymentInfo.toDownPayAmount !== amount) {
+                const oldDownPayPercentage = this.transactionInfo.paymentInfo.toDownPayAmount;
+                const success = yield this._transactionService.updateHeaderTransactionDownpaymentAmount(this.transactionInfo.uuid, amount);
+                if (!success) {
+                    this.input.model = amount;
+                }
+                return success;
+            }
             return true;
         });
     }
@@ -11599,13 +11962,13 @@ TransactionHeaderDownpaymentAmountComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-header-downpayment-amount",
                 template: `
-    <span *ngIf="(!editMode  || readonly) && !defaultEditMode" [textContent]="'NOG_NIET_GEIMPLEMENTEERD'"></span>
+    <span *ngIf="(!editMode  || readonly) && !defaultEditMode" [textContent]="transactionInfo.paymentInfo?.toDownPayAmount"></span>
     <co-input-text #input *ngIf="editMode || defaultEditMode"
                    [type]="'number'"
-                   [placeholder]="showLabel ? ('DOWNPAYMENT_PERCENTAGE' | localize) : ''"
+                   [placeholder]="showLabel ? ('DOWNPAYMENT' | localize) : ''"
                    [showSaveCancel]="!readonly"
                    [readonly]="readonly"
-                   [model]="'NOG_NIET_GEIMPLEMENTEERD'"
+                   [model]="transactionInfo.paymentInfo?.toDownPayAmount"
                    (blur)="editMode = false"
     ></co-input-text>
   `,
@@ -11727,9 +12090,10 @@ class TransactionHeaderBranchComponent extends TransactionHeaderBaseComponent {
             if (branch === undefined || branch === null) {
                 return;
             }
-            if (!this.transactionInfo.branch || this.transactionInfo.branch.relationId !== branch) {
+            const branchId = branch instanceof RelationSmallObject ? branch.relationId : branch;
+            if (!this.transactionInfo.branch || this.transactionInfo.branch.relationId !== branchId) {
                 const oldBranch = this.transactionInfo.branch ? this.transactionInfo.branch.relationId : 0;
-                const success = yield this._transactionService.updateHeaderTransactionBranch(this.transactionInfo.uuid, branch);
+                const success = yield this._transactionService.updateHeaderTransactionBranch(this.transactionInfo.uuid, branchId);
                 if (!success) {
                     // if (this.transactionInfo.branch) {
                     //   this.transactionInfo.branch = branch;
@@ -11777,7 +12141,7 @@ TransactionHeaderBranchComponent.decorators = [
       </co-drop-down-list>
     </ng-container>
     <ng-container *ngIf="!simple">
-      <div class="co-transaction-default-flex-row" *ngFor="let row of viewModelsFiltered">
+      <div class="co-transaction-default-popup-row" *ngFor="let row of viewModelsFiltered">
         <co-input-checkbox
           [model]="row.checked"
           [label]="row.label"
@@ -11945,7 +12309,7 @@ TransactionHeaderMarketingComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-header-marketing",
                 template: `
-    <div class="co-transaction-default-flex-row" *ngFor="let row of viewModelsFiltered">
+    <div class="co-transaction-default-popup-row" *ngFor="let row of viewModelsFiltered">
       <co-input-checkbox
         [model]="row.checked"
         [label]="row.label"
@@ -12141,6 +12505,7 @@ class TransactionComponent {
         this.activeViewMode = ContentViewMode.List;
         this.showDiscountsSidebar = false;
         this.showSidePanel = false;
+        this.isSendIconClicked = false;
         this._subs = [];
         this._transaction = new TransactionInfoResponse();
         this._subs.push(this._service.transactionUpdated.subscribe((transaction) => __awaiter(this, void 0, void 0, function* () {
@@ -12196,6 +12561,9 @@ class TransactionComponent {
     handleCloseSidePanel(event) {
         this.showSidePanel = false;
     }
+    sendIconClicked() {
+        this.isSendIconClicked = true;
+    }
 }
 TransactionComponent.decorators = [
     { type: Component, args: [{
@@ -12209,6 +12577,16 @@ TransactionComponent.decorators = [
                                    [activeCategory]="activeCategory"
       ></co-transaction-quick-access>
 
+<!--      <div class="icon-wrapper" (click)="sendIconClicked()">-->
+<!--        <co-icon [iconData]="iconCacheService.getIcon(icons.ShareSolid)"></co-icon>-->
+<!--        <co-icon [iconData]="iconCacheService.getIcon(icons.AtSolid)" class="icon-method"></co-icon>-->
+<!--        <span class="icon-text" [textContent]="'SEND' | localize"></span>-->
+<!--      </div>-->
+
+      <ione-send-method-dialog *ngIf="isSendIconClicked">
+
+      </ione-send-method-dialog>
+
       <co-transaction-button-bar *ngIf="showButtonBar" class="transaction-lines-header-item"
                                  [transactionType]="transaction.transactionInfo.transactionKind"
                                  [selectedCategory]="activeCategory"
@@ -12262,6 +12640,9 @@ TransactionComponent.decorators = [
                                     (cancelClick)="handleCloseSidePanel($event)"
     ></co-transaction-line-side-panel>
   `,
+                providers: [
+                    TransactionService
+                ],
                 animations: [
                     trigger("showHideSidePanel", [
                         state("void", style({ transform: 'translateX(100%)' })),
@@ -12308,10 +12689,15 @@ TransactionHeaderComponent.decorators = [
                 selector: "co-transaction-header",
                 template: `
     <div class="transaction-header-wrapper">
-      <co-transaction-header-relation [customerId]="relationId"></co-transaction-header-relation>
-      <co-transaction-header-order [transaction]="transaction"></co-transaction-header-order>
-      <co-transaction-header-payment [transaction]="transaction"></co-transaction-header-payment>
-      <co-transaction-header-delivery [transaction]="transaction"></co-transaction-header-delivery>
+      <co-carousel>
+        <co-transaction-header-relation #carouselItem [customerId]="relationId"></co-transaction-header-relation>
+        <div class="transaction-header-divider">&nbsp;</div>
+        <co-transaction-header-order #carouselItem [transaction]="transaction"></co-transaction-header-order>
+        <div class="transaction-header-divider">&nbsp;</div>
+        <co-transaction-header-payment #carouselItem [transaction]="transaction"></co-transaction-header-payment>
+        <div class="transaction-header-divider">&nbsp;</div>
+        <co-transaction-header-delivery #carouselItem [transaction]="transaction"></co-transaction-header-delivery>
+      </co-carousel>
     </div>
   `,
                 encapsulation: ViewEncapsulation.None
@@ -12390,7 +12776,7 @@ TransactionHeaderRelationComponent.decorators = [
     </ng-template>
     <co-dialog *ngIf="showDialog" [headerTemplate]="dialogHeader" (closeClick)="showDialog = false">
       <ng-template #dialogHeader>
-        <div class="header-title" [textContent]="'CLIENT_INFORMATION' | localize"></div>
+        <div class="co-transaction-dialog-header-title" [textContent]="'CLIENT_INFORMATION' | localize"></div>
         <co-transaction-header-block
           [headerBlockTemplate]="headerBlock"
           [firstBlockTemplate]="firstBlock"
@@ -12411,7 +12797,7 @@ TransactionHeaderRelationComponent.decorators = [
           <div class="section">
             <div class="label" [textContent]="'ADDRESSES' | localize"></div>
             <co-relation-addresses
-              [addresses]="customer.addresses"
+              [addresses]="customer.activeAddresses"
               [type]="addressType.DeliveryAddress"
               [selectedAddressIdx]="deliveryAddressIdx"
               (selectedAddressChange)="setIndexDeliveryAddress($event)"
@@ -12420,7 +12806,7 @@ TransactionHeaderRelationComponent.decorators = [
             <co-input-checkbox [(model)]="invoiceAddressSameAsDeliveryAddress" (modelChange)="checkSameAddress($event)" [label]="'SAME_AS_DELIVERY' | localize"></co-input-checkbox>
             <div class="overview-delivery-invoice-address" *ngIf="!invoiceAddressSameAsDeliveryAddress" @showHideInvoiceAddress>
               <co-relation-addresses
-                [addresses]="customer.addresses"
+                [addresses]="customer.activeAddresses"
                 [type]="addressType.BillingAddress"
                 [selectedAddressIdx]="invoiceAddressIdx"
                 (selectedAddressChange)="setIndexInvoiceAddress($event)"
@@ -12611,6 +12997,7 @@ class TransactionHeaderPaymentComponent extends TransactionBaseComponent {
         this.iconService = iconService;
         this.service = service;
         this.icons = Icon;
+        this.transactionKind = TransactionKind;
         this.showDialog = false;
         this.showPaymentDialog = false;
     }
@@ -12635,7 +13022,7 @@ TransactionHeaderPaymentComponent.decorators = [
     </co-transaction-header-block>
     <ng-template #headerBlock>
       <div class="header-block-label" [textContent]="'BALANCE' | localize"></div>
-      <div class="header-block-balance" (click)="openPayment()">
+      <div class="header-block-balance" *ngIf="transactionInfo.transactionKind !== transactionKind.PurchaseOrder" (click)="openPayment()">
         <co-icon class="payment-icon" [iconData]="iconService.getIcon(icons.CreditCardSolid)"></co-icon>
         <span class="payment-paid" [textContent]="200 | priceDisplay"></span>
         <span class="payment-divider" [textContent]="'/'"></span>
@@ -12660,7 +13047,7 @@ TransactionHeaderPaymentComponent.decorators = [
     </ng-template>
     <co-dialog class="dialog" [headerTemplate]="headerTemplate" *ngIf="showDialog" (closeClick)="showDialog = false">
       <ng-template #headerTemplate>
-        <div class="header-title" [textContent]="'PAYMENT_INFORMATION' | localize"></div>
+        <div class="co-transaction-dialog-header-title" [textContent]="'PAYMENT_INFORMATION' | localize"></div>
         <co-transaction-header-block
           [headerBlockTemplate]="headerBlock"
           [firstBlockTemplate]="firstBlock"
@@ -12731,7 +13118,8 @@ TransactionHeaderModule.decorators = [
                     TransactionHeaderRelationModule,
                     TransactionHeaderDeliveryModule,
                     TransactionHeaderOrderModule,
-                    TransactionHeaderPaymentModule
+                    TransactionHeaderPaymentModule,
+                    CarouselModule
                 ],
                 declarations: [
                     TransactionHeaderComponent
@@ -13105,31 +13493,6 @@ TransactionLineSidePanelDefaultComponent.decorators = [
           <co-transaction-line-quantity class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-quantity>
           <co-transaction-line-price class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-price>
         </div>
-        <div class="side-panel-input-row">
-          <co-transaction-line-vat class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-vat>
-          <co-transaction-line-price-list class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-price-list>
-        </div>
-      </div>
-    </co-collapsible>
-    <co-collapsible
-      [iconData]="iconService.getIcon(icons.TriangleUp)"
-      [headerTitle]="'DISCOUNTS' | localize"
-      [expandButtonLast]="true"
-      [expanded]="true"
-    >
-      <div class="collapsible-content-wrapper">
-        <div class="side-panel-input-row">
-          <co-transaction-line-line-discount class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-line-discount>
-          <co-transaction-line-discount-amount class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-discount-amount>
-        </div>
-        <div class="side-panel-input-row">
-          <co-transaction-line-quantum-discount class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-quantum-discount>
-          <co-transaction-line-special-discount class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-special-discount>
-        </div>
-        <div class="side-panel-input-row">
-          <co-input-text class="side-panel-input" [placeholder]="'SURCHARGE_AMOUNT' | localize" [model]="transactionLine.surchargeAmount" [readonly]="readonly"></co-input-text>
-          <co-input-text class="side-panel-input" [placeholder]="'BUSINESS_RULE_DISCOUNT' | localize" [model]="'NIET_GEIMPLEMENTEERD'" [readonly]="readonly"></co-input-text>
-        </div>
       </div>
     </co-collapsible>
     <co-collapsible
@@ -13139,14 +13502,6 @@ TransactionLineSidePanelDefaultComponent.decorators = [
       [expanded]="true"
     >
       <div class="collapsible-content-wrapper">
-        <div class="side-panel-input-row">
-          <co-transaction-line-commission-code class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-commission-code>
-          <co-transaction-line-warehouse class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-warehouse>
-        </div>
-        <div class="side-panel-input-row">
-          <co-transaction-line-delivery-method class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-delivery-method>
-          <co-transaction-line-delivery-date class="side-panel-input" [transactionLine]="transactionLine" [transactionInfo]="transactionInfo"></co-transaction-line-delivery-date>
-        </div>
         <div class="side-panel-input-row">
           <co-input-text class="side-panel-input" [placeholder]="'ASSEMBLY_TIME' | localize" [readonly]="readonly"></co-input-text>
           <co-input-text class="side-panel-input" [placeholder]="'ASSEMBLY_COSTS' | localize" [type]="'number'" [model]="transactionLine.assemblyCost" [readonly]="readonly"></co-input-text>
@@ -13212,7 +13567,7 @@ class TransactionLineQuantityComponent extends TransactionLineBaseComponent {
         super();
         this._transactionService = _transactionService;
     }
-    commitQuantity(quantity) {
+    commit(quantity) {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.transactionLine.amount !== quantity) {
                 const oldAmount = this.transactionLine.amount;
@@ -13265,10 +13620,10 @@ class TransactionLineLineDiscountComponent extends TransactionLineBaseComponent
     set child(content) {
         if (content) {
             this.input = content;
-            this.input.commit = (discount) => this.commitDiscount(discount);
+            this.input.commit = (discount) => this.commit(discount);
         }
     }
-    commitDiscount(discount) {
+    commit(discount) {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.transactionLine.lineDiscount !== discount) {
                 const oldDiscount = this.transactionLine.lineDiscount;
@@ -13326,24 +13681,17 @@ class TransactionLineVatComponent extends TransactionLineBaseComponent {
     constructor(_transactionService) {
         super();
         this._transactionService = _transactionService;
-        this.collection = [];
+        this.codeField = 'vatId';
+        this.checkField = 'vatId';
+        this.propsForLabel = ['vatCode', 'description'];
     }
     ngOnInit() {
         this.viewModels.length = 0;
         this._transactionService.getVatLists().then((vatList) => {
             this.collection = vatList.slice();
-            this.collection.forEach((d, index) => {
-                this.viewModels.push({
-                    value: d.vatId,
-                    text: d.description,
-                    label: ((d.vatId !== null && d.vatId !== undefined) ? d.vatId + ' ' : '') + ((d.description !== null && d.description !== undefined) ? d.description : ''),
-                    checked: this.useTransactionLine ? this.transactionLine.vatId === d.vatId : index === 0
-                });
-            });
-            super.ngOnInit();
         });
     }
-    commitVat(id) {
+    commit(id) {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.transactionLine.vatId !== id) {
                 const oldId = this.transactionLine.vatId;
@@ -13356,39 +13704,81 @@ class TransactionLineVatComponent extends TransactionLineBaseComponent {
             return true;
         });
     }
-    handleChecked(event, row) {
-        event.preventDefault();
-        event.stopPropagation();
-        row.checked = true;
-        for (let i = 0; i < this.viewModels.length; i++) {
-            if (this.viewModels[i].value !== row.value) {
-                this.viewModels[i].checked = false;
-            }
-        }
-        if (this.useTransactionLine) {
-            this.commitVat(this.viewModels.find(v => v.checked).value);
-        }
-        else {
-            this.valueChange.emit(row.value);
-        }
+}
+TransactionLineVatComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-line-vat",
+                template: `
+    <co-transaction-line-checkbox-list
+      [collection]="viewModelsFiltered"
+      (checked)="handleChecked($event)"
+    ></co-transaction-line-checkbox-list>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionLineVatComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+
+class TransactionLineCheckboxListComponent {
+    constructor() {
+        this.collection = [];
+        this.checked = new EventEmitter();
+        this.showClass = true;
+    }
+    handleChecked(event, row) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.checked.emit(row);
+    }
+    _initObserver() {
+    }
+    _handleVisibility() {
     }
 }
-TransactionLineVatComponent.decorators = [
+TransactionLineCheckboxListComponent.decorators = [
     { type: Component, args: [{
-                selector: "co-transaction-line-vat",
+                selector: "co-transaction-line-checkbox-list",
                 template: `
-    <div class="co-transaction-default-flex-row" *ngFor="let row of viewModelsFiltered">
-      <co-input-checkbox
-        [model]="row.checked"
-        [label]="row.label"
-        (click)="handleChecked($event, row)"></co-input-checkbox>
-    </div>
+    <table lazyRenderMaster>
+      <tr *ngFor="let row of collection" lazyRender #lazyRender="lazyRender">
+        <td>
+          <co-input-checkbox *ngIf="lazyRender.isShowing"
+            [model]="row.checked"
+            (click)="handleChecked($event, row)"
+          ></co-input-checkbox>
+        </td>
+        <td *ngFor="let label of row.propsForLabel" [innerHTML]="label"></td>
+      </tr>
+    </table>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
-TransactionLineVatComponent.ctorParameters = () => [
-    { type: TransactionService }
+TransactionLineCheckboxListComponent.propDecorators = {
+    collection: [{ type: Input }],
+    checked: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-line-checkbox-list",] }]
+};
+
+class TransactionLineCheckboxModule {
+}
+TransactionLineCheckboxModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    InputCheckboxModule,
+                    ScrollingModule,
+                    CoreModule
+                ],
+                declarations: [
+                    TransactionLineCheckboxListComponent
+                ],
+                exports: [
+                    TransactionLineCheckboxListComponent
+                ]
+            },] }
 ];
 
 class TransactionLineVatModule {
@@ -13399,7 +13789,9 @@ TransactionLineVatModule.decorators = [
                     CommonModule,
                     PipeModule,
                     InputComboBoxModule,
-                    InputCheckboxModule
+                    InputCheckboxModule,
+                    ScrollingModule,
+                    TransactionLineCheckboxModule
                 ],
                 declarations: [
                     TransactionLineVatComponent
@@ -13414,15 +13806,17 @@ class TransactionLinePriceListComponent extends TransactionLineBaseComponent {
     constructor(_transactionService) {
         super();
         this._transactionService = _transactionService;
-        this.data = [];
-        this.fields = { text: "description", value: "code" };
+        this.codeField = 'code';
+        this.checkField = 'priceListCode';
+        this.propsForLabel = ['code', 'description'];
     }
     ngOnInit() {
+        this.viewModels.length = 0;
         this._transactionService.getPriceLists().then((list) => {
-            this.data = list.slice();
+            this.collection = list.slice();
         });
     }
-    commitPriceList(priceList) {
+    commit(priceList) {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.transactionLine.priceListCode !== priceList) {
                 const oldPriceList = this.transactionLine.priceListCode;
@@ -13435,19 +13829,18 @@ class TransactionLinePriceListComponent extends TransactionLineBaseComponent {
             return true;
         });
     }
+    transactionLineSet() {
+        this.readonly = this.readonly || !this.transactionInfo.transactionDefinitive;
+    }
 }
 TransactionLinePriceListComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-line-price-list",
                 template: `
-    <co-input-combo-box
-      [collection]="data"
-      [placeholder]="'PRICE_LIST' | localize"
-      [fields]="fields"
-      [readonly]="readonly"
-      [model]="transactionLine.priceListCode"
-      (modelChange)="commitPriceList($event)"
-    ></co-input-combo-box>
+    <co-transaction-line-checkbox-list
+      [collection]="viewModelsFiltered"
+      (checked)="handleChecked($event)"
+    ></co-transaction-line-checkbox-list>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -13463,7 +13856,9 @@ TransactionLinePriceListModule.decorators = [
                 imports: [
                     CommonModule,
                     PipeModule,
-                    InputComboBoxModule
+                    InputComboBoxModule,
+                    InputCheckboxModule,
+                    TransactionLineCheckboxModule
                 ],
                 declarations: [
                     TransactionLinePriceListComponent
@@ -13478,24 +13873,17 @@ class TransactionLineDeliveryMethodComponent extends TransactionLineBaseComponen
     constructor(_transactionService) {
         super();
         this._transactionService = _transactionService;
-        this.data = [];
+        this.codeField = 'code';
+        this.checkField = 'deliveryMethodCode';
+        this.propsForLabel = ['code', 'description'];
     }
     ngOnInit() {
         this.viewModels.length = 0;
         this._transactionService.getDeliveryMethods().then((methods) => {
-            this.data = methods.slice();
-            this.data.forEach((d, index) => {
-                this.viewModels.push({
-                    value: d.code,
-                    text: d.description,
-                    label: ((d.code !== null && d.code !== undefined) ? d.code + ' ' : '') + ((d.description !== null && d.description !== undefined) ? d.description : ''),
-                    checked: this.useTransactionLine ? this.transactionLine.deliveryMethodCode === d.code : index === 0
-                });
-            });
-            super.ngOnInit();
+            this.collection = methods.slice();
         });
     }
-    commitDeliveryMethod(method) {
+    commit(method) {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.transactionLine.deliveryMethodCode !== method) {
                 const oldMethod = this.transactionLine.deliveryMethodCode;
@@ -13508,22 +13896,6 @@ class TransactionLineDeliveryMethodComponent extends TransactionLineBaseComponen
             return true;
         });
     }
-    handleChecked(event, row) {
-        event.preventDefault();
-        event.stopPropagation();
-        row.checked = true;
-        for (let i = 0; i < this.viewModels.length; i++) {
-            if (this.viewModels[i].value !== row.value) {
-                this.viewModels[i].checked = false;
-            }
-        }
-        if (this.useTransactionLine) {
-            this.commitDeliveryMethod(this.viewModels.find(v => v.checked).value);
-        }
-        else {
-            this.valueChange.emit(row.value);
-        }
-    }
     transactionLineSet() {
         this.readonly = this.readonly || !this.transactionInfo.transactionDefinitive;
     }
@@ -13532,23 +13904,10 @@ TransactionLineDeliveryMethodComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-line-delivery-method",
                 template: `
-    <div class="co-transaction-default-flex-row" *ngFor="let row of viewModelsFiltered">
-      <co-input-checkbox
-        [model]="row.checked"
-        [label]="row.label"
-        (click)="handleChecked($event, row)"
-      ></co-input-checkbox>
-    </div>
-<!--
-
-    <co-input-combo-box
-      [collection]="data"
-      [placeholder]="'DELIVERY_METHOD' | localize"
-      [fields]="fields"
-      [readonly]="readonly"
-      (modelChange)="commitDeliveryMethod($event)"
-    ></co-input-combo-box>
--->
+    <co-transaction-line-checkbox-list
+      [collection]="viewModelsFiltered"
+      (checked)="handleChecked($event)"
+    ></co-transaction-line-checkbox-list>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -13565,7 +13924,8 @@ TransactionLineDeliveryMethodModule.decorators = [
                     CommonModule,
                     PipeModule,
                     InputComboBoxModule,
-                    InputCheckboxModule
+                    InputCheckboxModule,
+                    TransactionLineCheckboxModule
                 ],
                 declarations: [
                     TransactionLineDeliveryMethodComponent
@@ -13581,7 +13941,7 @@ class TransactionLineDeliveryDateComponent extends TransactionLineBaseComponent
         super();
         this._transactionService = _transactionService;
     }
-    commitDeliveryDate(date) {
+    commit(date) {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.transactionLine.deliveryDate !== date) {
                 const oldDate = this.transactionLine.deliveryDate;
@@ -13606,7 +13966,7 @@ TransactionLineDeliveryDateComponent.decorators = [
                    [placeholder]="'DELIVERY_DATE' | localize"
                    [model]="transactionLine.deliveryDate"
                    [readonly]="readonly"
-                   (modelChange)="commitDeliveryDate($event)"
+                   (modelChange)="commit($event)"
     ></co-input-date>
   `,
                 encapsulation: ViewEncapsulation.None
@@ -13642,10 +14002,10 @@ class TransactionLineReferenceComponent extends TransactionLineBaseComponent {
     set child(content) {
         if (content) {
             this.input = content;
-            this.input.commit = (reference) => this.commitReference(reference);
+            this.input.commit = (reference) => this.commit(reference);
         }
     }
-    commitReference(reference) {
+    commit(reference) {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.transactionLine.reference !== reference) {
                 const oldRef = this.transactionLine.reference;
@@ -13702,23 +14062,17 @@ class TransactionLineCommissionCodeComponent extends TransactionLineBaseComponen
     constructor(_transactionService) {
         super();
         this._transactionService = _transactionService;
-        this.data = [];
+        this.codeField = 'code';
+        this.checkField = 'commissionCode';
+        this.propsForLabel = ['code', 'description'];
     }
     ngOnInit() {
         this.viewModels.length = 0;
         this._transactionService.getCommissionCodes("NL").then((codes) => {
-            this.data = codes.slice();
-            this.data.forEach((d, index) => {
-                this.viewModels.push({
-                    value: d.code,
-                    text: d.description,
-                    label: ((d.code !== null && d.code !== undefined) ? d.code + ' ' : '') + ((d.description !== null && d.description !== undefined) ? d.description : ''),
-                    checked: this.useTransactionLine ? this.transactionLine.commissionCode === d.code : index === 0
-                });
-            });
+            this.collection = codes.slice();
         });
     }
-    commitCommissionCode(code) {
+    commit(code) {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.transactionLine.commissionCode !== code) {
                 const oldCode = this.transactionLine.commissionCode;
@@ -13731,22 +14085,6 @@ class TransactionLineCommissionCodeComponent extends TransactionLineBaseComponen
             return true;
         });
     }
-    handleChecked(event, row) {
-        event.preventDefault();
-        event.stopPropagation();
-        row.checked = true;
-        for (let i = 0; i < this.viewModels.length; i++) {
-            if (this.viewModels[i].value !== row.value) {
-                this.viewModels[i].checked = false;
-            }
-        }
-        if (this.useTransactionLine) {
-            this.commitCommissionCode(this.viewModels.find(v => v.checked).value);
-        }
-        else {
-            this.valueChange.emit(row.value);
-        }
-    }
     transactionLineSet() {
         this.readonly = this.readonly || !this.transactionLine.articleFreeCommissionCode;
     }
@@ -13755,13 +14093,10 @@ TransactionLineCommissionCodeComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-line-commission-code",
                 template: `
-    <div class="co-transaction-default-flex-row" *ngFor="let row of viewModels">
-      <co-input-checkbox
-        [model]="row.checked"
-        [label]="row.label"
-        (click)="handleChecked($event, row)"
-      ></co-input-checkbox>
-    </div>
+    <co-transaction-line-checkbox-list
+      [collection]="viewModels"
+      (checked)="handleChecked($event)"
+    ></co-transaction-line-checkbox-list>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -13778,7 +14113,8 @@ TransactionLineCommissionCodeModule.decorators = [
                     CommonModule,
                     PipeModule,
                     InputComboBoxModule,
-                    InputCheckboxModule
+                    InputCheckboxModule,
+                    TransactionLineCheckboxModule
                 ],
                 declarations: [
                     TransactionLineCommissionCodeComponent
@@ -13793,24 +14129,17 @@ class TransactionLineWarehouseComponent extends TransactionLineBaseComponent {
     constructor(_transactionService) {
         super();
         this._transactionService = _transactionService;
-        this.collection = [];
+        this.codeField = 'warehouseNo';
+        this.checkField = 'warehouseNumber';
+        this.propsForLabel = ['warehouseNo', 'description'];
     }
     ngOnInit() {
         this.viewModels.length = 0;
         this._transactionService.getWarehouses(this.branch).then((warehouses) => {
             this.collection = warehouses.slice();
-            this.collection.forEach((d, index) => {
-                this.viewModels.push({
-                    value: d.warehouseNo,
-                    text: d.description,
-                    label: ((d.warehouseNo !== null && d.warehouseNo !== undefined) ? d.warehouseNo + ' ' : '') + ((d.description !== null && d.description !== undefined) ? d.description : ''),
-                    checked: this.useTransactionLine ? this.transactionLine.warehouseNumber === d.warehouseNo : index === 0
-                });
-            });
-            super.ngOnInit();
         });
     }
-    commitWarehouse(warehouse) {
+    commit(warehouse) {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.transactionLine.warehouseNumber !== warehouse) {
                 const oldWarehouse = this.transactionLine.warehouseNumber;
@@ -13823,33 +14152,15 @@ class TransactionLineWarehouseComponent extends TransactionLineBaseComponent {
             return true;
         });
     }
-    handleChecked(event, row) {
-        event.preventDefault();
-        event.stopPropagation();
-        row.checked = true;
-        for (let i = 0; i < this.viewModels.length; i++) {
-            if (this.viewModels[i].value !== row.value) {
-                this.viewModels[i].checked = false;
-            }
-        }
-        if (this.useTransactionLine) {
-            this.commitWarehouse(this.viewModels.find(v => v.checked).value);
-        }
-        else {
-            this.valueChange.emit(row.value);
-        }
-    }
 }
 TransactionLineWarehouseComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-line-warehouse",
                 template: `
-    <div class="co-transaction-default-flex-row" *ngFor="let row of viewModelsFiltered">
-      <co-input-checkbox
-        [model]="row.checked"
-        [label]="row.label"
-        (click)="handleChecked($event, row)"></co-input-checkbox>
-    </div>
+    <co-transaction-line-checkbox-list
+      [collection]="viewModelsFiltered"
+      (checked)="handleChecked($event)"
+    ></co-transaction-line-checkbox-list>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -13870,7 +14181,8 @@ TransactionLineWarehouseModule.decorators = [
                     InputTextModule,
                     PipeModule,
                     InputComboBoxModule,
-                    InputCheckboxModule
+                    InputCheckboxModule,
+                    TransactionLineCheckboxModule
                 ],
                 declarations: [
                     TransactionLineWarehouseComponent
@@ -13889,10 +14201,10 @@ class TransactionLineDiscountAmountComponent extends TransactionLineBaseComponen
     set child(content) {
         if (content) {
             this.input = content;
-            this.input.commit = (discount) => this.commitDiscount(discount);
+            this.input.commit = (discount) => this.commit(discount);
         }
     }
-    commitDiscount(discount) {
+    commit(discount) {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.transactionLine.discountAmount !== discount) {
                 const oldDiscount = this.transactionLine.discountAmount;
@@ -13954,10 +14266,10 @@ class TransactionLineQuantumDiscountComponent extends TransactionLineBaseCompone
     set child(content) {
         if (content) {
             this.input = content;
-            this.input.commit = (discount) => this.commitDiscount(discount);
+            this.input.commit = (discount) => this.commit(discount);
         }
     }
-    commitDiscount(discount) {
+    commit(discount) {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.transactionLine.quantumDiscount !== discount) {
                 const oldDiscount = this.transactionLine.quantumDiscount;
@@ -14019,10 +14331,10 @@ class TransactionLineSpecialDiscountComponent extends TransactionLineBaseCompone
     set child(content) {
         if (content) {
             this.input = content;
-            this.input.commit = (discount) => this.commitDiscount(discount);
+            this.input.commit = (discount) => this.commit(discount);
         }
     }
-    commitDiscount(discount) {
+    commit(discount) {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.transactionLine.specialDiscount !== discount) {
                 const oldDiscount = this.transactionLine.specialDiscount;
@@ -14080,17 +14392,16 @@ class TransactionLineSupplierComponent extends TransactionLineBaseComponent {
     constructor(_transactionService) {
         super();
         this._transactionService = _transactionService;
-        this.data = [];
         this.fields = { text: "displayName", value: "relationId" };
     }
     ngOnInit() {
         const request = new RelationRequest();
         request.relationType = RelationKind.Supplier;
         this._transactionService.getRelationListObjects(request).then((relationListObjects) => {
-            this.data = relationListObjects;
+            this.collection = relationListObjects;
         });
     }
-    commitSupplier(code) {
+    commit(code) {
         return __awaiter(this, void 0, void 0, function* () {
             // if (this.transactionLine.supplier !== code) {
             //   const oldCode = this.transactionLine.supplier;
@@ -14112,12 +14423,12 @@ TransactionLineSupplierComponent.decorators = [
                 selector: "co-transaction-line-supplier",
                 template: `
     <co-input-combo-box
-      [collection]="data"
+      [collection]="collection"
       [placeholder]="'SUPPLIER' | localize"
       [fields]="fields"
       [readonly]="readonly"
       [model]="tempSupplier"
-      (modelChange)="commitSupplier($event)"
+      (modelChange)="commit($event)"
     ></co-input-combo-box>
   `,
                 encapsulation: ViewEncapsulation.None
@@ -15808,16 +16119,28 @@ class TransactionConfirmationHistoryComponent {
     }
     ngOnInit() {
         this.getPurchasePortalLines();
+        this.lockPurchasePortalLine();
     }
     getPurchasePortalLines() {
         this.purchasePortalFilter.purchaseOrderNo = this.transactionInfoNr.toString();
         this.getPurchasePortalLine.transIdPurchase = this.transactionId;
         this.getPurchasePortalLine.filterObject = this.purchasePortalFilter;
         this.transactionService.getPurchasePortalLines(this.getPurchasePortalLine).then((result) => {
-            result.deliveryDate = this._datePipe.transform(result.deliveryDate);
-            result.deliveryDateConfirmed = this._datePipe.transform(result.deliveryDateConfirmed);
-            result.transactionDate = this._datePipe.transform(result.transactionDate);
             this.purchasePortalLines = result;
+            this.docBatch = this.purchasePortalLines.find(obj => parseInt(obj.lineId) === this.transactionLines.lineNr);
+            this.transactionService.purchasePortalLine = this.docBatch;
+        });
+    }
+    lockPurchasePortalLine() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.transactionService.lockPurchasePortalLines(this.transactionId, this.transactionLines.lineNr);
+        });
+    }
+    deleteDocBatch(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            event.deleteLine = "T";
+            this.transactionService.purchasePortalLine.docKind = "IB";
+            yield this.transactionService.updatePurchasePortalLines(this.transactionService.purchasePortalLine);
         });
     }
 }
@@ -15826,13 +16149,12 @@ TransactionConfirmationHistoryComponent.decorators = [
                 selector: "co-transaction-confirmation-history",
                 template: `
     <div class="history-grid-wrapper">
-      <co-simple-grid [data]="purchasePortalLines">
-        <co-simple-grid-column [headerText]="'DELIVERY_DATE' | localize" [field]="'deliveryDate'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'AMOUNT' | localize" [field]="'amountOrdered'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'PRICE' | localize" [field]="'grossOrderPrice'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'REFERENCE' | localize" [field]="'reference'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'DATE' | localize" [field]="'transactionDate'"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'USER' | localize" [field]="'user'"></co-simple-grid-column>
+      <co-simple-grid *ngIf="docBatch" [data]="docBatch.docBatchArray" [showToolbar]="true" [rowsPerPage]="20" [showDelete]="true" (deleteRow)="deleteDocBatch($event)">
+        <co-simple-grid-column [headerText]="'DELIVERY_DATE' | localize" [field]="'docDate'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'AMOUNT' | localize" [field]="'docAmount'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'PRICE' | localize" [field]="'confirmedPrice'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'DATE' | localize" [field]="'docDateOrg'"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'REFERENCE' | localize" [field]="'deliveryBatch'"></co-simple-grid-column>
       </co-simple-grid>
     </div>
   `,
@@ -15877,13 +16199,13 @@ TransactionConfirmationHistoryModule.decorators = [
 ];
 
 class TransactionConfirmationDetailsComponent {
-    constructor(iconCacheService, transactionService) {
+    constructor(iconCacheService, transactionService, _datePipe) {
         this.iconCacheService = iconCacheService;
         this.transactionService = transactionService;
+        this._datePipe = _datePipe;
         this.icons = Icon;
         this.showAddOrder = false;
-        this.purchasePortalLine = new PurchasePortalLine();
-        this.docBatchArray = new DocDeliveryBatch();
+        this.newDocBatchArray = this.transactionService.docDeliveryBatch;
     }
     showClass() {
         return true;
@@ -15892,10 +16214,18 @@ class TransactionConfirmationDetailsComponent {
         this.showAddOrder = !this.showAddOrder;
     }
     handleOkClick() {
-        // this.purchasePortalLine.transIdPurchase = this.transactionInfoNr.toString();
-        // this.purchasePortalLine.reference = this.transactionLines.reference;
-        this.purchasePortalLine.docBatchArray.push(this.docBatchArray);
-        this.transactionService.updatePurchasePortalLines(this.purchasePortalLine);
+        if (this.newDocBatchArray.docAmount && this.newDocBatchArray.confirmedPrice) {
+            this.newDocBatchArray.docAmountOrg = 0;
+            this.newDocBatchArray.docDateOrg = new Date();
+            this.newDocBatchArray.deleteLine = "F";
+            this.transactionService.purchasePortalLine.docBatchArray.push(this.newDocBatchArray);
+            this.transactionService.purchasePortalLine.docKind = "IB";
+            this.transactionService.updatePurchasePortalLines(this.transactionService.purchasePortalLine);
+            this.newDocBatchArray = new DocDeliveryBatch();
+        }
+        else {
+            return;
+        }
     }
 }
 TransactionConfirmationDetailsComponent.decorators = [
@@ -15906,7 +16236,8 @@ TransactionConfirmationDetailsComponent.decorators = [
       <co-form>
         <div class="details-header">
           <span class="header-left-text" [textContent]="'ORDER_CONFIRMATIONS' | localize"></span>
-          <co-icon class="header-left-text" [iconData]="iconCacheService.getIcon(icons.PlusRound)" (click)="addButtonClicked()"></co-icon>
+          <co-icon class="header-left-text" [iconData]="iconCacheService.getIcon(icons.PlusRound)"
+                   (click)="addButtonClicked()"></co-icon>
           <div class="details-header-right">
             <span class="header-right-text" [textContent]="'REQUESTED_DELIVERY' | localize"></span>
             <span class="header-right-text-colon" [textContent]="':   '"></span>
@@ -15915,18 +16246,20 @@ TransactionConfirmationDetailsComponent.decorators = [
         </div>
         <div *ngIf="showAddOrder" class="columns-wrapper">
           <div class="details-column">
-            <co-input-text class="details-input"
-                           [(model)]="docBatchArray.docAmount"
-                           [placeholder]="'AMOUNT' | localize">
+            <co-input-text  class="details-input"
+                            [(model)]="newDocBatchArray.docAmount"
+                            [placeholder]="'AMOUNT' | localize"
+                            required
+            >
             </co-input-text>
-
             <co-input-date class="details-input"
-                           [(model)]="docBatchArray.docDate">
+                           [(model)]="newDocBatchArray.docDate"
+            >
             </co-input-date>
-
-            <co-input-text class="details-input"
-                           [(model)]="docBatchArray.confirmedPrice"
-                           [placeholder]="'CONFIRMED_PRICE' | localize">
+            <co-input-text  class="details-input"
+                            [(model)]="newDocBatchArray.confirmedPrice"
+                            [placeholder]="'CONFIRMED_PRICE' | localize"
+            >
             </co-input-text>
           </div>
 
@@ -15936,13 +16269,12 @@ TransactionConfirmationDetailsComponent.decorators = [
 
           <div class="details-column">
             <co-input-text class="details-input"
-                           [(model)]="docBatchArray.reference"
-                           disabled
+                           [(model)]="newDocBatchArray.reference"
                            [placeholder]="'REFERENCE' | localize">
             </co-input-text>
 
             <co-input-text class="details-input"
-                           [(model)]="docBatchArray.deliveryBatch"
+                           [(model)]="newDocBatchArray.deliveryBatch"
                            [placeholder]="'DELIVERY_BATCH' | localize">
             </co-input-text>
           </div>
@@ -15959,7 +16291,8 @@ TransactionConfirmationDetailsComponent.decorators = [
 ];
 TransactionConfirmationDetailsComponent.ctorParameters = () => [
     { type: IconCacheService },
-    { type: TransactionService }
+    { type: TransactionService },
+    { type: DatePipe }
 ];
 TransactionConfirmationDetailsComponent.propDecorators = {
     transactionLines: [{ type: Input }],
@@ -16038,6 +16371,7 @@ TransactionConfirmationDetailsModule.decorators = [
                     FormModule,
                     DefaultOkCancelButtonsModule,
                     InputDatePickerModule,
+                    InputNumberPickerModule,
                 ],
                 declarations: [
                     TransactionConfirmationDetailsComponent,
@@ -16209,60 +16543,6 @@ TransactionBaseGridModule.decorators = [
             },] }
 ];
 
-class DialogHeaderSearchComponent {
-    constructor() {
-        this.search = new EventEmitter();
-    }
-    set title(value) {
-        this._title = value;
-        this.searchPlaceholder = `SEARCH_${this._title}`;
-    }
-    get title() {
-        return this._title;
-    }
-    showClass() {
-        return true;
-    }
-    handleSearch(text) {
-        this.search.emit(text);
-    }
-}
-DialogHeaderSearchComponent.decorators = [
-    { type: Component, args: [{
-                selector: "co-dialog-header-search",
-                template: `
-        <div class="dialog-header-search-wrapper">
-          <div class="dialog-header-search-title" [textContent]="title | localize"></div>
-          <co-input-search [placeholder]="searchPlaceholder | localize" [noIcon]="true" (modelChange)="handleSearch($event)"></co-input-search>
-        </div>
-    `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-DialogHeaderSearchComponent.propDecorators = {
-    title: [{ type: Input }],
-    search: [{ type: Output }],
-    showClass: [{ type: HostBinding, args: ["class.co-dialog-header-search",] }]
-};
-
-class DialogHeaderSearchModule {
-}
-DialogHeaderSearchModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    PipeModule,
-                    InputSearchModule
-                ],
-                declarations: [
-                    DialogHeaderSearchComponent
-                ],
-                exports: [
-                    DialogHeaderSearchComponent
-                ]
-            },] }
-];
-
 class DialogTransactionLineCommissionCodeModule {
 }
 DialogTransactionLineCommissionCodeModule.decorators = [
@@ -16347,6 +16627,51 @@ DialogTransactionLineVatModule.decorators = [
             },] }
 ];
 
+class DialogTransactionLineDiscountModule {
+}
+DialogTransactionLineDiscountModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoDialogModule,
+                    TransactionLinePriceListModule,
+                    PipeModule,
+                    TransactionLineLineDiscountModule,
+                    TransactionLineDiscountAmountModule,
+                    TransactionLineQuantumDiscountModule,
+                    TransactionLineSpecialDiscountModule,
+                    InputTextModule
+                ],
+                declarations: [
+                    DialogTransactionLineDiscountComponent
+                ],
+                exports: [
+                    DialogTransactionLineDiscountComponent
+                ]
+            },] }
+];
+
+class DialogTransactionLinePriceListModule {
+}
+DialogTransactionLinePriceListModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoDialogModule,
+                    TransactionLinePriceListModule,
+                    PipeModule,
+                    ButtonModule,
+                    DialogHeaderSearchModule
+                ],
+                declarations: [
+                    DialogTransactionLinePriceListComponent
+                ],
+                exports: [
+                    DialogTransactionLinePriceListComponent
+                ]
+            },] }
+];
+
 class TransactionLinesGridModule {
 }
 TransactionLinesGridModule.decorators = [
@@ -16363,7 +16688,9 @@ TransactionLinesGridModule.decorators = [
                     DialogTransactionLineCommissionCodeModule,
                     DialogTransactionLineWarehouseModule,
                     DialogTransactionLineDeliveryMethodModule,
-                    DialogTransactionLineVatModule
+                    DialogTransactionLineVatModule,
+                    DialogTransactionLineDiscountModule,
+                    DialogTransactionLinePriceListModule
                 ],
                 declarations: [
                     TransactionLinesGridComponent
@@ -17054,7 +17381,9 @@ TransactionModule.decorators = [
                     TransactionReceivedGoodsGridModule,
                     ViewModeButtonsModule,
                     TransactionGridModule,
-                    TransactionTileModule
+                    TransactionTileModule,
+                    IconModule,
+                    SendMethodDialogModule
                 ],
                 declarations: [
                     TransactionComponent
@@ -17209,15 +17538,6 @@ TransactionSearchComponent.decorators = [
     <div class="transaction-search-content-wrapper" [ngClass]="calculateClasses()">
       <ng-content></ng-content>
     </div>
-
-    <co-icon-collapse-handle
-      class="for-sidebar"
-      [ngClass]="calculateClasses()"
-      [orientation]="orientations.Vertical"
-      [arrowDirection]="directionRight"
-      [twoArrows]="true"
-      (click)="onSideCollapseHandleClick()">
-    </co-icon-collapse-handle>
   `,
                 animations: [
                     trigger("showHideFilterSidebar", [
@@ -18420,7 +18740,7 @@ TransactionSearchHeaderComponent.decorators = [
                        class="toggle-sidebar-button circle transparent"
                        (click)="onResizeClick()"></co-button>
           </div>
-          <div class="close-search-button-wrapper button-wrapper" *ngIf="!fullscreen">
+          <div class="close-search-button-wrapper button-wrapper" *ngIf="!fullscreen" [ngClass]="fullscreen ? 'fullscreen' : 'sidebar'" >
             <co-button [iconData]="iconCancel"
                        class="toggle-sidebar-button circle small transparent"
                        (click)="onCloseClick()">
@@ -18440,7 +18760,7 @@ TransactionSearchHeaderComponent.decorators = [
         </div>
         <div>
           <co-button class="transaction-search-filter-button"
-                     *ngIf="fullscreen"
+                     
                      [iconData]="iconCacheService.getIcon(icon.BarsFilter)"
                      (click)="filterButtonClick.emit()">
           </co-button>
@@ -19679,5 +19999,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, CharacteristicAnswerComponent as ɵba, WarehouseModule as ɵbb, WarehouseComponent as ɵbc, ImageDisplayComponent as ɵbd, IconComponent as ɵbe, IconCacheService as ɵbf, CustomerGroupsComponent as ɵbg, StockStatusIndicatorComponent as ɵbh, LoaderComponent as ɵbi, RelationAddressModule as ɵbj, RelationAddressComponent as ɵbk, RelationBaseComponent as ɵbl, RelationAddressSelectModule as ɵbm, RelationAddressTileModule as ɵbn, TileModule as ɵbo, TileComponent as ɵbp, RelationAddressTileComponent as ɵbq, RelationAddressSelectComponent as ɵbr, BusinessObjectFactory as ɵbs, StepperModule as ɵbt, StepperComponent as ɵbu, StepperStepComponent as ɵbv, TransactionArticleTextModule as ɵbw, TransactionArticleTextComponent as ɵbx, TransactionArticleTextOverviewModule as ɵby, TransactionArticleTextOverviewComponent as ɵbz, OptionsService as ɵc, TransactionLineActionButtonsModule as ɵca, TransactionLineActionButtonsComponent as ɵcb, EditableLabelModule as ɵcc, EditableLabelComponent as ɵcd, TransactionLinePriceModule as ɵce, TransactionLinePriceComponent as ɵcf, TransactionLineBaseComponent as ɵcg, TransactionLineDescriptionModule as ɵch, TransactionLineDescriptionComponent as ɵci, TransactionImageService as ɵcj, AvatarModule as ɵck, AvatarComponent as ɵcl, SharedService as ɵcm, SharedConnectorService as ɵcn, DeliveryTypeTileModule as ɵco, DeliveryTypeTileComponent as ɵcp, PaymentModule as ɵcq, PaymentTileModule as ɵcr, PaymentTileComponent as ɵcs, PaymentQrCodeModule as ɵct, PaymentQrCodeComponent as ɵcu, PaymentComponent as ɵcv, PaymentService as ɵcw, RelationTypeModule as ɵcx, RelationTypeComponent as ɵcy, RelationGeneralModule as ɵcz, DictionaryService as ɵd, RelationSuggestionsListModule as ɵda, RelationSuggestionsListItemModule as ɵdb, RelationSuggestionsListItemComponent as ɵdc, RelationSuggestionsListComponent as ɵdd, RelationGeneralComponent as ɵde, RelationAddressesModule as ɵdf, RelationAddressesComponent as ɵdg, RelationContactDetailsModule as ɵdh, RelationContactDetailsComponent as ɵdi, RelationPreferencesModule as ɵdj, RelationPreferencesComponent as ɵdk, TransactionHeaderBlockModule as ɵdl, TransactionHeaderBlockComponent as ɵdm, TransactionHeaderDeliveryDateModule as ɵdn, TransactionHeaderDeliveryDateComponent as ɵdo, TransactionHeaderBaseComponent as ɵdp, TransactionHeaderDeliveryOptionsModule as ɵdq, TransactionHeaderDeliveryOptionsComponent as ɵdr, TransactionHeaderRemarksModule as ɵds, TransactionHeaderRemarksComponent as ɵdt, TransactionHeaderReferenceModule as ɵdu, TransactionHeaderReferenceComponent as ɵdv, TransactionHeaderRelationReferenceModule as ɵdw, TransactionHeaderRelationReferenceComponent as ɵdx, TransactionHeaderDeliveryMethodModule as ɵdy, TransactionHeaderDeliveryMethodComponent as ɵdz, TransactionConnectorService as ɵe, TransactionHeaderPreferredDeliveryDateModule as ɵea, TransactionHeaderPreferredDeliveryDateComponent 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, TransactionConnectorAdapterService as ɵf, TransactionLinesGridModule as ɵfa, TransactionBaseGridModule as ɵfb, TransactionLineSidePanelModule as ɵfc, TransactionLineSidePanelDefaultModule as ɵfd, TransactionLinePriceListModule as ɵfe, TransactionLinePriceListComponent as ɵff, TransactionLineVatModule as ɵfg, TransactionLineVatComponent as ɵfh, TransactionLineQuantityModule as ɵfi, TransactionLineQuantityComponent as ɵfj, TransactionLineLineDiscountModule as ɵfk, TransactionLineLineDiscountComponent as ɵfl, TransactionLineDeliveryMethodModule as ɵfm, TransactionLineDeliveryMethodComponent as ɵfn, TransactionLineDeliveryDateModule as ɵfo, TransactionLineDeliveryDateComponent as ɵfp, TransactionLineReferenceModule as ɵfq, TransactionLineReferenceComponent as ɵfr, TransactionLineCommissionCodeModule as ɵfs, TransactionLineCommissionCodeComponent as ɵft, TransactionLineWarehouseModule as ɵfu, TransactionLineWarehouseComponent as ɵfv, TransactionLineDiscountAmountModule as ɵfw, TransactionLineDiscountAmountComponent as ɵfx, TransactionLineQuantumDiscountModule as ɵfy, TransactionLineQuantumDiscountComponent as ɵfz, SelectMultipleCacheService as ɵg, TransactionLineSpecialDiscountModule as ɵga, TransactionLineSpecialDiscountComponent as ɵgb, TransactionLineSupplierModule as ɵgc, TransactionLineSupplierComponent as ɵgd, TransactionLineSidePanelDefaultComponent as ɵge, TransactionReceivingGoodsHistoryModule as ɵgf, TransactionHistoryGridModule as ɵgg, TransactionHistoryGridStatusModule as ɵgh, TransactionHistoryGridStatusComponent as ɵgi, TransactionHistoryGridComponent as ɵgj, TransactionReceivingGoodsHistoryComponent as ɵgk, TransactionReceivingGoodsDetailsModule as ɵgl, TransactionReceivingGoodsDetailsComponent as ɵgm, ArticleService as ɵgn, TransactionButtonBarModule as ɵgo, TransactionButtonBarComponent as ɵgp, TransactionMappingService as ɵgq, TransactionButtonBarButtonComponent as ɵgr, TransactionLineSidePanelPurchaseModule as ɵgs, DefaultOkCancelButtonsModule as ɵgt, DefaultOkCancelButtonsComponent as ɵgu, TransactionLineSidePanelPurchaseComponent as ɵgv, TransactionEventService as ɵgw, TransactionLineSidePanelComponent as ɵgx, TransactionBaseGridComponent as ɵgy, TransactionGridBaseComponent as ɵgz, BusinessObjectCacheManagerService as ɵh, DialogTransactionLineCommissionCodeModule as ɵha, DialogHeaderSearchModule as ɵhb, DialogHeaderSearchComponent as ɵhc, DialogTransactionLineCommissionCodeComponent as ɵhd, DialogTransactionLineBaseComponent as ɵhe, DialogTransactionLineWarehouseModule as ɵhf, DialogTransactionLineWarehouseComponent as ɵhg, DialogTransactionLineDeliveryMethodModule as ɵhh, DialogTransactionLineDeliveryMethodComponent as ɵhi, DialogTransactionLineVatModule as ɵhj, DialogTransactionLineVatComponent as ɵhk, TransactionLinesGridComponent as ɵhl, DiscountModule as ɵhm, DiscountComponent as ɵhn, TransactionQuickAccessOverviewModule as ɵho, TransactionQuickAccessOverviewComponent as ɵhp, TransactionOrderConfirmationGridModule as ɵhq, TransactionOrderConfirmationGridComponent as ɵhr, TransactionReceivedGoodsGridModule as ɵhs, TransactionReceivedGoodsGridComponent as ɵht, ViewModeButtonsModule as ɵhu, ViewModeButtonsComponent as ɵhv, TransactionGridModule as ɵhw, TransactionGridComponent as ɵhx, TransactionTileModule as ɵhy, TransactionTileComponent as ɵhz, CacheField as ɵi, TransactionSearchResultModule as ɵia, TransactionSearchSalesOrderTileModule as ɵib, StatusBarModule as ɵic, StatusBarComponent as ɵid, TransactionSearchSalesOrderTileComponent as ɵie, TransactionSearchTileBaseComponent as ɵif, TransactionSearchPurchaseOrderTileModule as ɵig, TransactionSearchPurchaseOrderTileComponent as ɵih, TransactionSearchSalesOrderGridModule as ɵii, TransactionSearchSalesOrderGridComponent as ɵij, TransactionSearchGridBaseComponent as ɵik, TransactionSearchPurchaseOrderGridModule as ɵil, TransactionSearchPurchaseOrderGridComponent as ɵim, TransactionSearchHeaderModule as ɵin, TransactionSearchHeaderComponent as ɵio, TransactionSearchGridModule as ɵip, TransactionSearchGridComponent as ɵiq, TransactionSearchTileModule as ɵir, TransactionSearchTileComponent as ɵis, TransactionSearchResultComponent as ɵit, TransactionSalesOrderFilterModule as ɵiu, TransactionSalesOrderFilterContentOrderModule as ɵiv, TransactionSalesOrderFilterContentOrderComponent as ɵiw, TransactionFilterContentBaseComponent as ɵix, FilterRequestService as ɵiy, TransactionSalesOrderFilterContentLogisticsModule as ɵiz, SelectMultipleParameterizedCacheService as ɵj, TransactionFilterHistoricStateModule as ɵja, TransactionFilterHistoricStateComponent as ɵjb, TransactionSalesOrderFilterContentLogisticsComponent as ɵjc, TransactionSalesOrderFilterContentArticleModule as ɵjd, TransactionSalesOrderFilterContentArticleComponent as ɵje, TransactionSalesOrderFilterComponent as ɵjf, TransactionFilterBaseComponent as ɵjg, TransactionPurchaseOrderFilterModule as ɵjh, TransactionPurchaseOrderFilterContentOrderModule as ɵji, TransactionPurchaseOrderFilterContentOrderComponent as ɵjj, TransactionPurchaseOrderFilterContentLogisticsModule as ɵjk, TransactionPurchaseOrderFilterContentLogisticsComponent as ɵjl, TransactionPurchaseOrderFilterContentArticleModule as ɵjm, TransactionPurchaseOrderFilterContentArticleComponent as ɵjn, TransactionPurchaseOrderFilterComponent as ɵjo, TransactionFilterModule as ɵjp, TransactionFilterComponent as ɵjq, ErrorService as ɵk, SelectSingleCacheService as ɵl, ArticleConnectorService as ɵm, CoreModule as ɵn, ConfirmationDialogModule as ɵo, PipeModule as ɵp, AppendPipe as ɵq, DeliveryTimePipe as ɵr, DateDurationPipe as ɵs, LocalizePipe as ɵt, CoCurrencyPipe as ɵu, SafeStylePipe as ɵv, SafeHtmlPipe as ɵw, ConfirmationDialogComponent as ɵx, DialogBaseComponent as ɵy, CharacteristicAnswerModule as ɵz };
+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, CharacteristicAnswerModule as ɵba, CharacteristicAnswerComponent as ɵbb, WarehouseModule as ɵbc, WarehouseComponent as ɵbd, ImageDisplayComponent as ɵbe, IconComponent as ɵbf, CustomerGroupsComponent as ɵbg, StockStatusIndicatorComponent as ɵbh, LoaderComponent as ɵbi, LazyRenderMasterDirective as ɵbj, LazyRenderDirective as ɵbk, RelationAddressModule as ɵbl, RelationAddressComponent as ɵbm, RelationBaseComponent as ɵbn, RelationAddressSelectModule as ɵbo, RelationAddressTileModule as ɵbp, TileModule as ɵbq, TileComponent as ɵbr, RelationAddressTileComponent as ɵbs, RelationAddressSelectComponent as ɵbt, BusinessObjectFactory as ɵbu, StepperModule as ɵbv, StepperComponent as ɵbw, StepperStepComponent as ɵbx, TransactionArticleTextModule as ɵby, TransactionArticleTextComponent as ɵbz, OptionsService as ɵc, TransactionArticleTextOverviewModule as ɵca, TransactionArticleTextOverviewComponent as ɵcb, TransactionLineActionButtonsModule as ɵcc, TransactionLineActionButtonsComponent as ɵcd, EditableLabelModule as ɵce, EditableLabelComponent as ɵcf, TransactionLinePriceModule as ɵcg, TransactionLinePriceComponent as ɵch, TransactionLineBaseComponent as ɵci, TransactionLineDescriptionModule as ɵcj, TransactionLineDescriptionComponent as ɵck, TransactionImageService as ɵcl, AvatarModule as ɵcm, AvatarComponent as ɵcn, SharedService as ɵco, SharedConnectorService as ɵcp, DeliveryTypeTileModule as ɵcq, DeliveryTypeTileComponent as ɵcr, PaymentModule as ɵcs, PaymentTileModule as ɵct, PaymentTileComponent as ɵcu, PaymentQrCodeModule as ɵcv, PaymentQrCodeComponent as ɵcw, PaymentComponent as ɵcx, PaymentService as ɵcy, RelationTypeModule as ɵcz, DictionaryService as ɵd, RelationTypeComponent as ɵda, RelationGeneralModule as ɵdb, RelationSuggestionsListModule as ɵdc, RelationSuggestionsListItemModule as ɵdd, RelationSuggestionsListItemComponent as ɵde, RelationSuggestionsListComponent as ɵdf, RelationGeneralComponent as ɵdg, RelationAddressesModule as ɵdh, RelationAddressesComponent as ɵdi, RelationContactDetailsModule as ɵdj, RelationContactDetailsComponent as ɵdk, RelationPreferencesModule as ɵdl, RelationPreferencesComponent as ɵdm, TransactionHeaderBlockModule as ɵdn, TransactionHeaderBlockComponent as ɵdo, TransactionHeaderDeliveryDateModule as ɵdp, TransactionHeaderDeliveryDateComponent as ɵdq, TransactionHeaderBaseComponent as ɵdr, TransactionHeaderDeliveryOptionsModule as ɵds, TransactionHeaderDeliveryOptionsComponent as ɵdt, TransactionHeaderRemarksModule as ɵdu, TransactionHeaderRemarksComponent as ɵdv, TransactionHeaderReferenceModule as ɵdw, TransactionHeaderReferenceComponent as ɵdx, TransactionHeaderRelationReferenceModule as ɵdy, TransactionHeaderRelationReferenceComponent as ɵdz, TransactionConnectorService as ɵe, TransactionHeaderDeliveryMethodModule as ɵea, TransactionHeaderDeliveryMethodComponent as ɵeb, TransactionHeaderPreferredDeliveryDateModule as ɵec, TransactionHeaderPreferredDeliveryDateComponent as ɵed, DialogTransactionHeaderDeliveryMethodModule as ɵee, DialogHeaderSearchModule as ɵef, DialogHeaderSearchComponent as ɵeg, DialogTransactionHeaderDeliveryMethodComponent as ɵeh, DialogTransactionHeaderBaseComponent as ɵei, TransactionBaseComponent as ɵej, TransactionHeaderPartialDeliveryModule as ɵek, TransactionHeaderPartialDeliveryComponent as ɵel, TransactionHeaderDownpaymentPercentageModule as ɵem, TransactionHeaderDownpaymentPercentageComponent as ɵen, TransactionHeaderDownpaymentAmountModule as ɵeo, TransactionHeaderDownpaymentAmountComponent as ɵep, TransactionHeaderDefinitiveModule as ɵeq, TransactionHeaderDefinitiveComponent as ɵer, TransactionHeaderBranchModule as ɵes, TransactionHeaderBranchComponent as ɵet, TransactionHeaderAdministrativeRelationModule as ɵeu, TransactionHeaderAdministrativeRelationComponent as ɵev, TransactionHeaderMarketingModule as ɵew, TransactionHeaderMarketingComponent as ɵex, CheckoutOverviewRelationEditComponent as ɵey, CheckoutOverviewDeliveryEditComponent as ɵez, TransactionConnectorAdapterService as ɵf, CheckoutOverviewDeliveryAddressComponent as ɵfa, CheckoutOverviewPaymentComponent as ɵfb, CheckoutLoginComponent as ɵfc, TransactionFilterCategoriesModule as ɵfd, TransactionFilterCategoriesComponent as ɵfe, TransactionHeaderPaymentModule as ɵff, TransactionHeaderPaymentComponent as ɵfg, TransactionLinesGridModule as ɵfh, TransactionBaseGridModule as ɵfi, TransactionLineSidePanelModule as ɵfj, TransactionLineSidePanelDefaultModule as ɵfk, TransactionLinePriceListModule as ɵfl, TransactionLineCheckboxModule as ɵfm, TransactionLineCheckboxListComponent as ɵfn, TransactionLinePriceListComponent as ɵfo, TransactionLineVatModule as ɵfp, TransactionLineVatComponent as ɵfq, TransactionLineQuantityModule as ɵfr, TransactionLineQuantityComponent as ɵfs, TransactionLineLineDiscountModule as ɵft, TransactionLineLineDiscountComponent as ɵfu, TransactionLineDeliveryMethodModule as ɵfv, TransactionLineDeliveryMethodComponent as ɵfw, TransactionLineDeliveryDateModule as ɵfx, TransactionLineDeliveryDateComponent as ɵfy, TransactionLineReferenceModule as ɵfz, SelectMultipleCacheService as ɵg, TransactionLineReferenceComponent as ɵga, TransactionLineCommissionCodeModule as ɵgb, TransactionLineCommissionCodeComponent as ɵgc, TransactionLineWarehouseModule as ɵgd, TransactionLineWarehouseComponent as ɵge, TransactionLineDiscountAmountModule as ɵgf, TransactionLineDiscountAmountComponent as ɵgg, TransactionLineQuantumDiscountModule as ɵgh, TransactionLineQuantumDiscountComponent as ɵgi, TransactionLineSpecialDiscountModule as ɵgj, TransactionLineSpecialDiscountComponent as ɵgk, TransactionLineSupplierModule as ɵgl, TransactionLineSupplierComponent 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, TransactionMappingService as ɵgz, BusinessObjectCacheManagerService as ɵh, TransactionButtonBarButtonComponent as ɵha, TransactionLineSidePanelPurchaseModule as ɵhb, DefaultOkCancelButtonsModule as ɵhc, DefaultOkCancelButtonsComponent as ɵhd, TransactionLineSidePanelPurchaseComponent as ɵhe, TransactionEventService as ɵhf, TransactionLineSidePanelComponent as ɵhg, TransactionBaseGridComponent as ɵhh, TransactionGridBaseComponent as ɵhi, DialogTransactionLineCommissionCodeModule as ɵhj, DialogTransactionLineCommissionCodeComponent as ɵhk, DialogTransactionLineBaseComponent as ɵhl, DialogTransactionLineWarehouseModule as ɵhm, DialogTransactionLineWarehouseComponent as ɵhn, DialogTransactionLineDeliveryMethodModule as ɵho, DialogTransactionLineDeliveryMethodComponent as ɵhp, DialogTransactionLineVatModule as ɵhq, DialogTransactionLineVatComponent as ɵhr, DialogTransactionLineDiscountModule as ɵhs, DialogTransactionLineDiscountComponent as ɵht, DialogTransactionLinePriceListModule as ɵhu, DialogTransactionLinePriceListComponent as ɵhv, TransactionLinesGridComponent as ɵhw, DiscountModule as ɵhx, DiscountComponent as ɵhy, TransactionQuickAccessOverviewModule as ɵhz, CacheField as ɵi, TransactionQuickAccessOverviewComponent as ɵia, TransactionOrderConfirmationGridModule as ɵib, TransactionOrderConfirmationGridComponent as ɵic, TransactionReceivedGoodsGridModule as ɵid, TransactionReceivedGoodsGridComponent as ɵie, ViewModeButtonsModule as ɵif, ViewModeButtonsComponent as ɵig, TransactionGridModule as ɵih, TransactionGridComponent as ɵii, TransactionTileModule as ɵij, TransactionTileComponent as ɵik, TransactionSearchResultModule as ɵil, TransactionSearchSalesOrderTileModule as ɵim, StatusBarModule as ɵin, StatusBarComponent as ɵio, TransactionSearchSalesOrderTileComponent as ɵip, TransactionSearchTileBaseComponent as ɵiq, TransactionSearchPurchaseOrderTileModule as ɵir, TransactionSearchPurchaseOrderTileComponent as ɵis, TransactionSearchSalesOrderGridModule as ɵit, TransactionSearchSalesOrderGridComponent as ɵiu, TransactionSearchGridBaseComponent as ɵiv, TransactionSearchPurchaseOrderGridModule as ɵiw, TransactionSearchPurchaseOrderGridComponent as ɵix, TransactionSearchHeaderModule as ɵiy, TransactionSearchHeaderComponent as ɵiz, SelectMultipleParameterizedCacheService as ɵj, TransactionSearchGridModule as ɵja, TransactionSearchGridComponent as ɵjb, TransactionSearchTileModule as ɵjc, TransactionSearchTileComponent as ɵjd, TransactionSearchResultComponent as ɵje, TransactionSalesOrderFilterModule as ɵjf, TransactionSalesOrderFilterContentOrderModule as ɵjg, TransactionSalesOrderFilterContentOrderComponent as ɵjh, TransactionFilterContentBaseComponent as ɵji, FilterRequestService as ɵjj, TransactionSalesOrderFilterContentLogisticsModule as ɵjk, TransactionFilterHistoricStateModule as ɵjl, TransactionFilterHistoricStateComponent as ɵjm, TransactionSalesOrderFilterContentLogisticsComponent as ɵjn, TransactionSalesOrderFilterContentArticleModule as ɵjo, TransactionSalesOrderFilterContentArticleComponent as ɵjp, TransactionSalesOrderFilterComponent as ɵjq, TransactionFilterBaseComponent as ɵjr, TransactionPurchaseOrderFilterModule as ɵjs, TransactionPurchaseOrderFilterContentOrderModule as ɵjt, TransactionPurchaseOrderFilterContentOrderComponent as ɵju, TransactionPurchaseOrderFilterContentLogisticsModule as ɵjv, TransactionPurchaseOrderFilterContentLogisticsComponent as ɵjw, TransactionPurchaseOrderFilterContentArticleModule as ɵjx, TransactionPurchaseOrderFilterContentArticleComponent as ɵjy, TransactionPurchaseOrderFilterComponent as ɵjz, ErrorService as ɵk, TransactionFilterModule as ɵka, TransactionFilterComponent as ɵkb, SelectSingleCacheService as ɵl, ArticleConnectorService as ɵm, CoreModule as ɵn, ConfirmationDialogModule as ɵo, PipeModule as ɵp, AppendPipe as ɵq, DeliveryTimePipe as ɵr, DateDurationPipe as ɵs, LocalizePipe as ɵt, CoCurrencyPipe as ɵu, SafeStylePipe as ɵv, SafeHtmlPipe as ɵw, ConfirmationDialogComponent as ɵx, DialogBaseComponent as ɵy, IconCacheService as ɵz };
 //# sourceMappingURL=colijnit-transaction.js.map