@colijnit/transaction 12.1.49 → 12.1.50

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/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/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.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, 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;
@@ -691,6 +691,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 +1024,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",
@@ -2770,7 +2772,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 +3984,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 +5017,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;
@@ -5928,6 +5956,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) {
@@ -6502,6 +6537,7 @@
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
+                            commissionCode = "2";
                             reasonRequest = new resolvePendingReasonRequest_bo.ResolveLinePendingReasonRequest(uuid, reason, type);
                             return [4 /*yield*/, this.dialogService.showWarehouseCC(quantity, commissionCode, warehouseNr)];
                         case 1:
@@ -6970,6 +7006,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;
@@ -9291,7 +9346,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 +9628,7 @@
         function TransactionTotalsComponent() {
             this.showDiscount = false;
             this.discountClick = new i0.EventEmitter();
+            this.showDiscountDialog = false;
         }
         TransactionTotalsComponent.prototype.showClass = function () {
             return true;
@@ -9582,142 +9638,623 @@
     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;
+        Object.defineProperty(TransactionHeaderBaseComponent.prototype, "model", {
+            get: function () {
+                return this._transactionInfo;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(TransactionArticleTextComponent.prototype, "articleLineNr", {
+        // 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;
+        };
+        DialogTransactionHeaderDiscountComponent.prototype.redistributeDiscount = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                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.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        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) {
-                if (value) {
-                    this.transactionAddTextLineRequest.refArticleLineNr = value;
+                this._editMode = value;
+                if (this._editMode && this.input) {
+                    this.input.doFocus();
                 }
             },
             enumerable: false,
             configurable: true
         });
-        TransactionArticleTextComponent.prototype.showClass = function () {
-            return true;
+        TransactionHeaderDiscountPercentageComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            if (!this.readonly) {
+                this.editMode = true;
+            }
         };
-        TransactionArticleTextComponent.prototype.ngOnInit = function () {
+        TransactionHeaderDiscountPercentageComponent.prototype.commit = function (amount) {
             return __awaiter(this, void 0, void 0, function () {
-                var _a, _b;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
+                var oldPercentage, success;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
                         case 0:
-                            _a = this;
-                            return [4 /*yield*/, this.service.getStandardTexts("NL")];
+                            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:
-                            _a.standardTexts = _c.sent();
-                            _b = this;
-                            return [4 /*yield*/, this.service.getTextTypes("NL")];
-                        case 2:
-                            _b.documents = _c.sent();
-                            return [2 /*return*/];
+                            success = _a.sent();
+                            if (!success) {
+                                this.input.model = amount;
+                            }
+                            return [2 /*return*/, success];
+                        case 2: return [2 /*return*/, true];
                     }
                 });
             });
         };
-        TransactionArticleTextComponent.prototype.onOkClick = function (event) {
-            this.saveClick.next(this.transactionAddTextLineRequest);
-        };
-        TransactionArticleTextComponent.prototype.onCancelClick = function (event) {
-            this.cancelClick.next(event);
-        };
-        TransactionArticleTextComponent.prototype.onSelectStandardText = function (value) {
-            this.transactionAddTextLineRequest.text = (this.standardTexts.find(function (x) { return x.textId === value; })).text;
-        };
-        TransactionArticleTextComponent.prototype.handleDocumentsChange = function (docs) {
+        TransactionHeaderDiscountPercentageComponent.prototype.transactionSet = function () {
+            this.readonly = this.readonly || !this.transactionInfo.deliveryDateDefinitive;
         };
-        return TransactionArticleTextComponent;
-    }());
-    TransactionArticleTextComponent.decorators = [
+        return TransactionHeaderDiscountPercentageComponent;
+    }(TransactionHeaderBaseComponent));
+    TransactionHeaderDiscountPercentageComponent.decorators = [
         { type: i0.Component, args: [{
-                    selector: "co-transaction-article-text",
-                    template: "\n    <co-dialog (closeClick)=\"closeClick.emit($event)\" [headerTemplate]=\"headerTemplate\" [footerTemplate]=\"footerTemplate\">\n      <div class=\"article-text-content-wrapper\">\n        <div class=\"editor-wrapper\">\n          <textarea class=\"article-text\"\n                    [(ngModel)]=\"transactionAddTextLineRequest.text\"\n          ></textarea>\n        </div>\n        <div class=\"option-wrapper\">\n          <co-input-listbox\n            [collection]=\"documents\"\n            [fields]=\"fieldsDocuments\"\n            [placeholder]=\"'FOR_DOCUMENTS' | localize\"\n            [value]=\"transactionAddTextLineRequest.showOnDocuments\"\n            [showCheckbox]=\"true\"\n            (modelChange)=\"handleDocumentsChange($event)\"\n          ></co-input-listbox>\n          <co-drop-down-list\n            [collection]=\"standardTexts\"\n            [fields]=\"fields\"\n            [placeholder]=\"'STANDARD_TEXTS' | localize\"\n            (modelChange)=\"onSelectStandardText($event)\"\n          ></co-drop-down-list>\n        </div>\n      </div>\n    </co-dialog>\n    <ng-template #headerTemplate><span [textContent]=\"header\"></span></ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"button-wrapper\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"onOkClick($event)\"></co-button>\n        <co-button [label]=\"'CANCEL' | localize \" (click)=\"onCancelClick($event)\"></co-button>\n      </div>\n    </ng-template>\n\n  ",
+                    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
                 },] }
     ];
-    TransactionArticleTextComponent.ctorParameters = function () { return [
+    TransactionHeaderDiscountPercentageComponent.ctorParameters = function () { return [
         { type: TransactionService }
     ]; };
-    TransactionArticleTextComponent.propDecorators = {
-        header: [{ type: i0.Input }],
-        transactionLine: [{ type: i0.Input }],
-        articleRef: [{ type: i0.Input }],
-        editText: [{ type: i0.Input }],
-        articleLineNr: [{ type: i0.Input }],
-        closeClick: [{ type: i0.Output }],
-        cancelClick: [{ type: i0.Output }],
+    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) {
+            this.transactionAddTextLineRequest.text = (this.standardTexts.find(function (x) { return x.textId === value; })).text;
+        };
+        TransactionArticleTextComponent.prototype.handleDocumentsChange = function (docs) {
+        };
+        return TransactionArticleTextComponent;
+    }());
+    TransactionArticleTextComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-transaction-article-text",
+                    template: "\n    <co-dialog (closeClick)=\"closeClick.emit($event)\" [headerTemplate]=\"headerTemplate\" [footerTemplate]=\"footerTemplate\">\n      <div class=\"article-text-content-wrapper\">\n        <div class=\"editor-wrapper\">\n          <textarea class=\"article-text\"\n                    [(ngModel)]=\"transactionAddTextLineRequest.text\"\n          ></textarea>\n        </div>\n        <div class=\"option-wrapper\">\n          <co-input-listbox\n            [collection]=\"documents\"\n            [fields]=\"fieldsDocuments\"\n            [placeholder]=\"'FOR_DOCUMENTS' | localize\"\n            [value]=\"transactionAddTextLineRequest.showOnDocuments\"\n            [showCheckbox]=\"true\"\n            (modelChange)=\"handleDocumentsChange($event)\"\n          ></co-input-listbox>\n          <co-drop-down-list\n            [collection]=\"standardTexts\"\n            [fields]=\"fields\"\n            [placeholder]=\"'STANDARD_TEXTS' | localize\"\n            (modelChange)=\"onSelectStandardText($event)\"\n          ></co-drop-down-list>\n        </div>\n      </div>\n    </co-dialog>\n    <ng-template #headerTemplate><span [textContent]=\"header\"></span></ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"button-wrapper\">\n        <co-button [label]=\"'OK' | localize\" (click)=\"onOkClick($event)\"></co-button>\n        <co-button [label]=\"'CANCEL' | localize \" (click)=\"onCancelClick($event)\"></co-button>\n      </div>\n    </ng-template>\n\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    TransactionArticleTextComponent.ctorParameters = function () { return [
+        { type: TransactionService }
+    ]; };
+    TransactionArticleTextComponent.propDecorators = {
+        header: [{ type: i0.Input }],
+        transactionLine: [{ type: i0.Input }],
+        articleRef: [{ type: i0.Input }],
+        editText: [{ type: i0.Input }],
+        articleLineNr: [{ type: i0.Input }],
+        closeClick: [{ type: i0.Output }],
+        cancelClick: [{ type: i0.Output }],
         saveClick: [{ type: i0.Output }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-article-text",] }]
     };
@@ -9750,121 +10287,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 +10378,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 +10422,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 = [
@@ -10783,30 +11225,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 +11261,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 +11270,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 +11281,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 +11295,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 +11325,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 +11344,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 +11382,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 +11394,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 +11574,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 +11778,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 +11797,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 +11805,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 +11877,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 +11943,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 +11955,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 +11975,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 +12040,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 +12167,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 +12196,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 +12245,11 @@
                 });
             }
         };
+        AvatarComponent.prototype._setBackgroundColor = function () {
+            if (this.relation) {
+                this.backgroundColor = this._colorSequenceService.getRandomColor(this.relation.relationId);
+            }
+        };
         return AvatarComponent;
     }());
     AvatarComponent.decorators = [
@@ -11939,13 +12261,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 +12762,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 +12910,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 +12972,8 @@
             return true;
         };
         RelationSuggestionsListItemComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             this.selectionSelected.next(this.suggestion);
         };
         return RelationSuggestionsListItemComponent;
@@ -13061,7 +13387,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 +13407,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 +13433,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 +13466,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 +13504,8 @@
             configurable: true
         });
         TransactionHeaderDeliveryDateComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             if (!this.readonly) {
                 this.editMode = true;
             }
@@ -13325,6 +13615,8 @@
             configurable: true
         });
         TransactionHeaderRemarksComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             if (!this.readonly) {
                 this.editMode = true;
             }
@@ -13431,6 +13723,8 @@
             configurable: true
         });
         TransactionHeaderReferenceComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             if (!this.readonly) {
                 this.editMode = true;
             }
@@ -13537,6 +13831,8 @@
             configurable: true
         });
         TransactionHeaderRelationReferenceComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             if (!this.readonly) {
                 this.editMode = true;
             }
@@ -13701,6 +13997,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 +14010,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 +14106,8 @@
             configurable: true
         });
         TransactionHeaderPreferredDeliveryDateComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             if (!this.readonly) {
                 this.editMode = true;
             }
@@ -13878,39 +14179,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 +14377,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 +14414,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 +14446,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 +14519,8 @@
             configurable: true
         });
         TransactionHeaderDownpaymentPercentageComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             if (!this.readonly) {
                 this.editMode = true;
             }
@@ -14352,6 +14627,8 @@
             configurable: true
         });
         TransactionHeaderDownpaymentAmountComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             if (!this.readonly) {
                 this.editMode = true;
             }
@@ -14425,6 +14702,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 +14740,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 +15218,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 +15262,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 +15285,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 +15533,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 +15570,9 @@
                         TransactionHeaderBlockModule,
                         corecomponents_v12.InputCheckboxModule,
                         PipeModule,
-                        corecomponents_v12.PriceDisplayPipeModule
+                        corecomponents_v12.PriceDisplayPipeModule,
+                        DialogTransactionHeaderDiscountModule,
+                        TransactionHeaderDefinitiveModule
                     ],
                     declarations: [
                         TransactionHeaderOrderComponent
@@ -15315,7 +15598,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 +15608,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 +15636,8 @@
                         PaymentModule,
                         corecomponents_v12.IconModule,
                         TransactionHeaderDownpaymentPercentageModule,
-                        TransactionHeaderDownpaymentAmountModule
+                        TransactionHeaderDownpaymentAmountModule,
+                        DialogTransactionHeaderDiscountModule
                     ],
                     declarations: [
                         TransactionHeaderPaymentComponent
@@ -15729,6 +16015,8 @@
             configurable: true
         });
         TransactionLinePriceComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             if (!this.readonly) {
                 this.editMode = true;
             }
@@ -16061,6 +16349,8 @@
             configurable: true
         });
         TransactionLineDeliveryDateComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             if (!this.readonly) {
                 this.editMode = true;
             }
@@ -16696,6 +16986,8 @@
             configurable: true
         });
         TransactionLineDescriptionComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             if (!this.readonly) {
                 this.editMode = true;
             }
@@ -17877,6 +18169,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 +18214,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 +18257,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);
@@ -18877,16 +19263,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 +19281,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 +19309,8 @@
                         corecomponents_v12.IconModule,
                         PipeModule,
                         forms.FormsModule,
-                        corecomponents_v12.PriceDisplayPipeModule
+                        corecomponents_v12.PriceDisplayPipeModule,
+                        TransactionLineStatusbarModule
                     ],
                     declarations: [
                         TransactionTileComponent
@@ -18978,6 +19355,8 @@
             return true;
         };
         EditableLabelComponent.prototype.handleClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
             if (!this.readonly) {
                 this.editMode = true;
             }
@@ -19198,30 +19577,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 +19627,8 @@
         { type: i0.NgModule, args: [{
                     imports: [
                         common.CommonModule,
-                        PipeModule
+                        PipeModule,
+                        DialogTransactionLineCommissionCodeModule
                     ],
                     declarations: [
                         TransactionLineCommissionButtonComponent
@@ -19245,37 +19639,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 +19692,8 @@
         { type: i0.NgModule, args: [{
                     imports: [
                         common.CommonModule,
-                        corecomponents_v12.IconModule
+                        corecomponents_v12.IconModule,
+                        DialogTransactionLineWarehouseModule
                     ],
                     declarations: [
                         TransactionLineWarehouseButtonComponent
@@ -19299,33 +19704,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 +19757,8 @@
         { type: i0.NgModule, args: [{
                     imports: [
                         common.CommonModule,
-                        corecomponents_v12.IconModule
+                        corecomponents_v12.IconModule,
+                        DialogTransactionLineDeliveryMethodModule
                     ],
                     declarations: [
                         TransactionLineDeliveryButtonComponent
@@ -19362,7 +19782,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 +19790,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 +19840,10 @@
                         TransactionLineCommissionButtonModule,
                         TransactionLineWarehouseButtonModule,
                         TransactionLineDeliveryButtonModule,
-                        TransactionLineDeliveryDateButtonModule
+                        TransactionLineDeliveryDateButtonModule,
+                        DialogTransactionLineVatModule,
+                        DialogTransactionLineDiscountModule,
+                        TransactionLineStatusbarModule
                     ],
                     declarations: [
                         TransactionOverviewLineComponent
@@ -19431,50 +19854,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 +19867,10 @@
                         TransactionLineWarehouseButtonModule,
                         TransactionLineDeliveryButtonModule,
                         TransactionLineDeliveryDateButtonModule,
-                        StatusBarModule,
                         EditableLabelModule,
                         PipeModule,
-                        corecomponents_v12.InputNumberPickerModule
+                        corecomponents_v12.InputNumberPickerModule,
+                        TransactionLineStatusbarModule
                     ],
                     declarations: [
                         TransactionOrderDeliveryLineComponent
@@ -19594,6 +19973,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 +20079,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 +20108,7 @@
             },
             set: function (value) {
                 this._activeSearchViewMode = value;
+                //localStorage.setItem('viewMode', value);
             },
             enumerable: false,
             configurable: true
@@ -20211,7 +20688,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 +20945,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 +21047,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 +21070,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 +21089,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 +21407,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 +21422,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 +22005,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;