@colijnit/transaction 12.1.49 → 12.1.51

package/bundles/colijnit-transaction.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@colijnit/transactionapi/build/enum/pending-reason-type.enum'), require('@colijnit/transactionapi/build/enum/sequence-name.enum'), require('@colijnit/transactionapi/build/enum/transaction-kind.enum'), require('@colijnit/transactionapi/build/enum/transaction-line-type.enum'), require('rxjs'), require('@colijnit/transactionapi/build/model/transaction-info-response.bo'), require('@colijnit/transactionapi/build/model/marketing.bo'), require('@colijnit/transactionapi/build/model/customer-full-object.bo'), require('@colijnit/transactionapi/build/model/country.bo'), require('@colijnit/transactionapi/build/model/privacy-setting.bo'), require('@colijnit/transactionapi/build/model/delivery-method.bo'), require('@colijnit/transactionapi/build/model/delivery-option.bo'), require('@colijnit/transactionapi/build/model/co-domain-value.bo'), require('@colijnit/transactionapi/build/model/article-full-object'), require('@colijnit/transactionapi/build/model/customer-group.bo'), require('@colijnit/transactionapi/build/model/cash-register'), require('@colijnit/transactionapi/build/model/price-list'), require('@colijnit/transactionapi/build/model/vat'), require('@colijnit/transactionapi/build/model/branch-lov.bo'), require('@colijnit/transactionapi/build/model/sales-person.bo'), require('@colijnit/transactionapi/build/model/tag'), require('@colijnit/transactionapi/build/model/on-hold-code.bo'), require('@colijnit/transactionapi/build/model/warehouse.bo'), require('@colijnit/transactionapi/build/model/payment-method.bo'), require('@colijnit/transactionapi/build/utils/object-utils'), require('@colijnit/transactionapi/build/model/relation-privacy-setting.bo'), require('@colijnit/transactionapi/build/model/get-postal-code-retrieval-output-params'), require('@colijnit/transactionapi/build/model/relation-list-object.bo'), require('@colijnit/transactionapi/build/transaction'), require('@colijnit/transactionapi/build/utils/function/not-nill.function'), require('@colijnit/transactionapi/build/enum/yes-no-db-type.enum'), require('@colijnit/transactionapi/build/enum/true-false-db-type.enum'), require('@colijnit/transactionapi/build/enum/one-zero-bool-db-type.enum'), require('@colijnit/transactionapi/build/enum/db-boolean-value-type.enum'), require('@colijnit/transactionapi/build/utils/date-utils'), require('@colijnit/transactionapi/build/utils/number-utils'), require('@colijnit/transactionapi/build/utils/function/is-nill.function'), require('@colijnit/transactionapi/build/factory/decorators/map-property.decorator'), require('@colijnit/transactionapi/build/factory/decorators/boolean.decorator'), require('@colijnit/transactionapi/build/factory/decorators/json.decorator'), require('@colijnit/transactionapi/build/factory/decorators/complex-array.decorator'), require('@colijnit/transactionapi/build/utils/image-utils'), require('@colijnit/transactionapi/build/model/transaction-line-info.bo'), require('@colijnit/transactionapi/build/model/transaction-search-view.bo'), require('@colijnit/transactionapi/build/model/code-description'), require('@colijnit/transactionapi/build/model/goods-receipt-status-with-history.bo'), require('@colijnit/transactionapi/build/model/purchase-portal-line.bo'), require('@colijnit/transactionapi/build/model/create-payment-link-result.bo'), require('@colijnit/transactionapi/build/model/payment-link-status.bo'), require('@angular/platform-browser'), require('@colijnit/transactionapi/build/model/transaction-info.bo'), require('@colijnit/transactionapi/build/model/supplier-full-object.bo'), require('@colijnit/transactionapi/build/enum/relation-status.enum'), require('@colijnit/transactionapi/build/model/resolve-pending-reason-request.bo'), require('@colijnit/articleapi/build/articles'), require('@colijnit/articleapi/build/model/stock-location.bo'), require('@colijnit/articleapi/build/model/article-light.bo'), require('@colijnit/articleapi/build/model/turnover-group-image.bo'), require('@colijnit/articleapi/build/model/main-article.bo'), require('@colijnit/transactionapi/build/model/resolve-header-pending-reason-request.bo'), require('@colijnit/transactionapi/build/model/doc-delivery-batch.bo'), require('@colijnit/transactionapi/build/model/nul-relation-object'), require('@colijnit/transactionapi/build/enum/relation-kind.enum'), require('@colijnit/corecomponents_v12'), require('@angular/flex-layout'), require('@colijnit/transactionapi/build/enum/address-type.enum'), require('@angular/animations'), require('@angular/common'), require('@angular/forms'), require('@colijnit/transactionapi/build/model/address.bo'), require('@angular/cdk/drag-drop'), require('@colijnit/transactionapi/build/model/transaction-add-text-line-request.bo'), require('@colijnit/transactionapi/build/model/transaction-search-view-request'), require('@colijnit/transactionapi/build/model/paging-parameters'), require('@colijnit/articleapi/build/enum/relation-kind.enum'), require('@colijnit/transactionapi/build/enum/refcode/stock-status.enum'), require('@colijnit/transactionapi/build/model/receive-goods-for-purchase-order-request.bo'), require('@colijnit/transactionapi/build/model/purchase-order-line-receipt-details.bo'), require('@colijnit/transactionapi/build/model/relation-request'), require('@colijnit/sharedapi/build/sharedapi'), require('@colijnit/sharedapi/build/model/co-document.bo'), require('@colijnit/sharedcomponents'), require('@colijnit/transactionapi/build/enum/relation-name-kind.enum'), require('@colijnit/transactionapi/build/enum/gender-type.enum'), require('@colijnit/transactionapi/build/utils/function-utils'), require('@colijnit/transactionapi/build/enum/communication-type.enum'), require('@colijnit/transactionapi/build/model/contact-option.bo'), require('@colijnit/transactionapi/build/utils/business-object-utils'), require('@angular/cdk/scrolling'), require('@colijnit/transactionapi/build/model/relation-small-object.bo'), require('@colijnit/transactionapi/build/enum/discount-type.enum'), require('@colijnit/transactionapi/build/model/receive-goods-for-purchase-order-correction-request.bo'), require('@colijnit/transactionapi/build/model/purchase-order-line-receipt-correction-details.bo'), require('@colijnit/transactionapi/build/model/get-purchase-portal-line'), require('@colijnit/transactionapi/build/model/purchase-portal-filters.bo'), require('@colijnit/transactionapi/build/model/goods-receipt-status.bo'), require('@colijnit/articleapi/build/model/article-extended-request'), require('@colijnit/transactionapi/build/enum/quantity-in-historic-state.enum')) :
-    typeof define === 'function' && define.amd ? define('@colijnit/transaction', ['exports', '@angular/core', '@colijnit/transactionapi/build/enum/pending-reason-type.enum', '@colijnit/transactionapi/build/enum/sequence-name.enum', '@colijnit/transactionapi/build/enum/transaction-kind.enum', '@colijnit/transactionapi/build/enum/transaction-line-type.enum', 'rxjs', '@colijnit/transactionapi/build/model/transaction-info-response.bo', '@colijnit/transactionapi/build/model/marketing.bo', '@colijnit/transactionapi/build/model/customer-full-object.bo', '@colijnit/transactionapi/build/model/country.bo', '@colijnit/transactionapi/build/model/privacy-setting.bo', '@colijnit/transactionapi/build/model/delivery-method.bo', '@colijnit/transactionapi/build/model/delivery-option.bo', '@colijnit/transactionapi/build/model/co-domain-value.bo', '@colijnit/transactionapi/build/model/article-full-object', '@colijnit/transactionapi/build/model/customer-group.bo', '@colijnit/transactionapi/build/model/cash-register', '@colijnit/transactionapi/build/model/price-list', '@colijnit/transactionapi/build/model/vat', '@colijnit/transactionapi/build/model/branch-lov.bo', '@colijnit/transactionapi/build/model/sales-person.bo', '@colijnit/transactionapi/build/model/tag', '@colijnit/transactionapi/build/model/on-hold-code.bo', '@colijnit/transactionapi/build/model/warehouse.bo', '@colijnit/transactionapi/build/model/payment-method.bo', '@colijnit/transactionapi/build/utils/object-utils', '@colijnit/transactionapi/build/model/relation-privacy-setting.bo', '@colijnit/transactionapi/build/model/get-postal-code-retrieval-output-params', '@colijnit/transactionapi/build/model/relation-list-object.bo', '@colijnit/transactionapi/build/transaction', '@colijnit/transactionapi/build/utils/function/not-nill.function', '@colijnit/transactionapi/build/enum/yes-no-db-type.enum', '@colijnit/transactionapi/build/enum/true-false-db-type.enum', '@colijnit/transactionapi/build/enum/one-zero-bool-db-type.enum', '@colijnit/transactionapi/build/enum/db-boolean-value-type.enum', '@colijnit/transactionapi/build/utils/date-utils', '@colijnit/transactionapi/build/utils/number-utils', '@colijnit/transactionapi/build/utils/function/is-nill.function', '@colijnit/transactionapi/build/factory/decorators/map-property.decorator', '@colijnit/transactionapi/build/factory/decorators/boolean.decorator', '@colijnit/transactionapi/build/factory/decorators/json.decorator', '@colijnit/transactionapi/build/factory/decorators/complex-array.decorator', '@colijnit/transactionapi/build/utils/image-utils', '@colijnit/transactionapi/build/model/transaction-line-info.bo', '@colijnit/transactionapi/build/model/transaction-search-view.bo', '@colijnit/transactionapi/build/model/code-description', '@colijnit/transactionapi/build/model/goods-receipt-status-with-history.bo', '@colijnit/transactionapi/build/model/purchase-portal-line.bo', '@colijnit/transactionapi/build/model/create-payment-link-result.bo', '@colijnit/transactionapi/build/model/payment-link-status.bo', '@angular/platform-browser', '@colijnit/transactionapi/build/model/transaction-info.bo', '@colijnit/transactionapi/build/model/supplier-full-object.bo', '@colijnit/transactionapi/build/enum/relation-status.enum', '@colijnit/transactionapi/build/model/resolve-pending-reason-request.bo', '@colijnit/articleapi/build/articles', '@colijnit/articleapi/build/model/stock-location.bo', '@colijnit/articleapi/build/model/article-light.bo', '@colijnit/articleapi/build/model/turnover-group-image.bo', '@colijnit/articleapi/build/model/main-article.bo', '@colijnit/transactionapi/build/model/resolve-header-pending-reason-request.bo', '@colijnit/transactionapi/build/model/doc-delivery-batch.bo', '@colijnit/transactionapi/build/model/nul-relation-object', '@colijnit/transactionapi/build/enum/relation-kind.enum', '@colijnit/corecomponents_v12', '@angular/flex-layout', '@colijnit/transactionapi/build/enum/address-type.enum', '@angular/animations', '@angular/common', '@angular/forms', '@colijnit/transactionapi/build/model/address.bo', '@angular/cdk/drag-drop', '@colijnit/transactionapi/build/model/transaction-add-text-line-request.bo', '@colijnit/transactionapi/build/model/transaction-search-view-request', '@colijnit/transactionapi/build/model/paging-parameters', '@colijnit/articleapi/build/enum/relation-kind.enum', '@colijnit/transactionapi/build/enum/refcode/stock-status.enum', '@colijnit/transactionapi/build/model/receive-goods-for-purchase-order-request.bo', '@colijnit/transactionapi/build/model/purchase-order-line-receipt-details.bo', '@colijnit/transactionapi/build/model/relation-request', '@colijnit/sharedapi/build/sharedapi', '@colijnit/sharedapi/build/model/co-document.bo', '@colijnit/sharedcomponents', '@colijnit/transactionapi/build/enum/relation-name-kind.enum', '@colijnit/transactionapi/build/enum/gender-type.enum', '@colijnit/transactionapi/build/utils/function-utils', '@colijnit/transactionapi/build/enum/communication-type.enum', '@colijnit/transactionapi/build/model/contact-option.bo', '@colijnit/transactionapi/build/utils/business-object-utils', '@angular/cdk/scrolling', '@colijnit/transactionapi/build/model/relation-small-object.bo', '@colijnit/transactionapi/build/enum/discount-type.enum', '@colijnit/transactionapi/build/model/receive-goods-for-purchase-order-correction-request.bo', '@colijnit/transactionapi/build/model/purchase-order-line-receipt-correction-details.bo', '@colijnit/transactionapi/build/model/get-purchase-portal-line', '@colijnit/transactionapi/build/model/purchase-portal-filters.bo', '@colijnit/transactionapi/build/model/goods-receipt-status.bo', '@colijnit/articleapi/build/model/article-extended-request', '@colijnit/transactionapi/build/enum/quantity-in-historic-state.enum'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.transaction = {}), global.ng.core, global.pendingReasonType_enum, global.sequenceName_enum, global.transactionKind_enum, global.transactionLineType_enum, global.rxjs, global.transactionInfoResponse_bo, global.marketing_bo, global.customerFullObject_bo, global.country_bo, global.privacySetting_bo, global.deliveryMethod_bo, global.deliveryOption_bo, global.coDomainValue_bo, global.articleFullObject, global.customerGroup_bo, global.cashRegister, global.priceList, global.vat, global.branchLov_bo, global.salesPerson_bo, global.tag, global.onHoldCode_bo, global.warehouse_bo, global.paymentMethod_bo, global.objectUtils, global.relationPrivacySetting_bo, global.getPostalCodeRetrievalOutputParams, global.relationListObject_bo, global.transaction, global.notNill_function, global.yesNoDbType_enum, global.trueFalseDbType_enum, global.oneZeroBoolDbType_enum, global.dbBooleanValueType_enum, global.dateUtils, global.numberUtils, global.isNill_function, global.mapProperty_decorator, global.boolean_decorator, global.json_decorator, global.complexArray_decorator, global.imageUtils, global.transactionLineInfo_bo, global.transactionSearchView_bo, global.codeDescription, global.goodsReceiptStatusWithHistory_bo, global.purchasePortalLine_bo, global.createPaymentLinkResult_bo, global.paymentLinkStatus_bo, global.ng.platformBrowser, global.transactionInfo_bo, global.supplierFullObject_bo, global.relationStatus_enum, global.resolvePendingReasonRequest_bo, global.articles, global.stockLocation_bo, global.articleLight_bo, global.turnoverGroupImage_bo, global.mainArticle_bo, global.resolveHeaderPendingReasonRequest_bo, global.docDeliveryBatch_bo, global.nulRelationObject, global.relationKind_enum, global.corecomponents_v12, global.ng.flexLayout, global.addressType_enum, global.ng.animations, global.ng.common, global.ng.forms, global.address_bo, global.ng.cdk.dragDrop, global.transactionAddTextLineRequest_bo, global.transactionSearchViewRequest, global.pagingParameters, global.relationKind_enum$1, global.stockStatus_enum, global.receiveGoodsForPurchaseOrderRequest_bo, global.purchaseOrderLineReceiptDetails_bo, global.relationRequest, global.sharedapi, global.coDocument_bo, global.sharedcomponents, global.relationNameKind_enum, global.genderType_enum, global.functionUtils, global.communicationType_enum, global.contactOption_bo, global.businessObjectUtils, global.ng.cdk.scrolling, global.relationSmallObject_bo, global.discountType_enum, global.receiveGoodsForPurchaseOrderCorrectionRequest_bo, global.purchaseOrderLineReceiptCorrectionDetails_bo, global.getPurchasePortalLine, global.purchasePortalFilters_bo, global.goodsReceiptStatus_bo, global.articleExtendedRequest, global.quantityInHistoricState_enum));
-})(this, (function (exports, i0, pendingReasonType_enum, sequenceName_enum, transactionKind_enum, transactionLineType_enum, rxjs, transactionInfoResponse_bo, marketing_bo, customerFullObject_bo, country_bo, privacySetting_bo, deliveryMethod_bo, deliveryOption_bo, coDomainValue_bo, articleFullObject, customerGroup_bo, cashRegister, priceList, vat, branchLov_bo, salesPerson_bo, tag, onHoldCode_bo, warehouse_bo, paymentMethod_bo, objectUtils, relationPrivacySetting_bo, getPostalCodeRetrievalOutputParams, relationListObject_bo, transaction, notNill_function, yesNoDbType_enum, trueFalseDbType_enum, oneZeroBoolDbType_enum, dbBooleanValueType_enum, dateUtils, numberUtils, isNill_function, mapProperty_decorator, boolean_decorator, json_decorator, complexArray_decorator, imageUtils, transactionLineInfo_bo, transactionSearchView_bo, codeDescription, goodsReceiptStatusWithHistory_bo, purchasePortalLine_bo, createPaymentLinkResult_bo, paymentLinkStatus_bo, i1, transactionInfo_bo, supplierFullObject_bo, relationStatus_enum, resolvePendingReasonRequest_bo, articles, stockLocation_bo, articleLight_bo, turnoverGroupImage_bo, mainArticle_bo, resolveHeaderPendingReasonRequest_bo, docDeliveryBatch_bo, nulRelationObject, relationKind_enum, corecomponents_v12, flexLayout, addressType_enum, animations, common, forms, address_bo, dragDrop, transactionAddTextLineRequest_bo, transactionSearchViewRequest, pagingParameters, relationKind_enum$1, stockStatus_enum, receiveGoodsForPurchaseOrderRequest_bo, purchaseOrderLineReceiptDetails_bo, relationRequest, sharedapi, coDocument_bo, sharedcomponents, relationNameKind_enum, genderType_enum, functionUtils, communicationType_enum, contactOption_bo, businessObjectUtils, scrolling, relationSmallObject_bo, discountType_enum, receiveGoodsForPurchaseOrderCorrectionRequest_bo, purchaseOrderLineReceiptCorrectionDetails_bo, getPurchasePortalLine, purchasePortalFilters_bo, goodsReceiptStatus_bo, articleExtendedRequest, quantityInHistoricState_enum) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@colijnit/transactionapi/build/enum/pending-reason-type.enum'), require('@colijnit/transactionapi/build/enum/sequence-name.enum'), require('@colijnit/transactionapi/build/enum/transaction-kind.enum'), require('@colijnit/transactionapi/build/enum/transaction-line-type.enum'), require('rxjs'), require('@colijnit/transactionapi/build/model/transaction-info-response.bo'), require('@colijnit/transactionapi/build/model/marketing.bo'), require('@colijnit/transactionapi/build/model/customer-full-object.bo'), require('@colijnit/transactionapi/build/model/country.bo'), require('@colijnit/transactionapi/build/model/privacy-setting.bo'), require('@colijnit/transactionapi/build/model/delivery-method.bo'), require('@colijnit/transactionapi/build/model/delivery-option.bo'), require('@colijnit/transactionapi/build/model/co-domain-value.bo'), require('@colijnit/transactionapi/build/model/article-full-object'), require('@colijnit/transactionapi/build/model/customer-group.bo'), require('@colijnit/transactionapi/build/model/cash-register'), require('@colijnit/transactionapi/build/model/price-list'), require('@colijnit/transactionapi/build/model/vat'), require('@colijnit/transactionapi/build/model/branch-lov.bo'), require('@colijnit/transactionapi/build/model/sales-person.bo'), require('@colijnit/transactionapi/build/model/tag'), require('@colijnit/transactionapi/build/model/on-hold-code.bo'), require('@colijnit/transactionapi/build/model/warehouse.bo'), require('@colijnit/transactionapi/build/model/payment-method.bo'), require('@colijnit/transactionapi/build/utils/object-utils'), require('@colijnit/transactionapi/build/model/relation-privacy-setting.bo'), require('@colijnit/transactionapi/build/model/get-postal-code-retrieval-output-params'), require('@colijnit/transactionapi/build/model/relation-list-object.bo'), require('@colijnit/transactionapi/build/transaction'), require('@colijnit/transactionapi/build/utils/function/not-nill.function'), require('@colijnit/transactionapi/build/enum/yes-no-db-type.enum'), require('@colijnit/transactionapi/build/enum/true-false-db-type.enum'), require('@colijnit/transactionapi/build/enum/one-zero-bool-db-type.enum'), require('@colijnit/transactionapi/build/enum/db-boolean-value-type.enum'), require('@colijnit/transactionapi/build/utils/date-utils'), require('@colijnit/transactionapi/build/utils/number-utils'), require('@colijnit/transactionapi/build/utils/function/is-nill.function'), require('@colijnit/transactionapi/build/factory/decorators/map-property.decorator'), require('@colijnit/transactionapi/build/factory/decorators/boolean.decorator'), require('@colijnit/transactionapi/build/factory/decorators/json.decorator'), require('@colijnit/transactionapi/build/factory/decorators/complex-array.decorator'), require('@colijnit/transactionapi/build/utils/image-utils'), require('@colijnit/transactionapi/build/model/transaction-line-info.bo'), require('@colijnit/transactionapi/build/model/transaction-search-view.bo'), require('@colijnit/transactionapi/build/model/code-description'), require('@colijnit/transactionapi/build/model/goods-receipt-status-with-history.bo'), require('@colijnit/transactionapi/build/model/purchase-portal-line.bo'), require('@colijnit/transactionapi/build/model/create-payment-link-result.bo'), require('@colijnit/transactionapi/build/model/payment-link-status.bo'), require('@angular/platform-browser'), require('@colijnit/transactionapi/build/model/transaction-info.bo'), require('@colijnit/transactionapi/build/model/supplier-full-object.bo'), require('@colijnit/transactionapi/build/enum/relation-status.enum'), require('@colijnit/transactionapi/build/model/resolve-pending-reason-request.bo'), require('@colijnit/articleapi/build/articles'), require('@colijnit/articleapi/build/model/stock-location.bo'), require('@colijnit/articleapi/build/model/article-light.bo'), require('@colijnit/articleapi/build/model/turnover-group-image.bo'), require('@colijnit/articleapi/build/model/main-article.bo'), require('@colijnit/transactionapi/build/model/resolve-header-pending-reason-request.bo'), require('@colijnit/transactionapi/build/model/doc-delivery-batch.bo'), require('@colijnit/transactionapi/build/model/nul-relation-object'), require('@colijnit/transactionapi/build/enum/relation-kind.enum'), require('@colijnit/corecomponents_v12'), require('@angular/flex-layout'), require('@colijnit/transactionapi/build/enum/address-type.enum'), require('@angular/animations'), require('@angular/common'), require('@angular/forms'), require('@colijnit/transactionapi/build/model/address.bo'), require('@colijnit/transactionapi/build/model/transaction-total.bo'), require('@colijnit/transactionapi/build/enum/discount-type.enum'), require('@angular/cdk/drag-drop'), require('@colijnit/transactionapi/build/model/transaction-add-text-line-request.bo'), require('@colijnit/transactionapi/build/model/paging-parameters'), require('@colijnit/transactionapi/build/model/transaction-search-view-request'), require('@colijnit/articleapi/build/enum/relation-kind.enum'), require('@colijnit/transactionapi/build/model/get-purchase-order-confirmation'), require('@colijnit/transactionapi/build/enum/refcode/stock-status.enum'), require('@colijnit/transactionapi/build/model/receive-goods-for-purchase-order-request.bo'), require('@colijnit/transactionapi/build/model/purchase-order-line-receipt-details.bo'), require('@colijnit/transactionapi/build/model/relation-request'), require('@colijnit/sharedapi/build/sharedapi'), require('@colijnit/sharedapi/build/model/co-document.bo'), require('@colijnit/sharedcomponents'), require('@colijnit/transactionapi/build/enum/relation-name-kind.enum'), require('@colijnit/transactionapi/build/enum/gender-type.enum'), require('@colijnit/transactionapi/build/utils/function-utils'), require('@colijnit/transactionapi/build/enum/communication-type.enum'), require('@colijnit/transactionapi/build/model/contact-option.bo'), require('@colijnit/transactionapi/build/utils/business-object-utils'), require('@angular/cdk/scrolling'), require('@colijnit/transactionapi/build/model/relation-small-object.bo'), require('@colijnit/transactionapi/build/model/receive-goods-for-purchase-order-correction-request.bo'), require('@colijnit/transactionapi/build/model/purchase-order-line-receipt-correction-details.bo'), require('@colijnit/transactionapi/build/model/get-purchase-portal-line'), require('@colijnit/transactionapi/build/model/purchase-portal-filters.bo'), require('@colijnit/transactionapi/build/model/goods-receipt-status.bo'), require('@colijnit/articleapi/build/model/article-extended-request'), require('@colijnit/transactionapi/build/enum/quantity-in-historic-state.enum')) :
+    typeof define === 'function' && define.amd ? define('@colijnit/transaction', ['exports', '@angular/core', '@colijnit/transactionapi/build/enum/pending-reason-type.enum', '@colijnit/transactionapi/build/enum/sequence-name.enum', '@colijnit/transactionapi/build/enum/transaction-kind.enum', '@colijnit/transactionapi/build/enum/transaction-line-type.enum', 'rxjs', '@colijnit/transactionapi/build/model/transaction-info-response.bo', '@colijnit/transactionapi/build/model/marketing.bo', '@colijnit/transactionapi/build/model/customer-full-object.bo', '@colijnit/transactionapi/build/model/country.bo', '@colijnit/transactionapi/build/model/privacy-setting.bo', '@colijnit/transactionapi/build/model/delivery-method.bo', '@colijnit/transactionapi/build/model/delivery-option.bo', '@colijnit/transactionapi/build/model/co-domain-value.bo', '@colijnit/transactionapi/build/model/article-full-object', '@colijnit/transactionapi/build/model/customer-group.bo', '@colijnit/transactionapi/build/model/cash-register', '@colijnit/transactionapi/build/model/price-list', '@colijnit/transactionapi/build/model/vat', '@colijnit/transactionapi/build/model/branch-lov.bo', '@colijnit/transactionapi/build/model/sales-person.bo', '@colijnit/transactionapi/build/model/tag', '@colijnit/transactionapi/build/model/on-hold-code.bo', '@colijnit/transactionapi/build/model/warehouse.bo', '@colijnit/transactionapi/build/model/payment-method.bo', '@colijnit/transactionapi/build/utils/object-utils', '@colijnit/transactionapi/build/model/relation-privacy-setting.bo', '@colijnit/transactionapi/build/model/get-postal-code-retrieval-output-params', '@colijnit/transactionapi/build/model/relation-list-object.bo', '@colijnit/transactionapi/build/transaction', '@colijnit/transactionapi/build/utils/function/not-nill.function', '@colijnit/transactionapi/build/enum/yes-no-db-type.enum', '@colijnit/transactionapi/build/enum/true-false-db-type.enum', '@colijnit/transactionapi/build/enum/one-zero-bool-db-type.enum', '@colijnit/transactionapi/build/enum/db-boolean-value-type.enum', '@colijnit/transactionapi/build/utils/date-utils', '@colijnit/transactionapi/build/utils/number-utils', '@colijnit/transactionapi/build/utils/function/is-nill.function', '@colijnit/transactionapi/build/factory/decorators/map-property.decorator', '@colijnit/transactionapi/build/factory/decorators/boolean.decorator', '@colijnit/transactionapi/build/factory/decorators/json.decorator', '@colijnit/transactionapi/build/factory/decorators/complex-array.decorator', '@colijnit/transactionapi/build/utils/image-utils', '@colijnit/transactionapi/build/model/transaction-line-info.bo', '@colijnit/transactionapi/build/model/transaction-search-view.bo', '@colijnit/transactionapi/build/model/code-description', '@colijnit/transactionapi/build/model/goods-receipt-status-with-history.bo', '@colijnit/transactionapi/build/model/purchase-portal-line.bo', '@colijnit/transactionapi/build/model/create-payment-link-result.bo', '@colijnit/transactionapi/build/model/payment-link-status.bo', '@angular/platform-browser', '@colijnit/transactionapi/build/model/transaction-info.bo', '@colijnit/transactionapi/build/model/supplier-full-object.bo', '@colijnit/transactionapi/build/enum/relation-status.enum', '@colijnit/transactionapi/build/model/resolve-pending-reason-request.bo', '@colijnit/articleapi/build/articles', '@colijnit/articleapi/build/model/stock-location.bo', '@colijnit/articleapi/build/model/article-light.bo', '@colijnit/articleapi/build/model/turnover-group-image.bo', '@colijnit/articleapi/build/model/main-article.bo', '@colijnit/transactionapi/build/model/resolve-header-pending-reason-request.bo', '@colijnit/transactionapi/build/model/doc-delivery-batch.bo', '@colijnit/transactionapi/build/model/nul-relation-object', '@colijnit/transactionapi/build/enum/relation-kind.enum', '@colijnit/corecomponents_v12', '@angular/flex-layout', '@colijnit/transactionapi/build/enum/address-type.enum', '@angular/animations', '@angular/common', '@angular/forms', '@colijnit/transactionapi/build/model/address.bo', '@colijnit/transactionapi/build/model/transaction-total.bo', '@colijnit/transactionapi/build/enum/discount-type.enum', '@angular/cdk/drag-drop', '@colijnit/transactionapi/build/model/transaction-add-text-line-request.bo', '@colijnit/transactionapi/build/model/paging-parameters', '@colijnit/transactionapi/build/model/transaction-search-view-request', '@colijnit/articleapi/build/enum/relation-kind.enum', '@colijnit/transactionapi/build/model/get-purchase-order-confirmation', '@colijnit/transactionapi/build/enum/refcode/stock-status.enum', '@colijnit/transactionapi/build/model/receive-goods-for-purchase-order-request.bo', '@colijnit/transactionapi/build/model/purchase-order-line-receipt-details.bo', '@colijnit/transactionapi/build/model/relation-request', '@colijnit/sharedapi/build/sharedapi', '@colijnit/sharedapi/build/model/co-document.bo', '@colijnit/sharedcomponents', '@colijnit/transactionapi/build/enum/relation-name-kind.enum', '@colijnit/transactionapi/build/enum/gender-type.enum', '@colijnit/transactionapi/build/utils/function-utils', '@colijnit/transactionapi/build/enum/communication-type.enum', '@colijnit/transactionapi/build/model/contact-option.bo', '@colijnit/transactionapi/build/utils/business-object-utils', '@angular/cdk/scrolling', '@colijnit/transactionapi/build/model/relation-small-object.bo', '@colijnit/transactionapi/build/model/receive-goods-for-purchase-order-correction-request.bo', '@colijnit/transactionapi/build/model/purchase-order-line-receipt-correction-details.bo', '@colijnit/transactionapi/build/model/get-purchase-portal-line', '@colijnit/transactionapi/build/model/purchase-portal-filters.bo', '@colijnit/transactionapi/build/model/goods-receipt-status.bo', '@colijnit/articleapi/build/model/article-extended-request', '@colijnit/transactionapi/build/enum/quantity-in-historic-state.enum'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.transaction = {}), global.ng.core, global.pendingReasonType_enum, global.sequenceName_enum, global.transactionKind_enum, global.transactionLineType_enum, global.rxjs, global.transactionInfoResponse_bo, global.marketing_bo, global.customerFullObject_bo, global.country_bo, global.privacySetting_bo, global.deliveryMethod_bo, global.deliveryOption_bo, global.coDomainValue_bo, global.articleFullObject, global.customerGroup_bo, global.cashRegister, global.priceList, global.vat, global.branchLov_bo, global.salesPerson_bo, global.tag, global.onHoldCode_bo, global.warehouse_bo, global.paymentMethod_bo, global.objectUtils, global.relationPrivacySetting_bo, global.getPostalCodeRetrievalOutputParams, global.relationListObject_bo, global.transaction, global.notNill_function, global.yesNoDbType_enum, global.trueFalseDbType_enum, global.oneZeroBoolDbType_enum, global.dbBooleanValueType_enum, global.dateUtils, global.numberUtils, global.isNill_function, global.mapProperty_decorator, global.boolean_decorator, global.json_decorator, global.complexArray_decorator, global.imageUtils, global.transactionLineInfo_bo, global.transactionSearchView_bo, global.codeDescription, global.goodsReceiptStatusWithHistory_bo, global.purchasePortalLine_bo, global.createPaymentLinkResult_bo, global.paymentLinkStatus_bo, global.ng.platformBrowser, global.transactionInfo_bo, global.supplierFullObject_bo, global.relationStatus_enum, global.resolvePendingReasonRequest_bo, global.articles, global.stockLocation_bo, global.articleLight_bo, global.turnoverGroupImage_bo, global.mainArticle_bo, global.resolveHeaderPendingReasonRequest_bo, global.docDeliveryBatch_bo, global.nulRelationObject, global.relationKind_enum, global.corecomponents_v12, global.ng.flexLayout, global.addressType_enum, global.ng.animations, global.ng.common, global.ng.forms, global.address_bo, global.transactionTotal_bo, global.discountType_enum, global.ng.cdk.dragDrop, global.transactionAddTextLineRequest_bo, global.pagingParameters, global.transactionSearchViewRequest, global.relationKind_enum$1, global.getPurchaseOrderConfirmation, global.stockStatus_enum, global.receiveGoodsForPurchaseOrderRequest_bo, global.purchaseOrderLineReceiptDetails_bo, global.relationRequest, global.sharedapi, global.coDocument_bo, global.sharedcomponents, global.relationNameKind_enum, global.genderType_enum, global.functionUtils, global.communicationType_enum, global.contactOption_bo, global.businessObjectUtils, global.ng.cdk.scrolling, global.relationSmallObject_bo, global.receiveGoodsForPurchaseOrderCorrectionRequest_bo, global.purchaseOrderLineReceiptCorrectionDetails_bo, global.getPurchasePortalLine, global.purchasePortalFilters_bo, global.goodsReceiptStatus_bo, global.articleExtendedRequest, global.quantityInHistoricState_enum));
+})(this, (function (exports, i0, pendingReasonType_enum, sequenceName_enum, transactionKind_enum, transactionLineType_enum, rxjs, transactionInfoResponse_bo, marketing_bo, customerFullObject_bo, country_bo, privacySetting_bo, deliveryMethod_bo, deliveryOption_bo, coDomainValue_bo, articleFullObject, customerGroup_bo, cashRegister, priceList, vat, branchLov_bo, salesPerson_bo, tag, onHoldCode_bo, warehouse_bo, paymentMethod_bo, objectUtils, relationPrivacySetting_bo, getPostalCodeRetrievalOutputParams, relationListObject_bo, transaction, notNill_function, yesNoDbType_enum, trueFalseDbType_enum, oneZeroBoolDbType_enum, dbBooleanValueType_enum, dateUtils, numberUtils, isNill_function, mapProperty_decorator, boolean_decorator, json_decorator, complexArray_decorator, imageUtils, transactionLineInfo_bo, transactionSearchView_bo, codeDescription, goodsReceiptStatusWithHistory_bo, purchasePortalLine_bo, createPaymentLinkResult_bo, paymentLinkStatus_bo, i1, transactionInfo_bo, supplierFullObject_bo, relationStatus_enum, resolvePendingReasonRequest_bo, articles, stockLocation_bo, articleLight_bo, turnoverGroupImage_bo, mainArticle_bo, resolveHeaderPendingReasonRequest_bo, docDeliveryBatch_bo, nulRelationObject, relationKind_enum, corecomponents_v12, flexLayout, addressType_enum, animations, common, forms, address_bo, transactionTotal_bo, discountType_enum, dragDrop, transactionAddTextLineRequest_bo, pagingParameters, transactionSearchViewRequest, relationKind_enum$1, getPurchaseOrderConfirmation, stockStatus_enum, receiveGoodsForPurchaseOrderRequest_bo, purchaseOrderLineReceiptDetails_bo, relationRequest, sharedapi, coDocument_bo, sharedcomponents, relationNameKind_enum, genderType_enum, functionUtils, communicationType_enum, contactOption_bo, businessObjectUtils, scrolling, relationSmallObject_bo, receiveGoodsForPurchaseOrderCorrectionRequest_bo, purchaseOrderLineReceiptCorrectionDetails_bo, getPurchasePortalLine, purchasePortalFilters_bo, goodsReceiptStatus_bo, articleExtendedRequest, quantityInHistoricState_enum) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -25,7 +25,7 @@
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
 
-    /*! *****************************************************************************
+    /******************************************************************************
     Copyright (c) Microsoft Corporation.
 
     Permission to use, copy, modify, and/or distribute this software for any
@@ -123,7 +123,7 @@
         function step(op) {
             if (f)
                 throw new TypeError("Generator is already executing.");
-            while (_)
+            while (g && (g = 0, op[0] && (_ = 0)), _)
                 try {
                     if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
                         return t;
@@ -187,7 +187,11 @@
     var __createBinding = Object.create ? (function (o, m, k, k2) {
         if (k2 === undefined)
             k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+            desc = { enumerable: true, get: function () { return m[k]; } };
+        }
+        Object.defineProperty(o, k2, desc);
     }) : (function (o, m, k, k2) {
         if (k2 === undefined)
             k2 = k;
@@ -341,6 +345,11 @@
         if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
             throw new TypeError("Cannot write private member to an object whose class did not declare it");
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+    }
+    function __classPrivateFieldIn(state, receiver) {
+        if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function"))
+            throw new TypeError("Cannot use 'in' operator on non-object");
+        return typeof state === "function" ? receiver === state : state.has(receiver);
     }
 
     var LanguageCode;
@@ -691,6 +700,7 @@
                     "RECEIVED": "Ontvangst",
                     "RECEIVED_DELIVERED": "Binnengemeld / geleverd",
                     "RECEIVED_DATE": "Ontvangst datum",
+                    "REDISTRIBUTE_DISCOUNT": "Herverdeel korting",
                     "REFERENCE": "Referentie",
                     "REFERENCE_RELATION": "Ref. relatie",
                     "RELATION_NUMBER": "Relatienummer",
@@ -1023,6 +1033,7 @@
                     "RECEIPT_DETAILS": "Receipt details",
                     "RECEIVED": "Received",
                     "RECEIVED_DATE": "Received date",
+                    "REDISTRIBUTE_DISCOUNT": "Redistribute discount",
                     "RECEIVED_DELIVERED": "Received / delivered",
                     "REFERENCE": "Reference",
                     "REFERENCE_RELATION": "Ref. relation",
@@ -2399,6 +2410,7 @@
         Icon["ArrowPointRight"] = "arrow_point_right";
         Icon["Article"] = "article";
         Icon["AtSolid"] = "at_solid";
+        Icon["BarcodeRegular"] = "barcode_regular";
         Icon["BarcodeSolid"] = "barcode_solid";
         Icon["BarsFilter"] = "bars_filter";
         Icon["CalendarDay"] = "calendar_day";
@@ -2411,6 +2423,7 @@
         Icon["CreditCardSolid"] = "credit_card_solid";
         Icon["DeliveryTruck"] = "delivery_truck";
         Icon["EditPencil"] = "edit_pencil";
+        Icon["EllipsisLight"] = "ellipsis_light";
         Icon["FileCircleInfoSolid"] = "file_circle_info_solid";
         Icon["FilePdfSolid"] = "file_pdf_solid";
         Icon["GripDotsVerticalSolid"] = "grip_dots_vertical_solid";
@@ -2426,6 +2439,7 @@
         Icon["MasterDetail"] = "master_detail";
         Icon["MemoCircleCheckSolid"] = "memo_circle_check_solid";
         Icon["Menu"] = "menu";
+        Icon["ObjectIntersectSolid"] = "object_intersect_solid";
         Icon["PalletBoxesSolid"] = "pallet_boxes_solid";
         Icon["PlusRound"] = "plus_round";
         Icon["PrintSolid"] = "print_solid";
@@ -2440,6 +2454,8 @@
         Icon["SquareFullSolid"] = "square_full_solid";
         Icon["SyncAlt"] = "sync_alt";
         Icon["Tag"] = "tag";
+        Icon["TextSizeSolid"] = "text_size_solid";
+        Icon["TextSolid"] = "text_solid";
         Icon["ThickLines"] = "thick_lines";
         Icon["ThinLines"] = "thin_lines";
         Icon["TrashBin"] = "trash_bin";
@@ -2463,6 +2479,7 @@
         "arrow_point_right": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\" ><path fill=\"#484F5F\" d=\"M19.1,14.3l14.7,9.6c0.1,0.1,0.2,0.2,0.2,0.4v2.4c0,0.2-0.1,0.3-0.2,0.4l-14.7,9.6c-0.2,0.2-0.5,0.1-0.7-0.1l-1.4-2.1c-0.2-0.2-0.1-0.5,0.1-0.7l12-7.8c0.3-0.2,0.3-0.6,0-0.8l-12-7.8c-0.2-0.2-0.3-0.5-0.1-0.7l1.4-2.1C18.6,14.2,18.9,14.2,19.1,14.3z\"/></svg>",
         "article": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M37.43,15.14H12.57A2.57,2.57,0,0,0,10,17.71V32.29a2.57,2.57,0,0,0,2.57,2.57H37.43A2.57,2.57,0,0,0,40,32.29V17.71A2.57,2.57,0,0,0,37.43,15.14ZM14.29,32.71H12.15V17.29h2.14Zm2,0H15V17.29h1.29Zm2.57,0H17.54V17.29h1.29Zm3.52,0H20.2V17.29h2.15Zm2,0H23.11V17.29H24.4Zm2.06,0H25.17V17.29h1.29Zm2.66,0H27.83V17.29h1.29Zm3.51,0H31.34V17.29h1.29Zm3.34,0H33.4V17.29H36Zm2.32,0H37V17.29h1.29Z\" fill=\"#484f60\"/></svg>",
         "at_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M207.8 20.73c-93.45 18.32-168.7 93.66-187 187.1c-27.64 140.9 68.65 266.2 199.1 285.1c19.01 2.888 36.17-12.26 36.17-31.49l.0001-.6631c0-15.74-11.44-28.88-26.84-31.24c-84.35-12.98-149.2-86.13-149.2-174.2c0-102.9 88.61-185.5 193.4-175.4c91.54 8.869 158.6 91.25 158.6 183.2l0 16.16c0 22.09-17.94 40.05-40 40.05s-40.01-17.96-40.01-40.05v-120.1c0-8.847-7.161-16.02-16.01-16.02l-31.98 .0036c-7.299 0-13.2 4.992-15.12 11.68c-24.85-12.15-54.24-16.38-86.06-5.106c-38.75 13.73-68.12 48.91-73.72 89.64c-9.483 69.01 43.81 128 110.9 128c26.44 0 50.43-9.544 69.59-24.88c24 31.3 65.23 48.69 109.4 37.49C465.2 369.3 496 324.1 495.1 277.2V256.3C495.1 107.1 361.2-9.332 207.8 20.73zM239.1 304.3c-26.47 0-48-21.56-48-48.05s21.53-48.05 48-48.05s48 21.56 48 48.05S266.5 304.3 239.1 304.3z\"/></svg>",
+        "barcode_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M48 55.1V455.1C48 469.3 37.25 479.1 24 479.1C10.75 479.1 0 469.3 0 455.1V55.1C0 42.74 10.75 31.1 24 31.1C37.25 31.1 48 42.74 48 55.1V55.1zM128 47.1V463.1C128 472.8 120.8 479.1 112 479.1C103.2 479.1 96 472.8 96 463.1V47.1C96 39.16 103.2 31.1 112 31.1C120.8 31.1 128 39.16 128 47.1V47.1zM208 55.1V455.1C208 469.3 197.3 479.1 184 479.1C170.7 479.1 160 469.3 160 455.1V55.1C160 42.74 170.7 31.1 184 31.1C197.3 31.1 208 42.74 208 55.1V55.1zM320 55.1V455.1C320 469.3 309.3 479.1 296 479.1C282.7 479.1 272 469.3 272 455.1V55.1C272 42.74 282.7 31.1 296 31.1C309.3 31.1 320 42.74 320 55.1V55.1zM464 55.1C464 42.74 474.7 31.1 488 31.1C501.3 31.1 512 42.74 512 55.1V455.1C512 469.3 501.3 479.1 488 479.1C474.7 479.1 464 469.3 464 455.1V55.1zM400 47.1C400 39.16 407.2 31.1 416 31.1C424.8 31.1 432 39.16 432 47.1V463.1C432 472.8 424.8 479.1 416 479.1C407.2 479.1 400 472.8 400 463.1V47.1z\"/></svg>",
         "barcode_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M40 32C53.25 32 64 42.75 64 56V456C64 469.3 53.25 480 40 480H24C10.75 480 0 469.3 0 456V56C0 42.75 10.75 32 24 32H40zM128 48V464C128 472.8 120.8 480 112 480C103.2 480 96 472.8 96 464V48C96 39.16 103.2 32 112 32C120.8 32 128 39.16 128 48zM200 32C213.3 32 224 42.75 224 56V456C224 469.3 213.3 480 200 480H184C170.7 480 160 469.3 160 456V56C160 42.75 170.7 32 184 32H200zM296 32C309.3 32 320 42.75 320 56V456C320 469.3 309.3 480 296 480H280C266.7 480 256 469.3 256 456V56C256 42.75 266.7 32 280 32H296zM448 56C448 42.75 458.7 32 472 32H488C501.3 32 512 42.75 512 56V456C512 469.3 501.3 480 488 480H472C458.7 480 448 469.3 448 456V56zM384 48C384 39.16 391.2 32 400 32C408.8 32 416 39.16 416 48V464C416 472.8 408.8 480 400 480C391.2 480 384 472.8 384 464V48z\"/></svg>",
         "bars_filter": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M264 392H183.1C170.8 392 160 402.8 160 415.1C160 429.2 170.8 440 183.1 440h80C277.2 440 288 429.2 288 416C288 402.8 277.2 392 264 392zM424 72H23.1C10.8 72 0 82.8 0 95.1S10.8 120 23.1 120H424c13.2 0 24-10.8 24-23.1S437.2 72 424 72zM360 232H87.1C74.8 232 64 242.8 64 255.1C64 269.2 74.8 280 87.1 280h272C373.2 280 384 269.2 384 256C384 242.8 373.2 232 360 232z\"/></svg>",
         "calendar_day": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 50 50\" enable-background=\"new 0 0 50 50\" ><g><path fill=\"#022D42\" d=\"M35.4,13.7H14.6c-0.6,0-1,0.5-1,1V20h22.9v-5.2C36.4,14.2,36,13.7,35.4,13.7z M19,18.8c-1,0-1.8-0.8-1.8-1.8c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8C20.8,18,20,18.8,19,18.8z M31,18.8c-1,0-1.8-0.8-1.8-1.8c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8C32.7,18,32,18.8,31,18.8z\"/><path fill=\"#022D42\" d=\"M35.4,22.3v12.6L31.3,39H14.6c0,0,0,0,0,0V22.3H35.4 M36.4,21.3H13.6V39c0,0.6,0.5,1,1,1h17.2l4.7-4.7V21.3L36.4,21.3z\"/><rect x=\"18.2\" y=\"10\" fill=\"#022D42\" width=\"1.6\" height=\"5.2\"/><rect x=\"30.2\" y=\"10\" fill=\"#022D42\" width=\"1.6\" height=\"5.2\"/><rect x=\"18.6\" y=\"30.5\" fill=\"#022D42\" width=\"3.4\" height=\"3.4\"/><rect x=\"19.1\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"19.1\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"19.1\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/></g></svg>",
@@ -2475,6 +2492,7 @@
         "credit_card_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M512 32C547.3 32 576 60.65 576 96V128H0V96C0 60.65 28.65 32 64 32H512zM576 416C576 451.3 547.3 480 512 480H64C28.65 480 0 451.3 0 416V224H576V416zM112 352C103.2 352 96 359.2 96 368C96 376.8 103.2 384 112 384H176C184.8 384 192 376.8 192 368C192 359.2 184.8 352 176 352H112zM240 384H368C376.8 384 384 376.8 384 368C384 359.2 376.8 352 368 352H240C231.2 352 224 359.2 224 368C224 376.8 231.2 384 240 384z\"/></svg>",
         "delivery_truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"15.35\" y=\"16.56\" width=\"15.14\" height=\"10.94\" transform=\"translate(-1.83 2.08) rotate(-5)\" fill=\"#484f60\"/><path d=\"M38.5,18.1l-6.9.61L32.41,28l-7.63.67a3.76,3.76,0,0,1,1.43,2.25l7.25-.63A3.83,3.83,0,0,1,41,29.6l1-.1-.52-6Zm.29,5.84-3.91.34a.51.51,0,0,1-.55-.46L34,20.1a.49.49,0,0,1,.45-.54l2.27-.2a.5.5,0,0,1,.48.25l2,3.59A.5.5,0,0,1,38.79,23.94Z\" fill=\"#484f60\"/><path d=\"M19.66,29.09a3.8,3.8,0,0,0-1,2.46l-.74.07-1.82-.94L16,29.41Z\" fill=\"#484f60\"/><path d=\"M34.56,30.62a2.74,2.74,0,1,0,2.49-3A2.73,2.73,0,0,0,34.56,30.62Z\" fill=\"#484f60\"/><path d=\"M19.74,31.91a2.74,2.74,0,1,0,2.49-3A2.74,2.74,0,0,0,19.74,31.91Z\" fill=\"#484f60\"/><rect x=\"7.96\" y=\"17.63\" width=\"5\" height=\"1\" transform=\"translate(-1.54 0.98) rotate(-5)\" fill=\"#484f60\"/><rect x=\"11.02\" y=\"29.71\" width=\"3\" height=\"1\" transform=\"translate(-2.59 1.21) rotate(-5)\" fill=\"#484f60\"/><rect x=\"9.48\" y=\"23.53\" width=\"4\" height=\"1\" transform=\"matrix(1, -0.09, 0.09, 1, -2.05, 1.09)\" fill=\"#484f60\"/></svg>",
         "edit_pencil": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"12.54 38.16 12 37.62 14.85 29.64 20.52 35.31 12.54 38.16\" fill=\"#484f60\"/><rect x=\"16.33\" y=\"20.52\" width=\"17.99\" height=\"8.64\" transform=\"translate(-10.15 25.18) rotate(-45)\" fill=\"#484f60\"/><path d=\"M37.54,18.73,36,20.32l-6.11-6.1,1.59-1.59a1.55,1.55,0,0,1,2.2,0l3.91,3.9A1.55,1.55,0,0,1,37.54,18.73Z\" fill=\"#484f60\"/></svg>",
+        "ellipsis_light": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M352 256C352 238.3 366.3 224 384 224C401.7 224 416 238.3 416 256C416 273.7 401.7 288 384 288C366.3 288 352 273.7 352 256zM192 256C192 238.3 206.3 224 224 224C241.7 224 256 238.3 256 256C256 273.7 241.7 288 224 288C206.3 288 192 273.7 192 256zM96 256C96 273.7 81.67 288 64 288C46.33 288 32 273.7 32 256C32 238.3 46.33 224 64 224C81.67 224 96 238.3 96 256z\"/></svg>",
         "file_circle_info_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M0 64C0 28.65 28.65 0 64 0H224V128C224 145.7 238.3 160 256 160H384V198.6C310.1 219.5 256 287.4 256 368C256 427.1 285.1 479.3 329.7 511.3C326.6 511.7 323.3 512 320 512H64C28.65 512 0 483.3 0 448V64zM256 128V0L384 128H256zM288 368C288 288.5 352.5 224 432 224C511.5 224 576 288.5 576 368C576 447.5 511.5 512 432 512C352.5 512 288 447.5 288 368zM432 320C445.3 320 456 309.3 456 296C456 282.7 445.3 272 432 272C418.7 272 408 282.7 408 296C408 309.3 418.7 320 432 320zM416 384L416 432C407.2 432 400 439.2 400 448C400 456.8 407.2 464 416 464H448C456.8 464 464 456.8 464 448C464 439.2 456.8 432 448 432V368C448 359.2 440.8 352 432 352H416C407.2 352 400 359.2 400 368C400 376.8 407.2 384 416 384z\"/></svg>",
         "file_pdf_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M88 304H80V256H88C101.3 256 112 266.7 112 280C112 293.3 101.3 304 88 304zM192 256H200C208.8 256 216 263.2 216 272V336C216 344.8 208.8 352 200 352H192V256zM224 0V128C224 145.7 238.3 160 256 160H384V448C384 483.3 355.3 512 320 512H64C28.65 512 0 483.3 0 448V64C0 28.65 28.65 0 64 0H224zM64 224C55.16 224 48 231.2 48 240V368C48 376.8 55.16 384 64 384C72.84 384 80 376.8 80 368V336H88C118.9 336 144 310.9 144 280C144 249.1 118.9 224 88 224H64zM160 368C160 376.8 167.2 384 176 384H200C226.5 384 248 362.5 248 336V272C248 245.5 226.5 224 200 224H176C167.2 224 160 231.2 160 240V368zM288 224C279.2 224 272 231.2 272 240V368C272 376.8 279.2 384 288 384C296.8 384 304 376.8 304 368V320H336C344.8 320 352 312.8 352 304C352 295.2 344.8 288 336 288H304V256H336C344.8 256 352 248.8 352 240C352 231.2 344.8 224 336 224H288zM256 0L384 128H256V0z\"/></svg>",
         "grip_dots_vertical_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 512\"><path d=\"M48 144c26.5 0 48-21.5 48-48s-21.5-48-48-48S0 69.5 0 96s21.5 48 48 48zm0 160c26.5 0 48-21.5 48-48s-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48zM96 416c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zM208 144c26.5 0 48-21.5 48-48s-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48zm48 112c0-26.5-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48s48-21.5 48-48zM208 464c26.5 0 48-21.5 48-48s-21.5-48-48-48s-48 21.5-48 48s21.5 48 48 48z\"/></svg>",
@@ -2490,6 +2508,7 @@
         "master_detail": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"22\" y=\"32.17\" width=\"18\" height=\"4\" transform=\"translate(62 68.33) rotate(180)\" fill=\"#484f60\"/><rect x=\"22\" y=\"26.17\" width=\"18\" height=\"4\" transform=\"translate(62 56.33) rotate(180)\" fill=\"#484f60\"/><rect x=\"22\" y=\"20.17\" width=\"18\" height=\"4\" transform=\"translate(62 44.33) rotate(180)\" fill=\"#484f60\"/><rect x=\"22\" y=\"14.17\" width=\"18\" height=\"4\" transform=\"translate(62 32.33) rotate(180)\" fill=\"#484f60\"/><rect x=\"10\" y=\"14.17\" width=\"10\" height=\"22\" transform=\"translate(30 50.33) rotate(180)\" fill=\"#484f60\"/></svg>",
         "memo_circle_check_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M288 368C288 288.5 352.5 224 432 224C511.5 224 576 288.5 576 368C576 447.5 511.5 512 432 512C352.5 512 288 447.5 288 368zM499.3 347.3C505.6 341.1 505.6 330.9 499.3 324.7C493.1 318.4 482.9 318.4 476.7 324.7L416 385.4L387.3 356.7C381.1 350.4 370.9 350.4 364.7 356.7C358.4 362.9 358.4 373.1 364.7 379.3L404.7 419.3C410.9 425.6 421.1 425.6 427.3 419.3L499.3 347.3zM320 0C355.3 0 384 28.65 384 64V198.6C310.1 219.5 256 287.4 256 368C256 427.1 285.1 479.3 329.7 511.3C326.6 511.7 323.3 512 320 512H64C28.65 512 0 483.3 0 448V64C0 28.65 28.65 0 64 0H320zM80 128C71.16 128 64 135.2 64 144C64 152.8 71.16 160 80 160H304C312.8 160 320 152.8 320 144C320 135.2 312.8 128 304 128H80zM80 256H240C248.8 256 256 248.8 256 240C256 231.2 248.8 224 240 224H80C71.16 224 64 231.2 64 240C64 248.8 71.16 256 80 256zM80 352H176C184.8 352 192 344.8 192 336C192 327.2 184.8 320 176 320H80C71.16 320 64 327.2 64 336C64 344.8 71.16 352 80 352z\"/></svg>",
         "menu": "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z\" /></svg>",
+        "object_intersect_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M288 64v96H224c-35.3 0-64 28.7-64 64v64H64V64H288zM64 352h96v96c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V224c0-35.3-28.7-64-64-64H352V64c0-35.3-28.7-64-64-64H64C28.7 0 0 28.7 0 64V288c0 35.3 28.7 64 64 64zM448 224V448H224V352h64c35.3 0 64-28.7 64-64V224h96z\"/></svg>",
         "pallet_boxes_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M96 255.1L288 256c17.6 0 32-14.4 32-32V31.1c0-17.6-14.4-31.1-32-31.1L96 0c-17.6 0-32 14.4-32 32V224C64 241.6 78.4 255.1 96 255.1zM416 255.1h128c17.6 0 32-14.4 32-31.1v-128c0-17.6-14.4-32-32-32h-128c-17.6 0-32 14.4-32 32v128C384 241.6 398.4 255.1 416 255.1zM624 384c8.75 0 16-7.25 16-16v-32c0-8.75-7.25-16-16-16h-608C7.25 320 0 327.3 0 336v32C0 376.8 7.25 384 16 384H64v64H16C7.25 448 0 455.3 0 464v32C0 504.8 7.25 512 16 512h608c8.75 0 16-7.25 16-16v-32c0-8.75-7.25-16-16-16H576v-64H624zM288 448H128v-64h160V448zM512 448h-160v-64h160V448z\"/></svg>",
         "plus_round": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"-288 379 35 35\" enable-background=\"new -288 379 35 35\" ><path fill=\"#29363E\" d=\"M-270.5,381.5c-8.3,0-15,6.7-15,15c0,8.3,6.7,15,15,15s15-6.7,15-15C-255.5,388.2-262.2,381.5-270.5,381.5z M-261.1,397.3c0,0.9-0.7,1.6-1.6,1.6h-5.5v5.5c0,0.9-0.7,1.6-1.6,1.6h-1.6c-0.9,0-1.6-0.7-1.6-1.6v-5.5h-5.5c-0.9,0-1.6-0.7-1.6-1.6v-1.6c0-0.9,0.7-1.6,1.6-1.6h5.5v-5.5c0-0.9,0.7-1.6,1.6-1.6h1.6c0.9,0,1.6,0.7,1.6,1.6v5.5h5.5c0.9,0,1.6,0.7,1.6,1.6V397.3z\"/></svg>",
         "print_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M448 192H64C28.65 192 0 220.7 0 256v96c0 17.67 14.33 32 32 32h32v96c0 17.67 14.33 32 32 32h320c17.67 0 32-14.33 32-32v-96h32c17.67 0 32-14.33 32-32V256C512 220.7 483.3 192 448 192zM384 448H128v-96h256V448zM432 296c-13.25 0-24-10.75-24-24c0-13.27 10.75-24 24-24s24 10.73 24 24C456 285.3 445.3 296 432 296zM128 64h229.5L384 90.51V160h64V77.25c0-8.484-3.375-16.62-9.375-22.62l-45.25-45.25C387.4 3.375 379.2 0 370.8 0H96C78.34 0 64 14.33 64 32v128h64V64z\"/></svg>",
@@ -2504,6 +2523,8 @@
         "square_full_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M0 0h512v512H0V0z\"/></svg>",
         "sync_alt": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M370.72 133.28C339.458 104.008 298.888 87.962 255.848 88c-77.458.068-144.328 53.178-162.791 126.85-1.344 5.363-6.122 9.15-11.651 9.15H24.103c-7.498 0-13.194-6.807-11.807-14.176C33.933 94.924 134.813 8 256 8c66.448 0 126.791 26.136 171.315 68.685L463.03 40.97C478.149 25.851 504 36.559 504 57.941V192c0 13.255-10.745 24-24 24H345.941c-21.382 0-32.09-25.851-16.971-40.971l41.75-41.749zM32 296h134.059c21.382 0 32.09 25.851 16.971 40.971l-41.75 41.75c31.262 29.273 71.835 45.319 114.876 45.28 77.418-.07 144.315-53.144 162.787-126.849 1.344-5.363 6.122-9.15 11.651-9.15h57.304c7.498 0 13.194 6.807 11.807 14.176C478.067 417.076 377.187 504 256 504c-66.448 0-126.791-26.136-171.315-68.685L48.97 471.03C33.851 486.149 8 475.441 8 454.059V320c0-13.255 10.745-24 24-24z\"/></svg>",
         "tag": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M40,29.15v-.68a5.28,5.28,0,0,0-1.34-3.25L24.78,11.34A5.34,5.34,0,0,0,21.53,10H11.9A1.91,1.91,0,0,0,10,11.9v9.63a5.28,5.28,0,0,0,1.34,3.25L25.22,38.66A5.28,5.28,0,0,0,28.47,40h.68a5.28,5.28,0,0,0,3.24-1.34l6.27-6.27A5.28,5.28,0,0,0,40,29.15ZM13.13,16.72a2.54,2.54,0,1,1,3.59,0A2.55,2.55,0,0,1,13.13,16.72Zm15.9,19L17.84,24.55l1.34-1.34L30.37,34.4Zm2.69-2.69L20.52,21.87l1.35-1.35,11.19,11.2Zm2.68-2.69L23.21,19.18l1.34-1.34L35.75,29Z\" fill=\"#484f60\"/></svg>",
+        "text_size_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M32 32C14.3 32 0 46.3 0 64v64c0 17.7 14.3 32 32 32s32-14.3 32-32V96h96l0 320H128c-17.7 0-32 14.3-32 32s14.3 32 32 32H256c17.7 0 32-14.3 32-32s-14.3-32-32-32H224l0-320h96v32c0 17.7 14.3 32 32 32s32-14.3 32-32V64c0-17.7-14.3-32-32-32H192 32zM352 224c-17.7 0-32 14.3-32 32v32c0 17.7 14.3 32 32 32s32-14.3 32-32h64l0 128H432c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H512l0-128h64c0 17.7 14.3 32 32 32s32-14.3 32-32V256c0-17.7-14.3-32-32-32H352z\"/></svg>",
+        "text_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M0 32H32 192h64H416h32V64v64 32H384V128 96H256l0 320h48 32v64H304 144 112V416h32 48l0-320H64v32 32H0V128 64 32z\"/></svg>",
         "thick_lines": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"12.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/><rect x=\"10\" y=\"21.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/><rect x=\"10\" y=\"30.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/></svg>",
         "thin_lines": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"14.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"20.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"26.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"32.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/></svg>",
         "trash_bin": "<svg preserveAspectRatio=\"none\" version=\"1.1\" viewBox=\"0 0 50 50\" x=\"0px\" xmlns=\"http://www.w3.org/2000/svg\" y=\"0px\"><g transform=\" translate(14 10)\"><path d=\"M 0 0 L 0 18.215 C 0 19.99 1.439 21.429 3.215 21.429 L 15 21.429 C 16.775 21.429 18.215 19.99 18.215 18.215 L 18.215 0 L 0 0 Z M 4.287 19.286 L 2.143 19.286 L 2.143 2.143 L 4.287 2.143 L 4.287 19.286 Z M 10.18 19.286 L 8.037 19.286 L 8.037 2.143 L 10.18 2.143 L 10.18 19.286 Z M 16.072 19.286 L 13.93 19.286 L 13.93 2.143 L 16.072 2.143 L 16.072 19.286 Z\" fill=\"#1E2930\" transform=\" translate(1.891 8.571)\" /><path d=\"M 18.213 2.143 L 10.713 2.143 C 11.305 2.143 11.785 1.664 11.785 1.071 C 11.785 0.479 11.305 0 10.713 0 L 9.643 0 C 9.051 0 8.57 0.479 8.57 1.071 C 8.57 1.664 9.051 2.143 9.643 2.143 L 2.143 2.143 C 0.959 2.143 0 3.103 0 4.286 L 0 5.357 C 0 6.541 0.959 6.429 2.143 6.429 L 18.213 6.429 C 19.397 6.429 20.357 6.541 20.357 5.357 L 20.357 4.286 C 20.357 3.103 19.397 2.143 18.213 2.143 Z\" fill=\"#1E2930\" transform=\" translate(0.821 0)\" /></g></svg>",
@@ -2770,7 +2791,7 @@
             });
             this.viewModelsFiltered = this.viewModels.slice();
             if (!this.useModel && this.viewModels.length > 0) {
-                this.valueChange.next(this.viewModels[0].value);
+                this.valueChange.next(this.value ? this.value : this.viewModels[0].value);
             }
         };
         TransactionFilterPopupBaseComponent.prototype._doSearch = function () {
@@ -3982,7 +4003,7 @@
                 var result;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.connector.getPaymentMethods()];
+                        case 0: return [4 /*yield*/, this.connector.getPaymentMethodsForSalesOrder()];
                         case 1:
                             result = _a.sent();
                             if (result.validationResult && result.validationResult.success) {
@@ -5015,6 +5036,32 @@
                 });
             });
         };
+        TransactionConnectorAdapterService.prototype.changeHeaderTransactionDiscount = function (uuid, type, amount) {
+            return __awaiter(this, void 0, void 0, function () {
+                var request, response;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            request = {
+                                transactionUuid: uuid,
+                                orderDiscountType: type,
+                                discountValue: amount
+                            };
+                            return [4 /*yield*/, this.connector.setTransactionDiscounts(request)];
+                        case 1:
+                            response = _a.sent();
+                            if (response && response.validationResult && response.validationResult.success) {
+                                return [2 /*return*/, this._boFactory.makeWithRawBackendData(transactionInfoResponse_bo.TransactionInfoResponse, response.resultObject)];
+                            }
+                            else {
+                                this._handleExceptionFromResponse(response);
+                                return [2 /*return*/, null];
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
         TransactionConnectorAdapterService.prototype.changeHeaderTransactionToDownPay = function (uuid, downPayment) {
             return __awaiter(this, void 0, void 0, function () {
                 var request, response;
@@ -5267,8 +5314,57 @@
         };
         TransactionConnectorAdapterService.prototype.updatePurchasePortalLines = function (purchasePortalLine) {
             return __awaiter(this, void 0, void 0, function () {
+                var result;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.connector.updatePurchasePortalLines(purchasePortalLine)];
+                        case 1:
+                            result = _a.sent();
+                            if (!(result && result.validationResult && result.validationResult.success)) return [3 /*break*/, 3];
+                            return [4 /*yield*/, this.commit()];
+                        case 2:
+                            _a.sent();
+                            return [2 /*return*/, null];
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TransactionConnectorAdapterService.prototype.purchaseOrderConfirmation = function (purchaseOrderConfirmation) {
+            return __awaiter(this, void 0, void 0, function () {
+                var result;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.connector.getPurchaseOrderConfirmation(purchaseOrderConfirmation)];
+                        case 1:
+                            result = _a.sent();
+                            if (!(result && result.validationResult && result.validationResult.success)) return [3 /*break*/, 3];
+                            return [4 /*yield*/, this.commit()];
+                        case 2:
+                            _a.sent();
+                            return [2 /*return*/, null];
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TransactionConnectorAdapterService.prototype.lockPurchasePortalLines = function (transIdPurchase, lineId) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
                 return __generator(this, function (_a) {
-                    return [2 /*return*/, this.connector.updatePurchasePortalLines(purchasePortalLine)];
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.connector.lockPurchasePortalLines(transIdPurchase, lineId).then(function (result) { return __awaiter(_this, void 0, void 0, function () {
+                                return __generator(this, function (_a) {
+                                    if (result.validationResult && result.validationResult.success) {
+                                        resolve(true);
+                                    }
+                                    else {
+                                        reject(result.validationMessagesAsString);
+                                    }
+                                    return [2 /*return*/];
+                                });
+                            }); });
+                        })];
                 });
             });
         };
@@ -5928,6 +6024,13 @@
                 });
             });
         };
+        TransactionConnectorService.prototype.changeHeaderTransactionDiscount = function (uuid, type, amount) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, this._adapterService.changeHeaderTransactionDiscount(uuid, type, amount)];
+                });
+            });
+        };
         TransactionConnectorService.prototype.changeHeaderTransactionToDownPay = function (uuid, downPayment) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
@@ -5998,29 +6101,17 @@
                 });
             });
         };
+        TransactionConnectorService.prototype.purchaseOrderConfirmation = function (purchaseOrderConfirmation) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, this._adapterService.purchaseOrderConfirmation(purchaseOrderConfirmation)];
+                });
+            });
+        };
         TransactionConnectorService.prototype.lockPurchasePortalLines = function (transIdPurchase, lineId) {
             return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
                 return __generator(this, function (_a) {
-                    return [2 /*return*/, new Promise(function (resolve, reject) {
-                            return _this._adapterService.connector.lockPurchasePortalLines(transIdPurchase, lineId).then(function (result) { return __awaiter(_this, void 0, void 0, function () {
-                                return __generator(this, function (_a) {
-                                    switch (_a.label) {
-                                        case 0:
-                                            if (!(result.validationResult && result.validationResult.success)) return [3 /*break*/, 2];
-                                            return [4 /*yield*/, this.commit()];
-                                        case 1:
-                                            _a.sent();
-                                            resolve(true);
-                                            return [3 /*break*/, 3];
-                                        case 2:
-                                            reject(result.validationMessagesAsString);
-                                            _a.label = 3;
-                                        case 3: return [2 /*return*/];
-                                    }
-                                });
-                            }); });
-                        })];
+                    return [2 /*return*/, this._adapterService.lockPurchasePortalLines(transIdPurchase, lineId)];
                 });
             });
         };
@@ -6159,7 +6250,7 @@
             this.applicationUser = false;
             this.invoiceAddressSameAsDelivery = true;
             this.currentTransaction = new transactionInfoResponse_bo.TransactionInfoResponse();
-            this.purchasePortalLine = new purchasePortalLine_bo.PurchasePortalLine();
+            this.purchasePortalLine = [];
             this.docDeliveryBatch = new docDeliveryBatch_bo.DocDeliveryBatch();
             this.articleAmount = 0;
             this._relation = new customerFullObject_bo.CustomerFullObject();
@@ -6970,6 +7061,25 @@
                 });
             });
         };
+        TransactionService.prototype.updateHeaderTransactionDiscount = function (uuid, type, amount) {
+            return __awaiter(this, void 0, void 0, function () {
+                var response, success;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.connector.changeHeaderTransactionDiscount(uuid, type, amount)];
+                        case 1:
+                            response = _a.sent();
+                            if (!response) return [3 /*break*/, 3];
+                            return [4 /*yield*/, this.handleHeaderOperationStatuses(response)];
+                        case 2:
+                            success = _a.sent();
+                            this.rememberCurrentTransaction(response);
+                            return [2 /*return*/, success];
+                        case 3: return [2 /*return*/, false];
+                    }
+                });
+            });
+        };
         TransactionService.prototype.updateQuantityTransactionLine = function (uuid, lineUuid, quantity) {
             return __awaiter(this, void 0, void 0, function () {
                 var response, success;
@@ -7611,20 +7721,22 @@
                 });
             });
         };
+        TransactionService.prototype.purchaseOrderConfirmation = function (purchaseOrderConfirmation) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.connector.purchaseOrderConfirmation(purchaseOrderConfirmation)];
+                        case 1: return [2 /*return*/, _a.sent()];
+                    }
+                });
+            });
+        };
         TransactionService.prototype.updatePurchasePortalLines = function (purchasePortalLine) {
             return __awaiter(this, void 0, void 0, function () {
-                var result;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0: return [4 /*yield*/, this.connector.updatePurchasePortalLines(purchasePortalLine)];
-                        case 1:
-                            result = _a.sent();
-                            if (!(result && result.validationResult && result.validationResult.success)) return [3 /*break*/, 3];
-                            return [4 /*yield*/, this.connector.commit()];
-                        case 2:
-                            result = _a.sent();
-                            _a.label = 3;
-                        case 3: return [2 /*return*/, result.validationResult.success];
+                        case 1: return [2 /*return*/, _a.sent()];
                     }
                 });
             });
@@ -9291,7 +9403,7 @@
     TileComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-tile",
-                    template: "\n    <div class=\"co-tile-wrapper\" (click)=\"selectedChange.emit(selected)\">\n      <div class=\"co-tile-select-wrapper\">\n        <co-input-radio-button [checked]=\"selected\" (modelChange)=\"selectedChange.emit($event)\"></co-input-radio-button>\n      </div>\n      <div class=\"co-tile-content-wrapper\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"co-tile-wrapper\" (click)=\"selectedChange.emit(selected)\">\n      <div class=\"co-tile-select-wrapper\">\n        <co-input-radio-button [model]=\"selected\" (modelChange)=\"selectedChange.emit($event)\"></co-input-radio-button>\n      </div>\n      <div class=\"co-tile-content-wrapper\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -9573,6 +9685,7 @@
         function TransactionTotalsComponent() {
             this.showDiscount = false;
             this.discountClick = new i0.EventEmitter();
+            this.showDiscountDialog = false;
         }
         TransactionTotalsComponent.prototype.showClass = function () {
             return true;
@@ -9582,115 +9695,596 @@
     TransactionTotalsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-totals",
-                    template: "\n    <div class=\"transaction-totals-wrapper\">\n      <span class=\"totals-gross label\" [textContent]=\"'ORDER_GROSS' | localize\"></span>\n      <span class=\"totals-gross value\" [textContent]=\"totals?.grossAmount | coCurrency: true\"></span>\n      <ng-container *ngIf=\"totals?.discountAmount\">\n        <span class=\"totals-discount-amount label\" [textContent]=\"'DISCOUNT_AMOUNT' | localize\"></span>\n        <span class=\"totals-discount-amount value\" [textContent]=\"totals?.discountAmount | coCurrency: true\"></span>\n      </ng-container>\n      <ng-container *ngIf=\"totals?.transactionDiscountAmount\">\n        <span class=\"totals-discount label\" [textContent]=\"'TRANSACTION_DISCOUNT' | localize\"></span>\n        <span class=\"totals-discount value\" [textContent]=\"totals?.transactionDiscountAmount | coCurrency: true\"></span>\n      </ng-container>\n      <ng-container *ngIf=\"totals?.transactionDiscountPercentage\">\n        <span class=\"totals-discount-percentage label\" [textContent]=\"'TRANSACTION_DISCOUNT_PERC' | localize\"></span>\n        <span class=\"totals-discount-percentage value\" [textContent]=\"totals?.transactionDiscountPercentage.toString() | append:' %'\"></span>\n      </ng-container>\n      <span class=\"totals-net label\" [textContent]=\"'ORDER_NET'| localize\"></span>\n      <span class=\"totals-net value\" [textContent]=\"totals?.netAmount | coCurrency: true\"></span>\n      <a *ngIf=\"showDiscount\" class=\"add-discount label\" (click)=\"discountClick.emit($event)\" [textContent]=\"'ADD_DISCOUNTS' | localize\"></a>\n    </div>\n  ",
+                    template: "\n    <div class=\"transaction-totals-wrapper\">\n      <span class=\"totals-gross label\" [textContent]=\"'ORDER_GROSS' | localize\"></span>\n      <span class=\"totals-gross value\" [textContent]=\"transactionTotal?.grossAmount | coCurrency: true\"></span>\n      <ng-container *ngIf=\"transactionTotal?.discountAmount\">\n        <span class=\"totals-discount-amount label\" [textContent]=\"'DISCOUNT_AMOUNT' | localize\"></span>\n        <span class=\"totals-discount-amount value\" [class.transaction-negative-value]=\"transactionTotal?.discountAmount < 0\" [textContent]=\"transactionTotal?.discountAmount | coCurrency: true\"></span>\n      </ng-container>\n      <ng-container *ngIf=\"transactionTotal?.transactionDiscountAmount\">\n        <span class=\"totals-discount label\" [textContent]=\"'TRANSACTION_DISCOUNT' | localize\"></span>\n        <span class=\"totals-discount value\" [class.transaction-negative-value]=\"transactionTotal?.transactionDiscountAmount < 0\" [textContent]=\"transactionTotal?.transactionDiscountAmount | coCurrency: true\"></span>\n      </ng-container>\n      <ng-container *ngIf=\"transactionTotal?.transactionDiscountPercentage\">\n        <span class=\"totals-discount-percentage label\" [textContent]=\"'TRANSACTION_DISCOUNT_PERC' | localize\"></span>\n        <span class=\"totals-discount-percentage value\" [class.transaction-negative-value]=\"transactionTotal?.transactionDiscountPercentage < 0\" [textContent]=\"transactionTotal?.transactionDiscountPercentage.toString() | append:' %'\"></span>\n      </ng-container>\n      <span class=\"totals-net label\" [textContent]=\"'ORDER_NET'| localize\"></span>\n      <span class=\"totals-net value\" [textContent]=\"transactionTotal?.netAmount | coCurrency: true\"></span>\n      <a *ngIf=\"showDiscount\" class=\"add-discount label\" (click)=\"showDiscountDialog = true\" [textContent]=\"'ADD_DISCOUNTS' | localize\"></a>\n    </div>\n    <co-dialog-transaction-header-discount class=\"discount-dialog\" *ngIf=\"showDiscountDialog\"\n                                           [transactionInfo]=\"transactionInfo\"\n                                           [transactionTotal]=\"transactionTotal\"\n                                           (close)=\"showDiscountDialog = false\">\n    </co-dialog-transaction-header-discount>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
     TransactionTotalsComponent.propDecorators = {
-        totals: [{ type: i0.Input }],
+        transactionInfo: [{ type: i0.Input }],
+        transactionTotal: [{ type: i0.Input }],
         showDiscount: [{ type: i0.Input }],
         discountClick: [{ type: i0.Output }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-totals",] }]
     };
 
-    var TransactionTotalsModule = /** @class */ (function () {
-        function TransactionTotalsModule() {
-        }
-        return TransactionTotalsModule;
-    }());
-    TransactionTotalsModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        CoreModule,
-                        PipeModule
-                    ],
-                    declarations: [
-                        TransactionTotalsComponent
-                    ],
-                    exports: [
-                        TransactionTotalsComponent
-                    ]
-                },] }
-    ];
-
-    var TransactionArticleTextComponent = /** @class */ (function () {
-        function TransactionArticleTextComponent(service) {
-            this.service = service;
-            this.closeClick = new i0.EventEmitter();
-            this.cancelClick = new i0.EventEmitter();
-            this.saveClick = new i0.EventEmitter();
-            this.showOverviewDialog = false;
-            this.standardTexts = [];
-            this.documents = [];
-            this.fields = { text: "description", value: "textId" };
-            this.fieldsDocuments = { text: "description", value: "code" };
-            this.transactionAddTextLineRequest = new transactionAddTextLineRequest_bo.TransactionAddTextLineRequest();
+    var TransactionHeaderBaseComponent = /** @class */ (function (_super) {
+        __extends(TransactionHeaderBaseComponent, _super);
+        function TransactionHeaderBaseComponent() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this.readonly = false;
+            _this._transactionInfo = new transactionInfo_bo.TransactionInfo();
+            _this._transactionTotal = new transactionTotal_bo.TransactionTotal();
+            return _this;
         }
-        Object.defineProperty(TransactionArticleTextComponent.prototype, "transactionLine", {
+        Object.defineProperty(TransactionHeaderBaseComponent.prototype, "transactionInfo", {
+            get: function () {
+                return this._transactionInfo;
+            },
             set: function (value) {
                 if (value) {
-                    this.transactionAddTextLineRequest.transactionUuid = value.uuid;
-                    this.transactionAddTextLineRequest.text = value.text;
+                    this._transactionInfo = value;
+                    this.transactionInfoSet();
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(TransactionArticleTextComponent.prototype, "articleRef", {
+        Object.defineProperty(TransactionHeaderBaseComponent.prototype, "transactionTotal", {
             get: function () {
-                return this._articleRef;
+                return this._transactionTotal;
             },
             set: function (value) {
                 if (value) {
-                    this._articleRef = value;
+                    this._transactionTotal = value;
+                    this.transactionTotalSet();
                 }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(TransactionArticleTextComponent.prototype, "editText", {
-            set: function (value) {
-                this.transactionAddTextLineRequest.text = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(TransactionArticleTextComponent.prototype, "articleLineNr", {
-            set: function (value) {
-                if (value) {
-                    this.transactionAddTextLineRequest.refArticleLineNr = value;
-                }
+        Object.defineProperty(TransactionHeaderBaseComponent.prototype, "model", {
+            get: function () {
+                return this._transactionInfo;
             },
             enumerable: false,
             configurable: true
         });
-        TransactionArticleTextComponent.prototype.showClass = function () {
+        // overridden by descendents
+        TransactionHeaderBaseComponent.prototype.transactionInfoSet = function () {
+        };
+        // overridden by descendents
+        TransactionHeaderBaseComponent.prototype.transactionTotalSet = function () {
+        };
+        return TransactionHeaderBaseComponent;
+    }(TransactionFilterPopupBaseComponent));
+    TransactionHeaderBaseComponent.decorators = [
+        { type: i0.Directive }
+    ];
+    TransactionHeaderBaseComponent.propDecorators = {
+        transactionInfo: [{ type: i0.Input }],
+        transactionTotal: [{ type: i0.Input }]
+    };
+
+    var DialogTransactionHeaderBaseComponent = /** @class */ (function (_super) {
+        __extends(DialogTransactionHeaderBaseComponent, _super);
+        function DialogTransactionHeaderBaseComponent() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this.buttonType = AppPopupButtonType;
+            _this.close = new i0.EventEmitter();
+            return _this;
+        }
+        DialogTransactionHeaderBaseComponent.prototype.onClose = function (eventType, output) {
+            return;
+        };
+        DialogTransactionHeaderBaseComponent.prototype.handleValueChange = function (value) {
+            this.value = value;
+        };
+        DialogTransactionHeaderBaseComponent.prototype.handleOkClick = function () {
+            this.onClose(AppPopupButtonType.Ok, this.value);
+        };
+        DialogTransactionHeaderBaseComponent.prototype.handleSearch = function (text) {
+            this.searchText = text;
+        };
+        DialogTransactionHeaderBaseComponent.prototype.handleClose = function (type) {
+            this.close.emit();
+            this.onClose(type);
+        };
+        return DialogTransactionHeaderBaseComponent;
+    }(TransactionHeaderBaseComponent));
+    DialogTransactionHeaderBaseComponent.decorators = [
+        { type: i0.Directive }
+    ];
+    DialogTransactionHeaderBaseComponent.propDecorators = {
+        close: [{ type: i0.Output }]
+    };
+
+    var DialogTransactionHeaderDiscountComponent = /** @class */ (function (_super) {
+        __extends(DialogTransactionHeaderDiscountComponent, _super);
+        function DialogTransactionHeaderDiscountComponent(_transactionService) {
+            var _this = _super.call(this) || this;
+            _this._transactionService = _transactionService;
+            return _this;
+        }
+        DialogTransactionHeaderDiscountComponent.prototype.showClass = function () {
             return true;
         };
-        TransactionArticleTextComponent.prototype.ngOnInit = function () {
+        DialogTransactionHeaderDiscountComponent.prototype.redistributeDiscount = function () {
             return __awaiter(this, void 0, void 0, function () {
-                var _a, _b;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
-                        case 0:
-                            _a = this;
-                            return [4 /*yield*/, this.service.getStandardTexts("NL")];
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._transactionService.updateHeaderTransactionDiscount(this.transactionInfo.uuid, discountType_enum.DiscountType.TransactionDiscountAmount, this.transactionTotal.transactionDiscountAmount)];
                         case 1:
-                            _a.standardTexts = _c.sent();
-                            _b = this;
-                            return [4 /*yield*/, this.service.getTextTypes("NL")];
-                        case 2:
-                            _b.documents = _c.sent();
+                            _a.sent();
                             return [2 /*return*/];
                     }
                 });
             });
         };
-        TransactionArticleTextComponent.prototype.onOkClick = function (event) {
-            this.saveClick.next(this.transactionAddTextLineRequest);
-        };
-        TransactionArticleTextComponent.prototype.onCancelClick = function (event) {
+        return DialogTransactionHeaderDiscountComponent;
+    }(DialogTransactionHeaderBaseComponent));
+    DialogTransactionHeaderDiscountComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-dialog-transaction-header-discount",
+                    template: "\n    <co-dialog [headerTemplate]=\"dialogHeader\" (closeClick)=\"handleClose(buttonType.Ok)\">\n      <div class=\"transaction-discount-wrapper co-transaction-small-toolbar\">\n        <div class=\"two-column-grid\">\n          <co-transaction-header-discount-percentage [transactionInfo]=\"transactionInfo\" [transactionTotal]=\"transactionTotal\"></co-transaction-header-discount-percentage>\n          <co-transaction-header-discount-amount [transactionInfo]=\"transactionInfo\" [transactionTotal]=\"transactionTotal\"></co-transaction-header-discount-amount>\n        </div>\n        <div class=\"two-column-grid\">\n          <co-transaction-header-discount-transaction-total [transactionInfo]=\"transactionInfo\" [transactionTotal]=\"transactionTotal\"></co-transaction-header-discount-transaction-total>\n          <div class=\"transaction-line-button custom-width\" (click)=\"redistributeDiscount()\">\n              <span class=\"co-transaction-overflow-ellipsis transaction-discount\"\n                    [textContent]=\"'REDISTRIBUTE_DISCOUNT' | localize\"></span>\n          </div>\n        </div>\n        <div class=\"transaction-discount-overview\">\n          <div class=\"transaction-discount-overview-item\">\n            <div class=\"title\" [textContent]=\"'ORDER_GROSS' | localize\"></div>\n            <div class=\"value\" [textContent]=\"transactionTotal.grossAmount | coCurrency\"></div>\n          </div>\n          <div class=\"transaction-discount-overview-item\">\n            <div class=\"title\" [textContent]=\"'DISCOUNT' | localize\"></div>\n            <div class=\"value\" [class.transaction-negative-value]=\"transactionTotal.discountAmount < 0\" [textContent]=\"transactionTotal.discountAmount | coCurrency\"></div>\n          </div>\n          <div class=\"transaction-discount-overview-item\">\n            <div class=\"title\" [textContent]=\"'ASSEMBLY_COSTS' | localize\"></div>\n            <div class=\"value\" [class.transaction-negative-value]=\"transactionTotal.assemblyCosts < 0\" [textContent]=\"transactionTotal.assemblyCosts | coCurrency\"></div>\n          </div>\n          <div class=\"transaction-discount-overview-item\">\n            <div class=\"title\" [textContent]=\"'SURCHARGE_AMOUNT' | localize\"></div>\n            <div class=\"value\" [class.transaction-negative-value]=\"transactionTotal.surchargeAmount < 0\" [textContent]=\"transactionTotal.surchargeAmount | coCurrency\"></div>\n          </div>\n          <div class=\"transaction-discount-overview-item\">\n            <div class=\"title\" [textContent]=\"'DELIVERY_COSTS' | localize\"></div>\n            <div class=\"value\" [textContent]=\"'NOT_IMPLEMENTED_YET'\"></div>\n          </div>\n          <div class=\"transaction-discount-overview-item total\">\n            <div class=\"title\" [textContent]=\"'ORDER_NET' | localize\"></div>\n            <div class=\"value\" [class.transaction-negative-value]=\"transactionTotal.netAmount < 0\" [textContent]=\"transactionTotal.netAmount | coCurrency\"></div>\n          </div>\n        </div>\n      </div>\n    </co-dialog>\n    <ng-template #dialogHeader>\n      <div class=\"dialog-header-title\" [textContent]=\"'DISCOUNT_PRICE_INFORMATION' | localize\"></div>\n    </ng-template>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    DialogTransactionHeaderDiscountComponent.ctorParameters = function () { return [
+        { type: TransactionService }
+    ]; };
+    DialogTransactionHeaderDiscountComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ["class.co-dialog-transaction-header-discount",] }]
+    };
+
+    var TransactionHeaderDiscountPercentageComponent = /** @class */ (function (_super) {
+        __extends(TransactionHeaderDiscountPercentageComponent, _super);
+        function TransactionHeaderDiscountPercentageComponent(_transactionService) {
+            var _this = _super.call(this) || this;
+            _this._transactionService = _transactionService;
+            _this.showLabel = true;
+            _this.defaultEditMode = true;
+            _this._editMode = false;
+            return _this;
+        }
+        Object.defineProperty(TransactionHeaderDiscountPercentageComponent.prototype, "child", {
+            set: function (content) {
+                var _this = this;
+                if (content) {
+                    this.input = content;
+                    this.input.commit = function (amount) { return _this.commit(amount); };
+                    if (this._editMode) {
+                        this.input.requestFocus();
+                    }
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TransactionHeaderDiscountPercentageComponent.prototype, "editMode", {
+            get: function () {
+                return this._editMode;
+            },
+            set: function (value) {
+                this._editMode = value;
+                if (this._editMode && this.input) {
+                    this.input.doFocus();
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TransactionHeaderDiscountPercentageComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            if (!this.readonly) {
+                this.editMode = true;
+            }
+        };
+        TransactionHeaderDiscountPercentageComponent.prototype.commit = function (amount) {
+            return __awaiter(this, void 0, void 0, function () {
+                var oldPercentage, success;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!(this.transactionTotal && this.transactionTotal.transactionDiscountPercentage !== amount)) return [3 /*break*/, 2];
+                            oldPercentage = this.transactionTotal.transactionDiscountPercentage;
+                            return [4 /*yield*/, this._transactionService.updateHeaderTransactionDiscount(this.transactionInfo.uuid, discountType_enum.DiscountType.TransactionDiscountPercentage, amount)];
+                        case 1:
+                            success = _a.sent();
+                            if (!success) {
+                                this.input.model = amount;
+                            }
+                            return [2 /*return*/, success];
+                        case 2: return [2 /*return*/, true];
+                    }
+                });
+            });
+        };
+        TransactionHeaderDiscountPercentageComponent.prototype.transactionSet = function () {
+            this.readonly = this.readonly || !this.transactionInfo.deliveryDateDefinitive;
+        };
+        return TransactionHeaderDiscountPercentageComponent;
+    }(TransactionHeaderBaseComponent));
+    TransactionHeaderDiscountPercentageComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-transaction-header-discount-percentage",
+                    template: "\n    <span *ngIf=\"(!editMode  || readonly) && !defaultEditMode\" [textContent]=\"transactionTotal.transactionDiscountPercentage\"></span>\n    <co-input-text #input *ngIf=\"editMode || defaultEditMode\"\n                   [type]=\"'number'\"\n                   [placeholder]=\"showLabel ? ('DISCOUNT_PERCENTAGE' | localize) : ''\"\n                   [showSaveCancel]=\"!readonly\"\n                   [readonly]=\"readonly\"\n                   [model]=\"transactionTotal.transactionDiscountPercentage\"\n                   (blur)=\"editMode = false\"\n    ></co-input-text>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    TransactionHeaderDiscountPercentageComponent.ctorParameters = function () { return [
+        { type: TransactionService }
+    ]; };
+    TransactionHeaderDiscountPercentageComponent.propDecorators = {
+        child: [{ type: i0.ViewChild, args: ['input', { read: corecomponents_v12.InputTextComponent },] }],
+        showLabel: [{ type: i0.Input }],
+        defaultEditMode: [{ type: i0.Input }],
+        editMode: [{ type: i0.Input }],
+        handleClick: [{ type: i0.HostListener, args: ["click", ["$event"],] }]
+    };
+
+    var TransactionHeaderDiscountPercentageModule = /** @class */ (function () {
+        function TransactionHeaderDiscountPercentageModule() {
+        }
+        return TransactionHeaderDiscountPercentageModule;
+    }());
+    TransactionHeaderDiscountPercentageModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.InputTextModule,
+                        PipeModule
+                    ],
+                    declarations: [
+                        TransactionHeaderDiscountPercentageComponent
+                    ],
+                    exports: [
+                        TransactionHeaderDiscountPercentageComponent
+                    ]
+                },] }
+    ];
+
+    var TransactionHeaderDiscountAmountComponent = /** @class */ (function (_super) {
+        __extends(TransactionHeaderDiscountAmountComponent, _super);
+        function TransactionHeaderDiscountAmountComponent(_transactionService) {
+            var _this = _super.call(this) || this;
+            _this._transactionService = _transactionService;
+            _this.showLabel = true;
+            _this.defaultEditMode = true;
+            _this._editMode = false;
+            return _this;
+        }
+        Object.defineProperty(TransactionHeaderDiscountAmountComponent.prototype, "child", {
+            set: function (content) {
+                var _this = this;
+                if (content) {
+                    this.input = content;
+                    this.input.commit = function (amount) { return _this.commit(amount); };
+                    if (this._editMode) {
+                        this.input.requestFocus();
+                    }
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TransactionHeaderDiscountAmountComponent.prototype, "editMode", {
+            get: function () {
+                return this._editMode;
+            },
+            set: function (value) {
+                this._editMode = value;
+                if (this._editMode && this.input) {
+                    this.input.doFocus();
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TransactionHeaderDiscountAmountComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            if (!this.readonly) {
+                this.editMode = true;
+            }
+        };
+        TransactionHeaderDiscountAmountComponent.prototype.commit = function (amount) {
+            return __awaiter(this, void 0, void 0, function () {
+                var oldAmount, success;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!(this.transactionTotal && this.transactionTotal.transactionDiscountAmount !== amount)) return [3 /*break*/, 2];
+                            oldAmount = this.transactionTotal.transactionDiscountAmount;
+                            return [4 /*yield*/, this._transactionService.updateHeaderTransactionDiscount(this.transactionInfo.uuid, discountType_enum.DiscountType.TransactionDiscountAmount, amount)];
+                        case 1:
+                            success = _a.sent();
+                            if (!success) {
+                                this.input.model = amount;
+                            }
+                            return [2 /*return*/, success];
+                        case 2: return [2 /*return*/, true];
+                    }
+                });
+            });
+        };
+        TransactionHeaderDiscountAmountComponent.prototype.transactionSet = function () {
+            this.readonly = this.readonly || !this.transactionInfo.deliveryDateDefinitive;
+        };
+        return TransactionHeaderDiscountAmountComponent;
+    }(TransactionHeaderBaseComponent));
+    TransactionHeaderDiscountAmountComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-transaction-header-discount-amount",
+                    template: "\n    <span *ngIf=\"(!editMode  || readonly) && !defaultEditMode\" [textContent]=\"transactionTotal.transactionDiscountAmount\"></span>\n    <co-input-text #input *ngIf=\"editMode || defaultEditMode\"\n                   [type]=\"'number'\"\n                   [placeholder]=\"showLabel ? ('DISCOUNT_AMOUNT' | localize) : ''\"\n                   [showSaveCancel]=\"!readonly\"\n                   [readonly]=\"readonly\"\n                   [model]=\"transactionTotal.transactionDiscountAmount\"\n                   (blur)=\"editMode = false\"\n    ></co-input-text>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    TransactionHeaderDiscountAmountComponent.ctorParameters = function () { return [
+        { type: TransactionService }
+    ]; };
+    TransactionHeaderDiscountAmountComponent.propDecorators = {
+        child: [{ type: i0.ViewChild, args: ['input', { read: corecomponents_v12.InputTextComponent },] }],
+        showLabel: [{ type: i0.Input }],
+        defaultEditMode: [{ type: i0.Input }],
+        editMode: [{ type: i0.Input }],
+        handleClick: [{ type: i0.HostListener, args: ["click", ["$event"],] }]
+    };
+
+    var TransactionHeaderDiscountAmountModule = /** @class */ (function () {
+        function TransactionHeaderDiscountAmountModule() {
+        }
+        return TransactionHeaderDiscountAmountModule;
+    }());
+    TransactionHeaderDiscountAmountModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.InputTextModule,
+                        PipeModule
+                    ],
+                    declarations: [
+                        TransactionHeaderDiscountAmountComponent
+                    ],
+                    exports: [
+                        TransactionHeaderDiscountAmountComponent
+                    ]
+                },] }
+    ];
+
+    var TransactionHeaderDiscountTransactionTotalComponent = /** @class */ (function (_super) {
+        __extends(TransactionHeaderDiscountTransactionTotalComponent, _super);
+        function TransactionHeaderDiscountTransactionTotalComponent(_transactionService) {
+            var _this = _super.call(this) || this;
+            _this._transactionService = _transactionService;
+            _this.showLabel = true;
+            _this.defaultEditMode = true;
+            _this._editMode = false;
+            return _this;
+        }
+        Object.defineProperty(TransactionHeaderDiscountTransactionTotalComponent.prototype, "child", {
+            set: function (content) {
+                var _this = this;
+                if (content) {
+                    this.input = content;
+                    this.input.commit = function (amount) { return _this.commit(amount); };
+                    if (this._editMode) {
+                        this.input.requestFocus();
+                    }
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TransactionHeaderDiscountTransactionTotalComponent.prototype, "editMode", {
+            get: function () {
+                return this._editMode;
+            },
+            set: function (value) {
+                this._editMode = value;
+                if (this._editMode && this.input) {
+                    this.input.doFocus();
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TransactionHeaderDiscountTransactionTotalComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            if (!this.readonly) {
+                this.editMode = true;
+            }
+        };
+        TransactionHeaderDiscountTransactionTotalComponent.prototype.commit = function (amount) {
+            return __awaiter(this, void 0, void 0, function () {
+                var success;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!(this.transactionTotalAmount !== amount)) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this._transactionService.updateHeaderTransactionDiscount(this.transactionInfo.uuid, discountType_enum.DiscountType.OrderTotal, amount)];
+                        case 1:
+                            success = _a.sent();
+                            if (!success) {
+                                this.input.model = amount;
+                            }
+                            else {
+                                this.transactionTotalAmount = undefined;
+                            }
+                            return [2 /*return*/, success];
+                        case 2: return [2 /*return*/, true];
+                    }
+                });
+            });
+        };
+        TransactionHeaderDiscountTransactionTotalComponent.prototype.transactionSet = function () {
+            this.readonly = this.readonly || !this.transactionInfo.deliveryDateDefinitive;
+        };
+        return TransactionHeaderDiscountTransactionTotalComponent;
+    }(TransactionHeaderBaseComponent));
+    TransactionHeaderDiscountTransactionTotalComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-transaction-header-discount-transaction-total",
+                    template: "\n    <co-input-text #input *ngIf=\"editMode || defaultEditMode\"\n                   [type]=\"'number'\"\n                   [placeholder]=\"showLabel ? ('TRANSACTION_TOTAL' | localize) : ''\"\n                   [showSaveCancel]=\"!readonly\"\n                   [readonly]=\"readonly\"\n                   [(model)]=\"transactionTotalAmount\"\n                   (blur)=\"editMode = false\"\n    ></co-input-text>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    TransactionHeaderDiscountTransactionTotalComponent.ctorParameters = function () { return [
+        { type: TransactionService }
+    ]; };
+    TransactionHeaderDiscountTransactionTotalComponent.propDecorators = {
+        child: [{ type: i0.ViewChild, args: ['input', { read: corecomponents_v12.InputTextComponent },] }],
+        showLabel: [{ type: i0.Input }],
+        defaultEditMode: [{ type: i0.Input }],
+        editMode: [{ type: i0.Input }],
+        handleClick: [{ type: i0.HostListener, args: ["click", ["$event"],] }]
+    };
+
+    var TransactionHeaderDiscountTransactionTotalModule = /** @class */ (function () {
+        function TransactionHeaderDiscountTransactionTotalModule() {
+        }
+        return TransactionHeaderDiscountTransactionTotalModule;
+    }());
+    TransactionHeaderDiscountTransactionTotalModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.InputTextModule,
+                        PipeModule
+                    ],
+                    declarations: [
+                        TransactionHeaderDiscountTransactionTotalComponent
+                    ],
+                    exports: [
+                        TransactionHeaderDiscountTransactionTotalComponent
+                    ]
+                },] }
+    ];
+
+    var DialogTransactionHeaderDiscountModule = /** @class */ (function () {
+        function DialogTransactionHeaderDiscountModule() {
+        }
+        return DialogTransactionHeaderDiscountModule;
+    }());
+    DialogTransactionHeaderDiscountModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.CoDialogModule,
+                        TransactionHeaderDiscountPercentageModule,
+                        TransactionHeaderDiscountAmountModule,
+                        TransactionHeaderDiscountTransactionTotalModule,
+                        PipeModule
+                    ],
+                    declarations: [
+                        DialogTransactionHeaderDiscountComponent
+                    ],
+                    exports: [
+                        DialogTransactionHeaderDiscountComponent
+                    ]
+                },] }
+    ];
+
+    var TransactionTotalsModule = /** @class */ (function () {
+        function TransactionTotalsModule() {
+        }
+        return TransactionTotalsModule;
+    }());
+    TransactionTotalsModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        CoreModule,
+                        PipeModule,
+                        DialogTransactionHeaderDiscountModule
+                    ],
+                    declarations: [
+                        TransactionTotalsComponent
+                    ],
+                    exports: [
+                        TransactionTotalsComponent
+                    ]
+                },] }
+    ];
+
+    var TransactionArticleTextComponent = /** @class */ (function () {
+        function TransactionArticleTextComponent(service) {
+            this.service = service;
+            this.closeClick = new i0.EventEmitter();
+            this.cancelClick = new i0.EventEmitter();
+            this.saveClick = new i0.EventEmitter();
+            this.showOverviewDialog = false;
+            this.standardTexts = [];
+            this.documents = [];
+            this.fields = { text: "description", value: "textId" };
+            this.fieldsDocuments = { text: "description", value: "code" };
+            this.transactionAddTextLineRequest = new transactionAddTextLineRequest_bo.TransactionAddTextLineRequest();
+        }
+        Object.defineProperty(TransactionArticleTextComponent.prototype, "transactionLine", {
+            set: function (value) {
+                if (value) {
+                    this.transactionAddTextLineRequest.transactionUuid = value.uuid;
+                    this.transactionAddTextLineRequest.text = value.text;
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TransactionArticleTextComponent.prototype, "articleRef", {
+            get: function () {
+                return this._articleRef;
+            },
+            set: function (value) {
+                if (value) {
+                    this._articleRef = value;
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TransactionArticleTextComponent.prototype, "editText", {
+            set: function (value) {
+                this.transactionAddTextLineRequest.text = value;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TransactionArticleTextComponent.prototype, "articleLineNr", {
+            set: function (value) {
+                if (value) {
+                    this.transactionAddTextLineRequest.refArticleLineNr = value;
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TransactionArticleTextComponent.prototype.showClass = function () {
+            return true;
+        };
+        TransactionArticleTextComponent.prototype.ngOnInit = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var _a, _b;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            _a = this;
+                            return [4 /*yield*/, this.service.getStandardTexts("NL")];
+                        case 1:
+                            _a.standardTexts = _c.sent();
+                            _b = this;
+                            return [4 /*yield*/, this.service.getTextTypes("NL")];
+                        case 2:
+                            _b.documents = _c.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TransactionArticleTextComponent.prototype.onOkClick = function (event) {
+            this.saveClick.next(this.transactionAddTextLineRequest);
+        };
+        TransactionArticleTextComponent.prototype.onCancelClick = function (event) {
             this.cancelClick.next(event);
         };
         TransactionArticleTextComponent.prototype.onSelectStandardText = function (value) {
@@ -9750,121 +10344,26 @@
     ];
 
     // The different view modes for search
-    var SearchViewMode;
+    exports.SearchViewMode = void 0;
     (function (SearchViewMode) {
         SearchViewMode[SearchViewMode["FullScreen"] = 0] = "FullScreen";
         SearchViewMode[SearchViewMode["SideBar"] = 1] = "SideBar";
-    })(SearchViewMode || (SearchViewMode = {}));
+    })(exports.SearchViewMode || (exports.SearchViewMode = {}));
 
-    exports.SearchBarViewMode = void 0;
-    (function (SearchBarViewMode) {
-        SearchBarViewMode[SearchBarViewMode["Expanded"] = 0] = "Expanded";
-        SearchBarViewMode[SearchBarViewMode["Collapsed"] = 1] = "Collapsed";
-    })(exports.SearchBarViewMode || (exports.SearchBarViewMode = {}));
-    var TransactionSearchComponent = /** @class */ (function () {
-        function TransactionSearchComponent(transactionSearchService) {
-            this.transactionSearchService = transactionSearchService;
-            this.searchViewModes = SearchViewMode;
-            this.orientations = corecomponents_v12.CoOrientation;
-            this.directionRight = corecomponents_v12.CoDirection.Right;
-            this.transactionClick = new i0.EventEmitter();
-            this.searchViewModeChange = new i0.EventEmitter();
-        }
-        Object.defineProperty(TransactionSearchComponent.prototype, "transactionType", {
-            get: function () {
-                return this._transactionType;
-            },
-            set: function (value) {
-                this._transactionType = value;
-                this.transactionSearchService.transactionType = this._transactionType;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        TransactionSearchComponent.prototype.showClass = function () {
-            return true;
-        };
-        TransactionSearchComponent.prototype.onTransactionClick = function (transaction) {
-            if (this.transactionSearchService.activeSearchViewMode === this.searchViewModes.FullScreen) {
-                this.collapseSearchBar();
-            }
-            this._scrollToTop();
-            this.transactionClick.emit(transaction);
-        };
-        TransactionSearchComponent.prototype.onSearchViewResizeClick = function () {
-            if (this.transactionSearchService.activeSearchViewMode === this.searchViewModes.SideBar) {
-                this.transactionSearchService.activeSearchViewMode = this.searchViewModes.FullScreen;
-            }
-            else {
-                this.transactionSearchService.activeSearchViewMode = this.searchViewModes.SideBar;
-            }
-            this.searchViewModeChange.emit(this.transactionSearchService.activeSearchViewMode);
-        };
-        TransactionSearchComponent.prototype.onSideCollapseHandleClick = function () {
-            this.toggleSearchBar();
-        };
-        TransactionSearchComponent.prototype.toggleSearchBar = function () {
-            if (this.transactionSearchService.collapsed || this.transactionSearchService.fullscreen) {
-                this.expandSearchBar();
-            }
-            else {
-                this.collapseSearchBar();
-            }
-        };
-        TransactionSearchComponent.prototype.collapseSearchBar = function () {
-            this.transactionSearchService.activeSearchViewMode = this.searchViewModes.SideBar;
-            this.transactionSearchService.activeSearchBarViewMode = exports.SearchBarViewMode.Collapsed;
-            this.searchViewModeChange.emit(this.searchViewModes.SideBar);
-        };
-        TransactionSearchComponent.prototype.expandSearchBar = function () {
-            this.transactionSearchService.activeSearchViewMode = this.searchViewModes.SideBar;
-            this.transactionSearchService.activeSearchBarViewMode = exports.SearchBarViewMode.Expanded;
-            this.searchViewModeChange.emit(this.searchViewModes.SideBar);
-        };
-        TransactionSearchComponent.prototype.calculateClasses = function () {
-            return {
-                'fullscreen': this.transactionSearchService.fullscreen,
-                'sidebar': !this.transactionSearchService.fullscreen,
-                'collapsed': this.transactionSearchService.collapsed,
-                'expanded': !this.transactionSearchService.collapsed,
-            };
-        };
-        TransactionSearchComponent.prototype._scrollToTop = function () {
-            window.scrollTo({ top: 0, behavior: 'smooth' });
-        };
-        return TransactionSearchComponent;
-    }());
-    TransactionSearchComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'co-transaction-search',
-                    template: "\n    <div class=\"transaction-search-main-wrapper\">\n      <div class=\"transaction-search-wrapper\"\n           [ngClass]=\"calculateClasses()\">\n        <div class=\"transaction-filter-wrapper narrow-scrollbar\"\n             [ngClass]=\"calculateClasses()\"\n             *ngIf=\"transactionSearchService.showFilterSidebar\" @showHideFilterSidebar>\n          <co-transaction-filter\n            [transactionType]=\"transactionType\"\n            [activeSearchViewMode]=\"transactionSearchService.activeSearchViewMode\"\n            (closeButtonClick)=\"transactionSearchService.handleHideFilter()\"\n            (resetFilterClick)=\"transactionSearchService.handleResetFilter()\"></co-transaction-filter>\n        </div>\n        <div class=\"transaction-search-result-wrapper\"\n             [class.fullscreen]=\"transactionSearchService.fullscreen\"\n             [class.sidebar]=\"!transactionSearchService.fullscreen\"\n             [class.collapsed]=\"transactionSearchService.collapsed\"\n             [class.expanded]=\"!transactionSearchService.collapsed\"\n        >\n          <co-transaction-search-result\n            [transactionType]=\"transactionType\"\n            [activeSearchViewMode]=\"transactionSearchService.activeSearchViewMode\"\n            (filterClick)=\"transactionSearchService.toggleFilter()\"\n            (transactionClick)=\"onTransactionClick($event)\"\n            (resizeClick)=\"onSearchViewResizeClick()\"\n            (closeClick)=\"collapseSearchBar()\"\n          ></co-transaction-search-result>\n        </div>\n      </div>\n      <div class=\"transaction-search-content-wrapper\"\n           [class.fullscreen]=\"transactionSearchService.fullscreen\"\n           [class.sidebar]=\"!transactionSearchService.fullscreen\"\n           [class.collapsed]=\"transactionSearchService.collapsed\"\n           [class.expanded]=\"!transactionSearchService.collapsed\"\n      >\n        <ng-content></ng-content>\n      </div>\n    </div>\n  ",
-                    animations: [
-                        animations.trigger("showHideFilterSidebar", [
-                            animations.state("void", animations.style({ transform: 'translateX(-100%)' })),
-                            animations.state("*", animations.style({ transform: 'translateX(0)' })),
-                            animations.transition("void <=> *", animations.animate("200ms ease-in-out"))
-                        ])
-                    ],
-                    encapsulation: i0.ViewEncapsulation.None
-                },] }
-    ];
-    TransactionSearchComponent.ctorParameters = function () { return [
-        { type: TransactionSearchService }
-    ]; };
-    TransactionSearchComponent.propDecorators = {
-        transactionType: [{ type: i0.Input }],
-        transactionClick: [{ type: i0.Output }],
-        searchViewModeChange: [{ type: i0.Output }],
-        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-search",] }]
-    };
+    // The different view modes for search
+    exports.SearchbarViewMode = void 0;
+    (function (SearchbarViewMode) {
+        SearchbarViewMode[SearchbarViewMode["Expanded"] = 0] = "Expanded";
+        SearchbarViewMode[SearchbarViewMode["Collapsed"] = 1] = "Collapsed";
+    })(exports.SearchbarViewMode || (exports.SearchbarViewMode = {}));
 
     var TransactionSearchService = /** @class */ (function () {
         function TransactionSearchService(_transactionService) {
             this._transactionService = _transactionService;
             this.searchRequest = new transactionSearchViewRequest.TransactionSearchViewRequest();
             this.previousSearchRequest = new transactionSearchViewRequest.TransactionSearchViewRequest();
-            this.activeSearchViewMode = SearchViewMode.FullScreen;
-            this.activeSearchBarViewMode = exports.SearchBarViewMode.Expanded;
+            this.activeSearchViewMode = exports.SearchViewMode.FullScreen;
+            this.activeSearchBarViewMode = exports.SearchbarViewMode.Expanded;
             this.showFilterSidebar = false;
             this.transactions = [];
             this.labelBasedOnTransactionType = new Map([
@@ -9936,14 +10435,14 @@
         };
         Object.defineProperty(TransactionSearchService.prototype, "fullscreen", {
             get: function () {
-                return this.activeSearchViewMode === SearchViewMode.FullScreen;
+                return this.activeSearchViewMode === exports.SearchViewMode.FullScreen;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(TransactionSearchService.prototype, "collapsed", {
             get: function () {
-                return this.activeSearchBarViewMode === exports.SearchBarViewMode.Collapsed;
+                return this.activeSearchBarViewMode === exports.SearchbarViewMode.Collapsed;
             },
             enumerable: false,
             configurable: true
@@ -9980,8 +10479,8 @@
             this.searchService = searchService;
             this.align = corecomponents_v12.ColumnAlign;
             this.icon = Icon;
-            this.searchViewModes = SearchViewMode;
-            this.activeSearchViewMode = SearchViewMode.FullScreen;
+            this.searchViewModes = exports.SearchViewMode;
+            this.activeSearchViewMode = exports.SearchViewMode.FullScreen;
             this.closeButtonClick = new i0.EventEmitter();
             this.resetFilterClick = new i0.EventEmitter();
             this.filterCategories = [
@@ -10334,17 +10833,25 @@
     var TransactionQuickAccessOrderConfirmationComponent = /** @class */ (function (_super) {
         __extends(TransactionQuickAccessOrderConfirmationComponent, _super);
         function TransactionQuickAccessOrderConfirmationComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this.purchaseOrderConfirmation = new getPurchaseOrderConfirmation.GetPurchaseOrderConfirmation();
+            return _this;
         }
         TransactionQuickAccessOrderConfirmationComponent.prototype.showClass = function () {
             return true;
         };
+        TransactionQuickAccessOrderConfirmationComponent.prototype.confirmFullOrder = function () {
+            if (this.purchaseOrderConfirmation.confirmationDate && this.purchaseOrderConfirmation.reference) {
+                this.purchaseOrderConfirmation.transId = this.service.currentTransaction.transactionInfo.transactionNr;
+                this.service.purchaseOrderConfirmation(this.purchaseOrderConfirmation);
+            }
+        };
         return TransactionQuickAccessOrderConfirmationComponent;
     }(TransactionBaseComponent));
     TransactionQuickAccessOrderConfirmationComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-quick-access-order-confirmation",
-                    template: "\n    <co-input-date\n      [model]=\"\"\n      [placeholder]=\"'CONFIRMED_DATE' | localize\"\n    ></co-input-date>\n    <co-input-text\n      [placeholder]=\"'REFERENCE' | localize\"\n    ></co-input-text>\n    <co-input-checkbox\n    ></co-input-checkbox>\n  ",
+                    template: "\n    <co-input-date\n      [(model)]=\"purchaseOrderConfirmation.confirmationDate\"\n      [placeholder]=\"'CONFIRMED_DATE' | localize\"\n    ></co-input-date>\n    <co-input-text\n      [(model)]=\"purchaseOrderConfirmation.reference\"\n      [placeholder]=\"'REFERENCE' | localize\"\n    ></co-input-text>\n    <co-input-text\n      [(model)]=\"purchaseOrderConfirmation.leverbatch\"\n      [placeholder]=\"'BATCH' | localize\"\n    ></co-input-text>\n    <co-input-checkbox (modelChange)=\"confirmFullOrder()\"\n    ></co-input-checkbox>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -10766,7 +11273,7 @@
     TransactionLineActionButtonsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-action-buttons",
-                    template: "\n    <div class=\"transaction-line-action-buttons-wrapper\">\n      <div class=\"show-hide-button\">\n        <icon [icon]=\"icons.ThickLines\" (click)=\"handleShowHideClick()\"></icon>\n      </div>\n\n      <div class=\"action-buttons-container\" clickOutside\n           *ngIf=\"showActionButtons\"\n           [ngClass]=\"alignDirection\"\n           (clickOutside)=\"handleShowHideClick()\">\n\n        <co-button *ngIf=\"showOverviewButton()\"\n            class=\"transaction-line-overview-button circle\"\n                   [class.show]=\"showActionButtonsDelayed\"\n                   [iconData]=\"iconCacheService.getIcon(icons.Txt)\"\n                   (click)=\"handleTransactionArticleTextOverview()\"></co-button>\n\n        <co-button *ngIf=\"showAddTextButton()\"\n                   class=\"transaction-line-add-text-button circle\"\n                   [class.show]=\"showActionButtonsDelayed\"\n                   [iconData]=\"iconCacheService.getIcon(icons.Txt)\"\n                   (click)=\"handleTransactionArticleText()\"></co-button>\n\n        <co-button *ngIf=\"showSidebarButton()\"\n                   class=\"transaction-line-show-sidebar-button circle\"\n                   [class.show]=\"showActionButtonsDelayed\"\n                   [iconData]=\"iconCacheService.getIcon(icons.MasterDetail)\"\n                   (click)=\"handleShowSidePanel()\"></co-button>\n      </div>\n    </div>\n\n    <co-transaction-article-text-overview *ngIf=\"showTransactionArticleTextOverview\"\n                                          [header]=\"articleTextHeader | localize\"\n                                          [transactionLine]=\"transactionLine\"\n                                          (saveClick)=\"saveTransactionArticleLineText($event)\"\n                                          (closeClick)=\"closeTransactionArticleTextOverview($event)\"\n                                          (cancelClick)=\"closeTransactionArticleTextOverview($event)\"\n    ></co-transaction-article-text-overview>\n\n    <co-transaction-article-text *ngIf=\"showTransactionArticleText\"\n                                 [header]=\"articleTextHeader | localize\"\n                                 [articleLineNr]=\"transactionLine.lineNr\"\n                                 [articleRef]=\"transactionLine.articleNumber\"\n                                 [transactionLine]=\"transactionLine\"\n                                 [editText]=\"textToEdit\"\n                                 (saveClick)=\"saveTransactionArticleLineText($event)\"\n                                 (closeClick)=\"closeTransactionArticleText($event)\"\n                                 (cancelClick)=\"closeTransactionArticleText($event)\"\n    ></co-transaction-article-text>\n  ",
+                    template: "\n    <div class=\"transaction-line-action-buttons-wrapper\">\n      <div class=\"menu-button-container\">\n        <co-button\n          class=\"action-menu-button circle\"\n          [iconData]=\"iconCacheService.getIcon(icons.EllipsisLight)\"\n          (click)=\"handleShowHideClick()\">\n        </co-button>\n      </div>\n\n      <div class=\"action-buttons-container\" clickOutside\n           *ngIf=\"showActionButtons\"\n           [ngClass]=\"alignDirection\"\n           (clickOutside)=\"handleShowHideClick()\">\n\n        <co-button\n            class=\"transaction-line-overview-button circle action-button\"\n                   [class.show]=\"showActionButtonsDelayed\"\n                   [iconData]=\"iconCacheService.getIcon(icons.TextSizeSolid)\"\n                   (click)=\"handleTransactionArticleTextOverview()\"></co-button>\n\n        <co-button\n                   class=\"transaction-line-add-text-button circle action-button\"\n                   [class.show]=\"showActionButtonsDelayed\"\n                   [iconData]=\"iconCacheService.getIcon(icons.TextSolid)\"\n                   (click)=\"handleTransactionArticleText()\"></co-button>\n\n        <co-button\n                   class=\"transaction-line-show-sidebar-button circle action-button\"\n                   [class.show]=\"showActionButtonsDelayed\"\n                   [iconData]=\"iconCacheService.getIcon(icons.ObjectIntersectSolid)\"\n                   (click)=\"handleShowSidePanel()\"></co-button>\n      </div>\n    </div>\n\n    <co-transaction-article-text-overview *ngIf=\"showTransactionArticleTextOverview\"\n                                          [header]=\"articleTextHeader | localize\"\n                                          [transactionLine]=\"transactionLine\"\n                                          (saveClick)=\"saveTransactionArticleLineText($event)\"\n                                          (closeClick)=\"closeTransactionArticleTextOverview($event)\"\n                                          (cancelClick)=\"closeTransactionArticleTextOverview($event)\"\n    ></co-transaction-article-text-overview>\n\n    <co-transaction-article-text *ngIf=\"showTransactionArticleText\"\n                                 [header]=\"articleTextHeader | localize\"\n                                 [articleLineNr]=\"transactionLine.lineNr\"\n                                 [articleRef]=\"transactionLine.articleNumber\"\n                                 [transactionLine]=\"transactionLine\"\n                                 [editText]=\"textToEdit\"\n                                 (saveClick)=\"saveTransactionArticleLineText($event)\"\n                                 (closeClick)=\"closeTransactionArticleText($event)\"\n                                 (cancelClick)=\"closeTransactionArticleText($event)\"\n    ></co-transaction-article-text>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -10783,30 +11290,10 @@
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-line-action-buttons",] }]
     };
 
-    var DialogTransactionLineDeliveryMethodComponent = /** @class */ (function (_super) {
-        __extends(DialogTransactionLineDeliveryMethodComponent, _super);
-        function DialogTransactionLineDeliveryMethodComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        DialogTransactionLineDeliveryMethodComponent.prototype.showClass = function () {
-            return true;
-        };
-        return DialogTransactionLineDeliveryMethodComponent;
-    }(DialogTransactionLineBaseComponent));
-    DialogTransactionLineDeliveryMethodComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: "co-dialog-transaction-line-delivery-method",
-                    template: "\n    <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" [showCloseIcon]=\"useModel\" (closeClick)=\"handleClose(buttonType.Ok)\">\n      <co-transaction-line-delivery-method\n        [autoClose]=\"autoClose\"\n        [useModel]=\"useModel\"\n        [transactionInfo]=\"transactionInfo\"\n        [transactionLine]=\"transactionLine\"\n        [searchText]=\"searchText\"\n        (closeAfterCommit)=\"handleClose(buttonType.Ok)\"\n        (valueChange)=\"handleValueChange($event)\"></co-transaction-line-delivery-method>\n    </co-dialog>\n    <ng-template #dialogHeader>\n      <co-dialog-header-search [title]=\"'DELIVERY_METHOD'\" (search)=\"handleSearch($event)\"></co-dialog-header-search>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"dialog-footer-button-wrapper\" *ngIf=\"!useModel\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"handleOkClick()\"></co-button>\n      </div>\n    </ng-template>\n  ",
-                    encapsulation: i0.ViewEncapsulation.None
-                },] }
-    ];
-    DialogTransactionLineDeliveryMethodComponent.propDecorators = {
-        showClass: [{ type: i0.HostBinding, args: ["class.co-dialog-transaction-line-delivery-method",] }]
-    };
-
     var TransactionLinesLineBaseComponent = /** @class */ (function () {
         function TransactionLinesLineBaseComponent() {
             this.icons = Icon;
+            this.lineChange = new i0.EventEmitter();
             this.waitingForUserAction = new i0.EventEmitter();
             this.preview = false;
             this.readonly = false;
@@ -10839,6 +11326,7 @@
     TransactionLinesLineBaseComponent.propDecorators = {
         line: [{ type: i0.Input }],
         transactionId: [{ type: i0.Input }],
+        lineChange: [{ type: i0.Output }],
         waitingForUserAction: [{ type: i0.Output }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-base-line",] }],
         preview: [{ type: i0.HostBinding, args: ["class.preview",] }, { type: i0.Input }],
@@ -10847,79 +11335,6 @@
         isArticle: [{ type: i0.HostBinding, args: ["class.is-article",] }]
     };
 
-    var DialogTransactionLineVatComponent = /** @class */ (function (_super) {
-        __extends(DialogTransactionLineVatComponent, _super);
-        function DialogTransactionLineVatComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        DialogTransactionLineVatComponent.prototype.showClass = function () {
-            return true;
-        };
-        return DialogTransactionLineVatComponent;
-    }(DialogTransactionLineBaseComponent));
-    DialogTransactionLineVatComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: "co-dialog-transaction-line-vat",
-                    template: "\n    <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" [showCloseIcon]=\"useModel\" (closeClick)=\"handleClose(buttonType.Ok)\">\n      <co-transaction-line-vat\n        [autoClose]=\"autoClose\"\n        [useModel]=\"useModel\"\n        [transactionLine]=\"transactionLine\"\n        [searchText]=\"searchText\"\n        (closeAfterCommit)=\"handleClose(buttonType.Ok)\"\n        (valueChange)=\"handleValueChange($event)\"\n      ></co-transaction-line-vat>\n    </co-dialog>\n    <ng-template #dialogHeader>\n      <co-dialog-header-search [title]=\"'VAT'\" (search)=\"handleSearch($event)\"></co-dialog-header-search>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"dialog-footer-button-wrapper\" *ngIf=\"!useModel\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"handleOkClick()\"></co-button>\n      </div>\n    </ng-template>\n    ",
-                    encapsulation: i0.ViewEncapsulation.None
-                },] }
-    ];
-    DialogTransactionLineVatComponent.propDecorators = {
-        showClass: [{ type: i0.HostBinding, args: ["class.co-dialog-transaction-line-vat",] }]
-    };
-
-    var DialogTransactionLineDiscountComponent = /** @class */ (function (_super) {
-        __extends(DialogTransactionLineDiscountComponent, _super);
-        function DialogTransactionLineDiscountComponent(_dialogService, _service) {
-            var _this = _super.call(this) || this;
-            _this._dialogService = _dialogService;
-            _this._service = _service;
-            _this.showPriceListDialog = false;
-            return _this;
-        }
-        DialogTransactionLineDiscountComponent.prototype.showClass = function () {
-            return true;
-        };
-        DialogTransactionLineDiscountComponent.prototype.openThePriceListDialog = function () {
-            this.showPriceListDialog = true;
-        };
-        DialogTransactionLineDiscountComponent.prototype.transactionLineSet = function () {
-            this._loadLinePricelist();
-        };
-        DialogTransactionLineDiscountComponent.prototype.transactionInfoSet = function () {
-            this.readonly = this.readonly || this.transactionInfo.transactionDefinitive;
-        };
-        DialogTransactionLineDiscountComponent.prototype._loadLinePricelist = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    if (this.transactionLine && this.transactionLine.isArticle) {
-                        this._service.getPriceLists().then(function (lists) {
-                            var priceList = lists.find(function (l) { return l.code === _this.transactionLine.priceListCode; });
-                            _this.transactionLine.priceListDescription = priceList ? priceList.description : "";
-                        });
-                    }
-                    return [2 /*return*/];
-                });
-            });
-        };
-        return DialogTransactionLineDiscountComponent;
-    }(DialogTransactionLineBaseComponent));
-    DialogTransactionLineDiscountComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: "co-dialog-transaction-line-discount",
-                    template: "\n    <co-dialog [headerTemplate]=\"dialogHeader\" (closeClick)=\"handleClose(buttonType.Ok)\">\n      <div class=\"transaction-line-discount-wrapper co-transaction-small-toolbar\">\n        <div class=\"two-column-grid\">\n          <co-transaction-line-line-discount [transactionLine]=\"transactionLine\"></co-transaction-line-line-discount>\n          <co-transaction-line-discount-amount [transactionLine]=\"transactionLine\"></co-transaction-line-discount-amount>\n        </div>\n        <div class=\"two-column-grid\">\n          <co-transaction-line-special-discount [transactionLine]=\"transactionLine\"></co-transaction-line-special-discount>\n          <co-transaction-line-quantum-discount [transactionLine]=\"transactionLine\"></co-transaction-line-quantum-discount>\n        </div>\n        <div class=\"two-column-grid\">\n          <co-input-text [placeholder]=\"'SURCHARGE_AMOUNT' | localize\" [model]=\"transactionLine.surchargeAmount\" [readonly]=\"readonly\"></co-input-text>\n          <co-input-text [placeholder]=\"'BUSINESS_RULE_DISCOUNT' | localize\" [model]=\"'NIET_GEIMPLEMENTEERD'\" [readonly]=\"readonly\"></co-input-text>\n        </div>\n        <div class=\"transaction-line-discount-overview\">\n          <div class=\"transaction-line-discount-overview-item\">\n            <div class=\"title\" [textContent]=\"'TRANSACTION_DISCOUNT' | localize\"></div>\n            <div class=\"value\" [class.negative]=\"transactionLine.discountAmount < 0\" [textContent]=\"transactionLine.discountAmount | coCurrency\"></div>\n          </div>\n          <div class=\"transaction-line-discount-overview-item\">\n            <div class=\"title\" [textContent]=\"'BUSINESS_RULE_DISCOUNT' | localize\"></div>\n            <div class=\"value\" [textContent]=\"'NIET_GEIMPLEMENTEERD'\"></div>\n          </div>\n          <div class=\"transaction-line-discount-overview-item\">\n            <div class=\"title\" [textContent]=\"'QUANTUM_DISCOUNT' | localize\"></div>\n            <div class=\"value\" [class.negative]=\"transactionLine.quantumDiscount < 0\" [textContent]=\"transactionLine.quantumDiscount | coCurrency\"></div>\n          </div>\n          <div class=\"transaction-line-discount-overview-item\">\n            <div class=\"title\" [textContent]=\"'SURCHARGE_AMOUNT' | localize\"></div>\n            <div class=\"value\" [class.negative]=\"transactionLine.surchargeAmount < 0\" [textContent]=\"transactionLine.surchargeAmount | coCurrency\"></div>\n          </div>\n          <div class=\"transaction-line-discount-overview-item total\">\n            <div class=\"title\" [textContent]=\"'TOTAL_LINE_DISCOUNT' | localize\"></div>\n            <div class=\"value\" [class.negative]=\"transactionLine.lineTotalDiscountAmount < 0\" [textContent]=\"transactionLine.lineTotalDiscountAmount | coCurrency\"></div>\n          </div>\n        </div>\n      </div>\n    </co-dialog>\n    <ng-template #dialogHeader>\n      <div class=\"dialog-header-title\" [textContent]=\"'DISCOUNT_PRICE_INFORMATION' | localize\"></div>\n      <div class=\"transaction-line-button big\" (click)=\"openThePriceListDialog()\">\n        <span class=\"co-transaction-overflow-ellipsis\" [textContent]=\"transactionLine.priceListDescription\"></span>\n      </div>\n    </ng-template>\n    <co-dialog-transaction-line-price-list *ngIf=\"showPriceListDialog\"\n        [transactionLine]=\"transactionLine\"\n        (close)=\"showPriceListDialog = false\"\n    ></co-dialog-transaction-line-price-list>\n  ",
-                    encapsulation: i0.ViewEncapsulation.None
-                },] }
-    ];
-    DialogTransactionLineDiscountComponent.ctorParameters = function () { return [
-        { type: DialogService },
-        { type: TransactionService }
-    ]; };
-    DialogTransactionLineDiscountComponent.propDecorators = {
-        showClass: [{ type: i0.HostBinding, args: ["class.co-dialog-transaction-line-discount",] }]
-    };
-
     var TransactionOverviewLineComponent = /** @class */ (function (_super) {
         __extends(TransactionOverviewLineComponent, _super);
         function TransactionOverviewLineComponent(service, iconCacheService, _dialogService, _dictionaryService) {
@@ -10931,6 +11346,8 @@
             _this.stock = stockStatus_enum.StockStatus.Low;
             _this.mouseOver = false;
             _this.readonly = false;
+            _this.showDialogVat = false;
+            _this.showDialogDiscount = false;
             _this.subscriptions = [];
             return _this;
         }
@@ -10943,17 +11360,18 @@
         TransactionOverviewLineComponent.prototype.handleMouseLeave = function (event) {
             this.mouseOver = false;
         };
+        TransactionOverviewLineComponent.prototype.ngOnChanges = function (changes) {
+            console.log(changes);
+        };
         TransactionOverviewLineComponent.prototype.ngOnInit = function () {
             var _this = this;
             this.subscriptions.push(this.lineSet.subscribe(function (set) {
                 if (set) {
                     _this.localAmount = _this._line.amount;
-                    _this._loadLineCommissionCode();
-                    _this._loadLineWarehouse();
-                    _this._loadLineDeliveryMethod();
                     _this._loadLineVat();
                 }
             }));
+            this.transactionKind = this.service.currentTransaction.transactionInfo.transactionKind;
         };
         TransactionOverviewLineComponent.prototype.ngOnDestroy = function () {
             this.subscriptions.forEach(function (subscription) { return subscription.unsubscribe(); });
@@ -10972,63 +11390,6 @@
             this.transactionLineActionButtons.textToEdit = text;
             this.transactionLineActionButtons.showArticleTextDialog();
         };
-        TransactionOverviewLineComponent.prototype.openCommissionCodeDialog = function () {
-            this._dialogService.showTransactionLineComponent(DialogTransactionLineCommissionCodeComponent, this.line);
-        };
-        TransactionOverviewLineComponent.prototype.openWarehouseDialog = function () {
-            this._dialogService.showTransactionLineComponent(DialogTransactionLineWarehouseComponent, this.line);
-        };
-        TransactionOverviewLineComponent.prototype.openDeliveryMethodDialog = function () {
-            this._dialogService.showTransactionLineComponent(DialogTransactionLineDeliveryMethodComponent, this.line);
-        };
-        TransactionOverviewLineComponent.prototype.openVatDialog = function () {
-            this._dialogService.showTransactionLineComponent(DialogTransactionLineVatComponent, this.line);
-        };
-        TransactionOverviewLineComponent.prototype.openDiscountDialog = function () {
-            this._dialogService.showTransactionLineComponent(DialogTransactionLineDiscountComponent, this.line);
-        };
-        TransactionOverviewLineComponent.prototype._loadLineCommissionCode = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    if (this.line && this.line.isArticle) {
-                        this.service.getCommissionCodes('NL').then(function (codes) {
-                            var commissionCode = codes.find(function (c) { return c.code === _this.line.commissionCode; });
-                            _this.line.commissionDescription = commissionCode ? commissionCode.description : "";
-                        });
-                    }
-                    return [2 /*return*/];
-                });
-            });
-        };
-        TransactionOverviewLineComponent.prototype._loadLineWarehouse = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    if (this.line && this.line.isArticle) {
-                        this.service.getWarehouses().then(function (warehouses) {
-                            var warehouse = warehouses.find(function (w) { return w.warehouseNo === _this.line.warehouseNumber; });
-                            _this.line.warehouseDescription = warehouse ? warehouse.description : "";
-                        });
-                    }
-                    return [2 /*return*/];
-                });
-            });
-        };
-        TransactionOverviewLineComponent.prototype._loadLineDeliveryMethod = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    if (this.line && this.line.isArticle) {
-                        this.service.getDeliveryMethods().then(function (methods) {
-                            var method = methods.find(function (m) { return m.code === _this.line.deliveryMethodCode; });
-                            _this.line.deliveryMethodDescription = method ? method.description : "";
-                        });
-                    }
-                    return [2 /*return*/];
-                });
-            });
-        };
         TransactionOverviewLineComponent.prototype._loadLineVat = function () {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
@@ -11048,7 +11409,7 @@
     TransactionOverviewLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-overview-line",
-                    template: "\n    <co-transaction-base-line [line]=\"line\" [preview]=\"preview\">\n      <ng-container *ngIf=\"line.isArticle\">\n        <div class=\"transaction-line-wrapper\">\n          <div *ngIf=!preview class=\"transaction-line-stock\">\n            <div class=\"transaction-line-stock-wrapper\">\n              <stock-status-indicator [model]=\"stock\"></stock-status-indicator>\n            </div>\n          </div>\n          <div *ngIf=!preview class=\"transaction-line-extended-wrapper\">\n            <co-transaction-line-commission-button [line]=\"line\"></co-transaction-line-commission-button>\n            <co-transaction-line-warehouse-button [line]=\"line\"></co-transaction-line-warehouse-button>\n            <co-transaction-line-delivery-button [line]=\"line\"></co-transaction-line-delivery-button>\n            <co-transaction-line-delivery-date-button [line]=\"line\" class=\"two-column\"></co-transaction-line-delivery-date-button>\n          </div>\n          <div *ngIf=\"!preview\" class=\"transaction-line-button\" (click)=\"openVatDialog()\">\n            <span class=\"co-transaction-overflow-ellipsis\" [textContent]=\"line.vatDescription\"></span>\n          </div>\n          <div class=\"transaction-line-totals\">\n            <co-transaction-line-price class=\"transaction-line-totals-price price\"\n                                       [transactionLine]=\"line\"\n                                       [showLabel]=\"false\"\n                                       [defaultEditMode]=\"false\"\n            ></co-transaction-line-price>\n            <div class=\"transaction-line-button custom-width\" (click)=\"openDiscountDialog()\">\n              <span class=\"co-transaction-overflow-ellipsis transaction-line-discount\" [class.negative]=\"line.lineTotalDiscountAmount < 0\"\n                    [textContent]=\"(line.lineTotalDiscountAmount | coCurrency) || ('DISCOUNT' | localize)\"></span>\n            </div>\n            <div *ngIf=!preview class=\"transaction-line-totals-amount\">\n              <co-input-number-picker class=\"amount-number-picker\"\n                                      [(model)]=\"localAmount\" [min]=\"0\"\n                                      [readonly]=\"readonly\"\n                                      (modelChange)=\"changeLineAmount($event)\"></co-input-number-picker>\n            </div>\n            <co-editable-label class=\"transaction-line-totals-total price\"\n                               [model]=\"line.displayNetLineTotal | coCurrency\"\n                               [editModel]=\"line.displayNetLineTotal\"\n                               [readonly]=\"readonly\"\n                               [commit]=\"!readonly\"\n            ></co-editable-label>\n          </div>\n        </div>\n      </ng-container>\n    </co-transaction-base-line>\n  ",
+                    template: "\n    <co-transaction-base-line [line]=\"line\" [preview]=\"preview\">\n      <ng-container *ngIf=\"line.isArticle\">\n        <div class=\"transaction-line-wrapper\">\n          <div *ngIf=!preview class=\"transaction-line-stock\">\n            <div class=\"transaction-line-stock-wrapper\">\n              <stock-status-indicator [model]=\"stock\"></stock-status-indicator>\n            </div>\n          </div>\n          <div *ngIf=!preview class=\"transaction-line-extended-wrapper\">\n            <co-transaction-line-commission-button [transactionLine]=\"line\" [transactionInfo]=\"service.currentTransaction.transactionInfo\"></co-transaction-line-commission-button>\n            <co-transaction-line-warehouse-button [transactionLine]=\"line\" [transactionInfo]=\"service.currentTransaction.transactionInfo\"></co-transaction-line-warehouse-button>\n            <co-transaction-line-delivery-button [transactionLine]=\"line\" [transactionInfo]=\"service.currentTransaction.transactionInfo\"></co-transaction-line-delivery-button>\n            <co-transaction-line-delivery-date-button [transactionLine]=\"line\" class=\"two-column\"></co-transaction-line-delivery-date-button>\n            <co-transaction-line-statusbar [transaction]=\"line\" [transactionKind]=\"transactionKind\"></co-transaction-line-statusbar>\n          </div>\n          <div *ngIf=\"!preview\" class=\"transaction-line-button\" (click)=\"showDialogVat = true\">\n            <span class=\"co-transaction-overflow-ellipsis\" [textContent]=\"line.vatDescription\"></span>\n          </div>\n          <div class=\"transaction-line-totals\">\n            <co-transaction-line-price class=\"transaction-line-totals-price price\"\n                                       [transactionLine]=\"line\"\n                                       [showLabel]=\"false\"\n                                       [defaultEditMode]=\"false\"\n            ></co-transaction-line-price>\n            <div class=\"transaction-line-button custom-width transaction-line-totals-discount\" (click)=\"showDialogDiscount = true\">\n              <span class=\"co-transaction-overflow-ellipsis\" [class.transaction-negative-value]=\"line.lineTotalDiscountAmount < 0\"\n                    [textContent]=\"(line.lineTotalDiscountAmount | coCurrency) || ('DISCOUNT' | localize)\"></span>\n            </div>\n            <div *ngIf=!preview class=\"transaction-line-totals-amount\">\n              <co-input-number-picker class=\"amount-number-picker\"\n                                      [(model)]=\"localAmount\" [min]=\"0\"\n                                      [readonly]=\"readonly\"\n                                      (modelChange)=\"changeLineAmount($event)\"></co-input-number-picker>\n            </div>\n            <co-editable-label class=\"transaction-line-totals-total price\"\n                               [model]=\"line.displayNetLineTotal | coCurrency\"\n                               [editModel]=\"line.displayNetLineTotal\"\n                               [readonly]=\"readonly\"\n                               [commit]=\"!readonly\"\n            ></co-editable-label>\n          </div>\n        </div>\n      </ng-container>\n    </co-transaction-base-line>\n    <co-dialog-transaction-line-vat *ngIf=\"showDialogVat\"\n                                    [autoClose]=\"true\"\n                                    [transactionInfo]=\"service.currentTransaction.transactionInfo\"\n                                    [transactionLine]=\"line\"\n                                    (close)=\"showDialogVat = false\">\n    </co-dialog-transaction-line-vat>\n    <co-dialog-transaction-line-discount *ngIf=\"showDialogDiscount\"\n                                         [transactionInfo]=\"service.currentTransaction.transactionInfo\"\n                                         [transactionLine]=\"line\"\n                                         (close)=\"showDialogDiscount = false\"\n    ></co-dialog-transaction-line-discount>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -11086,6 +11447,7 @@
             this._subscriptions.push(this._transactionEventService.selectAllLines.subscribe(function (value) {
                 _this.selected = value;
             }));
+            this.transactionKind = this.service.currentTransaction.transactionInfo.transactionKind;
         };
         TransactionOrderDeliveryLineComponent.prototype.ngOnDestroy = function () {
             this._subscriptions.forEach(function (s) { return s.unsubscribe(); });
@@ -11097,7 +11459,7 @@
     TransactionOrderDeliveryLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-order-delivery-line",
-                    template: "\n    <co-transaction-base-line [line]=\"line\" [preview]=\"preview\" [checkbox]=\"true\" [checkboxValue]=\"selected\" [actionButtons]=\"false\">\n      <div class=\"transaction-line-buttons-grid\">\n        <div class=\"row-1\">\n          <co-transaction-line-warehouse-button [line]=\"line\"></co-transaction-line-warehouse-button>\n          <co-transaction-line-delivery-button [line]=\"line\"></co-transaction-line-delivery-button>\n        </div>\n        <div class=\"row-2\">\n          <co-transaction-line-delivery-date-button [line]=\"line\"></co-transaction-line-delivery-date-button>\n          <co-status-bar class=\"status-bar\"></co-status-bar>\n        </div>\n      </div>\n      <div class=\"transaction-line-totals\">\n        <co-editable-label class=\"transaction-line-totals-total price\"\n          [model]=\"(line.price + line.discountAmount) | coCurrency\"\n          [editModel]=\"line.displayNetLineTotal\"\n          [readonly]=\"true\"\n        ></co-editable-label>\n        <co-editable-label class=\"transaction-line-totals-total price\"\n          [model]=\"line.price | coCurrency\"\n          [readonly]=\"true\"\n        ></co-editable-label>\n        <co-editable-label class=\"transaction-line-totals-total price\"\n          [model]=\"line.amount.toString() + 'x'\"\n          [readonly]=\"true\"\n        ></co-editable-label>\n        <co-editable-label class=\"transaction-line-totals-total price\"\n                           [model]=\"line.displayNetLineTotal * line.amount | coCurrency\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n        <co-editable-label class=\"transaction-line-totals-total price\"\n                           [class.fully-delivered]=\"false\"\n                           [class.partially-delivered]=\"true\"\n                           [model]=\"(line.amount - line.quantityDelivered).toString()\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n        <div class=\"transaction-line-totals-amount\">\n        <co-input-number-picker class=\"amount-number-picker\"\n                                [(model)]=\"localAmount\"\n                                [min]=\"!allowPartialDelivery ? line.amount : 0\"\n                                [max]=\"line.amount\"\n                                [readonly]=\"readonly || !allowPartialDelivery\"\n                                (modelChange)=\"changeLineAmount($event)\">\n        </co-input-number-picker>\n        </div>\n        <co-editable-label class=\"transaction-line-totals-total price discount\"\n                           [model]=\"'-' + (line.discountAmount | coCurrency)\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n      </div>\n    </co-transaction-base-line>\n  ",
+                    template: "\n    <co-transaction-base-line [line]=\"line\" [preview]=\"preview\" [checkbox]=\"true\" [checkboxValue]=\"selected\" [actionButtons]=\"false\">\n      <div class=\"transaction-line-buttons-grid\">\n        <div class=\"row-1\">\n          <co-transaction-line-warehouse-button [transactionLine]=\"line\" [transactionInfo]=\"service.currentTransaction.transactionInfo\"></co-transaction-line-warehouse-button>\n          <co-transaction-line-delivery-button [transactionLine]=\"line\" [transactionInfo]=\"service.currentTransaction.transactionInfo\"></co-transaction-line-delivery-button>\n        </div>\n        <div class=\"row-2\">\n          <co-transaction-line-delivery-date-button [transactionLine]=\"line\"></co-transaction-line-delivery-date-button>\n          <co-transaction-line-statusbar [transaction]=\"line\" [transactionKind]=\"transactionKind\"></co-transaction-line-statusbar>\n        </div>\n      </div>\n      <div class=\"transaction-line-totals\">\n        <co-editable-label class=\"transaction-line-totals-total price\"\n          [model]=\"(line.price + line.discountAmount) | coCurrency\"\n          [editModel]=\"line.displayNetLineTotal\"\n          [readonly]=\"true\"\n        ></co-editable-label>\n        <co-editable-label class=\"transaction-line-totals-total price\"\n          [model]=\"line.price | coCurrency\"\n          [readonly]=\"true\"\n        ></co-editable-label>\n        <co-editable-label class=\"transaction-line-totals-total price\"\n          [model]=\"line.amount.toString() + 'x'\"\n          [readonly]=\"true\"\n        ></co-editable-label>\n        <co-editable-label class=\"transaction-line-totals-total price\"\n                           [model]=\"line.displayNetLineTotal * line.amount | coCurrency\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n        <co-editable-label class=\"transaction-line-totals-total price\"\n                           [class.fully-delivered]=\"false\"\n                           [class.partially-delivered]=\"true\"\n                           [model]=\"(line.amount - line.quantityDelivered).toString()\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n        <div class=\"transaction-line-totals-amount\">\n        <co-input-number-picker class=\"amount-number-picker\"\n                                [(model)]=\"localAmount\"\n                                [min]=\"!allowPartialDelivery ? line.amount : 0\"\n                                [max]=\"line.amount\"\n                                [readonly]=\"readonly || !allowPartialDelivery\"\n                                (modelChange)=\"changeLineAmount($event)\">\n        </co-input-number-picker>\n        </div>\n        <co-editable-label class=\"transaction-line-totals-total price discount\"\n                           [model]=\"'-' + (line.discountAmount | coCurrency)\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n      </div>\n    </co-transaction-base-line>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -11277,7 +11639,7 @@
     TransactionReceiveGoodsLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-receive-goods-line",
-                    template: "\n    <co-transaction-base-line [line]=\"viewModel\" [preview]=\"preview\" [actionButtons]=\"false\" (click)=\"handleLineClicked($event)\">\n      <div class=\"line-content-wrapper\">\n        <co-transaction-line-warehouse-button [readonly]=\"true\" [line]=\"viewModel\"></co-transaction-line-warehouse-button>\n        <co-transaction-line-warehouse-location-button [readonly]=\"viewModel.quantityReceived === viewModel.amount\" [line]=\"viewModel\"></co-transaction-line-warehouse-location-button>\n        <co-editable-label class=\"transaction-line-totals-total price\"\n                           [model]=\"viewModel.amount.toString() + 'x'\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n        <co-editable-label class=\"transaction-line-totals-total price\"\n                           [class.fully-delivered]=\"viewModel.quantityReceived === viewModel.amount\"\n                           [class.partially-delivered]=\"viewModel.quantityReceived !== viewModel.amount\"\n                           [model]=\"(viewModel.amount - viewModel.quantityDelivered).toString()\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n        <div class=\"transaction-line-totals-amount\">\n          <co-input-number-picker class=\"amount-number-picker\"\n                                  [(model)]=\"viewModel.quantityToReceive\"\n                                  [min]=\"!allowPartialDelivery ? viewModel.amount : 1\"\n                                  [max]=\"viewModel.amount - viewModel.quantityReceived\"\n                                  [readonly]=\"readonly || !allowPartialDelivery || viewModel.quantityReceived === viewModel.amount\"\n                                  (modelChange)=\"changeLineAmount($event)\">\n          </co-input-number-picker>\n        </div>\n        <co-input-checkbox class=\"transaction-line-checkbox\"\n                           [(model)]=\"viewModel.selected\"\n                           [disabled]=\"viewModel.quantityReceived === viewModel.amount\"\n        ></co-input-checkbox>\n        <div class=\"print-button\">\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.PrintSolid)\"></co-icon>\n          <span class=\"price\" [textContent]=\"1\"></span>\n        </div>\n      </div>\n    </co-transaction-base-line>\n  ",
+                    template: "\n    <co-transaction-base-line [line]=\"viewModel\" [preview]=\"preview\" [actionButtons]=\"false\" (click)=\"handleLineClicked($event)\">\n      <div class=\"line-content-wrapper\">\n        <co-transaction-line-warehouse-button [transactionLine]=\"viewModel\" [transactionInfo]=\"service.currentTransaction.transactionInfo\"></co-transaction-line-warehouse-button>\n        <co-transaction-line-warehouse-location-button [readonly]=\"viewModel.quantityReceived === viewModel.amount\" [line]=\"viewModel\"></co-transaction-line-warehouse-location-button>\n        <co-editable-label class=\"transaction-line-totals-total price\"\n                           [model]=\"viewModel.amount.toString() + 'x'\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n        <co-editable-label class=\"transaction-line-totals-total price\"\n                           [class.fully-delivered]=\"viewModel.quantityReceived === viewModel.amount\"\n                           [class.partially-delivered]=\"viewModel.quantityReceived !== viewModel.amount\"\n                           [model]=\"(viewModel.amount - viewModel.quantityDelivered).toString()\"\n                           [readonly]=\"true\"\n        ></co-editable-label>\n        <div class=\"transaction-line-totals-amount\">\n          <co-input-number-picker class=\"amount-number-picker\"\n                                  [(model)]=\"viewModel.quantityToReceive\"\n                                  [min]=\"!allowPartialDelivery ? viewModel.amount : 1\"\n                                  [max]=\"viewModel.amount - viewModel.quantityReceived\"\n                                  [readonly]=\"readonly || !allowPartialDelivery || viewModel.quantityReceived === viewModel.amount\"\n                                  (modelChange)=\"changeLineAmount($event)\">\n          </co-input-number-picker>\n        </div>\n        <co-input-checkbox class=\"transaction-line-checkbox\"\n                           [(model)]=\"viewModel.selected\"\n                           [disabled]=\"viewModel.quantityReceived === viewModel.amount\"\n        ></co-input-checkbox>\n        <div class=\"print-button\">\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.PrintSolid)\"></co-icon>\n          <span class=\"price\" [textContent]=\"1\"></span>\n        </div>\n      </div>\n    </co-transaction-base-line>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -11481,6 +11843,9 @@
         TransactionLineComponent.prototype.showClass = function () {
             return true;
         };
+        TransactionLineComponent.prototype.ngOnChanges = function (changes) {
+            this._prepareProps();
+        };
         TransactionLineComponent.prototype._prepareContent = function () {
             var _this = this;
             if (!this._transactionType || !this._activeCategory || !this._transactionLineContainer) {
@@ -11497,12 +11862,7 @@
                 .resolveComponentFactory(componentClass)
                 .create(this.injector);
             this.appRef.attachView(this._componentRef.hostView);
-            this._componentRef.instance.preview = this.preview;
-            this._componentRef.instance.selected = this.selected;
-            this._componentRef.instance.line = this.line;
-            this._componentRef.instance.transactionId = this.transactionId;
-            this._componentRef.instance.waitingForUserAction = this.waitingForUserAction;
-            this._componentRef.instance.lineVisible = this.lineVisible;
+            this._prepareProps();
             var domElem = this._componentRef.hostView
                 .rootNodes[0];
             this._transactionLineContainer.nativeElement.appendChild(domElem);
@@ -11510,12 +11870,22 @@
                 _this.appRef.detachView(_this._componentRef.hostView);
             });
         };
+        TransactionLineComponent.prototype._prepareProps = function () {
+            if (this._componentRef) {
+                this._componentRef.instance.preview = this.preview;
+                this._componentRef.instance.selected = this.selected;
+                this._componentRef.instance.line = this.line;
+                this._componentRef.instance.transactionId = this.transactionId;
+                this._componentRef.instance.waitingForUserAction = this.waitingForUserAction;
+                this._componentRef.instance.lineVisible = this.lineVisible;
+            }
+        };
         return TransactionLineComponent;
     }());
     TransactionLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line",
-                    template: "\n    <div #transactionLine observeVisibility (visible)=\"this.lineVisible.next()\"></div>\n    ",
+                    template: "\n    <div #transactionLine observeVisibility (visible)=\"lineVisible.next()\"></div>\n    ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -11572,6 +11942,8 @@
             this.saveTransactionLine = new i0.EventEmitter();
             this.showTransactionArticleText = false;
             this.userActionRequired = false;
+            this.hasComponent = true;
+            this._activeCategory = TransactionTypeCategory.SalesOrderOverview;
         }
         Object.defineProperty(TransactionLinesComponent.prototype, "activeCategory", {
             get: function () {
@@ -11636,9 +12008,6 @@
             this.saveTransactionLine.next(transactionLine);
             this._hideArticleTextDialog();
         };
-        TransactionLinesComponent.prototype.transactionLineComponent = function () {
-            return !!this._mappingService.getTransactionLineComponent(this.service.currentTransaction.transactionInfo.transactionKind, this._activeCategory);
-        };
         TransactionLinesComponent.prototype._showArticleTextDialog = function () {
             this.showTransactionArticleText = true;
         };
@@ -11651,6 +12020,7 @@
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
+                            this.hasComponent = !!this._mappingService.getTransactionLineComponent(this.service.currentTransaction.transactionInfo.transactionKind, this._activeCategory);
                             if (!(this._activeCategory === TransactionTypeCategory.PurchaseOrderReceivedGoods)) return [3 /*break*/, 2];
                             if (!this.transactionLines.find(function (l) { return l.isLocationRequired; })) return [3 /*break*/, 2];
                             return [4 /*yield*/, this._dialogService.showWarehouseLocation(this.transactionLines[0].warehouseNumber, false, false, true)];
@@ -11670,7 +12040,7 @@
     TransactionLinesComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-lines",
-                    template: "\n    <div cdkDropListGroup class=\"drop-list-group\">\n      <div #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n           class=\"transaction-lines-drag-drop-list narrow-scrollbar\"\n           [cdkDropListDisabled]=\"preview || userActionRequired\"\n           [cdkDropListData]=\"transactionLines\"\n           [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n           (cdkDropListDropped)=\"handleDrop($event)\"\n      >\n        <div class=\"draggable-transaction-line\" *ngFor=\"let line of transactionLines; trackBy:trackByFn;\" cdkDrag>\n          <co-icon *ngIf=\"!preview\" class=\"transaction-line-drag-handle\"\n                   [class.show]=\"line === selectedTransactionLine && transactionLines.length > 1\" cdkDragHandle\n                   [iconData]=\"iconCacheService.getIcon(icons.GripDotsVerticalSolid)\">\n          </co-icon>\n          <co-transaction-line *ngIf=\"transactionLineComponent()\"\n                               [transactionType]=\"service.currentTransaction.transactionInfo.transactionKind\"\n                               [activeCategory]=\"activeCategory\"\n                               [transactionId]=\"transactionId\"\n                               [preview]=\"preview\"\n                               [line]=\"line\"\n                               [selected]=\"line === selectedTransactionLine\"\n                               (waitingForUserAction)=\"userActionRequired = $event\"\n                               (dblclick)=\"handleTransactionLineDblClick(line)\"\n                               (click)=\"selectedTransactionLine = line\"\n          ></co-transaction-line>\n        </div>\n      </div>\n    </div>\n    <!--\n        <co-button *ngIf=!preview class=\"add-text-button circle\" [iconData]=\"iconCacheService.getIcon(icons.Txt)\" (click)=\"handleTransactionArticleText($event)\"></co-button>\n    -->\n    <co-transaction-article-text *ngIf=\"showTransactionArticleText\"\n                                 [header]=\"'TEXT' | localize\"\n                                 [transactionLine]=\"selectedArticleText\"\n                                 [editText]=\"textToEdit\"\n                                 (saveClick)=\"saveTransactionArticleLineText($event)\"\n                                 (closeClick)=\"closeTransactionArticleText($event)\"\n                                 (cancelClick)=\"closeTransactionArticleText($event)\"\n    ></co-transaction-article-text>\n  ",
+                    template: "\n    <div cdkDropListGroup class=\"drop-list-group\">\n      <div #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n           class=\"transaction-lines-drag-drop-list narrow-scrollbar\"\n           [cdkDropListDisabled]=\"preview || userActionRequired\"\n           [cdkDropListData]=\"transactionLines\"\n           [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n           (cdkDropListDropped)=\"handleDrop($event)\"\n      >\n        <div class=\"draggable-transaction-line\" *ngFor=\"let line of transactionLines; trackBy:trackByFn;\" cdkDrag>\n          <co-icon *ngIf=\"!preview\" class=\"transaction-line-drag-handle\"\n                   [class.show]=\"line === selectedTransactionLine && transactionLines.length > 1\" cdkDragHandle\n                   [iconData]=\"iconCacheService.getIcon(icons.GripDotsVerticalSolid)\">\n          </co-icon>\n          <co-transaction-line *ngIf=\"hasComponent\"\n                               [transactionType]=\"service.currentTransaction.transactionInfo.transactionKind\"\n                               [activeCategory]=\"activeCategory\"\n                               [transactionId]=\"transactionId\"\n                               [preview]=\"preview\"\n                               [line]=\"line\"\n                               [selected]=\"line === selectedTransactionLine\"\n                               (waitingForUserAction)=\"userActionRequired = $event\"\n                               (dblclick)=\"handleTransactionLineDblClick(line)\"\n                               (click)=\"selectedTransactionLine = line\"\n          ></co-transaction-line>\n        </div>\n      </div>\n    </div>\n    <!--\n        <co-button *ngIf=!preview class=\"add-text-button circle\" [iconData]=\"iconCacheService.getIcon(icons.Txt)\" (click)=\"handleTransactionArticleText($event)\"></co-button>\n    -->\n    <co-transaction-article-text *ngIf=\"showTransactionArticleText\"\n                                 [header]=\"'TEXT' | localize\"\n                                 [transactionLine]=\"selectedArticleText\"\n                                 [editText]=\"textToEdit\"\n                                 (saveClick)=\"saveTransactionArticleLineText($event)\"\n                                 (closeClick)=\"closeTransactionArticleText($event)\"\n                                 (cancelClick)=\"closeTransactionArticleText($event)\"\n    ></co-transaction-article-text>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -11735,7 +12105,7 @@
     ShoppingCartPreviewComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-shopping-cart-preview",
-                    template: "\n    <div class=\"cart-header\">\n      <span class=\"cart-header-label\" [textContent]=\"'CART' | localize\"></span>\n    </div>\n    <div class=\"cart-lines\">\n      <co-transaction-lines\n        [transactionInfo]=\"service.currentTransaction.transactionInfo\"\n        [transactionLines]=\"service.currentTransaction.transactionLines\"\n        [preview]=\"true\"\n      ></co-transaction-lines>\n    </div>\n    <div class=\"preview-totals-wrapper\">\n      <co-transaction-totals [totals]=\"service.currentTransaction.transactionTotal\"></co-transaction-totals>\n    </div>\n    <div class=\"cart-buttons\">\n      <a class=\"button-edit-cart\" [textContent]=\"'EDIT_CART' | localize\"\n         (click)=\"editCartClick.emit()\"\n      ></a>\n      <co-button *ngIf=\"showCheckoutButton\" class=\"button-checkout\" [label]=\"'SHOPPING_CART_CHECKOUT' | localize\"\n                 [disabled]=\"!service.articleAmount\"\n                 (click)=\"checkout.emit()\"></co-button>\n    </div>\n  ",
+                    template: "\n    <div class=\"cart-header\">\n      <span class=\"cart-header-label\" [textContent]=\"'CART' | localize\"></span>\n    </div>\n    <div class=\"cart-lines\">\n      <co-transaction-lines\n        [transactionInfo]=\"service.currentTransaction.transactionInfo\"\n        [transactionLines]=\"service.currentTransaction.transactionLines\"\n        [preview]=\"true\"\n      ></co-transaction-lines>\n    </div>\n    <div class=\"preview-totals-wrapper\">\n      <co-transaction-totals\n        [transactionInfo]=\"service.currentTransaction.transactionInfo\"\n        [transactionTotal]=\"service.currentTransaction.transactionTotal\"\n      ></co-transaction-totals>\n    </div>\n    <div class=\"cart-buttons\">\n      <a class=\"button-edit-cart\" [textContent]=\"'EDIT_CART' | localize\"\n         (click)=\"editCartClick.emit()\"\n      ></a>\n      <co-button *ngIf=\"showCheckoutButton\" class=\"button-checkout\" [label]=\"'SHOPPING_CART_CHECKOUT' | localize\"\n                 [disabled]=\"!service.articleAmount\"\n                 (click)=\"checkout.emit()\"></co-button>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -11862,9 +12232,10 @@
     ]; };
 
     var AvatarComponent = /** @class */ (function () {
-        function AvatarComponent(_transactionService, _sharedService) {
+        function AvatarComponent(_transactionService, _sharedService, _colorSequenceService) {
             this._transactionService = _transactionService;
             this._sharedService = _sharedService;
+            this._colorSequenceService = _colorSequenceService;
         }
         Object.defineProperty(AvatarComponent.prototype, "image", {
             get: function () {
@@ -11890,6 +12261,17 @@
         AvatarComponent.prototype.showClass = function () {
             return true;
         };
+        Object.defineProperty(AvatarComponent.prototype, "initials", {
+            get: function () {
+                return this._initials;
+            },
+            set: function (value) {
+                this._initials = value;
+                this._setBackgroundColor();
+            },
+            enumerable: false,
+            configurable: true
+        });
         AvatarComponent.prototype.ngAfterViewInit = function () {
             this._getRelation();
         };
@@ -11928,6 +12310,11 @@
                 });
             }
         };
+        AvatarComponent.prototype._setBackgroundColor = function () {
+            if (this.relation) {
+                this.backgroundColor = this._colorSequenceService.getRandomColor(this.relation.relationId);
+            }
+        };
         return AvatarComponent;
     }());
     AvatarComponent.decorators = [
@@ -11939,13 +12326,15 @@
     ];
     AvatarComponent.ctorParameters = function () { return [
         { type: TransactionService },
-        { type: SharedService }
+        { type: SharedService },
+        { type: corecomponents_v12.ColorSequenceService }
     ]; };
     AvatarComponent.propDecorators = {
         image: [{ type: i0.Input }],
         relationId: [{ type: i0.Input }],
         relation: [{ type: i0.Input }],
-        showClass: [{ type: i0.HostBinding, args: ["class.co-avatar",] }]
+        showClass: [{ type: i0.HostBinding, args: ["class.co-avatar",] }],
+        backgroundColor: [{ type: i0.HostBinding, args: ["style.background-color",] }]
     };
 
     var AvatarModule = /** @class */ (function () {
@@ -12438,7 +12827,7 @@
     RelationTypeComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-relation-type",
-                    template: "\n    <div class=\"default-data-row\">\n      <co-input-radio-button class=\"default-width\"\n                             [name]=\"'type'\"\n                             [label]=\"'PRIVATE_PERSON' | localize\"\n                             [value]=\"relType.Private\"\n                             [checked]=\"relation.type === relType.Private\"\n                             (modelChange)=\"handleChangeRelationType(relType.Private)\"\n      ></co-input-radio-button>\n      <co-input-radio-button class=\"default-width\"\n                             [name]=\"'type'\"\n                             [label]=\"'COMPANY' | localize\"\n                             [value]=\"relType.Company\"\n                             [(model)]=\"relation.type\"\n                             [checked]=\"relation.type === relType.Company\"\n                             (modelChange)=\"handleChangeRelationType(relType.Company)\"\n      ></co-input-radio-button>\n    </div>\n    ",
+                    template: "\n    <div class=\"default-data-row\">\n      <co-input-radio-button class=\"default-width\"\n                             [label]=\"'PRIVATE_PERSON' | localize\"\n                             [model]=\"relation.type === relType.Private\"\n                             (modelChange)=\"handleChangeRelationType(relType.Private)\"\n      ></co-input-radio-button>\n      <co-input-radio-button class=\"default-width\"\n                             [label]=\"'COMPANY' | localize\"\n                             [model]=\"relation.type === relType.Company\"\n                             (modelChange)=\"handleChangeRelationType(relType.Company)\"\n      ></co-input-radio-button>\n    </div>\n    ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -12586,7 +12975,7 @@
     RelationGeneralComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-relation-general",
-                    template: "\n    <div *ngIf=\"relation.type === relType.Private\" class=\"collapseable\" @showHidePrivateRelationFields>\n      <div class=\"default-data-row\">\n        <co-input-text\n          class=\"checkout-first-name\"\n          [(model)]=\"relation.firstName\"\n          [placeholder]=\"'FIRST_NAME' | localize\"\n          (modelChange)=\"firstNameChange($event)\"\n          (blur)=\"checkVisibilitySuggestions()\"\n          [required]=\"true\"\n        ></co-input-text>\n        <co-input-text\n          class=\"checkout-prefix-name default-width\"\n          [(model)]=\"relation.prefix\"\n          [placeholder]=\"'PREFIX' | localize\"\n        ></co-input-text>\n        <co-input-text\n          class=\"checkout-last-name\"\n          [(model)]=\"relation.familyName\"\n          [placeholder]=\"'LAST_NAME' | localize\"\n          (modelChange)=\"familyNameChange($event)\"\n          (blur)=\"checkVisibilitySuggestions()\"\n          [required]=\"true\"></co-input-text>\n      </div>\n      <div class=\"default-data-row\">\n        <co-input-radio-button class=\"default-width\"\n                               [name]=\"'gender'\"\n                               [label]=\"'MALE' | localize\"\n                               [value]=\"genderType.Male\"\n                               [checked]=\"relation.gender === genderType.Male\"\n                               (modelChange)=\"changeGenderType(genderType.Male)\"\n        ></co-input-radio-button>\n        <co-input-radio-button class=\"default-width\"\n                               [name]=\"'gender'\"\n                               [label]=\"'FEMALE' | localize \"\n                               [value]=\"genderType.Female\"\n                               [checked]=\"relation.gender === genderType.Female\"\n                               (modelChange)=\"changeGenderType(genderType.Female)\"\n        ></co-input-radio-button>\n        <co-input-radio-button class=\"default-width\"\n                               [name]=\"'gender'\"\n                               [label]=\"'UNKNOWN' | localize\"\n                               [value]=\"genderType.Unspecified\"\n                               [checked]=\"relation.gender === genderType.Unspecified\"\n                               (modelChange)=\"changeGenderType(genderType.Unspecified)\"\n        ></co-input-radio-button>\n      </div>\n      <div class=\"default-data-row\">\n        <co-input-date [placeholder]=\"'DATE_OF_BIRTH' | localize \" [(model)]=\"dateOfBirth\"></co-input-date>\n      </div>\n    </div>\n    <div *ngIf=\"relation?.type === relType.Company\" class=\"default-data-row collapseable\" @showHideCompanyRelationFields>\n      <co-input-text [(model)]=\"relation.familyName\" [placeholder]=\"'COMPANY_NAME' | localize\" [required]=\"true\"></co-input-text>\n    </div>\n\n    <div class=\"suggestions-sidebar\" *ngIf=\"showSuggestionsSidebar\" @showHideSidebar>\n      <div class=\"relation-sidebar-header\">\n        <label class=\"checkout-label-h3\" [textContent]=\"'SUGGESTIONS' | localize\"></label>\n      </div>\n      <co-relation-suggestions-list\n        [suggestions]=\"relationSuggestions\"\n        (suggestionSelected)=\"onRelationSuggestionClick($event)\"\n      ></co-relation-suggestions-list>\n    </div>\n  ",
+                    template: "\n    <div *ngIf=\"relation.type === relType.Private\" class=\"collapseable\" @showHidePrivateRelationFields>\n      <div class=\"default-data-row\">\n        <co-input-text\n          class=\"checkout-first-name\"\n          [(model)]=\"relation.firstName\"\n          [placeholder]=\"'FIRST_NAME' | localize\"\n          (modelChange)=\"firstNameChange($event)\"\n          (blur)=\"checkVisibilitySuggestions()\"\n          [required]=\"true\"\n        ></co-input-text>\n        <co-input-text\n          class=\"checkout-prefix-name default-width\"\n          [(model)]=\"relation.prefix\"\n          [placeholder]=\"'PREFIX' | localize\"\n        ></co-input-text>\n        <co-input-text\n          class=\"checkout-last-name\"\n          [(model)]=\"relation.familyName\"\n          [placeholder]=\"'LAST_NAME' | localize\"\n          (modelChange)=\"familyNameChange($event)\"\n          (blur)=\"checkVisibilitySuggestions()\"\n          [required]=\"true\"></co-input-text>\n      </div>\n      <div class=\"default-data-row\">\n        <co-input-radio-button class=\"default-width\"\n                               [label]=\"'MALE' | localize\"\n                               [model]=\"relation.gender === genderType.Male\"\n                               (modelChange)=\"changeGenderType(genderType.Male)\"\n        ></co-input-radio-button>\n        <co-input-radio-button class=\"default-width\"\n                               [label]=\"'FEMALE' | localize \"\n                               [model]=\"relation.gender === genderType.Female\"\n                               (modelChange)=\"changeGenderType(genderType.Female)\"\n        ></co-input-radio-button>\n        <co-input-radio-button class=\"default-width\"\n                               [label]=\"'UNKNOWN' | localize\"\n                               [model]=\"relation.gender === genderType.Unspecified\"\n                               (modelChange)=\"changeGenderType(genderType.Unspecified)\"\n        ></co-input-radio-button>\n      </div>\n      <div class=\"default-data-row\">\n        <co-input-date [placeholder]=\"'DATE_OF_BIRTH' | localize \" [(model)]=\"dateOfBirth\"></co-input-date>\n      </div>\n    </div>\n    <div *ngIf=\"relation?.type === relType.Company\" class=\"default-data-row collapseable\" @showHideCompanyRelationFields>\n      <co-input-text [(model)]=\"relation.familyName\" [placeholder]=\"'COMPANY_NAME' | localize\" [required]=\"true\"></co-input-text>\n    </div>\n\n    <div class=\"suggestions-sidebar\" *ngIf=\"showSuggestionsSidebar\" @showHideSidebar>\n      <div class=\"relation-sidebar-header\">\n        <label class=\"checkout-label-h3\" [textContent]=\"'SUGGESTIONS' | localize\"></label>\n      </div>\n      <co-relation-suggestions-list\n        [suggestions]=\"relationSuggestions\"\n        (suggestionSelected)=\"onRelationSuggestionClick($event)\"\n      ></co-relation-suggestions-list>\n    </div>\n  ",
                     animations: [
                         animations.trigger("showHidePrivateRelationFields", [
                             animations.state("void", animations.style({ height: 0 })),
@@ -12648,6 +13037,8 @@
             return true;
         };
         RelationSuggestionsListItemComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             this.selectionSelected.next(this.suggestion);
         };
         return RelationSuggestionsListItemComponent;
@@ -13061,7 +13452,9 @@
         TransactionHeaderDeliveryComponent.prototype.showClass = function () {
             return true;
         };
-        TransactionHeaderDeliveryComponent.prototype.showTheDeliveryMethodDialog = function () {
+        TransactionHeaderDeliveryComponent.prototype.showTheDeliveryMethodDialog = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             this.showDeliveryMethodDialog = true;
         };
         TransactionHeaderDeliveryComponent.prototype.transactionSet = function () {
@@ -13079,7 +13472,7 @@
     TransactionHeaderDeliveryComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-delivery",
-                    template: "\n    <co-transaction-header-block\n      [headerBlockTemplate]=\"headerBlock\"\n      [firstBlockTemplate]=\"firstBlock\"\n      [secondBlockTemplate]=\"secondBlock\"\n      [thirdBlockTemplate]=\"thirdBlock\"\n      [hasDetails]=\"true\"\n      (headerClick)=\"showDialog = true\"\n    >\n    </co-transaction-header-block>\n    <ng-template #headerBlock>\n      <div class=\"header-delivery-method\" (click)=\"showTheDeliveryMethodDialog()\">\n        <co-icon class=\"header-delivery-truck-icon\" [iconData]=\"iconService.getIcon(icons.TruckFastSolid)\"></co-icon>\n        <span [textContent]=\"deliveryMethod?.description\"></span>\n      </div>\n      <co-icon class=\"planning-request-button\" [class.co-transaction-check]=\"transactionInfo.deliveryDateDefinitive\"\n             [iconData]=\"iconService.getIcon(icons.CalendarDayRegular)\"></co-icon>\n    </ng-template>\n    <ng-template #firstBlock>\n      <div class=\"header-delivery-deliverydate-label co-transaction-label\" [textContent]=\"'DELIVERY_DATE' | localize\"></div>\n      <div class=\"header-delivery-deliverydate-wrapper\" [class.closed]=\"transactionInfo.deliveryDateDefinitive\">\n        <co-transaction-header-delivery-date class=\"header-delivery-deliverydate\"\n                                             [transactionInfo]=\"transactionInfo\"\n                                             [defaultEditMode]=\"false\"\n                                             [showLabel]=\"false\"\n        ></co-transaction-header-delivery-date>\n        <co-icon *ngIf=\"transactionInfo.deliveryDateDefinitive\" [iconData]=\"iconService.getIcon(icons.LockKeyholeSolid)\"></co-icon>\n        <co-icon *ngIf=\"!transactionInfo.deliveryDateDefinitive\" [iconData]=\"iconService.getIcon(icons.LockKeyholeOpenSolid)\"></co-icon>\n      </div>\n    </ng-template>\n    <ng-template #secondBlock>\n      <div class=\"header-delivery-preferred-deliverydate-label co-transaction-label\" [textContent]=\"'PREFERRED_DATE' | localize\"></div>\n      <co-transaction-header-preferred-delivery-date class=\"header-delivery-deliverydate\"\n                                                     [transactionInfo]=\"transactionInfo\"\n                                                     [defaultEditMode]=\"false\"\n                                                     [showLabel]=\"false\"\n      ></co-transaction-header-preferred-delivery-date>\n    </ng-template>\n    <ng-template #thirdBlock>\n      <div class=\"header-delivery-partial-delivery-label co-transaction-label\" [textContent]=\"'PART_DELIVERY' | localize\"></div>\n      <co-input-checkbox class=\"header-delivery-partial-delivery\" [model]=\"transactionInfo.allowPartialDelivery\"></co-input-checkbox>\n    </ng-template>\n    <co-dialog *ngIf=\"showDialog\" [headerTemplate]=\"headerTemplate\" (closeClick)=\"showDialog = false\">\n      <ng-template #headerTemplate>\n        <div class=\"co-transaction-dialog-header-title\" [textContent]=\"'DELIVERY_INFORMATION' | localize\"></div>\n        <co-transaction-header-block class=\"in-dialog\"\n          [headerBlockTemplate]=\"headerBlock\"\n          [firstBlockTemplate]=\"firstBlock\"\n          [secondBlockTemplate]=\"secondBlock\"\n          [thirdBlockTemplate]=\"thirdBlock\"\n        >\n        </co-transaction-header-block>\n      </ng-template>\n      <div class=\"co-transaction-header-delivery-wrapper\">\n        <co-transaction-header-delivery-options\n          [transactionInfo]=\"transactionInfo\"\n          [deliveryMethod]=\"deliveryMethod\"\n        ></co-transaction-header-delivery-options>\n        <co-transaction-header-remarks [transactionInfo]=\"transactionInfo\"></co-transaction-header-remarks>\n        <co-transaction-header-reference [transactionInfo]=\"transactionInfo\"></co-transaction-header-reference>\n        <co-transaction-header-relation-reference [transactionInfo]=\"transactionInfo\"></co-transaction-header-relation-reference>\n      </div>\n    </co-dialog>\n    <co-dialog-transaction-header-delivery-method *ngIf=\"showDeliveryMethodDialog\"\n                                                  [autoClose]=\"true\"\n                                                  [transactionInfo]=\"transactionInfo\" (close)=\"showDeliveryMethodDialog = false\">\n    </co-dialog-transaction-header-delivery-method>\n  ",
+                    template: "\n    <co-transaction-header-block\n      [headerBlockTemplate]=\"headerBlock\"\n      [firstBlockTemplate]=\"firstBlock\"\n      [secondBlockTemplate]=\"secondBlock\"\n      [thirdBlockTemplate]=\"thirdBlock\"\n      [hasDetails]=\"true\"\n      (headerClick)=\"showDialog = true\"\n    >\n    </co-transaction-header-block>\n    <ng-template #headerBlock>\n      <div class=\"header-delivery-method\" (click)=\"showTheDeliveryMethodDialog($event)\">\n        <co-icon class=\"header-delivery-truck-icon\" [iconData]=\"iconService.getIcon(icons.TruckFastSolid)\"></co-icon>\n        <span [textContent]=\"deliveryMethod?.description\"></span>\n      </div>\n      <co-icon class=\"planning-request-button\" [class.co-transaction-check]=\"transactionInfo.deliveryDateDefinitive\"\n             [iconData]=\"iconService.getIcon(icons.CalendarDayRegular)\"></co-icon>\n    </ng-template>\n    <ng-template #firstBlock>\n      <div class=\"header-delivery-deliverydate-label co-transaction-label\" [textContent]=\"'DELIVERY_DATE' | localize\"></div>\n      <div class=\"header-delivery-deliverydate-wrapper\" [class.closed]=\"transactionInfo.deliveryDateDefinitive\">\n        <co-transaction-header-delivery-date class=\"header-delivery-deliverydate\"\n                                             [transactionInfo]=\"transactionInfo\"\n                                             [defaultEditMode]=\"false\"\n                                             [showLabel]=\"false\"\n        ></co-transaction-header-delivery-date>\n        <co-icon *ngIf=\"transactionInfo.deliveryDateDefinitive\" [iconData]=\"iconService.getIcon(icons.LockKeyholeSolid)\"></co-icon>\n        <co-icon *ngIf=\"!transactionInfo.deliveryDateDefinitive\" [iconData]=\"iconService.getIcon(icons.LockKeyholeOpenSolid)\"></co-icon>\n      </div>\n    </ng-template>\n    <ng-template #secondBlock>\n      <div class=\"header-delivery-preferred-deliverydate-label co-transaction-label\" [textContent]=\"'PREFERRED_DATE' | localize\"></div>\n      <co-transaction-header-preferred-delivery-date class=\"header-delivery-deliverydate\"\n                                                     [transactionInfo]=\"transactionInfo\"\n                                                     [defaultEditMode]=\"false\"\n                                                     [showLabel]=\"false\"\n      ></co-transaction-header-preferred-delivery-date>\n    </ng-template>\n    <ng-template #thirdBlock>\n      <co-transaction-header-partial-delivery class=\"co-transaction-label\" [transactionInfo]=\"transactionInfo\"></co-transaction-header-partial-delivery>\n    </ng-template>\n    <co-dialog *ngIf=\"showDialog\" [headerTemplate]=\"headerTemplate\" (closeClick)=\"showDialog = false\">\n      <ng-template #headerTemplate>\n        <div class=\"co-transaction-dialog-header-title\" [textContent]=\"'DELIVERY_INFORMATION' | localize\"></div>\n        <co-transaction-header-block class=\"in-dialog\"\n          [headerBlockTemplate]=\"headerBlock\"\n          [firstBlockTemplate]=\"firstBlock\"\n          [secondBlockTemplate]=\"secondBlock\"\n          [thirdBlockTemplate]=\"thirdBlock\"\n        >\n        </co-transaction-header-block>\n      </ng-template>\n      <div class=\"co-transaction-header-delivery-wrapper\">\n        <co-transaction-header-delivery-options\n          [transactionInfo]=\"transactionInfo\"\n          [deliveryMethod]=\"deliveryMethod\"\n        ></co-transaction-header-delivery-options>\n        <co-transaction-header-remarks [transactionInfo]=\"transactionInfo\"></co-transaction-header-remarks>\n        <co-transaction-header-reference [transactionInfo]=\"transactionInfo\"></co-transaction-header-reference>\n        <co-transaction-header-relation-reference [transactionInfo]=\"transactionInfo\"></co-transaction-header-relation-reference>\n      </div>\n    </co-dialog>\n    <co-dialog-transaction-header-delivery-method *ngIf=\"showDeliveryMethodDialog\"\n                                                  [autoClose]=\"true\"\n                                                  [transactionInfo]=\"transactionInfo\" (close)=\"showDeliveryMethodDialog = false\">\n    </co-dialog-transaction-header-delivery-method>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -13105,7 +13498,7 @@
     TransactionHeaderBlockComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-block",
-                    template: "\n    <div #wrapper class=\"transaction-header-block-wrapper\">\n      <div class=\"transaction-header-block-header\">\n        <ng-container [ngTemplateOutlet]=\"headerBlockTemplate\"></ng-container>\n      </div>\n      <div class=\"transaction-header-block-content\">\n        <div class=\"transaction-header-block-content-first\" *ngIf=\"firstBlockTemplate\">\n          <ng-container [ngTemplateOutlet]=\"firstBlockTemplate\"></ng-container>\n        </div>\n        <div class=\"transaction-header-block-divider\" *ngIf=\"secondBlockTemplate || thirdBlockTemplate\"></div>\n        <div class=\"transaction-header-block-content-second\" *ngIf=\"secondBlockTemplate || thirdBlockTemplate\">\n          <ng-container [ngTemplateOutlet]=\"secondBlockTemplate\"></ng-container>\n        </div>\n        <div class=\"transaction-header-block-divider\" *ngIf=\"thirdBlockTemplate\"></div>\n        <div class=\"transaction-header-block-content-third\" *ngIf=\"thirdBlockTemplate\">\n          <ng-container [ngTemplateOutlet]=\"thirdBlockTemplate\"></ng-container>\n        </div>\n      </div>\n      <div class=\"transaction-header-extended-dots\" *ngIf=\"hasDetails\" [textContent]=\"!hasDetails ? '' : '...'\" (click)=\"headerClick.emit($event)\"></div>\n    </div>\n  ",
+                    template: "\n    <div #wrapper class=\"transaction-header-block-wrapper\" (click)=\"headerClick.emit($event)\">\n      <div class=\"transaction-header-block-header\">\n        <ng-container [ngTemplateOutlet]=\"headerBlockTemplate\"></ng-container>\n        <div class=\"transaction-header-extended-dots\" *ngIf=\"hasDetails\" [textContent]=\"!hasDetails ? '' : '...'\" (click)=\"headerClick.emit($event)\"></div>\n      </div>\n      <div class=\"transaction-header-block-content\">\n        <div class=\"transaction-header-block-content-first\" *ngIf=\"firstBlockTemplate\">\n          <ng-container [ngTemplateOutlet]=\"firstBlockTemplate\"></ng-container>\n        </div>\n        <div class=\"transaction-header-block-divider\" *ngIf=\"secondBlockTemplate || thirdBlockTemplate\"></div>\n        <div class=\"transaction-header-block-content-second\" *ngIf=\"secondBlockTemplate || thirdBlockTemplate\">\n          <ng-container [ngTemplateOutlet]=\"secondBlockTemplate\"></ng-container>\n        </div>\n        <div class=\"transaction-header-block-divider\" *ngIf=\"thirdBlockTemplate\"></div>\n        <div class=\"transaction-header-block-content-third\" *ngIf=\"thirdBlockTemplate\">\n          <ng-container [ngTemplateOutlet]=\"thirdBlockTemplate\"></ng-container>\n        </div>\n      </div>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -13138,46 +13531,6 @@
                 },] }
     ];
 
-    var TransactionHeaderBaseComponent = /** @class */ (function (_super) {
-        __extends(TransactionHeaderBaseComponent, _super);
-        function TransactionHeaderBaseComponent() {
-            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-            _this.readonly = false;
-            _this._transactionInfo = new transactionInfo_bo.TransactionInfo();
-            return _this;
-        }
-        Object.defineProperty(TransactionHeaderBaseComponent.prototype, "transactionInfo", {
-            get: function () {
-                return this._transactionInfo;
-            },
-            set: function (value) {
-                if (value) {
-                    this._transactionInfo = value;
-                    this.transactionInfoSet();
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(TransactionHeaderBaseComponent.prototype, "model", {
-            get: function () {
-                return this._transactionInfo;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        // overridden by descendents
-        TransactionHeaderBaseComponent.prototype.transactionInfoSet = function () {
-        };
-        return TransactionHeaderBaseComponent;
-    }(TransactionFilterPopupBaseComponent));
-    TransactionHeaderBaseComponent.decorators = [
-        { type: i0.Directive }
-    ];
-    TransactionHeaderBaseComponent.propDecorators = {
-        transactionInfo: [{ type: i0.Input }]
-    };
-
     var TransactionHeaderDeliveryDateComponent = /** @class */ (function (_super) {
         __extends(TransactionHeaderDeliveryDateComponent, _super);
         function TransactionHeaderDeliveryDateComponent(_transactionService) {
@@ -13216,6 +13569,8 @@
             configurable: true
         });
         TransactionHeaderDeliveryDateComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             if (!this.readonly) {
                 this.editMode = true;
             }
@@ -13325,6 +13680,8 @@
             configurable: true
         });
         TransactionHeaderRemarksComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             if (!this.readonly) {
                 this.editMode = true;
             }
@@ -13431,6 +13788,8 @@
             configurable: true
         });
         TransactionHeaderReferenceComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             if (!this.readonly) {
                 this.editMode = true;
             }
@@ -13537,6 +13896,8 @@
             configurable: true
         });
         TransactionHeaderRelationReferenceComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             if (!this.readonly) {
                 this.editMode = true;
             }
@@ -13701,6 +14062,9 @@
                 this.itemHeight = this.scrollingItem.nativeElement.offsetHeight;
             }
         };
+        TransactionLineCheckboxListComponent.prototype.handleCheckboxChecked = function (checked, row) {
+            this.checked.emit(row);
+        };
         TransactionLineCheckboxListComponent.prototype.handleChecked = function (event, row) {
             event.preventDefault();
             event.stopPropagation();
@@ -13711,7 +14075,7 @@
     TransactionLineCheckboxListComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-checkbox-list",
-                    template: "\n    <cdk-virtual-scroll-viewport [itemSize]=\"itemHeight\" class=\"virtual-scroll-container co-transaction-small-toolbar\">\n      <div *cdkVirtualFor=\"let row of collection\" #scrollingItem class=\"virtual-scroll-item\">\n        <div class=\"checkbox-wrapper\">\n          <co-input-checkbox\n            [model]=\"row.checked\"\n            [readonly]=\"readonly\"\n            (click)=\"handleChecked($event, row)\"\n          ></co-input-checkbox>\n        </div>\n        <div class=\"label-wrapper\">\n          <span *ngFor=\"let label of row.propsForLabel\" [innerHTML]=\"label\" class=\"label\"></span>\n        </div>\n      </div>\n    </cdk-virtual-scroll-viewport>\n  ",
+                    template: "\n    <cdk-virtual-scroll-viewport [itemSize]=\"itemHeight\" class=\"virtual-scroll-container co-transaction-small-toolbar\">\n      <div *cdkVirtualFor=\"let row of collection\" #scrollingItem class=\"virtual-scroll-item\" (click)=\"handleChecked($event, row)\">\n        <div class=\"checkbox-wrapper\">\n          <co-input-checkbox\n            [model]=\"row.checked\"\n            [readonly]=\"readonly\"\n            (modelChange)=\"handleCheckboxChecked($event, row)\"\n          ></co-input-checkbox>\n        </div>\n        <div class=\"label-wrapper\">\n          <span *ngFor=\"let label of row.propsForLabel\" [innerHTML]=\"label\" class=\"label\"></span>\n        </div>\n      </div>\n    </cdk-virtual-scroll-viewport>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -13807,6 +14171,8 @@
             configurable: true
         });
         TransactionHeaderPreferredDeliveryDateComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             if (!this.readonly) {
                 this.editMode = true;
             }
@@ -13878,39 +14244,6 @@
                 },] }
     ];
 
-    var DialogTransactionHeaderBaseComponent = /** @class */ (function (_super) {
-        __extends(DialogTransactionHeaderBaseComponent, _super);
-        function DialogTransactionHeaderBaseComponent() {
-            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-            _this.buttonType = AppPopupButtonType;
-            _this.close = new i0.EventEmitter();
-            return _this;
-        }
-        DialogTransactionHeaderBaseComponent.prototype.onClose = function (eventType, output) {
-            return;
-        };
-        DialogTransactionHeaderBaseComponent.prototype.handleValueChange = function (value) {
-            this.value = value;
-        };
-        DialogTransactionHeaderBaseComponent.prototype.handleOkClick = function () {
-            this.onClose(AppPopupButtonType.Ok, this.value);
-        };
-        DialogTransactionHeaderBaseComponent.prototype.handleSearch = function (text) {
-            this.searchText = text;
-        };
-        DialogTransactionHeaderBaseComponent.prototype.handleClose = function (type) {
-            this.close.emit();
-            this.onClose(type);
-        };
-        return DialogTransactionHeaderBaseComponent;
-    }(TransactionHeaderBaseComponent));
-    DialogTransactionHeaderBaseComponent.decorators = [
-        { type: i0.Directive }
-    ];
-    DialogTransactionHeaderBaseComponent.propDecorators = {
-        close: [{ type: i0.Output }]
-    };
-
     var DialogTransactionHeaderDeliveryMethodComponent = /** @class */ (function (_super) {
         __extends(DialogTransactionHeaderDeliveryMethodComponent, _super);
         function DialogTransactionHeaderDeliveryMethodComponent() {
@@ -14109,45 +14442,12 @@
                 },] }
     ];
 
-    var TransactionHeaderDeliveryModule = /** @class */ (function () {
-        function TransactionHeaderDeliveryModule() {
-        }
-        return TransactionHeaderDeliveryModule;
-    }());
-    TransactionHeaderDeliveryModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        CoreModule,
-                        TransactionHeaderBlockModule,
-                        corecomponents_v12.InputCheckboxModule,
-                        corecomponents_v12.IconModule,
-                        PipeModule,
-                        corecomponents_v12.InputDatePickerModule,
-                        TransactionHeaderDeliveryDateModule,
-                        corecomponents_v12.CoDialogModule,
-                        TransactionHeaderDeliveryOptionsModule,
-                        TransactionHeaderRemarksModule,
-                        TransactionHeaderReferenceModule,
-                        TransactionHeaderRelationReferenceModule,
-                        TransactionHeaderDeliveryMethodModule,
-                        TransactionHeaderPreferredDeliveryDateModule,
-                        DialogTransactionHeaderDeliveryMethodModule
-                    ],
-                    declarations: [
-                        TransactionHeaderDeliveryComponent
-                    ],
-                    exports: [
-                        TransactionHeaderDeliveryComponent
-                    ]
-                },] }
-    ];
-
     var TransactionHeaderPartialDeliveryComponent = /** @class */ (function (_super) {
         __extends(TransactionHeaderPartialDeliveryComponent, _super);
         function TransactionHeaderPartialDeliveryComponent(_transactionService) {
             var _this = _super.call(this) || this;
             _this._transactionService = _transactionService;
+            _this.showClass = true;
             return _this;
         }
         TransactionHeaderPartialDeliveryComponent.prototype.commitPartialDelivery = function (allow) {
@@ -14179,13 +14479,16 @@
     TransactionHeaderPartialDeliveryComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-partial-delivery",
-                    template: "\n    <co-input-checkbox\n      [readonly]=\"readonly\"\n      [label]=\"'PART_DELIVERIES' | localize\"\n      [model]=\"transactionInfo.allowPartialDelivery\"\n      (modelChange)=\"commitPartialDelivery($event)\">\n    </co-input-checkbox>\n  ",
+                    template: "\n    <co-input-checkbox\n      [readonly]=\"readonly\"\n      [label]=\"'PART_DELIVERY' | localize\"\n      [model]=\"transactionInfo.allowPartialDelivery\"\n      (modelChange)=\"commitPartialDelivery($event)\">\n    </co-input-checkbox>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
     TransactionHeaderPartialDeliveryComponent.ctorParameters = function () { return [
         { type: TransactionService }
-    ]; };
+    ]; };
+    TransactionHeaderPartialDeliveryComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-header-partial-delivery",] }]
+    };
 
     var TransactionHeaderPartialDeliveryModule = /** @class */ (function () {
         function TransactionHeaderPartialDeliveryModule() {
@@ -14208,6 +14511,41 @@
                 },] }
     ];
 
+    var TransactionHeaderDeliveryModule = /** @class */ (function () {
+        function TransactionHeaderDeliveryModule() {
+        }
+        return TransactionHeaderDeliveryModule;
+    }());
+    TransactionHeaderDeliveryModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        CoreModule,
+                        TransactionHeaderBlockModule,
+                        corecomponents_v12.InputCheckboxModule,
+                        corecomponents_v12.IconModule,
+                        PipeModule,
+                        corecomponents_v12.InputDatePickerModule,
+                        TransactionHeaderDeliveryDateModule,
+                        corecomponents_v12.CoDialogModule,
+                        TransactionHeaderDeliveryOptionsModule,
+                        TransactionHeaderRemarksModule,
+                        TransactionHeaderReferenceModule,
+                        TransactionHeaderRelationReferenceModule,
+                        TransactionHeaderDeliveryMethodModule,
+                        TransactionHeaderPreferredDeliveryDateModule,
+                        DialogTransactionHeaderDeliveryMethodModule,
+                        TransactionHeaderPartialDeliveryModule
+                    ],
+                    declarations: [
+                        TransactionHeaderDeliveryComponent
+                    ],
+                    exports: [
+                        TransactionHeaderDeliveryComponent
+                    ]
+                },] }
+    ];
+
     var TransactionHeaderDownpaymentPercentageComponent = /** @class */ (function (_super) {
         __extends(TransactionHeaderDownpaymentPercentageComponent, _super);
         function TransactionHeaderDownpaymentPercentageComponent(_transactionService) {
@@ -14246,6 +14584,8 @@
             configurable: true
         });
         TransactionHeaderDownpaymentPercentageComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             if (!this.readonly) {
                 this.editMode = true;
             }
@@ -14352,6 +14692,8 @@
             configurable: true
         });
         TransactionHeaderDownpaymentAmountComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             if (!this.readonly) {
                 this.editMode = true;
             }
@@ -14425,6 +14767,7 @@
         function TransactionHeaderDefinitiveComponent(_transactionService) {
             var _this = _super.call(this) || this;
             _this._transactionService = _transactionService;
+            _this.showClass = true;
             return _this;
         }
         TransactionHeaderDefinitiveComponent.prototype.commitTransactionDefinitive = function (definitive) {
@@ -14462,7 +14805,10 @@
     ];
     TransactionHeaderDefinitiveComponent.ctorParameters = function () { return [
         { type: TransactionService }
-    ]; };
+    ]; };
+    TransactionHeaderDefinitiveComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-header-definitive",] }]
+    };
 
     var TransactionHeaderDefinitiveModule = /** @class */ (function () {
         function TransactionHeaderDefinitiveModule() {
@@ -14937,7 +15283,7 @@
             this.showQuickAccess = true;
             this.showButtonBar = true;
             this.activeViewMode = ContentViewMode.List;
-            this.showDiscountsSidebar = false;
+            this.activeCategory = TransactionTypeCategory.SalesOrderOverview;
             this._subs = [];
             this._transaction = new transactionInfoResponse_bo.TransactionInfoResponse();
             this._subs.push(this._service.transactionUpdated.subscribe(function (transaction) {
@@ -14981,13 +15327,6 @@
         TransactionComponent.prototype.ngOnDestroy = function () {
             this._subs.forEach(function (s) { return s.unsubscribe(); });
         };
-        TransactionComponent.prototype.addDiscount = function () {
-            this.showDiscountsSidebar = true;
-            // TODO
-            // this.transactionDiscountPercentage = this.service.currentTransaction.transactionDiscountPercentage;
-            // this.transactionDiscountAmount = this.service.currentTransaction.transactionDiscountAmount;
-            // this.transactionTotal = undefined;
-        };
         TransactionComponent.prototype.saveTransactionLine = function (transactionAddTextLineRequest) {
             if (transactionAddTextLineRequest.transactionUuid) { //update
             }
@@ -15011,7 +15350,7 @@
     TransactionComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction",
-                    template: "\n    <co-transaction-header *ngIf=\"showHeader\" [transaction]=\"transaction\" [relation]=\"relation\"></co-transaction-header>\n\n    <div class=\"transaction-lines-header\">\n      <co-transaction-quick-access *ngIf=\"showQuickAccess\" class=\"transaction-lines-header-item\"\n                                   [transactionType]=\"transaction.transactionInfo.transactionKind\"\n                                   [activeCategory]=\"activeCategory\"\n      ></co-transaction-quick-access>\n\n      <co-transaction-button-bar *ngIf=\"showButtonBar\" class=\"transaction-lines-header-item\"\n                                 [transactionType]=\"transaction.transactionInfo.transactionKind\"\n                                 [selectedCategory]=\"activeCategory\"\n                                 (buttonClicked)=\"handleButtonBarButtonClicked($event)\"\n      ></co-transaction-button-bar>\n\n      <co-view-mode-buttons class=\"transaction-lines-header-item\"\n                            [showViewModes]=\"[viewModes.List, viewModes.Grid, viewModes.Tiles]\" (viewModeChange)=\"activeViewMode = $event\"></co-view-mode-buttons>\n    </div>\n\n    <div class=\"transaction-tiles-wrapper\" *ngIf=\"activeViewMode === viewModes.Tiles\">\n      <co-transaction-tile\n        *ngFor=\"let transaction of transaction.transactionLines\"\n        [transactionLine]=\"transaction\"\n        (showSidePanelClicked)=\"handleShowSidePanel($event)\"\n      ></co-transaction-tile>\n    </div>\n    <div class=\"transaction-lines-wrapper\" *ngIf=\"activeViewMode === viewModes.List\">\n      <co-transaction-lines\n        [transactionInfo]=\"transaction.transactionInfo\"\n        [transactionLines]=\"transaction.transactionLines\"\n        [transactionId]=\"transactionId\"\n        [activeCategory]=\"activeCategory\"\n        (saveTransactionLine)=\"saveTransactionLine($event)\"\n      ></co-transaction-lines>\n    </div>\n    <div class=\"transaction-lines-grid-wrapper\" *ngIf=\"activeViewMode === viewModes.Grid\">\n      <co-transaction-grid\n        [transactionLines]=\"transaction.transactionLines\"\n        [transactionId]=\"transactionId\"\n        [transactionType]=\"transaction.transactionInfo.transactionKind\"\n        [activeCategory]=\"activeCategory\"\n        (sidePanelClicked)=\"handleShowSidePanel($event)\"\n      ></co-transaction-grid>\n      <!--\n            <co-transaction-order-confirmation-grid\n              *ngIf=\"activeCategory === 1\"\n              [transactionLines]=\"transaction.transactionLines\"\n              (sidePanelClicked)=\"handleShowSidePanel($event)\"\n            ></co-transaction-order-confirmation-grid>\n      -->\n    </div>\n    <div class=\"transaction-footer-wrapper\">\n      <co-transaction-totals [totals]=\"transaction.transactionTotal\" [showDiscount]=\"true\" (discountClick)=\"addDiscount()\"></co-transaction-totals>\n    </div>\n    <co-discount *ngIf=\"showDiscountsSidebar\">\n    </co-discount>\n  ",
+                    template: "\n    <co-transaction-header *ngIf=\"showHeader\" [transaction]=\"transaction\" [relation]=\"relation\"></co-transaction-header>\n\n    <div class=\"transaction-lines-header\">\n      <co-transaction-quick-access *ngIf=\"showQuickAccess\" class=\"transaction-lines-header-item\"\n                                   [transactionType]=\"transaction.transactionInfo.transactionKind\"\n                                   [activeCategory]=\"activeCategory\"\n      ></co-transaction-quick-access>\n\n      <co-transaction-button-bar *ngIf=\"showButtonBar\" class=\"transaction-lines-header-item\"\n                                 [transactionType]=\"transaction.transactionInfo.transactionKind\"\n                                 [selectedCategory]=\"activeCategory\"\n                                 (buttonClicked)=\"handleButtonBarButtonClicked($event)\"\n      ></co-transaction-button-bar>\n\n      <co-view-mode-buttons class=\"transaction-lines-header-item\"\n                            [showViewModes]=\"[viewModes.List, viewModes.Grid, viewModes.Tiles]\" (viewModeChange)=\"activeViewMode = $event\"></co-view-mode-buttons>\n    </div>\n\n    <div class=\"transaction-tiles-wrapper\" *ngIf=\"activeViewMode === viewModes.Tiles\">\n      <co-transaction-tile\n        *ngFor=\"let transaction of transaction.transactionLines\"\n        [transactionLine]=\"transaction\"\n        (showSidePanelClicked)=\"handleShowSidePanel($event)\"\n      ></co-transaction-tile>\n    </div>\n    <div class=\"transaction-lines-wrapper\" *ngIf=\"activeViewMode === viewModes.List\">\n      <co-transaction-lines\n        [transactionInfo]=\"transaction.transactionInfo\"\n        [transactionLines]=\"transaction.transactionLines\"\n        [transactionId]=\"transactionId\"\n        [activeCategory]=\"activeCategory\"\n        (saveTransactionLine)=\"saveTransactionLine($event)\"\n      ></co-transaction-lines>\n    </div>\n    <div class=\"transaction-lines-grid-wrapper\" *ngIf=\"activeViewMode === viewModes.Grid\">\n      <co-transaction-grid\n        [transactionLines]=\"transaction.transactionLines\"\n        [transactionId]=\"transactionId\"\n        [transactionType]=\"transaction.transactionInfo.transactionKind\"\n        [activeCategory]=\"activeCategory\"\n        (sidePanelClicked)=\"handleShowSidePanel($event)\"\n      ></co-transaction-grid>\n      <!--\n            <co-transaction-order-confirmation-grid\n              *ngIf=\"activeCategory === 1\"\n              [transactionLines]=\"transaction.transactionLines\"\n              (sidePanelClicked)=\"handleShowSidePanel($event)\"\n            ></co-transaction-order-confirmation-grid>\n      -->\n    </div>\n    <div class=\"transaction-footer-wrapper\">\n      <co-transaction-totals\n        [transactionInfo]=\"transaction.transactionInfo\"\n        [transactionTotal]=\"transaction.transactionTotal\"\n        [showDiscount]=\"true\"\n      ></co-transaction-totals>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -15259,17 +15598,24 @@
     var TransactionHeaderOrderComponent = /** @class */ (function (_super) {
         __extends(TransactionHeaderOrderComponent, _super);
         function TransactionHeaderOrderComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this.showDiscountDialog = false;
+            return _this;
         }
         TransactionHeaderOrderComponent.prototype.showClass = function () {
             return true;
         };
+        TransactionHeaderOrderComponent.prototype.handleShowDiscountDialog = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            this.showDiscountDialog = true;
+        };
         return TransactionHeaderOrderComponent;
     }(TransactionBaseComponent));
     TransactionHeaderOrderComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-order",
-                    template: "\n    <co-transaction-header-block\n      [headerBlockTemplate]=\"headerBlock\"\n      [firstBlockTemplate]=\"firstBlock\"\n      [secondBlockTemplate]=\"secondBlock\"\n      [thirdBlockTemplate]=\"thirdBlock\"\n    >\n    </co-transaction-header-block>\n    <ng-template #headerBlock>\n      <div class=\"header-block-label\" [textContent]=\"transactionInfo.branch?.familyName\"></div>\n    </ng-template>\n    <ng-template #firstBlock>\n      <span class=\"header-order-total-label co-transaction-label\" [textContent]=\"'ORDER_TOTAL' | localize\"></span>\n      <div class=\"header-order-total\" [textContent]=\"transactionTotal.netAmount | priceDisplay\"></div>\n    </ng-template>\n    <ng-template #secondBlock>\n      <span class=\"header-order-line-amount-label co-transaction-label\" [textContent]=\"'ORDER_LINES' | localize\"></span>\n      <div class=\"header-order-line-amount\" [textContent]=\"transactionLines.length\"></div>\n    </ng-template>\n    <ng-template #thirdBlock>\n      <div class=\"header-order-definitive-label co-transaction-label\" [textContent]=\"'DEFINITIVE' | localize\"></div>\n      <co-input-checkbox [model]=\"true\"></co-input-checkbox>\n    </ng-template>\n  ",
+                    template: "\n    <co-transaction-header-block\n      [headerBlockTemplate]=\"headerBlock\"\n      [firstBlockTemplate]=\"firstBlock\"\n      [secondBlockTemplate]=\"secondBlock\"\n      [thirdBlockTemplate]=\"thirdBlock\"\n    >\n    </co-transaction-header-block>\n    <ng-template #headerBlock>\n      <div class=\"header-block-label\" [textContent]=\"transactionInfo.branch?.familyName\"></div>\n      <div class=\"header-order-definitive\">\n        <co-transaction-header-definitive [transactionInfo]=\"transactionInfo\"></co-transaction-header-definitive>\n      </div>\n    </ng-template>\n    <ng-template #firstBlock>\n      <span class=\"header-order-total-label co-transaction-label\" [textContent]=\"'ORDER_TOTAL' | localize\"></span>\n      <div class=\"header-order-total\" [textContent]=\"transactionTotal.netAmount | priceDisplay\"></div>\n    </ng-template>\n    <ng-template #secondBlock>\n      <div class=\"transaction-line-button custom-width\" (click)=\"handleShowDiscountDialog($event)\">\n        <span class=\"co-transaction-label\" [textContent]=\"'DISCOUNT' | localize\"></span>\n        <span class=\"co-transaction-overflow-ellipsis transaction-discount\" [class.transaction-negative-value]=\"transactionTotal.discountAmount < 0\"\n              [textContent]=\"transactionTotal.discountAmount | coCurrency\"></span>\n      </div>\n    </ng-template>\n    <ng-template #thirdBlock>\n      <span class=\"header-order-line-amount-label co-transaction-label\" [textContent]=\"'ORDER_LINES' | localize\"></span>\n      <div class=\"header-order-line-amount\" [textContent]=\"transactionLines.length\"></div>\n    </ng-template>\n    <co-dialog-transaction-header-discount class=\"discount-dialog\" *ngIf=\"showDiscountDialog\"\n                                           [transactionInfo]=\"transactionInfo\"\n                                           [transactionTotal]=\"transactionTotal\"\n                                           (close)=\"showDiscountDialog = false\">\n    </co-dialog-transaction-header-discount>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -15289,7 +15635,9 @@
                         TransactionHeaderBlockModule,
                         corecomponents_v12.InputCheckboxModule,
                         PipeModule,
-                        corecomponents_v12.PriceDisplayPipeModule
+                        corecomponents_v12.PriceDisplayPipeModule,
+                        DialogTransactionHeaderDiscountModule,
+                        TransactionHeaderDefinitiveModule
                     ],
                     declarations: [
                         TransactionHeaderOrderComponent
@@ -15315,7 +15663,9 @@
         TransactionHeaderPaymentComponent.prototype.showClass = function () {
             return true;
         };
-        TransactionHeaderPaymentComponent.prototype.openPayment = function () {
+        TransactionHeaderPaymentComponent.prototype.openPayment = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             this.showPaymentDialog = true;
         };
         return TransactionHeaderPaymentComponent;
@@ -15323,7 +15673,7 @@
     TransactionHeaderPaymentComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-payment",
-                    template: "\n    <co-transaction-header-block\n      [headerBlockTemplate]=\"headerBlock\"\n      [firstBlockTemplate]=\"firstBlock\"\n      [secondBlockTemplate]=\"secondBlock\"\n      [hasDetails]=\"true\"\n      (headerClick)=\"showDialog = true\"\n    >\n    </co-transaction-header-block>\n    <ng-template #headerBlock>\n      <div class=\"header-block-label\" [textContent]=\"'BALANCE' | localize\"></div>\n      <div class=\"header-block-balance\" *ngIf=\"transactionInfo.transactionKind !== transactionKind.PurchaseOrder\" (click)=\"openPayment()\">\n        <co-icon class=\"payment-icon\" [iconData]=\"iconService.getIcon(icons.CreditCardSolid)\"></co-icon>\n        <div class=\"payment-payed-wrapper\">\n          <span class=\"payment-paid\" [textContent]=\"200 | priceDisplay\"></span>\n          <span class=\"payment-divider\" [textContent]=\"'/'\"></span>\n          <span class=\"payment-to-pay\" [textContent]=\"100 | priceDisplay\"></span>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #firstBlock>\n      <div class=\"header-downpayment-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_PERCENTAGE' | localize\"></div>\n      <co-transaction-header-downpayment-percentage class=\"transaction-header-downpayment\"\n                                                    [transactionInfo]=\"transactionInfo\"\n                                                    [defaultEditMode]=\"false\"\n                                                    [showLabel]=\"false\"\n      ></co-transaction-header-downpayment-percentage>\n    </ng-template>\n    <ng-template #secondBlock>\n      <div class=\"header-downpayment-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_AMOUNT' | localize\"></div>\n      <co-transaction-header-downpayment-amount class=\"transaction-header-downpayment\"\n                                                [transactionInfo]=\"transactionInfo\"\n                                                [defaultEditMode]=\"false\"\n                                                [showLabel]=\"false\"\n      ></co-transaction-header-downpayment-amount>\n    </ng-template>\n    <co-dialog class=\"transaction-header-payment-dialog\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showDialog\" (closeClick)=\"showDialog = false\">\n      <ng-template #headerTemplate>\n        <div class=\"co-transaction-dialog-header-title\" [textContent]=\"'PAYMENT_INFORMATION' | localize\"></div>\n        <co-transaction-header-block\n          [headerBlockTemplate]=\"headerBlock\"\n          [firstBlockTemplate]=\"firstBlock\"\n          [secondBlockTemplate]=\"secondBlock\"\n        >\n        </co-transaction-header-block>\n      </ng-template>\n      <div class=\"payment-dialog-section\">\n        <span [textContent]=\"'NOG_NIET_GEIMPLEMENTEERD'\"></span>\n      </div>\n      <div class=\"payment-dialog-section\">\n        <span [textContent]=\"'NOG_NIET_GEIMPLEMENTEERD'\"></span>\n      </div>\n    </co-dialog>\n    <co-dialog class=\"payment-dialog\" *ngIf=\"showPaymentDialog\"\n               [modal]=\"true\"\n               (closeClick)=\"showPaymentDialog = false\"\n    >\n      <co-payment\n        [transactionUuid]=\"transactionInfo.uuid\"\n        [amount]=\"transactionTotal.netAmount\"\n        [currencyId]=\"transactionInfo.currencyId\"\n      ></co-payment>\n    </co-dialog>\n  ",
+                    template: "\n    <co-transaction-header-block\n      [headerBlockTemplate]=\"headerBlock\"\n      [firstBlockTemplate]=\"firstBlock\"\n      [secondBlockTemplate]=\"secondBlock\"\n      [hasDetails]=\"true\"\n      (headerClick)=\"showDialog = true\"\n    >\n    </co-transaction-header-block>\n    <ng-template #headerBlock>\n      <div class=\"header-block-label\" [textContent]=\"'BALANCE' | localize\"></div>\n      <div class=\"header-block-balance\" *ngIf=\"transactionInfo.transactionKind !== transactionKind.PurchaseOrder\" (click)=\"openPayment($event)\">\n        <co-icon class=\"payment-icon\" [iconData]=\"iconService.getIcon(icons.CreditCardSolid)\"></co-icon>\n        <div class=\"payment-payed-wrapper\">\n          <span class=\"payment-paid\" [textContent]=\"200 | priceDisplay\"></span>\n          <span class=\"payment-divider\" [textContent]=\"'/'\"></span>\n          <span class=\"payment-to-pay\" [textContent]=\"100 | priceDisplay\"></span>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #firstBlock>\n      <div class=\"header-downpayment-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_PERCENTAGE' | localize\"></div>\n      <co-transaction-header-downpayment-percentage class=\"transaction-header-downpayment\"\n                                                    [transactionInfo]=\"transactionInfo\"\n                                                    [defaultEditMode]=\"false\"\n                                                    [showLabel]=\"false\"\n      ></co-transaction-header-downpayment-percentage>\n    </ng-template>\n    <ng-template #secondBlock>\n      <div class=\"header-downpayment-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_AMOUNT' | localize\"></div>\n      <co-transaction-header-downpayment-amount class=\"transaction-header-downpayment\"\n                                                [transactionInfo]=\"transactionInfo\"\n                                                [defaultEditMode]=\"false\"\n                                                [showLabel]=\"false\"\n      ></co-transaction-header-downpayment-amount>\n    </ng-template>\n    <co-dialog class=\"transaction-header-payment-dialog\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showDialog\" (closeClick)=\"showDialog = false\">\n      <ng-template #headerTemplate>\n        <div class=\"co-transaction-dialog-header-title\" [textContent]=\"'PAYMENT_INFORMATION' | localize\"></div>\n        <co-transaction-header-block\n          [headerBlockTemplate]=\"headerBlock\"\n          [firstBlockTemplate]=\"firstBlock\"\n          [secondBlockTemplate]=\"secondBlock\"\n        >\n        </co-transaction-header-block>\n      </ng-template>\n      <div class=\"payment-dialog-section\">\n        <span [textContent]=\"'NOG_NIET_GEIMPLEMENTEERD'\"></span>\n      </div>\n      <div class=\"payment-dialog-section\">\n        <span [textContent]=\"'NOG_NIET_GEIMPLEMENTEERD'\"></span>\n      </div>\n    </co-dialog>\n    <co-dialog class=\"payment-dialog\" *ngIf=\"showPaymentDialog\"\n               [modal]=\"true\"\n               (closeClick)=\"showPaymentDialog = false\"\n    >\n      <co-payment\n        [transactionUuid]=\"transactionInfo.uuid\"\n        [amount]=\"transactionTotal.netAmount\"\n        [currencyId]=\"transactionInfo.currencyId\"\n      ></co-payment>\n    </co-dialog>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -15351,7 +15701,8 @@
                         PaymentModule,
                         corecomponents_v12.IconModule,
                         TransactionHeaderDownpaymentPercentageModule,
-                        TransactionHeaderDownpaymentAmountModule
+                        TransactionHeaderDownpaymentAmountModule,
+                        DialogTransactionHeaderDiscountModule
                     ],
                     declarations: [
                         TransactionHeaderPaymentComponent
@@ -15729,6 +16080,8 @@
             configurable: true
         });
         TransactionLinePriceComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             if (!this.readonly) {
                 this.editMode = true;
             }
@@ -16061,6 +16414,8 @@
             configurable: true
         });
         TransactionLineDeliveryDateComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             if (!this.readonly) {
                 this.editMode = true;
             }
@@ -16696,6 +17051,8 @@
             configurable: true
         });
         TransactionLineDescriptionComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             if (!this.readonly) {
                 this.editMode = true;
             }
@@ -17300,11 +17657,11 @@
     ];
 
     var TransactionConfirmationHistoryComponent = /** @class */ (function () {
-        function TransactionConfirmationHistoryComponent(iconCacheService, transactionService, _datePipe) {
+        function TransactionConfirmationHistoryComponent(iconCacheService, transactionService) {
             this.iconCacheService = iconCacheService;
             this.transactionService = transactionService;
-            this._datePipe = _datePipe;
             this.icons = Icon;
+            this.lineSelected = new i0.EventEmitter();
             this.getPurchasePortalLine = new getPurchasePortalLine.GetPurchasePortalLine();
             this.purchasePortalFilter = new purchasePortalFilters_bo.PurchasePortalFilters();
         }
@@ -17316,14 +17673,18 @@
             this.lockPurchasePortalLine();
         };
         TransactionConfirmationHistoryComponent.prototype.getPurchasePortalLines = function () {
-            var _this = this;
-            this.purchasePortalFilter.purchaseOrderNo = this.transactionInfoNr.toString();
-            this.getPurchasePortalLine.transIdPurchase = this.transactionId;
-            this.getPurchasePortalLine.filterObject = this.purchasePortalFilter;
-            this.transactionService.getPurchasePortalLines(this.getPurchasePortalLine).then(function (result) {
-                _this.purchasePortalLines = result;
-                _this.docBatch = _this.purchasePortalLines.find(function (obj) { return parseInt(obj.lineId) === _this.transactionLines.lineNr; });
-                _this.transactionService.purchasePortalLine = _this.docBatch;
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    this.purchasePortalFilter.purchaseOrderNo = this.transactionInfoNr.toString();
+                    this.purchasePortalFilter.lineId = this.transactionLines.lineNr.toString();
+                    this.getPurchasePortalLine.transIdPurchase = this.transactionId;
+                    this.getPurchasePortalLine.filterObject = this.purchasePortalFilter;
+                    this.transactionService.getPurchasePortalLines(this.getPurchasePortalLine).then(function (result) {
+                        _this.transactionService.purchasePortalLine = result;
+                    });
+                    return [2 /*return*/];
+                });
             });
         };
         TransactionConfirmationHistoryComponent.prototype.lockPurchasePortalLine = function () {
@@ -17344,8 +17705,8 @@
                     switch (_a.label) {
                         case 0:
                             event.deleteLine = "T";
-                            this.transactionService.purchasePortalLine.docKind = "IB";
-                            return [4 /*yield*/, this.transactionService.updatePurchasePortalLines(this.transactionService.purchasePortalLine)];
+                            this.transactionService.purchasePortalLine[0].docKind = "IB";
+                            return [4 /*yield*/, this.transactionService.updatePurchasePortalLines(this.transactionService.purchasePortalLine[0])];
                         case 1:
                             _a.sent();
                             return [2 /*return*/];
@@ -17353,24 +17714,27 @@
                 });
             });
         };
+        TransactionConfirmationHistoryComponent.prototype.selectedLineDocBatchArray = function (event) {
+            this.lineSelected.emit(event);
+        };
         return TransactionConfirmationHistoryComponent;
     }());
     TransactionConfirmationHistoryComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-confirmation-history",
-                    template: "\n    <div class=\"history-grid-wrapper\">\n      <co-simple-grid *ngIf=\"docBatch\" [data]=\"docBatch.docBatchArray\" [showToolbar]=\"true\" [rowsPerPage]=\"20\" [showDelete]=\"true\" (deleteRow)=\"deleteDocBatch($event)\">\n        <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\" [field]=\"'docDate'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT' | localize\" [field]=\"'docAmount'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'PRICE' | localize\" [field]=\"'confirmedPrice'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DATE' | localize\" [field]=\"'docDateOrg'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'REFERENCE' | localize\" [field]=\"'deliveryBatch'\"></co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n  ",
+                    template: "\n    <div class=\"history-grid-wrapper\">\n      <co-simple-grid (selectRow)=\"selectedLineDocBatchArray($event)\"\n                      *ngIf=\"transactionService.purchasePortalLine[0]\"\n                      [data]=\"transactionService.purchasePortalLine[0].docBatchArray\"\n                      [showToolbar]=\"true\"\n                      [rowsPerPage]=\"20\"\n                      [showDelete]=\"true\"\n                      (deleteRow)=\"deleteDocBatch($event)\"\n      >\n        <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\">\n          <ng-template #template let-row=\"row\">\n            <span [textContent]=\"row.docDate | date:'dd MMM yyyy'\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'AMOUNT' | localize\" [field]=\"'docAmount'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'PRICE' | localize\" [field]=\"'confirmedPrice'\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DATE' | localize\">\n          <ng-template #template let-row=\"row\">\n            <span [textContent]=\"row.docDateOrg | date:'dd MMM yyyy'\"></span>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'REFERENCE' | localize\" [field]=\"'deliveryBatch'\"></co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
     TransactionConfirmationHistoryComponent.ctorParameters = function () { return [
         { type: IconCacheService },
-        { type: TransactionService },
-        { type: common.DatePipe }
+        { type: TransactionService }
     ]; };
     TransactionConfirmationHistoryComponent.propDecorators = {
         transactionLines: [{ type: i0.Input }],
         transactionId: [{ type: i0.Input }],
         transactionInfoNr: [{ type: i0.Input }],
+        lineSelected: [{ type: i0.Output }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-confirmation-history",] }]
     };
 
@@ -17391,7 +17755,8 @@
                         corecomponents_v12.IconModule,
                         corecomponents_v12.InputTextModule,
                         corecomponents_v12.InputDateRangePickerModule,
-                        corecomponents_v12.InputNumberPickerModule
+                        corecomponents_v12.InputNumberPickerModule,
+                        corecomponents_v12.ButtonModule
                     ],
                     declarations: [
                         TransactionConfirmationHistoryComponent
@@ -17403,13 +17768,12 @@
     ];
 
     var TransactionConfirmationDetailsComponent = /** @class */ (function () {
-        function TransactionConfirmationDetailsComponent(iconCacheService, transactionService, _datePipe) {
+        function TransactionConfirmationDetailsComponent(iconCacheService, transactionService) {
             this.iconCacheService = iconCacheService;
             this.transactionService = transactionService;
-            this._datePipe = _datePipe;
             this.icons = Icon;
             this.showAddOrder = false;
-            this.newDocBatchArray = this.transactionService.docDeliveryBatch;
+            this.newDocBatchArray = new docDeliveryBatch_bo.DocDeliveryBatch();
         }
         TransactionConfirmationDetailsComponent.prototype.showClass = function () {
             return true;
@@ -17422,9 +17786,10 @@
                 this.newDocBatchArray.docAmountOrg = 0;
                 this.newDocBatchArray.docDateOrg = new Date();
                 this.newDocBatchArray.deleteLine = "F";
-                this.transactionService.purchasePortalLine.docBatchArray.push(this.newDocBatchArray);
-                this.transactionService.purchasePortalLine.docKind = "IB";
-                this.transactionService.updatePurchasePortalLines(this.transactionService.purchasePortalLine);
+                this.newDocBatchArray.historical = "G";
+                this.transactionService.purchasePortalLine[0].docBatchArray.push(this.newDocBatchArray);
+                this.transactionService.purchasePortalLine[0].docKind = "IB";
+                this.transactionService.updatePurchasePortalLines(this.transactionService.purchasePortalLine[0]);
                 this.newDocBatchArray = new docDeliveryBatch_bo.DocDeliveryBatch();
             }
             else {
@@ -17442,13 +17807,14 @@
     ];
     TransactionConfirmationDetailsComponent.ctorParameters = function () { return [
         { type: IconCacheService },
-        { type: TransactionService },
-        { type: common.DatePipe }
+        { type: TransactionService }
     ]; };
     TransactionConfirmationDetailsComponent.propDecorators = {
         transactionLines: [{ type: i0.Input }],
         transactionInfoNr: [{ type: i0.Input }],
-        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-confirmation-details",] }]
+        testLines: [{ type: i0.Input }],
+        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-confirmation-details",] }],
+        newDocBatchArray: [{ type: i0.Input }]
     };
 
     var DefaultOkCancelButtonsComponent = /** @class */ (function () {
@@ -17577,12 +17943,15 @@
                 });
             });
         };
+        TransactionLineSidePanelPurchaseComponent.prototype.fillInputOnClick = function (data) {
+            this.selectedLineDocBatchArray = data;
+        };
         return TransactionLineSidePanelPurchaseComponent;
     }());
     TransactionLineSidePanelPurchaseComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-side-panel-purchase",
-                    template: "\n    <ng-container [ngSwitch]=\"category\">\n      <ng-container *ngSwitchCase=\"categories.PurchaseOrderOrderConfirmation\">\n        <co-transaction-confirmation-details\n          [transactionInfoNr]=\"transactionInfo.transactionNr\"\n          [transactionLines]=\"transactionLine\"\n        ></co-transaction-confirmation-details>\n        <co-transaction-confirmation-history\n          [transactionLines]=\"transactionLine\"\n          [transactionInfoNr]=\"transactionInfo.transactionNr\"\n          [transactionId]=\"transactionInfo.id\"\n        ></co-transaction-confirmation-history>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"categories.PurchaseOrderReceivedGoods\">\n        <co-transaction-receiving-goods-details\n          [transactionId]=\"transactionInfo.id\"\n          [transactionLine]=\"transactionLine\"\n          [amountLeftToReceive]=\"goodsReceiptStatus.quantityToReceive\"\n          (reloadReceivingGoodsHistory)=\"getGoodsReceiptStatusWithHistory()\"\n        ></co-transaction-receiving-goods-details>\n        <co-transaction-receiving-goods-history\n          [transactionId]=\"transactionInfo.id\"\n          [transactionLine]=\"transactionLine\"\n          [goodsReceiptHistory]=\"goodsReceiptStatus.goodsReceiptHistory\"\n          (reloadReceivingGoodsHistory)=\"getGoodsReceiptStatusWithHistory()\"\n        ></co-transaction-receiving-goods-history>\n      </ng-container>\n\n      <ng-container *ngSwitchDefault>\n        <co-transaction-line-side-panel-default\n          [transactionInfo]=\"transactionInfo\"\n          [transactionLine]=\"transactionLine\"\n        ></co-transaction-line-side-panel-default>\n      </ng-container>\n    </ng-container>\n    ",
+                    template: "\n    <ng-container [ngSwitch]=\"category\">\n      <ng-container *ngSwitchCase=\"categories.PurchaseOrderOrderConfirmation\">\n        <co-transaction-confirmation-details\n          [transactionInfoNr]=\"transactionInfo.transactionNr\"\n          [transactionLines]=\"transactionLine\"\n          [newDocBatchArray]=\"selectedLineDocBatchArray\"\n        ></co-transaction-confirmation-details>\n        <co-transaction-confirmation-history\n          [transactionLines]=\"transactionLine\"\n          [transactionInfoNr]=\"transactionInfo.transactionNr\"\n          [transactionId]=\"transactionInfo.id\"\n          (lineSelected)=\"fillInputOnClick($event)\"\n        ></co-transaction-confirmation-history>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"categories.PurchaseOrderReceivedGoods\">\n        <co-transaction-receiving-goods-details\n          [transactionId]=\"transactionInfo.id\"\n          [transactionLine]=\"transactionLine\"\n          [amountLeftToReceive]=\"goodsReceiptStatus.quantityToReceive\"\n          (reloadReceivingGoodsHistory)=\"getGoodsReceiptStatusWithHistory()\"\n        ></co-transaction-receiving-goods-details>\n        <co-transaction-receiving-goods-history\n          [transactionId]=\"transactionInfo.id\"\n          [transactionLine]=\"transactionLine\"\n          [goodsReceiptHistory]=\"goodsReceiptStatus.goodsReceiptHistory\"\n          (reloadReceivingGoodsHistory)=\"getGoodsReceiptStatusWithHistory()\"\n        ></co-transaction-receiving-goods-history>\n      </ng-container>\n\n      <ng-container *ngSwitchDefault>\n        <co-transaction-line-side-panel-default\n          [transactionInfo]=\"transactionInfo\"\n          [transactionLine]=\"transactionLine\"\n        ></co-transaction-line-side-panel-default>\n      </ng-container>\n    </ng-container>\n    ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -17877,6 +18246,27 @@
                 },] }
     ];
 
+    var DialogTransactionLineDeliveryMethodComponent = /** @class */ (function (_super) {
+        __extends(DialogTransactionLineDeliveryMethodComponent, _super);
+        function DialogTransactionLineDeliveryMethodComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        DialogTransactionLineDeliveryMethodComponent.prototype.showClass = function () {
+            return true;
+        };
+        return DialogTransactionLineDeliveryMethodComponent;
+    }(DialogTransactionLineBaseComponent));
+    DialogTransactionLineDeliveryMethodComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-dialog-transaction-line-delivery-method",
+                    template: "\n    <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" [showCloseIcon]=\"useModel\" (closeClick)=\"handleClose(buttonType.Ok)\">\n      <co-transaction-line-delivery-method\n        [autoClose]=\"autoClose\"\n        [useModel]=\"useModel\"\n        [transactionInfo]=\"transactionInfo\"\n        [transactionLine]=\"transactionLine\"\n        [searchText]=\"searchText\"\n        (closeAfterCommit)=\"handleClose(buttonType.Ok)\"\n        (valueChange)=\"handleValueChange($event)\"></co-transaction-line-delivery-method>\n    </co-dialog>\n    <ng-template #dialogHeader>\n      <co-dialog-header-search [title]=\"'DELIVERY_METHOD'\" (search)=\"handleSearch($event)\"></co-dialog-header-search>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"dialog-footer-button-wrapper\" *ngIf=\"!useModel\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"handleOkClick()\"></co-button>\n      </div>\n    </ng-template>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    DialogTransactionLineDeliveryMethodComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ["class.co-dialog-transaction-line-delivery-method",] }]
+    };
+
     var DialogTransactionLineDeliveryMethodModule = /** @class */ (function () {
         function DialogTransactionLineDeliveryMethodModule() {
         }
@@ -17901,6 +18291,27 @@
                 },] }
     ];
 
+    var DialogTransactionLineVatComponent = /** @class */ (function (_super) {
+        __extends(DialogTransactionLineVatComponent, _super);
+        function DialogTransactionLineVatComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        DialogTransactionLineVatComponent.prototype.showClass = function () {
+            return true;
+        };
+        return DialogTransactionLineVatComponent;
+    }(DialogTransactionLineBaseComponent));
+    DialogTransactionLineVatComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-dialog-transaction-line-vat",
+                    template: "\n    <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" [showCloseIcon]=\"useModel\" (closeClick)=\"handleClose(buttonType.Ok)\">\n      <co-transaction-line-vat\n        [autoClose]=\"autoClose\"\n        [useModel]=\"useModel\"\n        [transactionLine]=\"transactionLine\"\n        [searchText]=\"searchText\"\n        (closeAfterCommit)=\"handleClose(buttonType.Ok)\"\n        (valueChange)=\"handleValueChange($event)\"\n      ></co-transaction-line-vat>\n    </co-dialog>\n    <ng-template #dialogHeader>\n      <co-dialog-header-search [title]=\"'VAT'\" (search)=\"handleSearch($event)\"></co-dialog-header-search>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"dialog-footer-button-wrapper\" *ngIf=\"!useModel\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"handleOkClick()\"></co-button>\n      </div>\n    </ng-template>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    DialogTransactionLineVatComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ["class.co-dialog-transaction-line-vat",] }]
+    };
+
     var DialogTransactionLineVatModule = /** @class */ (function () {
         function DialogTransactionLineVatModule() {
         }
@@ -17923,7 +18334,59 @@
                         DialogTransactionLineVatComponent
                     ]
                 },] }
-    ];
+    ];
+
+    var DialogTransactionLineDiscountComponent = /** @class */ (function (_super) {
+        __extends(DialogTransactionLineDiscountComponent, _super);
+        function DialogTransactionLineDiscountComponent(_dialogService, _service) {
+            var _this = _super.call(this) || this;
+            _this._dialogService = _dialogService;
+            _this._service = _service;
+            _this.showPriceListDialog = false;
+            return _this;
+        }
+        DialogTransactionLineDiscountComponent.prototype.showClass = function () {
+            return true;
+        };
+        DialogTransactionLineDiscountComponent.prototype.openThePriceListDialog = function () {
+            this.showPriceListDialog = true;
+        };
+        DialogTransactionLineDiscountComponent.prototype.transactionLineSet = function () {
+            this._loadLinePricelist();
+        };
+        DialogTransactionLineDiscountComponent.prototype.transactionInfoSet = function () {
+            this.readonly = this.readonly || this.transactionInfo.transactionDefinitive;
+        };
+        DialogTransactionLineDiscountComponent.prototype._loadLinePricelist = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    if (this.transactionLine && this.transactionLine.isArticle) {
+                        this._service.getPriceLists().then(function (lists) {
+                            var priceList = lists.find(function (l) { return l.code === _this.transactionLine.priceListCode; });
+                            _this.transactionLine.priceListDescription = priceList ? priceList.description : "";
+                        });
+                    }
+                    return [2 /*return*/];
+                });
+            });
+        };
+        return DialogTransactionLineDiscountComponent;
+    }(DialogTransactionLineBaseComponent));
+    DialogTransactionLineDiscountComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-dialog-transaction-line-discount",
+                    template: "\n    <co-dialog [headerTemplate]=\"dialogHeader\" (closeClick)=\"handleClose(buttonType.Ok)\">\n      <div class=\"transaction-line-discount-wrapper co-transaction-small-toolbar\">\n        <div class=\"two-column-grid\">\n          <co-transaction-line-line-discount [transactionLine]=\"transactionLine\"></co-transaction-line-line-discount>\n          <co-transaction-line-discount-amount [transactionLine]=\"transactionLine\"></co-transaction-line-discount-amount>\n        </div>\n        <div class=\"two-column-grid\">\n          <co-transaction-line-special-discount [transactionLine]=\"transactionLine\"></co-transaction-line-special-discount>\n          <co-transaction-line-quantum-discount [transactionLine]=\"transactionLine\"></co-transaction-line-quantum-discount>\n        </div>\n        <div class=\"two-column-grid\">\n          <co-input-text [placeholder]=\"'SURCHARGE_AMOUNT' | localize\" [model]=\"transactionLine.surchargeAmount\" [readonly]=\"readonly\"></co-input-text>\n          <co-input-text [placeholder]=\"'BUSINESS_RULE_DISCOUNT' | localize\" [model]=\"'NIET_GEIMPLEMENTEERD'\" [readonly]=\"readonly\"></co-input-text>\n        </div>\n        <div class=\"transaction-line-discount-overview\">\n          <div class=\"transaction-line-discount-overview-item\">\n            <div class=\"title\" [textContent]=\"'TRANSACTION_DISCOUNT' | localize\"></div>\n            <div class=\"value\" [class.transaction-negative-value]=\"transactionLine.discountAmount < 0\" [textContent]=\"transactionLine.discountAmount | coCurrency\"></div>\n          </div>\n          <div class=\"transaction-line-discount-overview-item\">\n            <div class=\"title\" [textContent]=\"'BUSINESS_RULE_DISCOUNT' | localize\"></div>\n            <div class=\"value\" [textContent]=\"'NIET_GEIMPLEMENTEERD'\"></div>\n          </div>\n          <div class=\"transaction-line-discount-overview-item\">\n            <div class=\"title\" [textContent]=\"'QUANTUM_DISCOUNT' | localize\"></div>\n            <div class=\"value\" [class.transaction-negative-value]=\"transactionLine.quantumDiscount < 0\" [textContent]=\"transactionLine.quantumDiscount | coCurrency\"></div>\n          </div>\n          <div class=\"transaction-line-discount-overview-item\">\n            <div class=\"title\" [textContent]=\"'SURCHARGE_AMOUNT' | localize\"></div>\n            <div class=\"value\" [class.transaction-negative-value]=\"transactionLine.surchargeAmount < 0\" [textContent]=\"transactionLine.surchargeAmount | coCurrency\"></div>\n          </div>\n          <div class=\"transaction-line-discount-overview-item total\">\n            <div class=\"title\" [textContent]=\"'TOTAL_LINE_DISCOUNT' | localize\"></div>\n            <div class=\"value\" [class.transaction-negative-value]=\"transactionLine.lineTotalDiscountAmount < 0\" [textContent]=\"transactionLine.lineTotalDiscountAmount | coCurrency\"></div>\n          </div>\n        </div>\n      </div>\n    </co-dialog>\n    <ng-template #dialogHeader>\n      <div class=\"dialog-header-title\" [textContent]=\"'DISCOUNT_PRICE_INFORMATION' | localize\"></div>\n      <div class=\"transaction-line-button big\" (click)=\"openThePriceListDialog()\">\n        <span class=\"co-transaction-overflow-ellipsis\" [textContent]=\"transactionLine.priceListDescription\"></span>\n      </div>\n    </ng-template>\n    <co-dialog-transaction-line-price-list *ngIf=\"showPriceListDialog\"\n        [transactionLine]=\"transactionLine\"\n        (close)=\"showPriceListDialog = false\"\n    ></co-dialog-transaction-line-price-list>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    DialogTransactionLineDiscountComponent.ctorParameters = function () { return [
+        { type: DialogService },
+        { type: TransactionService }
+    ]; };
+    DialogTransactionLineDiscountComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ["class.co-dialog-transaction-line-discount",] }]
+    };
 
     var DialogTransactionLinePriceListComponent = /** @class */ (function (_super) {
         __extends(DialogTransactionLinePriceListComponent, _super);
@@ -18312,10 +18775,10 @@
                     imports: [
                         common.CommonModule,
                         TransactionButtonBarModule,
-                        sharedcomponents.SendMethodDialogModule,
                         corecomponents_v12.IconModule,
                         PipeModule,
-                        corecomponents_v12.InputCheckboxModule
+                        corecomponents_v12.InputCheckboxModule,
+                        sharedcomponents.SendMethodDialogModule
                     ],
                     declarations: [
                         TransactionQuickAccessOrderDeliveryComponent
@@ -18877,16 +19340,6 @@
         TransactionTileComponent.prototype.handleSidePanelButtonClicked = function () {
             this.showSidePanelClicked.next(this._transactionLine);
         };
-        TransactionTileComponent.prototype.getStatusColor = function (n) {
-            switch (n) {
-                case 0:
-                    return '#5fdbb2';
-                case 1:
-                    return '#f78852';
-                case 2:
-                    return '#f23a3a';
-            }
-        };
         TransactionTileComponent.prototype._loadLineImage = function () {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
@@ -18905,7 +19358,7 @@
     TransactionTileComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-tile",
-                    template: "\n    <div class=\"transaction-tile-wrapper\" *ngIf=\"transactionLine\">\n      <div class=\"header-row center\">\n        <div class=\"header-transport-container center\">\n          <co-icon class=\"transport-method-icon\" [iconData]=\"iconCacheService.getIcon(icon.DeliveryTruck)\"></co-icon>\n          <span class=\"transport-method-text\" [textContent]=\"'Dropshipment door leverancier'\"></span>\n        </div>\n        <span class=\"header-date bold\" [textContent]=\"transactionLine.deliveryDate | date : 'd-MM-yyyy'\"></span>\n        <co-icon class=\"header-side-panel-button\"\n                 [iconData]=\"iconCacheService.getIcon(icon.ThickLines)\"\n                 (click)=\"handleSidePanelButtonClicked()\"\n        ></co-icon>\n      </div>\n\n      <div class=\"transaction-details-row\">\n        <div class=\"transaction-details-container\">\n          <span class=\"transaction-tile-title bold\" [textContent]=\"transactionLine.goodDescription\"></span>\n          <span  *ngFor=\"let text of transactionLine.articleTestAsArray\" class=\"transaction-tile-description\"\n                [innerHTML]=\"text | safeHtml\"></span>\n        </div>\n        <co-image-display class=\"tile-image\" [model]=\"image\"></co-image-display>\n      </div>\n\n      <div class=\"transaction-order-status-row\">\n        <div class=\"indicators-wrapper\">\n          <div *ngFor=\"let n of [0, 1, 2]\" [style.background]=\"getStatusColor(n)\" class=\"transaction-order-status-indicator\"></div>\n        </div>\n      </div>\n\n      <div class=\"transaction-data-row center\">\n        <div class=\"transaction-data-header\">\n          <div class=\"transaction-data-header-item\">\n            <span class=\"transaction-data-header-label\" [textContent]=\"'ARTICLE_NR'| localize\"></span>\n            <span class=\"transaction-data-header-field\"\n                  [textContent]=\"transactionLine.articleNumber ? transactionLine.articleNumber : '-'\"></span>\n          </div>\n          <div class=\"transaction-data-header-divider\"></div>\n          <div class=\"transaction-data-header-item center\">\n            <span class=\"transaction-data-header-label\" [textContent]=\"'PRICE'| localize\"></span>\n            <span class=\"transaction-data-header-field\"\n                  [textContent]=\"transactionLine.price ? (transactionLine.price | priceDisplay) : '-'\"></span>\n          </div>\n          <div class=\"transaction-data-header-divider\"></div>\n          <div class=\"transaction-data-header-item center\">\n            <span class=\"transaction-data-header-label\" [textContent]=\"'DISCOUNT'| localize\"></span>\n            <span class=\"transaction-data-header-field\"\n                  [textContent]=\"transactionLine.discountAmount ? transactionLine.discountAmount : '-'\"></span>\n          </div>\n          <div class=\"transaction-data-header-divider\"></div>\n          <div class=\"transaction-data-header-item center\">\n            <span class=\"transaction-data-header-label\" [textContent]=\"'Mag'| localize\"></span>\n            <span class=\"transaction-data-header-field\"\n                  [textContent]=\"transactionLine.warehouseNumber ? transactionLine.warehouseNumber : '-'\"></span>\n          </div>\n          <div class=\"transaction-data-header-divider\"></div>\n          <div class=\"transaction-data-header-item center\">\n            <span class=\"transaction-data-header-label\" [textContent]=\"'CC'| localize\"></span>\n            <span class=\"transaction-data-header-field\"\n                  [textContent]=\"transactionLine.commissionCode ? transactionLine.commissionCode : '-'\"></span>\n          </div>\n        </div>\n        <div class=\"transaction-data-header-item mutable center\">\n          <span class=\"transaction-data-header-label\" [textContent]=\"'AMOUNT'| localize\"></span>\n          <input type=\"number\" class=\"transaction-data-header-field bold amount-input\" [(ngModel)]=\"transactionLine.amount\">\n        </div>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"transaction-tile-wrapper\" *ngIf=\"transactionLine\">\n      <div class=\"header-row center\">\n        <div class=\"header-transport-container center\">\n          <co-icon class=\"transport-method-icon\" [iconData]=\"iconCacheService.getIcon(icon.DeliveryTruck)\"></co-icon>\n          <span class=\"transport-method-text\" [textContent]=\"'Dropshipment door leverancier'\"></span>\n        </div>\n        <span class=\"header-date bold\" [textContent]=\"transactionLine.deliveryDate | date : 'd-MM-yyyy'\"></span>\n        <co-icon class=\"header-side-panel-button\"\n                 [iconData]=\"iconCacheService.getIcon(icon.ThickLines)\"\n                 (click)=\"handleSidePanelButtonClicked()\"\n        ></co-icon>\n      </div>\n\n      <div class=\"transaction-details-row\">\n        <div class=\"transaction-details-container\">\n          <span class=\"transaction-tile-title bold\" [textContent]=\"transactionLine.goodDescription\"></span>\n          <span  *ngFor=\"let text of transactionLine.articleTestAsArray\" class=\"transaction-tile-description\"\n                [innerHTML]=\"text | safeHtml\"></span>\n        </div>\n        <co-image-display class=\"tile-image\" [model]=\"image\"></co-image-display>\n      </div>\n\n      <div class=\"transaction-order-status-row\">\n        <co-transaction-line-statusbar [transaction]=\"transactionLine\" [transactionKind]=\"transactionType\"></co-transaction-line-statusbar>\n      </div>\n\n      <div class=\"transaction-data-row center\">\n        <div class=\"transaction-data-header\">\n          <div class=\"transaction-data-header-item\">\n            <span class=\"transaction-data-header-label\" [textContent]=\"'ARTICLE_NR'| localize\"></span>\n            <span class=\"transaction-data-header-field\"\n                  [textContent]=\"transactionLine.articleNumber ? transactionLine.articleNumber : '-'\"></span>\n          </div>\n          <div class=\"transaction-data-header-divider\"></div>\n          <div class=\"transaction-data-header-item center\">\n            <span class=\"transaction-data-header-label\" [textContent]=\"'PRICE'| localize\"></span>\n            <span class=\"transaction-data-header-field\"\n                  [textContent]=\"transactionLine.price ? (transactionLine.price | priceDisplay) : '-'\"></span>\n          </div>\n          <div class=\"transaction-data-header-divider\"></div>\n          <div class=\"transaction-data-header-item center\">\n            <span class=\"transaction-data-header-label\" [textContent]=\"'DISCOUNT'| localize\"></span>\n            <span class=\"transaction-data-header-field\"\n                  [textContent]=\"transactionLine.discountAmount ? transactionLine.discountAmount : '-'\"></span>\n          </div>\n          <div class=\"transaction-data-header-divider\"></div>\n          <div class=\"transaction-data-header-item center\">\n            <span class=\"transaction-data-header-label\" [textContent]=\"'Mag'| localize\"></span>\n            <span class=\"transaction-data-header-field\"\n                  [textContent]=\"transactionLine.warehouseNumber ? transactionLine.warehouseNumber : '-'\"></span>\n          </div>\n          <div class=\"transaction-data-header-divider\"></div>\n          <div class=\"transaction-data-header-item center\">\n            <span class=\"transaction-data-header-label\" [textContent]=\"'CC'| localize\"></span>\n            <span class=\"transaction-data-header-field\"\n                  [textContent]=\"transactionLine.commissionCode ? transactionLine.commissionCode : '-'\"></span>\n          </div>\n        </div>\n        <div class=\"transaction-data-header-item mutable center\">\n          <span class=\"transaction-data-header-label\" [textContent]=\"'AMOUNT'| localize\"></span>\n          <input type=\"number\" class=\"transaction-data-header-field bold amount-input\" [(ngModel)]=\"transactionLine.amount\">\n        </div>\n      </div>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -18933,7 +19386,8 @@
                         corecomponents_v12.IconModule,
                         PipeModule,
                         forms.FormsModule,
-                        corecomponents_v12.PriceDisplayPipeModule
+                        corecomponents_v12.PriceDisplayPipeModule,
+                        TransactionLineStatusbarModule
                     ],
                     declarations: [
                         TransactionTileComponent
@@ -18978,6 +19432,8 @@
             return true;
         };
         EditableLabelComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             if (!this.readonly) {
                 this.editMode = true;
             }
@@ -19198,30 +19654,44 @@
                 },] }
     ];
 
-    var TransactionLineCommissionButtonComponent = /** @class */ (function () {
-        function TransactionLineCommissionButtonComponent(_dialogService) {
-            this._dialogService = _dialogService;
+    var TransactionLineCommissionButtonComponent = /** @class */ (function (_super) {
+        __extends(TransactionLineCommissionButtonComponent, _super);
+        function TransactionLineCommissionButtonComponent(_service) {
+            var _this = _super.call(this) || this;
+            _this._service = _service;
+            _this.showDialogCommissionCode = false;
+            return _this;
         }
         TransactionLineCommissionButtonComponent.prototype.showClass = function () {
             return true;
         };
-        TransactionLineCommissionButtonComponent.prototype.openCommissionCodeDialog = function () {
-            this._dialogService.showTransactionLineComponent(DialogTransactionLineCommissionCodeComponent, this.line);
+        TransactionLineCommissionButtonComponent.prototype.transactionLineSet = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    if (this.transactionLine && this.transactionLine.isArticle) {
+                        this._service.getCommissionCodes('NL').then(function (codes) {
+                            var commissionCode = codes.find(function (c) { return c.code === _this.transactionLine.commissionCode; });
+                            _this.transactionLine.commissionDescription = commissionCode ? commissionCode.description : "";
+                        });
+                    }
+                    return [2 /*return*/];
+                });
+            });
         };
         return TransactionLineCommissionButtonComponent;
-    }());
+    }(TransactionLineBaseComponent));
     TransactionLineCommissionButtonComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-commission-button",
-                    template: "\n    <div class=\"transaction-line-button\" (click)=\"openCommissionCodeDialog()\">\n      <span class=\"co-transaction-overflow-ellipsis\" [textContent]=\"line.commissionCode | append:' | ' | append:line.commissionDescription\"></span>\n    </div>\n  ",
+                    template: "\n    <div class=\"transaction-line-button\" (click)=\"showDialogCommissionCode = true\">\n      <span class=\"co-transaction-overflow-ellipsis\" [textContent]=\"transactionLine.commissionCode | append:' | ' | append:transactionLine.commissionDescription\"></span>\n    </div>\n    <co-dialog-transaction-line-commission-code *ngIf=\"showDialogCommissionCode\"\n                                                [autoClose]=\"true\"\n                                                [transactionInfo]=\"transactionInfo\"\n                                                [transactionLine]=\"transactionLine\"\n                                                (close)=\"showDialogCommissionCode = false\"\n    ></co-dialog-transaction-line-commission-code>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
     TransactionLineCommissionButtonComponent.ctorParameters = function () { return [
-        { type: DialogService }
+        { type: TransactionService }
     ]; };
     TransactionLineCommissionButtonComponent.propDecorators = {
-        line: [{ type: i0.Input }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-line-commission-button",] }]
     };
 
@@ -19234,7 +19704,8 @@
         { type: i0.NgModule, args: [{
                     imports: [
                         common.CommonModule,
-                        PipeModule
+                        PipeModule,
+                        DialogTransactionLineCommissionCodeModule
                     ],
                     declarations: [
                         TransactionLineCommissionButtonComponent
@@ -19245,37 +19716,47 @@
                 },] }
     ];
 
-    var TransactionLineWarehouseButtonComponent = /** @class */ (function () {
-        function TransactionLineWarehouseButtonComponent(iconCacheService, _dialogService) {
-            this.iconCacheService = iconCacheService;
-            this._dialogService = _dialogService;
-            this.icons = Icon;
-            this.readonly = false;
+    var TransactionLineWarehouseButtonComponent = /** @class */ (function (_super) {
+        __extends(TransactionLineWarehouseButtonComponent, _super);
+        function TransactionLineWarehouseButtonComponent(iconCacheService, service) {
+            var _this = _super.call(this) || this;
+            _this.iconCacheService = iconCacheService;
+            _this.service = service;
+            _this.icons = Icon;
+            _this.showDialogWarehouse = false;
+            return _this;
         }
         TransactionLineWarehouseButtonComponent.prototype.showClass = function () {
             return true;
         };
-        TransactionLineWarehouseButtonComponent.prototype.openWarehouseDialog = function () {
-            if (!this.readonly) {
-                this._dialogService.showTransactionLineComponent(DialogTransactionLineWarehouseComponent, this.line);
-            }
+        TransactionLineWarehouseButtonComponent.prototype.transactionLineSet = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    if (this.transactionLine && this.transactionLine.isArticle) {
+                        this.service.getWarehouses().then(function (warehouses) {
+                            var warehouse = warehouses.find(function (w) { return w.warehouseNo === _this.transactionLine.warehouseNumber; });
+                            _this.transactionLine.warehouseDescription = warehouse ? warehouse.description : "";
+                        });
+                    }
+                    return [2 /*return*/];
+                });
+            });
         };
         return TransactionLineWarehouseButtonComponent;
-    }());
+    }(TransactionLineBaseComponent));
     TransactionLineWarehouseButtonComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-warehouse-button",
-                    template: "\n    <div class=\"transaction-line-button\" [class.no-pointer]=\"readonly\" (click)=\"openWarehouseDialog()\">\n      <co-icon class=\"header-warehouse-icon\" [iconData]=\"iconCacheService.getIcon(icons.Warehouse)\"></co-icon>\n      <span class=\"co-transaction-overflow-ellipsis\" [textContent]=\"line.warehouseNumber\"></span>\n    </div>\n  ",
+                    template: "\n    <div class=\"transaction-line-button\" [class.no-pointer]=\"readonly\" (click)=\"showDialogWarehouse = true\">\n      <co-icon class=\"header-warehouse-icon\" [iconData]=\"iconCacheService.getIcon(icons.Warehouse)\"></co-icon>\n      <span class=\"co-transaction-overflow-ellipsis\" [textContent]=\"transactionLine.warehouseNumber\"></span>\n    </div>\n    <co-dialog-transaction-line-warehouse *ngIf=\"showDialogWarehouse\"\n                                          [autoClose]=\"true\"\n                                          [transactionInfo]=\"transactionInfo\"\n                                          [transactionLine]=\"transactionLine\"\n                                          (close)=\"showDialogWarehouse = false\"\n    ></co-dialog-transaction-line-warehouse>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
     TransactionLineWarehouseButtonComponent.ctorParameters = function () { return [
         { type: IconCacheService },
-        { type: DialogService }
+        { type: TransactionService }
     ]; };
     TransactionLineWarehouseButtonComponent.propDecorators = {
-        line: [{ type: i0.Input }],
-        readonly: [{ type: i0.Input }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-line-warehouse-button",] }]
     };
 
@@ -19288,7 +19769,8 @@
         { type: i0.NgModule, args: [{
                     imports: [
                         common.CommonModule,
-                        corecomponents_v12.IconModule
+                        corecomponents_v12.IconModule,
+                        DialogTransactionLineWarehouseModule
                     ],
                     declarations: [
                         TransactionLineWarehouseButtonComponent
@@ -19299,33 +19781,47 @@
                 },] }
     ];
 
-    var TransactionLineDeliveryButtonComponent = /** @class */ (function () {
-        function TransactionLineDeliveryButtonComponent(iconCacheService, _dialogService) {
-            this.iconCacheService = iconCacheService;
-            this._dialogService = _dialogService;
-            this.icons = Icon;
+    var TransactionLineDeliveryButtonComponent = /** @class */ (function (_super) {
+        __extends(TransactionLineDeliveryButtonComponent, _super);
+        function TransactionLineDeliveryButtonComponent(iconCacheService, service) {
+            var _this = _super.call(this) || this;
+            _this.iconCacheService = iconCacheService;
+            _this.service = service;
+            _this.icons = Icon;
+            _this.showDialogDeliveryMethod = false;
+            return _this;
         }
         TransactionLineDeliveryButtonComponent.prototype.showClass = function () {
             return true;
         };
-        TransactionLineDeliveryButtonComponent.prototype.openDeliveryMethodDialog = function () {
-            this._dialogService.showTransactionLineComponent(DialogTransactionLineDeliveryMethodComponent, this.line);
+        TransactionLineDeliveryButtonComponent.prototype.transactionLineSet = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    if (this.transactionLine && this.transactionLine.isArticle) {
+                        this.service.getDeliveryMethods().then(function (methods) {
+                            var method = methods.find(function (m) { return m.code === _this.transactionLine.deliveryMethodCode; });
+                            _this.transactionLine.deliveryMethodDescription = method ? method.description : "";
+                        });
+                    }
+                    return [2 /*return*/];
+                });
+            });
         };
         return TransactionLineDeliveryButtonComponent;
-    }());
+    }(TransactionLineBaseComponent));
     TransactionLineDeliveryButtonComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-delivery-button",
-                    template: "\n    <div class=\"transaction-line-button big\" (click)=\"openDeliveryMethodDialog()\">\n      <co-icon class=\"header-delivery-truck-icon\" [iconData]=\"iconCacheService.getIcon(icons.TruckFastSolid)\"></co-icon>\n      <span class=\"co-transaction-overflow-ellipsis\" [textContent]=\"line.deliveryMethodDescription\"></span>\n    </div>\n  ",
+                    template: "\n    <div class=\"transaction-line-button big\" (click)=\"showDialogDeliveryMethod = true\">\n      <co-icon class=\"header-delivery-truck-icon\" [iconData]=\"iconCacheService.getIcon(icons.TruckFastSolid)\"></co-icon>\n      <span class=\"co-transaction-overflow-ellipsis\" [textContent]=\"transactionLine.deliveryMethodDescription\"></span>\n    </div>\n    <co-dialog-transaction-line-delivery-method *ngIf=\"showDialogDeliveryMethod\"\n                                                [autoClose]=\"true\"\n                                                [transactionInfo]=\"transactionInfo\"\n                                                [transactionLine]=\"transactionLine\"\n                                                (close)=\"showDialogDeliveryMethod = false\"\n    ></co-dialog-transaction-line-delivery-method>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
     TransactionLineDeliveryButtonComponent.ctorParameters = function () { return [
         { type: IconCacheService },
-        { type: DialogService }
+        { type: TransactionService }
     ]; };
     TransactionLineDeliveryButtonComponent.propDecorators = {
-        line: [{ type: i0.Input }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-line-delivery-button",] }]
     };
 
@@ -19338,7 +19834,8 @@
         { type: i0.NgModule, args: [{
                     imports: [
                         common.CommonModule,
-                        corecomponents_v12.IconModule
+                        corecomponents_v12.IconModule,
+                        DialogTransactionLineDeliveryMethodModule
                     ],
                     declarations: [
                         TransactionLineDeliveryButtonComponent
@@ -19362,7 +19859,7 @@
     TransactionLineDeliveryDateButtonComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-delivery-date-button",
-                    template: "\n    <div class=\"transaction-line-button custom-width no-border\">\n      <span [textContent]=\"'DELIVERY_DATE' | localize | append:':'\" class=\"small-font\"></span>\n      <span class=\"co-transaction-overflow-ellipsis\" [textContent]=\"line.deliveryDate | date:'dd MMM YYYY'\"></span>\n      <co-icon class=\"header-delivery-date-icon\" [iconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"></co-icon>\n    </div>\n  ",
+                    template: "\n    <div class=\"transaction-line-button custom-width no-border\">\n      <span [textContent]=\"'DELIVERY_DATE' | localize | append:':'\" class=\"small-font\"></span>\n      <span class=\"co-transaction-overflow-ellipsis\" [textContent]=\"transactionLine.deliveryDate | date:'dd MMM YYYY'\"></span>\n      <co-icon class=\"header-delivery-date-icon\" [iconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"></co-icon>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -19370,7 +19867,7 @@
         { type: IconCacheService }
     ]; };
     TransactionLineDeliveryDateButtonComponent.propDecorators = {
-        line: [{ type: i0.Input }],
+        transactionLine: [{ type: i0.Input }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-line-delivery-date-button",] }]
     };
 
@@ -19420,7 +19917,10 @@
                         TransactionLineCommissionButtonModule,
                         TransactionLineWarehouseButtonModule,
                         TransactionLineDeliveryButtonModule,
-                        TransactionLineDeliveryDateButtonModule
+                        TransactionLineDeliveryDateButtonModule,
+                        DialogTransactionLineVatModule,
+                        DialogTransactionLineDiscountModule,
+                        TransactionLineStatusbarModule
                     ],
                     declarations: [
                         TransactionOverviewLineComponent
@@ -19431,50 +19931,6 @@
                 },] }
     ];
 
-    var StatusBarComponent = /** @class */ (function () {
-        function StatusBarComponent(iconCacheService) {
-            this.iconCacheService = iconCacheService;
-            this.icons = Icon;
-        }
-        StatusBarComponent.prototype.showClass = function () {
-            return true;
-        };
-        return StatusBarComponent;
-    }());
-    StatusBarComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: "co-status-bar",
-                    template: "\n    <div>\n      <!--Tijdelijk visueel voorbeeld:-->\n      <div class=\"status-bar-icons-wrapper\">\n        <co-icon class=\"color-green\" [iconData]=\"this.iconCacheService.getIcon(this.icons.SquareFullSolid)\"></co-icon>\n        <co-icon class=\"color-orange\" [iconData]=\"this.iconCacheService.getIcon(this.icons.SquareFullSolid)\"></co-icon>\n        <co-icon [iconData]=\"this.iconCacheService.getIcon(this.icons.SquareFull)\"></co-icon>\n        <co-icon [iconData]=\"this.iconCacheService.getIcon(this.icons.SquareFull)\"></co-icon>\n        <co-icon [iconData]=\"this.iconCacheService.getIcon(this.icons.SquareFull)\"></co-icon>\n      </div>\n    </div>\n  ",
-                    encapsulation: i0.ViewEncapsulation.None
-                },] }
-    ];
-    StatusBarComponent.ctorParameters = function () { return [
-        { type: IconCacheService }
-    ]; };
-    StatusBarComponent.propDecorators = {
-        showClass: [{ type: i0.HostBinding, args: ["class.co-status-bar",] }]
-    };
-
-    var StatusBarModule = /** @class */ (function () {
-        function StatusBarModule() {
-        }
-        return StatusBarModule;
-    }());
-    StatusBarModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        corecomponents_v12.IconModule
-                    ],
-                    declarations: [
-                        StatusBarComponent
-                    ],
-                    exports: [
-                        StatusBarComponent
-                    ]
-                },] }
-    ];
-
     var TransactionOrderDeliveryLineModule = /** @class */ (function () {
         function TransactionOrderDeliveryLineModule() {
         }
@@ -19488,10 +19944,10 @@
                         TransactionLineWarehouseButtonModule,
                         TransactionLineDeliveryButtonModule,
                         TransactionLineDeliveryDateButtonModule,
-                        StatusBarModule,
                         EditableLabelModule,
                         PipeModule,
-                        corecomponents_v12.InputNumberPickerModule
+                        corecomponents_v12.InputNumberPickerModule,
+                        TransactionLineStatusbarModule
                     ],
                     declarations: [
                         TransactionOrderDeliveryLineComponent
@@ -19594,6 +20050,103 @@
                 },] }
     ];
 
+    var TransactionSearchComponent = /** @class */ (function () {
+        function TransactionSearchComponent(transactionSearchService) {
+            this.transactionSearchService = transactionSearchService;
+            this.searchViewModes = exports.SearchViewMode;
+            this.orientations = corecomponents_v12.CoOrientation;
+            this.directionRight = corecomponents_v12.CoDirection.Right;
+            this.transactionClick = new i0.EventEmitter();
+            this.searchViewModeChange = new i0.EventEmitter();
+        }
+        Object.defineProperty(TransactionSearchComponent.prototype, "transactionType", {
+            get: function () {
+                return this._transactionType;
+            },
+            set: function (value) {
+                this._transactionType = value;
+                this.transactionSearchService.transactionType = this._transactionType;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TransactionSearchComponent.prototype.showClass = function () {
+            return true;
+        };
+        TransactionSearchComponent.prototype.onTransactionClick = function (transaction) {
+            if (this.transactionSearchService.activeSearchViewMode === this.searchViewModes.FullScreen) {
+                this.collapseSearchBar();
+            }
+            this._scrollToTop();
+            this.transactionClick.emit(transaction);
+        };
+        TransactionSearchComponent.prototype.onSearchViewResizeClick = function () {
+            if (this.transactionSearchService.activeSearchViewMode === this.searchViewModes.SideBar) {
+                this.transactionSearchService.activeSearchViewMode = this.searchViewModes.FullScreen;
+            }
+            else {
+                this.transactionSearchService.activeSearchViewMode = this.searchViewModes.SideBar;
+            }
+            this.searchViewModeChange.emit(this.transactionSearchService.activeSearchViewMode);
+        };
+        TransactionSearchComponent.prototype.onSideCollapseHandleClick = function () {
+            this.toggleSearchBar();
+        };
+        TransactionSearchComponent.prototype.toggleSearchBar = function () {
+            if (this.transactionSearchService.collapsed || this.transactionSearchService.fullscreen) {
+                this.expandSearchBar();
+            }
+            else {
+                this.collapseSearchBar();
+            }
+        };
+        TransactionSearchComponent.prototype.collapseSearchBar = function () {
+            this.transactionSearchService.activeSearchViewMode = this.searchViewModes.SideBar;
+            this.transactionSearchService.activeSearchBarViewMode = exports.SearchbarViewMode.Collapsed;
+            this.searchViewModeChange.emit(this.searchViewModes.SideBar);
+        };
+        TransactionSearchComponent.prototype.expandSearchBar = function () {
+            this.transactionSearchService.activeSearchViewMode = this.searchViewModes.SideBar;
+            this.transactionSearchService.activeSearchBarViewMode = exports.SearchbarViewMode.Expanded;
+            this.searchViewModeChange.emit(this.searchViewModes.SideBar);
+        };
+        TransactionSearchComponent.prototype.calculateClasses = function () {
+            return {
+                'fullscreen': this.transactionSearchService.fullscreen,
+                'sidebar': !this.transactionSearchService.fullscreen,
+                'collapsed': this.transactionSearchService.collapsed,
+                'expanded': !this.transactionSearchService.collapsed,
+            };
+        };
+        TransactionSearchComponent.prototype._scrollToTop = function () {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        };
+        return TransactionSearchComponent;
+    }());
+    TransactionSearchComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'co-transaction-search',
+                    template: "\n    <div class=\"transaction-search-main-wrapper\">\n      <div class=\"transaction-search-wrapper\"\n           [ngClass]=\"calculateClasses()\">\n        <div class=\"transaction-filter-wrapper narrow-scrollbar\"\n             [ngClass]=\"calculateClasses()\"\n             *ngIf=\"transactionSearchService.showFilterSidebar\" @showHideFilterSidebar>\n          <co-transaction-filter\n            [transactionType]=\"transactionType\"\n            [activeSearchViewMode]=\"transactionSearchService.activeSearchViewMode\"\n            (closeButtonClick)=\"transactionSearchService.handleHideFilter()\"\n            (resetFilterClick)=\"transactionSearchService.handleResetFilter()\"></co-transaction-filter>\n        </div>\n        <div class=\"transaction-search-result-wrapper\"\n             [class.fullscreen]=\"transactionSearchService.fullscreen\"\n             [class.sidebar]=\"!transactionSearchService.fullscreen\"\n             [class.collapsed]=\"transactionSearchService.collapsed\"\n             [class.expanded]=\"!transactionSearchService.collapsed\"\n        >\n          <co-transaction-search-result\n            [transactionType]=\"transactionType\"\n            [activeSearchViewMode]=\"transactionSearchService.activeSearchViewMode\"\n            (filterClick)=\"transactionSearchService.toggleFilter()\"\n            (transactionClick)=\"onTransactionClick($event)\"\n            (resizeClick)=\"onSearchViewResizeClick()\"\n            (closeClick)=\"collapseSearchBar()\"\n          ></co-transaction-search-result>\n        </div>\n      </div>\n      <div class=\"transaction-search-content-wrapper\"\n           [class.fullscreen]=\"transactionSearchService.fullscreen\"\n           [class.sidebar]=\"!transactionSearchService.fullscreen\"\n           [class.collapsed]=\"transactionSearchService.collapsed\"\n           [class.expanded]=\"!transactionSearchService.collapsed\"\n      >\n        <ng-content></ng-content>\n      </div>\n    </div>\n  ",
+                    animations: [
+                        animations.trigger("showHideFilterSidebar", [
+                            animations.state("void", animations.style({ transform: 'translateX(-100%)' })),
+                            animations.state("*", animations.style({ transform: 'translateX(0)' })),
+                            animations.transition("void <=> *", animations.animate("200ms ease-in-out"))
+                        ])
+                    ],
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    TransactionSearchComponent.ctorParameters = function () { return [
+        { type: TransactionSearchService }
+    ]; };
+    TransactionSearchComponent.propDecorators = {
+        transactionType: [{ type: i0.Input }],
+        transactionClick: [{ type: i0.Output }],
+        searchViewModeChange: [{ type: i0.Output }],
+        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-search",] }]
+    };
+
     var TransactionFilterComponent = /** @class */ (function () {
         function TransactionFilterComponent(_mappingService, _compFactoryResolver, appRef, injector, searchService) {
             this._mappingService = _mappingService;
@@ -19603,7 +20156,7 @@
             this.searchService = searchService;
             this.closeButtonClick = new i0.EventEmitter();
             this.resetFilterClick = new i0.EventEmitter();
-            this._activeSearchViewMode = SearchViewMode.FullScreen;
+            this._activeSearchViewMode = exports.SearchViewMode.FullScreen;
         }
         Object.defineProperty(TransactionFilterComponent.prototype, "container", {
             set: function (content) {
@@ -19632,6 +20185,7 @@
             },
             set: function (value) {
                 this._activeSearchViewMode = value;
+                //localStorage.setItem('viewMode', value);
             },
             enumerable: false,
             configurable: true
@@ -20211,7 +20765,7 @@
     TransactionFilterHistoricStateComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-filter-historic-state",
-                    template: "\n    <co-transaction-filter-item\n      [placeholder]=\"label\"\n      [customContent]=\"true\">\n      <co-input-radio-button *ngFor=\"let state of states\"\n                             [name]=\"groupName\"\n                             [value]=\"state.value\"\n                             [model]=\"state.checked\"\n                             [label]=\"state.label | localize\"\n                             (modelChange)=\"handleStateChange($event)\"\n      ></co-input-radio-button>\n    </co-transaction-filter-item>\n  ",
+                    template: "\n    <co-transaction-filter-item\n      [placeholder]=\"label\"\n      [customContent]=\"true\">\n      <co-input-radio-button *ngFor=\"let state of states\"\n                             [model]=\"state.checked\"\n                             [label]=\"state.label | localize\"\n                             (modelChange)=\"handleStateChange(state.value)\"\n      ></co-input-radio-button>\n    </co-transaction-filter-item>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -20468,8 +21022,8 @@
                 //this.getStatusbarLine(),// Factuurcheck todo: als BE gereed is
             ];
         };
-        TransactionStatusbarComponent.prototype.getStatusbarLine = function (label, property) {
-            return { label: this._dictionary.get(label), percentage: this.calculatePercentage(property, this._total), count: property };
+        TransactionStatusbarComponent.prototype.getStatusbarLine = function (label, quantity) {
+            return { label: this._dictionary.get(label), percentage: this.calculatePercentage(quantity, this._total) };
         };
         TransactionStatusbarComponent.prototype.calculatePercentage = function (amount, totalAmount) {
             if (amount === 0 || totalAmount === 0) {
@@ -20570,7 +21124,7 @@
             this._dictionary = _dictionary;
             this.icon = Icon;
             this.contentViewModes = ContentViewMode;
-            this.searchViewModes = SearchViewMode;
+            this.searchViewModes = exports.SearchViewMode;
             this.iconSlideIn = this.iconCacheService.getIcon(this.icon.SlideIn);
             this.iconResize = this.iconCacheService.getIcon(this.icon.Resize);
             this.iconCancel = this.iconCacheService.getIcon(this.icon.Cancel);
@@ -20593,7 +21147,7 @@
         };
         Object.defineProperty(TransactionSearchHeaderComponent.prototype, "fullscreen", {
             get: function () {
-                return this.activeSearchViewMode === SearchViewMode.FullScreen;
+                return this.activeSearchViewMode === exports.SearchViewMode.FullScreen;
             },
             enumerable: false,
             configurable: true
@@ -20612,7 +21166,7 @@
     TransactionSearchHeaderComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-search-header",
-                    template: "\n    <div class=\"transaction-search-header-wrapper\">\n      <div class=\"upper-header\">\n\n        <div class=\"header-buttons-wrapper\">\n          <div class=\"toggle-sidebar-button-wrapper button-wrapper\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\">\n            <co-button [iconData]=\"fullscreen ? iconSlideIn : iconResize\"\n                       [ngClass]=\"!fullscreen ? 'small' : ''\"\n                       class=\"toggle-sidebar-button circle transparent\"\n                       (click)=\"onResizeClick()\"></co-button>\n          </div>\n          <div class=\"close-search-button-wrapper button-wrapper\" *ngIf=\"!fullscreen\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\" >\n            <co-button [iconData]=\"iconCancel\"\n                       class=\"toggle-sidebar-button circle small transparent\"\n                       (click)=\"onCloseClick()\">\n            </co-button>\n          </div>\n        </div>\n\n      </div>\n      <div class=\"header-searchbar-wrapper\">\n        <div>\n          <co-input-search class=\"transaction-search-general\"\n                           [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\"\n                           [noIcon]=\"true\"\n                           [(model)]=\"searchService.searchRequest.general\"\n                           [placeholder]=\"'SEARCH_NUMBER_CUSTOMER_OR_DATE' | localize\"\n                           (search)=\"searchService.searchTransactions()\"></co-input-search>\n        </div>\n        <div>\n          <co-button class=\"transaction-search-filter-button\"\n                     \n                     [iconData]=\"iconCacheService.getIcon(icon.BarsFilter)\"\n                     (click)=\"filterButtonClick.emit()\">\n          </co-button>\n        </div>\n      </div>\n\n      <div class=\"view-mode-buttons-wrapper\">\n        <co-view-mode-buttons\n          *ngIf=\"fullscreen\"\n          [showViewModes]=\"[contentViewModes.Tiles, contentViewModes.Grid]\"\n          (viewModeChange)=\"onViewModeChange($event)\">\n        </co-view-mode-buttons>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"transaction-search-header-wrapper\">\n      <div class=\"upper-header\">\n\n        <div class=\"header-buttons-wrapper\">\n          <div class=\"toggle-sidebar-button-wrapper button-wrapper\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\">\n            <co-button [iconData]=\"fullscreen ? iconSlideIn : iconResize\"\n                       [ngClass]=\"!fullscreen ? 'small' : ''\"\n                       class=\"toggle-sidebar-button circle transparent\"\n                       (click)=\"onResizeClick()\"></co-button>\n          </div>\n          <div class=\"close-search-button-wrapper button-wrapper\" *ngIf=\"!fullscreen\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\" >\n            <co-button [iconData]=\"iconCancel\"\n                       class=\"toggle-sidebar-button circle small transparent\"\n                       (click)=\"onCloseClick()\">\n            </co-button>\n          </div>\n        </div>\n\n      </div>\n      <div class=\"header-searchbar-wrapper\">\n        <div>\n          <co-input-search class=\"transaction-search-general\"\n                           [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\"\n                           [noIcon]=\"true\"\n                           [(model)]=\"searchService.searchRequest.general\"\n                           [placeholder]=\"'SEARCH_NUMBER_CUSTOMER_OR_DATE' | localize\"\n                           [initFocus]=\"true\"\n                           (search)=\"searchService.searchTransactions()\"></co-input-search>\n        </div>\n        <div>\n          <co-button class=\"transaction-search-filter-button\"\n\n                     [iconData]=\"iconCacheService.getIcon(icon.BarsFilter)\"\n                     (click)=\"filterButtonClick.emit()\">\n          </co-button>\n        </div>\n      </div>\n\n      <div class=\"view-mode-buttons-wrapper\">\n        <co-view-mode-buttons\n          *ngIf=\"fullscreen\"\n          [showViewModes]=\"[contentViewModes.Tiles, contentViewModes.Grid]\"\n          (viewModeChange)=\"onViewModeChange($event)\">\n        </co-view-mode-buttons>\n      </div>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -20930,7 +21484,7 @@
             this.searchService = searchService;
             this.icon = Icon;
             this.contentViewModes = ContentViewMode;
-            this.searchViewModes = SearchViewMode;
+            this.searchViewModes = exports.SearchViewMode;
             this.activeSearchViewMode = this.searchViewModes.FullScreen;
             this.filterClick = new i0.EventEmitter();
             this.transactionClick = new i0.EventEmitter();
@@ -20945,7 +21499,7 @@
         };
         Object.defineProperty(TransactionSearchResultComponent.prototype, "fullscreen", {
             get: function () {
-                return this.activeSearchViewMode === SearchViewMode.FullScreen;
+                return this.activeSearchViewMode === exports.SearchViewMode.FullScreen;
             },
             enumerable: false,
             configurable: true
@@ -21528,256 +22082,262 @@
     exports["ɵcd"] = TransactionArticleTextComponent;
     exports["ɵce"] = TransactionReceiveGoodsService;
     exports["ɵcf"] = TransactionEventService;
-    exports["ɵcg"] = AvatarModule;
-    exports["ɵch"] = AvatarComponent;
-    exports["ɵci"] = SharedService;
-    exports["ɵcj"] = SharedConnectorService;
-    exports["ɵck"] = DeliveryTypeTileModule;
-    exports["ɵcl"] = DeliveryTypeTileComponent;
-    exports["ɵcm"] = PaymentModule;
-    exports["ɵcn"] = PaymentTileModule;
-    exports["ɵco"] = PaymentTileComponent;
-    exports["ɵcp"] = PaymentQrCodeModule;
-    exports["ɵcq"] = PaymentQrCodeComponent;
-    exports["ɵcr"] = PaymentComponent;
-    exports["ɵcs"] = PaymentService;
-    exports["ɵct"] = RelationTypeModule;
-    exports["ɵcu"] = RelationTypeComponent;
-    exports["ɵcv"] = RelationGeneralModule;
-    exports["ɵcw"] = RelationSuggestionsListModule;
-    exports["ɵcx"] = RelationSuggestionsListItemModule;
-    exports["ɵcy"] = RelationSuggestionsListItemComponent;
-    exports["ɵcz"] = RelationSuggestionsListComponent;
+    exports["ɵcg"] = DialogTransactionHeaderDiscountModule;
+    exports["ɵch"] = TransactionHeaderDiscountPercentageModule;
+    exports["ɵci"] = TransactionHeaderDiscountPercentageComponent;
+    exports["ɵcj"] = TransactionHeaderBaseComponent;
+    exports["ɵck"] = TransactionFilterPopupBaseComponent;
+    exports["ɵcl"] = TransactionHeaderDiscountAmountModule;
+    exports["ɵcm"] = TransactionHeaderDiscountAmountComponent;
+    exports["ɵcn"] = TransactionHeaderDiscountTransactionTotalModule;
+    exports["ɵco"] = TransactionHeaderDiscountTransactionTotalComponent;
+    exports["ɵcp"] = DialogTransactionHeaderDiscountComponent;
+    exports["ɵcq"] = DialogTransactionHeaderBaseComponent;
+    exports["ɵcr"] = AvatarModule;
+    exports["ɵcs"] = AvatarComponent;
+    exports["ɵct"] = SharedService;
+    exports["ɵcu"] = SharedConnectorService;
+    exports["ɵcv"] = DeliveryTypeTileModule;
+    exports["ɵcw"] = DeliveryTypeTileComponent;
+    exports["ɵcx"] = PaymentModule;
+    exports["ɵcy"] = PaymentTileModule;
+    exports["ɵcz"] = PaymentTileComponent;
     exports["ɵd"] = OptionsService;
-    exports["ɵda"] = RelationGeneralComponent;
-    exports["ɵdb"] = RelationAddressesModule;
-    exports["ɵdc"] = RelationAddressesComponent;
-    exports["ɵdd"] = RelationContactDetailsModule;
-    exports["ɵde"] = RelationContactDetailsComponent;
-    exports["ɵdf"] = RelationPreferencesModule;
-    exports["ɵdg"] = RelationPreferencesComponent;
-    exports["ɵdh"] = TransactionHeaderBlockModule;
-    exports["ɵdi"] = TransactionHeaderBlockComponent;
-    exports["ɵdj"] = TransactionHeaderDeliveryDateModule;
-    exports["ɵdk"] = TransactionHeaderDeliveryDateComponent;
-    exports["ɵdl"] = TransactionHeaderBaseComponent;
-    exports["ɵdm"] = TransactionFilterPopupBaseComponent;
-    exports["ɵdn"] = TransactionHeaderDeliveryOptionsModule;
-    exports["ɵdo"] = TransactionHeaderDeliveryOptionsComponent;
-    exports["ɵdp"] = TransactionHeaderRemarksModule;
-    exports["ɵdq"] = TransactionHeaderRemarksComponent;
-    exports["ɵdr"] = TransactionHeaderReferenceModule;
-    exports["ɵds"] = TransactionHeaderReferenceComponent;
-    exports["ɵdt"] = TransactionHeaderRelationReferenceModule;
-    exports["ɵdu"] = TransactionHeaderRelationReferenceComponent;
-    exports["ɵdv"] = TransactionHeaderDeliveryMethodModule;
-    exports["ɵdw"] = TransactionLineCheckboxModule;
-    exports["ɵdx"] = TransactionLineCheckboxListComponent;
-    exports["ɵdy"] = TransactionHeaderDeliveryMethodComponent;
-    exports["ɵdz"] = TransactionHeaderPreferredDeliveryDateModule;
+    exports["ɵda"] = PaymentQrCodeModule;
+    exports["ɵdb"] = PaymentQrCodeComponent;
+    exports["ɵdc"] = PaymentComponent;
+    exports["ɵdd"] = PaymentService;
+    exports["ɵde"] = RelationTypeModule;
+    exports["ɵdf"] = RelationTypeComponent;
+    exports["ɵdg"] = RelationGeneralModule;
+    exports["ɵdh"] = RelationSuggestionsListModule;
+    exports["ɵdi"] = RelationSuggestionsListItemModule;
+    exports["ɵdj"] = RelationSuggestionsListItemComponent;
+    exports["ɵdk"] = RelationSuggestionsListComponent;
+    exports["ɵdl"] = RelationGeneralComponent;
+    exports["ɵdm"] = RelationAddressesModule;
+    exports["ɵdn"] = RelationAddressesComponent;
+    exports["ɵdo"] = RelationContactDetailsModule;
+    exports["ɵdp"] = RelationContactDetailsComponent;
+    exports["ɵdq"] = RelationPreferencesModule;
+    exports["ɵdr"] = RelationPreferencesComponent;
+    exports["ɵds"] = TransactionHeaderBlockModule;
+    exports["ɵdt"] = TransactionHeaderBlockComponent;
+    exports["ɵdu"] = TransactionHeaderDeliveryDateModule;
+    exports["ɵdv"] = TransactionHeaderDeliveryDateComponent;
+    exports["ɵdw"] = TransactionHeaderDeliveryOptionsModule;
+    exports["ɵdx"] = TransactionHeaderDeliveryOptionsComponent;
+    exports["ɵdy"] = TransactionHeaderRemarksModule;
+    exports["ɵdz"] = TransactionHeaderRemarksComponent;
     exports["ɵe"] = DictionaryService;
-    exports["ɵea"] = TransactionHeaderPreferredDeliveryDateComponent;
-    exports["ɵeb"] = DialogTransactionHeaderDeliveryMethodModule;
-    exports["ɵec"] = DialogHeaderSearchModule;
-    exports["ɵed"] = DialogHeaderSearchComponent;
-    exports["ɵee"] = DialogTransactionHeaderDeliveryMethodComponent;
-    exports["ɵef"] = DialogTransactionHeaderBaseComponent;
-    exports["ɵeg"] = TransactionBaseComponent;
-    exports["ɵeh"] = TransactionHeaderPartialDeliveryModule;
-    exports["ɵei"] = TransactionHeaderPartialDeliveryComponent;
-    exports["ɵej"] = TransactionHeaderDownpaymentPercentageModule;
-    exports["ɵek"] = TransactionHeaderDownpaymentPercentageComponent;
-    exports["ɵel"] = TransactionHeaderDownpaymentAmountModule;
-    exports["ɵem"] = TransactionHeaderDownpaymentAmountComponent;
-    exports["ɵen"] = TransactionHeaderDefinitiveModule;
-    exports["ɵeo"] = TransactionHeaderDefinitiveComponent;
-    exports["ɵep"] = TransactionHeaderBranchModule;
-    exports["ɵeq"] = TransactionHeaderBranchComponent;
-    exports["ɵer"] = TransactionHeaderAdministrativeRelationModule;
-    exports["ɵes"] = TransactionHeaderAdministrativeRelationComponent;
-    exports["ɵet"] = TransactionHeaderMarketingModule;
-    exports["ɵeu"] = TransactionHeaderMarketingComponent;
-    exports["ɵev"] = CheckoutOverviewRelationEditComponent;
-    exports["ɵew"] = CheckoutOverviewDeliveryEditComponent;
-    exports["ɵex"] = CheckoutOverviewDeliveryAddressComponent;
-    exports["ɵey"] = CheckoutOverviewPaymentComponent;
-    exports["ɵez"] = CheckoutLoginComponent;
+    exports["ɵea"] = TransactionHeaderReferenceModule;
+    exports["ɵeb"] = TransactionHeaderReferenceComponent;
+    exports["ɵec"] = TransactionHeaderRelationReferenceModule;
+    exports["ɵed"] = TransactionHeaderRelationReferenceComponent;
+    exports["ɵee"] = TransactionHeaderDeliveryMethodModule;
+    exports["ɵef"] = TransactionLineCheckboxModule;
+    exports["ɵeg"] = TransactionLineCheckboxListComponent;
+    exports["ɵeh"] = TransactionHeaderDeliveryMethodComponent;
+    exports["ɵei"] = TransactionHeaderPreferredDeliveryDateModule;
+    exports["ɵej"] = TransactionHeaderPreferredDeliveryDateComponent;
+    exports["ɵek"] = DialogTransactionHeaderDeliveryMethodModule;
+    exports["ɵel"] = DialogHeaderSearchModule;
+    exports["ɵem"] = DialogHeaderSearchComponent;
+    exports["ɵen"] = DialogTransactionHeaderDeliveryMethodComponent;
+    exports["ɵeo"] = TransactionHeaderPartialDeliveryModule;
+    exports["ɵep"] = TransactionHeaderPartialDeliveryComponent;
+    exports["ɵeq"] = TransactionBaseComponent;
+    exports["ɵer"] = TransactionHeaderDownpaymentPercentageModule;
+    exports["ɵes"] = TransactionHeaderDownpaymentPercentageComponent;
+    exports["ɵet"] = TransactionHeaderDownpaymentAmountModule;
+    exports["ɵeu"] = TransactionHeaderDownpaymentAmountComponent;
+    exports["ɵev"] = TransactionHeaderDefinitiveModule;
+    exports["ɵew"] = TransactionHeaderDefinitiveComponent;
+    exports["ɵex"] = TransactionHeaderBranchModule;
+    exports["ɵey"] = TransactionHeaderBranchComponent;
+    exports["ɵez"] = TransactionHeaderAdministrativeRelationModule;
     exports["ɵf"] = TransactionConnectorService;
-    exports["ɵfa"] = TransactionFilterCategoriesModule;
-    exports["ɵfb"] = TransactionFilterCategoriesComponent;
-    exports["ɵfc"] = TransactionHeaderPaymentModule;
-    exports["ɵfd"] = TransactionHeaderPaymentComponent;
-    exports["ɵfe"] = TransactionLinesGridModule;
-    exports["ɵff"] = TransactionBaseGridModule;
-    exports["ɵfg"] = TransactionLineSidePanelModule;
-    exports["ɵfh"] = TransactionLineSidePanelDefaultModule;
-    exports["ɵfi"] = TransactionLinePriceModule;
-    exports["ɵfj"] = TransactionLinePriceComponent;
-    exports["ɵfk"] = TransactionLineBaseComponent;
-    exports["ɵfl"] = TransactionLinePriceListModule;
-    exports["ɵfm"] = TransactionLinePriceListComponent;
-    exports["ɵfn"] = TransactionLineVatModule;
-    exports["ɵfo"] = TransactionLineVatComponent;
-    exports["ɵfp"] = TransactionLineQuantityModule;
-    exports["ɵfq"] = TransactionLineQuantityComponent;
-    exports["ɵfr"] = TransactionLineLineDiscountModule;
-    exports["ɵfs"] = TransactionLineLineDiscountComponent;
-    exports["ɵft"] = TransactionLineDeliveryMethodModule;
-    exports["ɵfu"] = TransactionLineDeliveryMethodComponent;
-    exports["ɵfv"] = TransactionLineDeliveryDateModule;
-    exports["ɵfw"] = TransactionLineDeliveryDateComponent;
-    exports["ɵfx"] = TransactionLineReferenceModule;
-    exports["ɵfy"] = TransactionLineReferenceComponent;
-    exports["ɵfz"] = TransactionLineCommissionCodeModule;
+    exports["ɵfa"] = TransactionHeaderAdministrativeRelationComponent;
+    exports["ɵfb"] = TransactionHeaderMarketingModule;
+    exports["ɵfc"] = TransactionHeaderMarketingComponent;
+    exports["ɵfd"] = CheckoutOverviewRelationEditComponent;
+    exports["ɵfe"] = CheckoutOverviewDeliveryEditComponent;
+    exports["ɵff"] = CheckoutOverviewDeliveryAddressComponent;
+    exports["ɵfg"] = CheckoutOverviewPaymentComponent;
+    exports["ɵfh"] = CheckoutLoginComponent;
+    exports["ɵfi"] = TransactionFilterCategoriesModule;
+    exports["ɵfj"] = TransactionFilterCategoriesComponent;
+    exports["ɵfk"] = TransactionHeaderPaymentModule;
+    exports["ɵfl"] = TransactionHeaderPaymentComponent;
+    exports["ɵfm"] = TransactionLinesGridModule;
+    exports["ɵfn"] = TransactionBaseGridModule;
+    exports["ɵfo"] = TransactionLineSidePanelModule;
+    exports["ɵfp"] = TransactionLineSidePanelDefaultModule;
+    exports["ɵfq"] = TransactionLinePriceModule;
+    exports["ɵfr"] = TransactionLinePriceComponent;
+    exports["ɵfs"] = TransactionLineBaseComponent;
+    exports["ɵft"] = TransactionLinePriceListModule;
+    exports["ɵfu"] = TransactionLinePriceListComponent;
+    exports["ɵfv"] = TransactionLineVatModule;
+    exports["ɵfw"] = TransactionLineVatComponent;
+    exports["ɵfx"] = TransactionLineQuantityModule;
+    exports["ɵfy"] = TransactionLineQuantityComponent;
+    exports["ɵfz"] = TransactionLineLineDiscountModule;
     exports["ɵg"] = TransactionConnectorAdapterService;
-    exports["ɵga"] = TransactionLineCommissionCodeComponent;
-    exports["ɵgb"] = TransactionLineWarehouseModule;
-    exports["ɵgc"] = TransactionLineWarehouseComponent;
-    exports["ɵgd"] = TransactionLineDiscountAmountModule;
-    exports["ɵge"] = TransactionLineDiscountAmountComponent;
-    exports["ɵgf"] = TransactionLineQuantumDiscountModule;
-    exports["ɵgg"] = TransactionLineQuantumDiscountComponent;
-    exports["ɵgh"] = TransactionLineSpecialDiscountModule;
-    exports["ɵgi"] = TransactionLineSpecialDiscountComponent;
-    exports["ɵgj"] = TransactionLineSupplierModule;
-    exports["ɵgk"] = TransactionLineSupplierComponent;
-    exports["ɵgl"] = TransactionLineDescriptionModule;
-    exports["ɵgm"] = TransactionLineDescriptionComponent;
-    exports["ɵgn"] = TransactionLineSidePanelDefaultComponent;
-    exports["ɵgo"] = TransactionReceivingGoodsHistoryModule;
-    exports["ɵgp"] = TransactionHistoryGridModule;
-    exports["ɵgq"] = TransactionHistoryGridStatusModule;
-    exports["ɵgr"] = TransactionHistoryGridStatusComponent;
-    exports["ɵgs"] = TransactionHistoryGridComponent;
-    exports["ɵgt"] = TransactionReceivingGoodsHistoryComponent;
-    exports["ɵgu"] = TransactionReceivingGoodsDetailsModule;
-    exports["ɵgv"] = TransactionReceivingGoodsDetailsComponent;
-    exports["ɵgw"] = ArticleService;
-    exports["ɵgx"] = TransactionButtonBarModule;
-    exports["ɵgy"] = TransactionButtonBarComponent;
-    exports["ɵgz"] = TransactionButtonBarButtonComponent;
+    exports["ɵga"] = TransactionLineLineDiscountComponent;
+    exports["ɵgb"] = TransactionLineDeliveryMethodModule;
+    exports["ɵgc"] = TransactionLineDeliveryMethodComponent;
+    exports["ɵgd"] = TransactionLineDeliveryDateModule;
+    exports["ɵge"] = TransactionLineDeliveryDateComponent;
+    exports["ɵgf"] = TransactionLineReferenceModule;
+    exports["ɵgg"] = TransactionLineReferenceComponent;
+    exports["ɵgh"] = TransactionLineCommissionCodeModule;
+    exports["ɵgi"] = TransactionLineCommissionCodeComponent;
+    exports["ɵgj"] = TransactionLineWarehouseModule;
+    exports["ɵgk"] = TransactionLineWarehouseComponent;
+    exports["ɵgl"] = TransactionLineDiscountAmountModule;
+    exports["ɵgm"] = TransactionLineDiscountAmountComponent;
+    exports["ɵgn"] = TransactionLineQuantumDiscountModule;
+    exports["ɵgo"] = TransactionLineQuantumDiscountComponent;
+    exports["ɵgp"] = TransactionLineSpecialDiscountModule;
+    exports["ɵgq"] = TransactionLineSpecialDiscountComponent;
+    exports["ɵgr"] = TransactionLineSupplierModule;
+    exports["ɵgs"] = TransactionLineSupplierComponent;
+    exports["ɵgt"] = TransactionLineDescriptionModule;
+    exports["ɵgu"] = TransactionLineDescriptionComponent;
+    exports["ɵgv"] = TransactionLineSidePanelDefaultComponent;
+    exports["ɵgw"] = TransactionReceivingGoodsHistoryModule;
+    exports["ɵgx"] = TransactionHistoryGridModule;
+    exports["ɵgy"] = TransactionHistoryGridStatusModule;
+    exports["ɵgz"] = TransactionHistoryGridStatusComponent;
     exports["ɵh"] = SelectMultipleCacheService;
-    exports["ɵha"] = TransactionLineSidePanelPurchaseModule;
-    exports["ɵhb"] = DefaultOkCancelButtonsModule;
-    exports["ɵhc"] = DefaultOkCancelButtonsComponent;
-    exports["ɵhd"] = TransactionLineSidePanelPurchaseComponent;
-    exports["ɵhe"] = TransactionLineSidePanelComponent;
-    exports["ɵhf"] = DynamicBaseComponent;
-    exports["ɵhg"] = TransactionLineActionButtonsModule;
-    exports["ɵhh"] = TransactionArticleTextOverviewModule;
-    exports["ɵhi"] = TransactionArticleTextOverviewComponent;
-    exports["ɵhj"] = TransactionLineActionButtonsComponent;
-    exports["ɵhk"] = TransactionBaseGridComponent;
-    exports["ɵhl"] = TransactionGridBaseComponent;
-    exports["ɵhm"] = TransactionImageService;
-    exports["ɵhn"] = DialogTransactionLineCommissionCodeModule;
-    exports["ɵho"] = DialogTransactionLineCommissionCodeComponent;
-    exports["ɵhp"] = DialogTransactionLineBaseComponent;
-    exports["ɵhq"] = DialogTransactionLineWarehouseModule;
-    exports["ɵhr"] = DialogTransactionLineWarehouseComponent;
-    exports["ɵhs"] = DialogTransactionLineWarehouseCcModule;
-    exports["ɵht"] = DialogTransactionLineWarehouseCcComponent;
-    exports["ɵhu"] = DialogTransactionLineDeliveryMethodModule;
-    exports["ɵhv"] = DialogTransactionLineDeliveryMethodComponent;
-    exports["ɵhw"] = DialogTransactionLineVatModule;
-    exports["ɵhx"] = DialogTransactionLineVatComponent;
-    exports["ɵhy"] = DialogTransactionLineDiscountModule;
-    exports["ɵhz"] = DialogTransactionLinePriceListModule;
+    exports["ɵha"] = TransactionHistoryGridComponent;
+    exports["ɵhb"] = TransactionReceivingGoodsHistoryComponent;
+    exports["ɵhc"] = TransactionReceivingGoodsDetailsModule;
+    exports["ɵhd"] = TransactionReceivingGoodsDetailsComponent;
+    exports["ɵhe"] = ArticleService;
+    exports["ɵhf"] = TransactionButtonBarModule;
+    exports["ɵhg"] = TransactionButtonBarComponent;
+    exports["ɵhh"] = TransactionButtonBarButtonComponent;
+    exports["ɵhi"] = TransactionLineSidePanelPurchaseModule;
+    exports["ɵhj"] = DefaultOkCancelButtonsModule;
+    exports["ɵhk"] = DefaultOkCancelButtonsComponent;
+    exports["ɵhl"] = TransactionLineSidePanelPurchaseComponent;
+    exports["ɵhm"] = TransactionLineSidePanelComponent;
+    exports["ɵhn"] = DynamicBaseComponent;
+    exports["ɵho"] = TransactionLineActionButtonsModule;
+    exports["ɵhp"] = TransactionArticleTextOverviewModule;
+    exports["ɵhq"] = TransactionArticleTextOverviewComponent;
+    exports["ɵhr"] = TransactionLineActionButtonsComponent;
+    exports["ɵhs"] = TransactionBaseGridComponent;
+    exports["ɵht"] = TransactionGridBaseComponent;
+    exports["ɵhu"] = TransactionImageService;
+    exports["ɵhv"] = DialogTransactionLineCommissionCodeModule;
+    exports["ɵhw"] = DialogTransactionLineCommissionCodeComponent;
+    exports["ɵhx"] = DialogTransactionLineBaseComponent;
+    exports["ɵhy"] = DialogTransactionLineWarehouseModule;
+    exports["ɵhz"] = DialogTransactionLineWarehouseComponent;
     exports["ɵi"] = BusinessObjectCacheManagerService;
-    exports["ɵia"] = DialogTransactionLinePriceListComponent;
-    exports["ɵib"] = DialogTransactionLineDiscountComponent;
-    exports["ɵic"] = TransactionLinesGridComponent;
-    exports["ɵid"] = DiscountModule;
-    exports["ɵie"] = DiscountComponent;
-    exports["ɵif"] = TransactionQuickAccessOverviewModule;
-    exports["ɵig"] = TransactionQuickAccessOverviewComponent;
-    exports["ɵih"] = TransactionQuickAccessOrderDeliveryModule;
-    exports["ɵii"] = TransactionQuickAccessOrderDeliveryComponent;
-    exports["ɵij"] = TransactionOrderConfirmationGridModule;
-    exports["ɵik"] = TransactionOrderConfirmationGridComponent;
-    exports["ɵil"] = TransactionReceivedGoodsGridModule;
-    exports["ɵim"] = DialogTransactionLineWarehouseLocationModule;
-    exports["ɵin"] = TransactionLineWarehouseLocationModule;
-    exports["ɵio"] = TransactionLineWarehouseLocationComponent;
-    exports["ɵip"] = DialogTransactionLineWarehouseLocationComponent;
-    exports["ɵiq"] = TransactionLineWarehouseLocationButtonModule;
-    exports["ɵir"] = TransactionLineWarehouseLocationButtonComponent;
-    exports["ɵis"] = TransactionReceivedGoodsGridComponent;
-    exports["ɵit"] = ViewModeButtonsModule;
-    exports["ɵiu"] = ViewModeButtonsComponent;
-    exports["ɵiv"] = TransactionGridModule;
-    exports["ɵiw"] = TransactionGridComponent;
-    exports["ɵix"] = TransactionTileModule;
-    exports["ɵiy"] = TransactionTileComponent;
-    exports["ɵiz"] = TransactionOverviewLineModule;
+    exports["ɵia"] = DialogTransactionLineWarehouseCcModule;
+    exports["ɵib"] = DialogTransactionLineWarehouseCcComponent;
+    exports["ɵic"] = DialogTransactionLineDeliveryMethodModule;
+    exports["ɵid"] = DialogTransactionLineDeliveryMethodComponent;
+    exports["ɵie"] = DialogTransactionLineVatModule;
+    exports["ɵif"] = DialogTransactionLineVatComponent;
+    exports["ɵig"] = DialogTransactionLineDiscountModule;
+    exports["ɵih"] = DialogTransactionLinePriceListModule;
+    exports["ɵii"] = DialogTransactionLinePriceListComponent;
+    exports["ɵij"] = DialogTransactionLineDiscountComponent;
+    exports["ɵik"] = TransactionLinesGridComponent;
+    exports["ɵil"] = DiscountModule;
+    exports["ɵim"] = DiscountComponent;
+    exports["ɵin"] = TransactionQuickAccessOverviewModule;
+    exports["ɵio"] = TransactionQuickAccessOverviewComponent;
+    exports["ɵip"] = TransactionQuickAccessOrderDeliveryModule;
+    exports["ɵiq"] = TransactionQuickAccessOrderDeliveryComponent;
+    exports["ɵir"] = TransactionOrderConfirmationGridModule;
+    exports["ɵis"] = TransactionOrderConfirmationGridComponent;
+    exports["ɵit"] = TransactionReceivedGoodsGridModule;
+    exports["ɵiu"] = DialogTransactionLineWarehouseLocationModule;
+    exports["ɵiv"] = TransactionLineWarehouseLocationModule;
+    exports["ɵiw"] = TransactionLineWarehouseLocationComponent;
+    exports["ɵix"] = DialogTransactionLineWarehouseLocationComponent;
+    exports["ɵiy"] = TransactionLineWarehouseLocationButtonModule;
+    exports["ɵiz"] = TransactionLineWarehouseLocationButtonComponent;
     exports["ɵj"] = CacheField;
-    exports["ɵja"] = EditableLabelModule;
-    exports["ɵjb"] = EditableLabelComponent;
-    exports["ɵjc"] = TransactionBaseLineModule;
-    exports["ɵjd"] = TransactionLineImageAndDescriptionModule;
-    exports["ɵje"] = TransactionLineImageAndDescriptionComponent;
-    exports["ɵjf"] = TransactionBaseLineComponent;
-    exports["ɵjg"] = TransactionLinesLineBaseComponent;
-    exports["ɵjh"] = TransactionLineCommissionButtonModule;
-    exports["ɵji"] = TransactionLineCommissionButtonComponent;
-    exports["ɵjj"] = TransactionLineWarehouseButtonModule;
-    exports["ɵjk"] = TransactionLineWarehouseButtonComponent;
-    exports["ɵjl"] = TransactionLineDeliveryButtonModule;
-    exports["ɵjm"] = TransactionLineDeliveryButtonComponent;
-    exports["ɵjn"] = TransactionLineDeliveryDateButtonModule;
-    exports["ɵjo"] = TransactionLineDeliveryDateButtonComponent;
-    exports["ɵjp"] = TransactionOverviewLineComponent;
-    exports["ɵjq"] = TransactionOrderDeliveryLineModule;
-    exports["ɵjr"] = StatusBarModule;
-    exports["ɵjs"] = StatusBarComponent;
-    exports["ɵjt"] = TransactionOrderDeliveryLineComponent;
-    exports["ɵju"] = TransactionReceiveGoodsLineModule;
-    exports["ɵjv"] = TransactionReceiveGoodsLineComponent;
-    exports["ɵjw"] = TransactionSearchResultModule;
-    exports["ɵjx"] = TransactionSearchSalesOrderTileModule;
-    exports["ɵjy"] = TransactionSearchSalesOrderTileComponent;
-    exports["ɵjz"] = TransactionSearchTileBaseComponent;
+    exports["ɵja"] = TransactionReceivedGoodsGridComponent;
+    exports["ɵjb"] = ViewModeButtonsModule;
+    exports["ɵjc"] = ViewModeButtonsComponent;
+    exports["ɵjd"] = TransactionGridModule;
+    exports["ɵje"] = TransactionGridComponent;
+    exports["ɵjf"] = TransactionTileModule;
+    exports["ɵjg"] = TransactionTileComponent;
+    exports["ɵjh"] = TransactionOverviewLineModule;
+    exports["ɵji"] = EditableLabelModule;
+    exports["ɵjj"] = EditableLabelComponent;
+    exports["ɵjk"] = TransactionBaseLineModule;
+    exports["ɵjl"] = TransactionLineImageAndDescriptionModule;
+    exports["ɵjm"] = TransactionLineImageAndDescriptionComponent;
+    exports["ɵjn"] = TransactionBaseLineComponent;
+    exports["ɵjo"] = TransactionLinesLineBaseComponent;
+    exports["ɵjp"] = TransactionLineCommissionButtonModule;
+    exports["ɵjq"] = TransactionLineCommissionButtonComponent;
+    exports["ɵjr"] = TransactionLineWarehouseButtonModule;
+    exports["ɵjs"] = TransactionLineWarehouseButtonComponent;
+    exports["ɵjt"] = TransactionLineDeliveryButtonModule;
+    exports["ɵju"] = TransactionLineDeliveryButtonComponent;
+    exports["ɵjv"] = TransactionLineDeliveryDateButtonModule;
+    exports["ɵjw"] = TransactionLineDeliveryDateButtonComponent;
+    exports["ɵjx"] = TransactionOverviewLineComponent;
+    exports["ɵjy"] = TransactionOrderDeliveryLineModule;
+    exports["ɵjz"] = TransactionOrderDeliveryLineComponent;
     exports["ɵk"] = SelectMultipleParameterizedCacheService;
-    exports["ɵka"] = TransactionSearchPurchaseOrderTileModule;
-    exports["ɵkb"] = TransactionSearchPurchaseOrderTileComponent;
-    exports["ɵkc"] = TransactionSearchSalesOrderGridModule;
-    exports["ɵkd"] = TransactionSearchSalesOrderGridComponent;
-    exports["ɵke"] = TransactionSearchGridBaseComponent;
-    exports["ɵkf"] = TransactionSearchPurchaseOrderGridModule;
-    exports["ɵkg"] = TransactionSearchPurchaseOrderGridComponent;
-    exports["ɵkh"] = TransactionSearchHeaderModule;
-    exports["ɵki"] = TransactionSearchHeaderComponent;
-    exports["ɵkj"] = TransactionSearchGridModule;
-    exports["ɵkk"] = TransactionSearchGridComponent;
-    exports["ɵkl"] = TransactionSearchTileModule;
-    exports["ɵkm"] = TransactionSearchTileComponent;
-    exports["ɵkn"] = TransactionSearchResultComponent;
-    exports["ɵko"] = TransactionSalesOrderFilterModule;
-    exports["ɵkp"] = TransactionSalesOrderFilterContentOrderModule;
-    exports["ɵkq"] = TransactionFilterItemModule;
-    exports["ɵkr"] = TransactionFilterItemComponent;
-    exports["ɵks"] = TransactionSalesOrderFilterContentOrderComponent;
-    exports["ɵkt"] = TransactionFilterContentBaseComponent;
-    exports["ɵku"] = FilterRequestService;
-    exports["ɵkv"] = TransactionSalesOrderFilterContentLogisticsModule;
-    exports["ɵkw"] = TransactionFilterHistoricStateModule;
-    exports["ɵkx"] = TransactionFilterHistoricStateComponent;
-    exports["ɵky"] = TransactionSalesOrderFilterContentLogisticsComponent;
-    exports["ɵkz"] = TransactionSalesOrderFilterContentArticleModule;
+    exports["ɵka"] = TransactionReceiveGoodsLineModule;
+    exports["ɵkb"] = TransactionReceiveGoodsLineComponent;
+    exports["ɵkc"] = TransactionSearchResultModule;
+    exports["ɵkd"] = TransactionSearchSalesOrderTileModule;
+    exports["ɵke"] = TransactionSearchSalesOrderTileComponent;
+    exports["ɵkf"] = TransactionSearchTileBaseComponent;
+    exports["ɵkg"] = TransactionSearchPurchaseOrderTileModule;
+    exports["ɵkh"] = TransactionSearchPurchaseOrderTileComponent;
+    exports["ɵki"] = TransactionSearchSalesOrderGridModule;
+    exports["ɵkj"] = TransactionSearchSalesOrderGridComponent;
+    exports["ɵkk"] = TransactionSearchGridBaseComponent;
+    exports["ɵkl"] = TransactionSearchPurchaseOrderGridModule;
+    exports["ɵkm"] = TransactionSearchPurchaseOrderGridComponent;
+    exports["ɵkn"] = TransactionSearchHeaderModule;
+    exports["ɵko"] = TransactionSearchHeaderComponent;
+    exports["ɵkp"] = TransactionSearchGridModule;
+    exports["ɵkq"] = TransactionSearchGridComponent;
+    exports["ɵkr"] = TransactionSearchTileModule;
+    exports["ɵks"] = TransactionSearchTileComponent;
+    exports["ɵkt"] = TransactionSearchResultComponent;
+    exports["ɵku"] = TransactionSalesOrderFilterModule;
+    exports["ɵkv"] = TransactionSalesOrderFilterContentOrderModule;
+    exports["ɵkw"] = TransactionFilterItemModule;
+    exports["ɵkx"] = TransactionFilterItemComponent;
+    exports["ɵky"] = TransactionSalesOrderFilterContentOrderComponent;
+    exports["ɵkz"] = TransactionFilterContentBaseComponent;
     exports["ɵl"] = ErrorService;
-    exports["ɵla"] = TransactionSalesOrderFilterContentArticleComponent;
-    exports["ɵlb"] = TransactionSalesOrderFilterComponent;
-    exports["ɵlc"] = TransactionFilterBaseComponent;
-    exports["ɵld"] = TransactionPurchaseOrderFilterModule;
-    exports["ɵle"] = TransactionPurchaseOrderFilterContentOrderModule;
-    exports["ɵlf"] = TransactionPurchaseOrderFilterContentOrderComponent;
-    exports["ɵlg"] = TransactionPurchaseOrderFilterContentLogisticsModule;
-    exports["ɵlh"] = TransactionPurchaseOrderFilterContentLogisticsComponent;
-    exports["ɵli"] = TransactionPurchaseOrderFilterContentArticleModule;
-    exports["ɵlj"] = TransactionPurchaseOrderFilterContentArticleComponent;
-    exports["ɵlk"] = TransactionPurchaseOrderFilterComponent;
-    exports["ɵll"] = TransactionFilterModule;
-    exports["ɵlm"] = TransactionFilterComponent;
+    exports["ɵla"] = FilterRequestService;
+    exports["ɵlb"] = TransactionSalesOrderFilterContentLogisticsModule;
+    exports["ɵlc"] = TransactionFilterHistoricStateModule;
+    exports["ɵld"] = TransactionFilterHistoricStateComponent;
+    exports["ɵle"] = TransactionSalesOrderFilterContentLogisticsComponent;
+    exports["ɵlf"] = TransactionSalesOrderFilterContentArticleModule;
+    exports["ɵlg"] = TransactionSalesOrderFilterContentArticleComponent;
+    exports["ɵlh"] = TransactionSalesOrderFilterComponent;
+    exports["ɵli"] = TransactionFilterBaseComponent;
+    exports["ɵlj"] = TransactionPurchaseOrderFilterModule;
+    exports["ɵlk"] = TransactionPurchaseOrderFilterContentOrderModule;
+    exports["ɵll"] = TransactionPurchaseOrderFilterContentOrderComponent;
+    exports["ɵlm"] = TransactionPurchaseOrderFilterContentLogisticsModule;
+    exports["ɵln"] = TransactionPurchaseOrderFilterContentLogisticsComponent;
+    exports["ɵlo"] = TransactionPurchaseOrderFilterContentArticleModule;
+    exports["ɵlp"] = TransactionPurchaseOrderFilterContentArticleComponent;
+    exports["ɵlq"] = TransactionPurchaseOrderFilterComponent;
+    exports["ɵlr"] = TransactionFilterModule;
+    exports["ɵls"] = TransactionFilterComponent;
     exports["ɵm"] = SelectSingleCacheService;
     exports["ɵn"] = ArticleConnectorService;
     exports["ɵo"] = CoreModule;