@colijnit/transaction 12.1.24 → 12.1.26

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/address-type.enum'), 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('@colijnit/transactionapi/build/model/nul-relation-object'), 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/relation-privacy-setting.bo'), require('@colijnit/transactionapi/build/model/delivery-method.bo'), require('@colijnit/transactionapi/build/model/delivery-option.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/model/co-domain-value.bo'), require('@colijnit/transactionapi/build/model/article-full-object'), require('@colijnit/transactionapi/build/transaction'), require('@colijnit/transactionapi/build/utils/function/not-nill.function'), require('@colijnit/transactionapi/build/utils/object-utils'), 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/customer-group.bo'), require('@colijnit/transactionapi/build/model/transaction-line-info.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/transaction-search-view.bo'), 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/code-description'), require('@colijnit/transactionapi/build/model/goods-receipt-status-with-history.bo'), require('@colijnit/transactionapi/build/model/payment-method.bo'), require('@colijnit/transactionapi/build/model/purchase-portal-line.bo'), require('@colijnit/transactionapi/build/model/create-payment-link-result.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/corecomponents_v12'), require('@angular/flex-layout'), require('@colijnit/transactionapi/build/enum/communication-type.enum'), require('@colijnit/transactionapi/build/model/contact-option.bo'), require('@colijnit/transactionapi/build/enum/relation-name-kind.enum'), require('@colijnit/transactionapi/build/enum/gender-type.enum'), require('@colijnit/transactionapi/build/utils/business-object-utils'), require('@colijnit/transactionapi/build/utils/function-utils'), require('@colijnit/transactionapi/build/model/address.bo'), require('@angular/animations'), require('@angular/platform-browser'), require('@angular/common'), require('@angular/forms'), require('@angular/cdk/drag-drop'), require('@colijnit/transactionapi/build/model/transaction-add-text-line-request.bo'), require('@colijnit/transactionapi/build/enum/refcode/stock-status.enum'), 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/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/purchase-order-line-receipt-details.bo'), require('@colijnit/transactionapi/build/model/receive-goods-for-purchase-order-request.bo'), require('@colijnit/transactionapi/build/model/transaction-search-view-request'), require('@colijnit/transactionapi/build/model/paging-parameters'), require('@colijnit/transactionapi/build/model/goods-receipt-status.bo'), require('@colijnit/transactionapi/build/model/get-purchase-portal-line'), require('@colijnit/transactionapi/build/model/purchase-portal-filters.bo'), require('@colijnit/transactionapi/build/model/doc-delivery-batch.bo'), require('@colijnit/articleapi/build/model/article-extended-request'), require('@colijnit/transactionapi/build/enum/relation-kind.enum'), 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/address-type.enum', '@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', '@colijnit/transactionapi/build/model/nul-relation-object', '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/relation-privacy-setting.bo', '@colijnit/transactionapi/build/model/delivery-method.bo', '@colijnit/transactionapi/build/model/delivery-option.bo', '@colijnit/transactionapi/build/model/get-postal-code-retrieval-output-params', '@colijnit/transactionapi/build/model/relation-list-object.bo', '@colijnit/transactionapi/build/model/co-domain-value.bo', '@colijnit/transactionapi/build/model/article-full-object', '@colijnit/transactionapi/build/transaction', '@colijnit/transactionapi/build/utils/function/not-nill.function', '@colijnit/transactionapi/build/utils/object-utils', '@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/customer-group.bo', '@colijnit/transactionapi/build/model/transaction-line-info.bo', '@colijnit/transactionapi/build/model/cash-register', '@colijnit/transactionapi/build/model/price-list', '@colijnit/transactionapi/build/model/vat', '@colijnit/transactionapi/build/model/transaction-search-view.bo', '@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/code-description', '@colijnit/transactionapi/build/model/goods-receipt-status-with-history.bo', '@colijnit/transactionapi/build/model/payment-method.bo', '@colijnit/transactionapi/build/model/purchase-portal-line.bo', '@colijnit/transactionapi/build/model/create-payment-link-result.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/corecomponents_v12', '@angular/flex-layout', '@colijnit/transactionapi/build/enum/communication-type.enum', '@colijnit/transactionapi/build/model/contact-option.bo', '@colijnit/transactionapi/build/enum/relation-name-kind.enum', '@colijnit/transactionapi/build/enum/gender-type.enum', '@colijnit/transactionapi/build/utils/business-object-utils', '@colijnit/transactionapi/build/utils/function-utils', '@colijnit/transactionapi/build/model/address.bo', '@angular/animations', '@angular/platform-browser', '@angular/common', '@angular/forms', '@angular/cdk/drag-drop', '@colijnit/transactionapi/build/model/transaction-add-text-line-request.bo', '@colijnit/transactionapi/build/enum/refcode/stock-status.enum', '@colijnit/transactionapi/build/model/relation-request', '@colijnit/sharedapi/build/sharedapi', '@colijnit/sharedapi/build/model/co-document.bo', '@colijnit/sharedcomponents', '@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/purchase-order-line-receipt-details.bo', '@colijnit/transactionapi/build/model/receive-goods-for-purchase-order-request.bo', '@colijnit/transactionapi/build/model/transaction-search-view-request', '@colijnit/transactionapi/build/model/paging-parameters', '@colijnit/transactionapi/build/model/goods-receipt-status.bo', '@colijnit/transactionapi/build/model/get-purchase-portal-line', '@colijnit/transactionapi/build/model/purchase-portal-filters.bo', '@colijnit/transactionapi/build/model/doc-delivery-batch.bo', '@colijnit/articleapi/build/model/article-extended-request', '@colijnit/transactionapi/build/enum/relation-kind.enum', '@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.addressType_enum, global.pendingReasonType_enum, global.sequenceName_enum, global.transactionKind_enum, global.transactionLineType_enum, global.nulRelationObject, global.rxjs, global.transactionInfoResponse_bo, global.marketing_bo, global.customerFullObject_bo, global.relationPrivacySetting_bo, global.deliveryMethod_bo, global.deliveryOption_bo, global.getPostalCodeRetrievalOutputParams, global.relationListObject_bo, global.coDomainValue_bo, global.articleFullObject, global.transaction, global.notNill_function, global.objectUtils, 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.customerGroup_bo, global.transactionLineInfo_bo, global.cashRegister, global.priceList, global.vat, global.transactionSearchView_bo, global.branchLov_bo, global.salesPerson_bo, global.tag, global.onHoldCode_bo, global.warehouse_bo, global.codeDescription, global.goodsReceiptStatusWithHistory_bo, global.paymentMethod_bo, global.purchasePortalLine_bo, global.createPaymentLinkResult_bo, global.relationStatus_enum, global.resolvePendingReasonRequest_bo, global.articles, global.stockLocation_bo, global.articleLight_bo, global.turnoverGroupImage_bo, global.mainArticle_bo, global.corecomponents_v12, global.ng.flexLayout, global.communicationType_enum, global.contactOption_bo, global.relationNameKind_enum, global.genderType_enum, global.businessObjectUtils, global.functionUtils, global.address_bo, global.ng.animations, global.ng.platformBrowser, global.ng.common, global.ng.forms, global.ng.cdk.dragDrop, global.transactionAddTextLineRequest_bo, global.stockStatus_enum, global.relationRequest, global.sharedapi, global.coDocument_bo, global.sharedcomponents, global.discountType_enum, global.receiveGoodsForPurchaseOrderCorrectionRequest_bo, global.purchaseOrderLineReceiptCorrectionDetails_bo, global.purchaseOrderLineReceiptDetails_bo, global.receiveGoodsForPurchaseOrderRequest_bo, global.transactionSearchViewRequest, global.pagingParameters, global.goodsReceiptStatus_bo, global.getPurchasePortalLine, global.purchasePortalFilters_bo, global.docDeliveryBatch_bo, global.articleExtendedRequest, global.relationKind_enum, global.quantityInHistoricState_enum));
-})(this, (function (exports, i0, addressType_enum, pendingReasonType_enum, sequenceName_enum, transactionKind_enum, transactionLineType_enum, nulRelationObject, rxjs, transactionInfoResponse_bo, marketing_bo, customerFullObject_bo, relationPrivacySetting_bo, deliveryMethod_bo, deliveryOption_bo, getPostalCodeRetrievalOutputParams, relationListObject_bo, coDomainValue_bo, articleFullObject, transaction, notNill_function, objectUtils, yesNoDbType_enum, trueFalseDbType_enum, oneZeroBoolDbType_enum, dbBooleanValueType_enum, dateUtils, numberUtils, isNill_function, mapProperty_decorator, boolean_decorator, json_decorator, complexArray_decorator, imageUtils, customerGroup_bo, transactionLineInfo_bo, cashRegister, priceList, vat, transactionSearchView_bo, branchLov_bo, salesPerson_bo, tag, onHoldCode_bo, warehouse_bo, codeDescription, goodsReceiptStatusWithHistory_bo, paymentMethod_bo, purchasePortalLine_bo, createPaymentLinkResult_bo, relationStatus_enum, resolvePendingReasonRequest_bo, articles, stockLocation_bo, articleLight_bo, turnoverGroupImage_bo, mainArticle_bo, corecomponents_v12, flexLayout, communicationType_enum, contactOption_bo, relationNameKind_enum, genderType_enum, businessObjectUtils, functionUtils, address_bo, animations, i1, common, forms, dragDrop, transactionAddTextLineRequest_bo, stockStatus_enum, relationRequest, sharedapi, coDocument_bo, sharedcomponents, discountType_enum, receiveGoodsForPurchaseOrderCorrectionRequest_bo, purchaseOrderLineReceiptCorrectionDetails_bo, purchaseOrderLineReceiptDetails_bo, receiveGoodsForPurchaseOrderRequest_bo, transactionSearchViewRequest, pagingParameters, goodsReceiptStatus_bo, getPurchasePortalLine, purchasePortalFilters_bo, docDeliveryBatch_bo, articleExtendedRequest, relationKind_enum, quantityInHistoricState_enum) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@colijnit/transactionapi/build/enum/address-type.enum'), 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('@colijnit/transactionapi/build/model/nul-relation-object'), 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/relation-privacy-setting.bo'), require('@colijnit/transactionapi/build/model/delivery-method.bo'), require('@colijnit/transactionapi/build/model/delivery-option.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/model/co-domain-value.bo'), require('@colijnit/transactionapi/build/model/article-full-object'), require('@colijnit/transactionapi/build/transaction'), require('@colijnit/transactionapi/build/utils/function/not-nill.function'), require('@colijnit/transactionapi/build/utils/object-utils'), 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/customer-group.bo'), require('@colijnit/transactionapi/build/model/transaction-line-info.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/transaction-search-view.bo'), 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/code-description'), require('@colijnit/transactionapi/build/model/goods-receipt-status-with-history.bo'), require('@colijnit/transactionapi/build/model/payment-method.bo'), require('@colijnit/transactionapi/build/model/purchase-portal-line.bo'), require('@colijnit/transactionapi/build/model/create-payment-link-result.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/corecomponents_v12'), require('@angular/flex-layout'), require('@colijnit/transactionapi/build/enum/communication-type.enum'), require('@colijnit/transactionapi/build/model/contact-option.bo'), require('@colijnit/transactionapi/build/enum/relation-name-kind.enum'), require('@colijnit/transactionapi/build/enum/gender-type.enum'), require('@colijnit/transactionapi/build/utils/business-object-utils'), require('@colijnit/transactionapi/build/utils/function-utils'), require('@colijnit/transactionapi/build/model/address.bo'), require('@angular/animations'), require('@angular/platform-browser'), require('@angular/common'), require('@angular/forms'), require('@angular/cdk/drag-drop'), require('@colijnit/transactionapi/build/model/transaction-add-text-line-request.bo'), require('@colijnit/transactionapi/build/enum/refcode/stock-status.enum'), require('@colijnit/transactionapi/build/model/transaction-info.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/discount-type.enum'), require('@colijnit/transactionapi/build/enum/relation-kind.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/purchase-order-line-receipt-details.bo'), require('@colijnit/transactionapi/build/model/receive-goods-for-purchase-order-request.bo'), require('@colijnit/transactionapi/build/model/transaction-search-view-request'), require('@colijnit/transactionapi/build/model/paging-parameters'), require('@colijnit/transactionapi/build/model/goods-receipt-status.bo'), require('@colijnit/transactionapi/build/model/get-purchase-portal-line'), require('@colijnit/transactionapi/build/model/purchase-portal-filters.bo'), require('@colijnit/transactionapi/build/model/doc-delivery-batch.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/address-type.enum', '@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', '@colijnit/transactionapi/build/model/nul-relation-object', '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/relation-privacy-setting.bo', '@colijnit/transactionapi/build/model/delivery-method.bo', '@colijnit/transactionapi/build/model/delivery-option.bo', '@colijnit/transactionapi/build/model/get-postal-code-retrieval-output-params', '@colijnit/transactionapi/build/model/relation-list-object.bo', '@colijnit/transactionapi/build/model/co-domain-value.bo', '@colijnit/transactionapi/build/model/article-full-object', '@colijnit/transactionapi/build/transaction', '@colijnit/transactionapi/build/utils/function/not-nill.function', '@colijnit/transactionapi/build/utils/object-utils', '@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/customer-group.bo', '@colijnit/transactionapi/build/model/transaction-line-info.bo', '@colijnit/transactionapi/build/model/cash-register', '@colijnit/transactionapi/build/model/price-list', '@colijnit/transactionapi/build/model/vat', '@colijnit/transactionapi/build/model/transaction-search-view.bo', '@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/code-description', '@colijnit/transactionapi/build/model/goods-receipt-status-with-history.bo', '@colijnit/transactionapi/build/model/payment-method.bo', '@colijnit/transactionapi/build/model/purchase-portal-line.bo', '@colijnit/transactionapi/build/model/create-payment-link-result.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/corecomponents_v12', '@angular/flex-layout', '@colijnit/transactionapi/build/enum/communication-type.enum', '@colijnit/transactionapi/build/model/contact-option.bo', '@colijnit/transactionapi/build/enum/relation-name-kind.enum', '@colijnit/transactionapi/build/enum/gender-type.enum', '@colijnit/transactionapi/build/utils/business-object-utils', '@colijnit/transactionapi/build/utils/function-utils', '@colijnit/transactionapi/build/model/address.bo', '@angular/animations', '@angular/platform-browser', '@angular/common', '@angular/forms', '@angular/cdk/drag-drop', '@colijnit/transactionapi/build/model/transaction-add-text-line-request.bo', '@colijnit/transactionapi/build/enum/refcode/stock-status.enum', '@colijnit/transactionapi/build/model/transaction-info.bo', '@colijnit/transactionapi/build/model/relation-request', '@colijnit/sharedapi/build/sharedapi', '@colijnit/sharedapi/build/model/co-document.bo', '@colijnit/sharedcomponents', '@colijnit/transactionapi/build/enum/discount-type.enum', '@colijnit/transactionapi/build/enum/relation-kind.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/purchase-order-line-receipt-details.bo', '@colijnit/transactionapi/build/model/receive-goods-for-purchase-order-request.bo', '@colijnit/transactionapi/build/model/transaction-search-view-request', '@colijnit/transactionapi/build/model/paging-parameters', '@colijnit/transactionapi/build/model/goods-receipt-status.bo', '@colijnit/transactionapi/build/model/get-purchase-portal-line', '@colijnit/transactionapi/build/model/purchase-portal-filters.bo', '@colijnit/transactionapi/build/model/doc-delivery-batch.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.addressType_enum, global.pendingReasonType_enum, global.sequenceName_enum, global.transactionKind_enum, global.transactionLineType_enum, global.nulRelationObject, global.rxjs, global.transactionInfoResponse_bo, global.marketing_bo, global.customerFullObject_bo, global.relationPrivacySetting_bo, global.deliveryMethod_bo, global.deliveryOption_bo, global.getPostalCodeRetrievalOutputParams, global.relationListObject_bo, global.coDomainValue_bo, global.articleFullObject, global.transaction, global.notNill_function, global.objectUtils, 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.customerGroup_bo, global.transactionLineInfo_bo, global.cashRegister, global.priceList, global.vat, global.transactionSearchView_bo, global.branchLov_bo, global.salesPerson_bo, global.tag, global.onHoldCode_bo, global.warehouse_bo, global.codeDescription, global.goodsReceiptStatusWithHistory_bo, global.paymentMethod_bo, global.purchasePortalLine_bo, global.createPaymentLinkResult_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.corecomponents_v12, global.ng.flexLayout, global.communicationType_enum, global.contactOption_bo, global.relationNameKind_enum, global.genderType_enum, global.businessObjectUtils, global.functionUtils, global.address_bo, global.ng.animations, global.ng.platformBrowser, global.ng.common, global.ng.forms, global.ng.cdk.dragDrop, global.transactionAddTextLineRequest_bo, global.stockStatus_enum, global.transactionInfo_bo, global.relationRequest, global.sharedapi, global.coDocument_bo, global.sharedcomponents, global.discountType_enum, global.relationKind_enum, global.receiveGoodsForPurchaseOrderCorrectionRequest_bo, global.purchaseOrderLineReceiptCorrectionDetails_bo, global.purchaseOrderLineReceiptDetails_bo, global.receiveGoodsForPurchaseOrderRequest_bo, global.transactionSearchViewRequest, global.pagingParameters, global.goodsReceiptStatus_bo, global.getPurchasePortalLine, global.purchasePortalFilters_bo, global.docDeliveryBatch_bo, global.articleExtendedRequest, global.quantityInHistoricState_enum));
+})(this, (function (exports, i0, addressType_enum, pendingReasonType_enum, sequenceName_enum, transactionKind_enum, transactionLineType_enum, nulRelationObject, rxjs, transactionInfoResponse_bo, marketing_bo, customerFullObject_bo, relationPrivacySetting_bo, deliveryMethod_bo, deliveryOption_bo, getPostalCodeRetrievalOutputParams, relationListObject_bo, coDomainValue_bo, articleFullObject, transaction, notNill_function, objectUtils, yesNoDbType_enum, trueFalseDbType_enum, oneZeroBoolDbType_enum, dbBooleanValueType_enum, dateUtils, numberUtils, isNill_function, mapProperty_decorator, boolean_decorator, json_decorator, complexArray_decorator, imageUtils, customerGroup_bo, transactionLineInfo_bo, cashRegister, priceList, vat, transactionSearchView_bo, branchLov_bo, salesPerson_bo, tag, onHoldCode_bo, warehouse_bo, codeDescription, goodsReceiptStatusWithHistory_bo, paymentMethod_bo, purchasePortalLine_bo, createPaymentLinkResult_bo, relationStatus_enum, resolvePendingReasonRequest_bo, articles, stockLocation_bo, articleLight_bo, turnoverGroupImage_bo, mainArticle_bo, resolveHeaderPendingReasonRequest_bo, corecomponents_v12, flexLayout, communicationType_enum, contactOption_bo, relationNameKind_enum, genderType_enum, businessObjectUtils, functionUtils, address_bo, animations, i1, common, forms, dragDrop, transactionAddTextLineRequest_bo, stockStatus_enum, transactionInfo_bo, relationRequest, sharedapi, coDocument_bo, sharedcomponents, discountType_enum, relationKind_enum, receiveGoodsForPurchaseOrderCorrectionRequest_bo, purchaseOrderLineReceiptCorrectionDetails_bo, purchaseOrderLineReceiptDetails_bo, receiveGoodsForPurchaseOrderRequest_bo, transactionSearchViewRequest, pagingParameters, goodsReceiptStatus_bo, getPurchasePortalLine, purchasePortalFilters_bo, docDeliveryBatch_bo, articleExtendedRequest, quantityInHistoricState_enum) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -2659,6 +2659,23 @@
                 });
             });
         };
+        TransactionConnectorService.prototype.resolvePendingHeaderReason = function (pendingHeaderValues) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            return _this.connector.resolvePendingHeaderReason(pendingHeaderValues).then(function (result) {
+                                if (result.validationResult && result.validationResult.success) {
+                                    resolve(_this._boFactory.makeWithRawBackendData(transactionInfoResponse_bo.TransactionInfoResponse, result.resultObject));
+                                }
+                                else {
+                                    reject(result.validationMessagesAsString);
+                                }
+                            });
+                        })];
+                });
+            });
+        };
         TransactionConnectorService.prototype.getCommissionCodes = function (languageCode) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
@@ -3240,6 +3257,30 @@
                 });
             });
         };
+        TransactionConnectorService.prototype.changeHeaderTransactionDeliveryDate = function (uuid, date) {
+            return __awaiter(this, void 0, void 0, function () {
+                var request, response;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            request = {
+                                transactionUuid: uuid,
+                                newDeliveryDate: date
+                            };
+                            return [4 /*yield*/, this.connector.changeHeaderTransactionDeliveryDate(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 {
+                                return [2 /*return*/, Promise.reject(response.validationMessagesAsString)];
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
         TransactionConnectorService.prototype.changeTransactionLineCollectionCode = function (uuid, lineUuid, code) {
             return __awaiter(this, void 0, void 0, function () {
                 var request, response;
@@ -3834,6 +3875,38 @@
                 });
             });
         };
+        PendingReasonService.prototype.handleHeaderOperationStatuses = function (response) {
+            return __awaiter(this, void 0, void 0, function () {
+                var success, i, status, _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            if (!response.headerOperationStatuses || response.headerOperationStatuses.length === 0) {
+                                return [2 /*return*/, true];
+                            }
+                            success = true;
+                            i = 0;
+                            _b.label = 1;
+                        case 1:
+                            if (!(i < response.headerOperationStatuses.length)) return [3 /*break*/, 5];
+                            status = response.headerOperationStatuses[i];
+                            _a = success;
+                            if (!_a) return [3 /*break*/, 3];
+                            return [4 /*yield*/, this._handleHeaderOperationStatus(status, response.transactionInfo)];
+                        case 2:
+                            _a = (_b.sent());
+                            _b.label = 3;
+                        case 3:
+                            success = _a;
+                            _b.label = 4;
+                        case 4:
+                            i++;
+                            return [3 /*break*/, 1];
+                        case 5: return [2 /*return*/, success];
+                    }
+                });
+            });
+        };
         PendingReasonService.prototype._rememberCurrentTransaction = function (value) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
@@ -3878,6 +3951,28 @@
                 });
             });
         };
+        PendingReasonService.prototype._handleHeaderOperationStatus = function (operationStatus, transactionInfo) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            _a = operationStatus.pendingReasonType;
+                            switch (_a) {
+                                case pendingReasonType_enum.PendingReasonType.ABORTED: return [3 /*break*/, 1];
+                                case pendingReasonType_enum.PendingReasonType.CANCELLED: return [3 /*break*/, 1];
+                                case pendingReasonType_enum.PendingReasonType.CONFIRMATION_NEEDED: return [3 /*break*/, 2];
+                                case pendingReasonType_enum.PendingReasonType.NONE: return [3 /*break*/, 4];
+                            }
+                            return [3 /*break*/, 4];
+                        case 1: return [2 /*return*/, false];
+                        case 2: return [4 /*yield*/, this._confirmHeaderAction(transactionInfo.uuid, operationStatus.pendingReason, operationStatus.pendingReasonType)];
+                        case 3: return [2 /*return*/, _b.sent()];
+                        case 4: return [2 /*return*/, true];
+                    }
+                });
+            });
+        };
         PendingReasonService.prototype.resolvePendingLineReason = function (pendingLineValues) {
             return __awaiter(this, void 0, void 0, function () {
                 var response;
@@ -3893,6 +3988,20 @@
                 });
             });
         };
+        PendingReasonService.prototype.resolvePendingHeaderReason = function (pendingHeaderValues) {
+            return __awaiter(this, void 0, void 0, function () {
+                var response;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.connector.resolvePendingHeaderReason(pendingHeaderValues)];
+                        case 1:
+                            response = _a.sent();
+                            this._rememberCurrentTransaction(response);
+                            return [2 /*return*/, this.handleHeaderOperationStatuses(response)];
+                    }
+                });
+            });
+        };
         PendingReasonService.prototype._confirmAction = function (uuid, reason, type) {
             return __awaiter(this, void 0, void 0, function () {
                 var reasonRequest, _a;
@@ -3914,6 +4023,25 @@
                 });
             });
         };
+        PendingReasonService.prototype._confirmHeaderAction = function (uuid, reason, type) {
+            return __awaiter(this, void 0, void 0, function () {
+                var reasonRequest, _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            reasonRequest = new resolveHeaderPendingReasonRequest_bo.ResolveHeaderPendingReasonRequest(uuid, reason, type);
+                            // const pendingReasonText: string = await this._getPendingReasonText(this.currentOperationStatus.pendingReason);
+                            _a = reasonRequest;
+                            return [4 /*yield*/, this.dialogService.showYesNo('Action', reason)];
+                        case 1:
+                            // const pendingReasonText: string = await this._getPendingReasonText(this.currentOperationStatus.pendingReason);
+                            _a.confirmation = _b.sent();
+                            return [4 /*yield*/, this.resolvePendingHeaderReason(reasonRequest)];
+                        case 2: return [2 /*return*/, _b.sent()];
+                    }
+                });
+            });
+        };
         PendingReasonService.prototype._showReasonDialog = function (reason) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
@@ -4047,6 +4175,29 @@
                 });
             });
         };
+        TransactionService.prototype.updateHeaderTransactionDeliveryDate = function (uuid, date) {
+            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.changeHeaderTransactionDeliveryDate(uuid, date)
+                                .catch(function (error) {
+                                // todo: do something with the error
+                                return false;
+                            })];
+                        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;
@@ -4869,6 +5020,7 @@
                         case 0:
                             if (!(this.checkoutRelation && this.stepRelation)) return [3 /*break*/, 2];
                             valid = this.checkoutRelation.submit();
+                            if (!valid) return [3 /*break*/, 2];
                             _a = this.stepRelation;
                             return [4 /*yield*/, this.saveRelation()];
                         case 1:
@@ -4887,6 +5039,7 @@
                         case 0:
                             if (!(this.checkoutDelivery && this.stepDelivery)) return [3 /*break*/, 2];
                             valid = this.checkoutDelivery.submit();
+                            if (!valid) return [3 /*break*/, 2];
                             _a = this.stepDelivery;
                             return [4 /*yield*/, this.handleSaveDelivery()];
                         case 1:
@@ -7322,7 +7475,7 @@
     TransactionLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line",
-                    template: "\n    <div class=\"transaction-line\">\n      <ng-container *ngIf=\"line.isArticle\">\n        <div class=\"transaction-line-wrapper\">\n          <div class=\"transaction-line-image\" [class.preview]=\"preview\">\n            <co-image-display [model]=\"image\"></co-image-display>\n          </div>\n          <div class=\"transaction-line-description\">\n            <div class=\"description-wrapper\">\n              <span [textContent]=\"line.goodDescription\" class=\"transaction-line-description-description\"></span>\n              <span *ngIf=\"line.goodDescription && line.articleNumber\" class=\"transaction-line-description-divider\">|</span>\n              <span [textContent]=\"line.articleNumber\" class=\"transaction-line-description-sku\"></span>\n              <co-icon class=\"delete-icon\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\" (click)=\"deleteTransactionLineClick()\"></co-icon>\n            </div>\n            <div *ngIf=!preview class=\"article-text-wrapper\">\n              <div class=\"article-text\" *ngFor=\"let text of line.articleTestAsArray\">\n                <span [innerHTML]=\"text | safeHtml\" (dblclick)=\"handleOpenArticleText(text)\"></span>\n              </div>\n            </div>\n            <div *ngIf=!preview class=\"configuration-text-wrapper\">\n              <span [innerHTML]=\"line.configurationReadable\"></span>\n            </div>\n          </div>\n          <div *ngIf=!preview class=\"transaction-line-stock\">\n            <div class=\"transaction-line-stock-wrapper\">\n              <span [textContent]=\"'STOCK' | localize\" class=\"small-font\"></span>\n              <stock-status-indicator [model]=\"stock\"></stock-status-indicator>\n            </div>\n            <div class=\"transaction-line-stock-wrapper\">\n              <span [textContent]=\"'DELIVERY_DATE' | localize\" class=\"small-font\"></span>\n              <span [textContent]=\"line.deliveryDate | date:'dd MMM YYYY'\"></span>\n            </div>\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            <co-editable-label class=\"transaction-line-totals-discount discount\"\n                               [model]=\"line.lineTotalDiscountAmount | coCurrency\"\n                               [editModel]=\"line.lineTotalDiscountAmount\"\n                               [readonly]=\"readonly\"\n                               [commit]=\"true\"\n            ></co-editable-label>\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 *ngIf=\"!preview\" class=\"transaction-line-buttons\">\n            <co-transaction-line-action-buttons\n              [transactionLine]=\"line\"\n              (waitingForUserAction)=\"waitingForUserAction.next($event)\"\n              (sidePanelButtonClicked)=\"handleShowSidePanel()\"\n            ></co-transaction-line-action-buttons>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"line.isText\">\n        <div [textContent]=\"line.text\"></div>\n        <div class=\"transaction-line-delete\" *ngIf=\"!preview\">\n          <div class=\"delete-wrapper\" (click)=\"deleteTransactionLineClick()\">\n            <icon class=\"delete-icon\" [icon]=\"icons.Cancel\"></icon>\n            <div class=\"delete-link\"\n                 [textContent]=\"'DELETE_TRANSACTION_LINE' | localize:false\">\n            </div>\n          </div>\n        </div>\n      </ng-container>\n    </div>\n  ",
+                    template: "\n    <div class=\"transaction-line\">\n      <ng-container *ngIf=\"line.isArticle\">\n        <div class=\"transaction-line-wrapper\">\n          <div class=\"transaction-line-image\" [class.preview]=\"preview\">\n            <co-image-display [model]=\"image\"></co-image-display>\n          </div>\n          <div class=\"transaction-line-description\">\n            <div class=\"description-wrapper\">\n              <co-transaction-line-description class=\"transaction-line-description-description\"\n                                               [transactionLine]=\"line\"\n                                               [defaultEditMode]=\"false\"\n                                               [showLabel]=\"false\"\n              ></co-transaction-line-description>\n              <span *ngIf=\"line.goodDescription && line.articleNumber\" class=\"transaction-line-description-divider\">|</span>\n              <span [textContent]=\"line.articleNumber\" class=\"transaction-line-description-sku\"></span>\n              <co-icon class=\"delete-icon\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\" (click)=\"deleteTransactionLineClick()\"></co-icon>\n            </div>\n            <div *ngIf=!preview class=\"article-text-wrapper\">\n              <div class=\"article-text\" *ngFor=\"let text of line.articleTestAsArray\">\n                <span [innerHTML]=\"text | safeHtml\" (dblclick)=\"handleOpenArticleText(text)\"></span>\n              </div>\n            </div>\n            <div *ngIf=!preview class=\"configuration-text-wrapper\">\n              <span [innerHTML]=\"line.configurationReadable\"></span>\n            </div>\n          </div>\n          <div *ngIf=!preview class=\"transaction-line-stock\">\n            <div class=\"transaction-line-stock-wrapper\">\n              <span [textContent]=\"'STOCK' | localize\" class=\"small-font\"></span>\n              <stock-status-indicator [model]=\"stock\"></stock-status-indicator>\n            </div>\n            <div class=\"transaction-line-stock-wrapper\">\n              <span [textContent]=\"'DELIVERY_DATE' | localize\" class=\"small-font\"></span>\n              <span [textContent]=\"line.deliveryDate | date:'dd MMM YYYY'\"></span>\n            </div>\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            <co-editable-label class=\"transaction-line-totals-discount discount\"\n                               [model]=\"line.lineTotalDiscountAmount | coCurrency\"\n                               [editModel]=\"line.lineTotalDiscountAmount\"\n                               [readonly]=\"readonly\"\n                               [commit]=\"true\"\n            ></co-editable-label>\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 *ngIf=\"!preview\" class=\"transaction-line-buttons\">\n            <co-transaction-line-action-buttons\n              [transactionLine]=\"line\"\n              (waitingForUserAction)=\"waitingForUserAction.next($event)\"\n              (sidePanelButtonClicked)=\"handleShowSidePanel()\"\n            ></co-transaction-line-action-buttons>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"line.isText\">\n        <div [textContent]=\"line.text\"></div>\n        <div class=\"transaction-line-delete\" *ngIf=\"!preview\">\n          <div class=\"delete-wrapper\" (click)=\"deleteTransactionLineClick()\">\n            <icon class=\"delete-icon\" [icon]=\"icons.Cancel\"></icon>\n            <div class=\"delete-link\"\n                 [textContent]=\"'DELETE_TRANSACTION_LINE' | localize:false\">\n            </div>\n          </div>\n        </div>\n      </ng-container>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -7579,6 +7732,7 @@
         function TransactionLineFieldsBaseComponent() {
             this.readonly = false;
             this._transactionLine = new transactionLineInfo_bo.TransactionLineInfo();
+            this._transactionInfo = new transactionInfo_bo.TransactionInfo();
         }
         Object.defineProperty(TransactionLineFieldsBaseComponent.prototype, "transactionLine", {
             get: function () {
@@ -7594,16 +7748,33 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(TransactionLineFieldsBaseComponent.prototype, "transactionInfo", {
+            get: function () {
+                return this._transactionInfo;
+            },
+            set: function (value) {
+                if (value) {
+                    this._transactionInfo = value;
+                    this.transactionInfoSet();
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
         // overridden by descendents
         TransactionLineFieldsBaseComponent.prototype.transactionLineSet = function () {
         };
+        // overridden by descendents
+        TransactionLineFieldsBaseComponent.prototype.transactionInfoSet = function () {
+        };
         return TransactionLineFieldsBaseComponent;
     }());
     TransactionLineFieldsBaseComponent.decorators = [
         { type: i0.Directive }
     ];
     TransactionLineFieldsBaseComponent.propDecorators = {
-        transactionLine: [{ type: i0.Input }]
+        transactionLine: [{ type: i0.Input }],
+        transactionInfo: [{ type: i0.Input }]
     };
 
     var TransactionLinePriceComponent = /** @class */ (function (_super) {
@@ -7712,6 +7883,108 @@
                 },] }
     ];
 
+    var TransactionLineDescriptionComponent = /** @class */ (function (_super) {
+        __extends(TransactionLineDescriptionComponent, _super);
+        function TransactionLineDescriptionComponent(_transactionService) {
+            var _this = _super.call(this) || this;
+            _this._transactionService = _transactionService;
+            _this.showLabel = true;
+            _this.defaultEditMode = true;
+            _this._editMode = false;
+            return _this;
+        }
+        Object.defineProperty(TransactionLineDescriptionComponent.prototype, "child", {
+            set: function (content) {
+                var _this = this;
+                if (content) {
+                    this.input = content;
+                    this.input.commit = function (description) { return _this.commitDescription(description); };
+                    if (this._editMode) {
+                        this.input.requestFocus();
+                    }
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TransactionLineDescriptionComponent.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
+        });
+        TransactionLineDescriptionComponent.prototype.handleClick = function (event) {
+            if (!this.readonly) {
+                this.editMode = true;
+            }
+        };
+        TransactionLineDescriptionComponent.prototype.commitDescription = function (description) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    // todo uncomment and finish when updateGoodDescriptionTransactionLine is present in the middletier
+                    // if (this.transactionLine.goodDescription !== description) {
+                    //   const oldDescription = this.transactionLine.goodDescription;
+                    //   const success = await this._transactionService.updateGoodDescriptionTransactionLine(this._transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, description);
+                    //   if (!success) {
+                    //     this.input.model = oldDescription;
+                    //   }
+                    //   return success;
+                    // }
+                    return [2 /*return*/, true];
+                });
+            });
+        };
+        TransactionLineDescriptionComponent.prototype.transactionLineSet = function () {
+            this.readonly = this.readonly || !this.transactionLine.articleFreeDescription;
+        };
+        return TransactionLineDescriptionComponent;
+    }(TransactionLineFieldsBaseComponent));
+    TransactionLineDescriptionComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-transaction-line-description",
+                    template: "\n    <span *ngIf=\"(!editMode  || readonly) && !defaultEditMode\" [textContent]=\"transactionLine.goodDescription\"></span>\n    <co-input-text #input *ngIf=\"editMode || defaultEditMode\"\n                   [placeholder]=\"showLabel ? ('GOOD_DESCRIPTION' | localize) : ''\"\n                   [showSaveCancel]=\"!readonly\"\n                   [readonly]=\"readonly\"\n                   [model]=\"transactionLine.goodDescription\"\n                   (blur)=\"editMode = false\"\n    ></co-input-text>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    TransactionLineDescriptionComponent.ctorParameters = function () { return [
+        { type: TransactionService }
+    ]; };
+    TransactionLineDescriptionComponent.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 TransactionLineDescriptionModule = /** @class */ (function () {
+        function TransactionLineDescriptionModule() {
+        }
+        return TransactionLineDescriptionModule;
+    }());
+    TransactionLineDescriptionModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        corecomponents_v12.InputTextModule,
+                        PipeModule
+                    ],
+                    declarations: [
+                        TransactionLineDescriptionComponent
+                    ],
+                    exports: [
+                        TransactionLineDescriptionComponent
+                    ]
+                },] }
+    ];
+
     var TransactionLineModule = /** @class */ (function () {
         function TransactionLineModule() {
         }
@@ -7730,7 +8003,8 @@
                         TransactionLineActionButtonsModule,
                         corecomponents_v12.IconModule,
                         EditableLabelModule,
-                        TransactionLinePriceModule
+                        TransactionLinePriceModule,
+                        TransactionLineDescriptionModule
                     ],
                     declarations: [
                         TransactionLineComponent
@@ -8568,7 +8842,7 @@
                     entryComponents: [
                         CheckoutComponent
                     ],
-                    exports: [CheckoutComponent],
+                    exports: [CheckoutComponent, CheckoutOverviewRelationEditComponent],
                     bootstrap: [CheckoutComponent]
                 },] }
     ];
@@ -8641,7 +8915,9 @@
             this._transaction = new transactionInfoResponse_bo.TransactionInfoResponse();
             this._subs.push(this._service.transactionUpdated.subscribe(function (transaction) { return __awaiter(_this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
-                    this.transaction = transaction;
+                    if (transaction) {
+                        this.transaction = transaction;
+                    }
                     return [2 /*return*/];
                 });
             }); }));
@@ -8706,7 +8982,7 @@
     TransactionComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction",
-                    template: "\n    <co-transaction-header *ngIf=\"showHeader\" [transaction]=\"transaction\"></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        [transactionLines]=\"transaction.transactionLines\"\n        (showSidePanelClicked)=\"handleShowSidePanel($event)\"\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\n    <co-transaction-line-side-panel *ngIf=\"showSidePanel\" @showHideSidePanel\n                                    [transactionType]=\"transaction.transactionInfo.transactionKind\"\n                                    [activeCategory]=\"activeCategory\"\n                                    [transactionLine]=\"sidePanelTransactionLine\"\n                                    [transactionId]=\"transactionId\"\n                                    [transactionInfoNr]=\"transaction.transactionInfo.transactionNr\"\n                                    (cancelClick)=\"handleCloseSidePanel($event)\"\n    ></co-transaction-line-side-panel>\n  ",
+                    template: "\n    <co-transaction-header *ngIf=\"showHeader\" [transaction]=\"transaction\"></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        [transactionLines]=\"transaction.transactionLines\"\n        (showSidePanelClicked)=\"handleShowSidePanel($event)\"\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\n    <co-transaction-line-side-panel *ngIf=\"showSidePanel\" @showHideSidePanel\n                                    [transactionInfo]=\"transaction.transactionInfo\"\n                                    [transactionLine]=\"sidePanelTransactionLine\"\n                                    [activeCategory]=\"activeCategory\"\n                                    (cancelClick)=\"handleCloseSidePanel($event)\"\n    ></co-transaction-line-side-panel>\n  ",
                     animations: [
                         animations.trigger("showHideSidePanel", [
                             animations.state("void", animations.style({ transform: 'translateX(100%)' })),
@@ -8987,7 +9263,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    >\n    </co-transaction-header-block>\n    <ng-template #headerBlock>\n      <div class=\"header-delivery-method\">\n        <co-icon class=\"header-delivery-truck-icon\" [iconData]=\"iconService.getIcon(icons.DeliveryTruck)\"></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.CalendarDay)\"></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        <span class=\"header-delivery-deliverydate\" [textContent]=\"transactionInfo.deliveryDate | date:'dd MMM yyyy'\"></span>\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      <div class=\"header-delivery-preferred-deliverydate\" [textContent]=\"transactionInfo.preferredDeliveryDate | date:'dd MMM yyyy'\"></div>\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  ",
+                    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-delivery-method\">\n        <co-icon class=\"header-delivery-truck-icon\" [iconData]=\"iconService.getIcon(icons.DeliveryTruck)\"></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.CalendarDay)\"></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      <div class=\"header-delivery-preferred-deliverydate\" [textContent]=\"transactionInfo.preferredDeliveryDate | date:'dd MMM yyyy'\"></div>\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  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -8999,6 +9275,121 @@
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-header-delivery",] }]
     };
 
+    var TransactionHeaderFieldsBaseComponent = /** @class */ (function () {
+        function TransactionHeaderFieldsBaseComponent() {
+            this.readonly = false;
+            this._transactionInfo = new transactionInfo_bo.TransactionInfo();
+        }
+        Object.defineProperty(TransactionHeaderFieldsBaseComponent.prototype, "transactionInfo", {
+            get: function () {
+                return this._transactionInfo;
+            },
+            set: function (value) {
+                if (value) {
+                    this._transactionInfo = value;
+                    this.transactionInfoSet();
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        // overridden by descendents
+        TransactionHeaderFieldsBaseComponent.prototype.transactionInfoSet = function () {
+        };
+        return TransactionHeaderFieldsBaseComponent;
+    }());
+    TransactionHeaderFieldsBaseComponent.decorators = [
+        { type: i0.Directive }
+    ];
+    TransactionHeaderFieldsBaseComponent.propDecorators = {
+        transactionInfo: [{ type: i0.Input }]
+    };
+
+    var TransactionHeaderDeliveryDateComponent = /** @class */ (function (_super) {
+        __extends(TransactionHeaderDeliveryDateComponent, _super);
+        function TransactionHeaderDeliveryDateComponent(_transactionService) {
+            var _this = _super.call(this) || this;
+            _this._transactionService = _transactionService;
+            _this.showLabel = true;
+            _this.defaultEditMode = true;
+            _this._editMode = false;
+            return _this;
+        }
+        Object.defineProperty(TransactionHeaderDeliveryDateComponent.prototype, "child", {
+            set: function (content) {
+                var _this = this;
+                if (content) {
+                    this.input = content;
+                    this.input.commit = function (date) { return _this.commitDeliveryDate(date); };
+                    if (this._editMode) {
+                        this.input.doFocus();
+                    }
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TransactionHeaderDeliveryDateComponent.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
+        });
+        TransactionHeaderDeliveryDateComponent.prototype.handleClick = function (event) {
+            if (!this.readonly) {
+                this.editMode = true;
+            }
+        };
+        TransactionHeaderDeliveryDateComponent.prototype.commitDeliveryDate = function (date) {
+            return __awaiter(this, void 0, void 0, function () {
+                var oldDate, success;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!(this.transactionInfo.deliveryDate !== date)) return [3 /*break*/, 2];
+                            oldDate = this.transactionInfo.deliveryDate;
+                            return [4 /*yield*/, this._transactionService.updateHeaderTransactionDeliveryDate(this._transactionService.currentTransaction.transactionInfo.uuid, date)];
+                        case 1:
+                            success = _a.sent();
+                            if (!success) {
+                                this.input.model = oldDate;
+                            }
+                            return [2 /*return*/, success];
+                        case 2: return [2 /*return*/, true];
+                    }
+                });
+            });
+        };
+        TransactionHeaderDeliveryDateComponent.prototype.transactionInfoSet = function () {
+            this.readonly = this.readonly || this.transactionInfo.deliveryDateDefinitive;
+        };
+        return TransactionHeaderDeliveryDateComponent;
+    }(TransactionHeaderFieldsBaseComponent));
+    TransactionHeaderDeliveryDateComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-transaction-header-delivery-date",
+                    template: "\n    <span *ngIf=\"(!editMode  || readonly) && !defaultEditMode\" [textContent]=\"transactionInfo.deliveryDate | date:'dd MMM yyyy'\"></span>\n    <co-input-date #input *ngIf=\"editMode || defaultEditMode\"\n                   [placeholder]=\"showLabel ? ('DELIVERY_DATE' | localize) : ''\"\n                   [showSaveCancel]=\"!readonly\"\n                   [readonly]=\"readonly\"\n                   [model]=\"transactionInfo.deliveryDate\"\n                   (blur)=\"editMode = false\"\n    ></co-input-date>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    TransactionHeaderDeliveryDateComponent.ctorParameters = function () { return [
+        { type: TransactionService }
+    ]; };
+    TransactionHeaderDeliveryDateComponent.propDecorators = {
+        child: [{ type: i0.ViewChild, args: ['input', { read: corecomponents_v12.InputDatePickerComponent },] }],
+        showLabel: [{ type: i0.Input }],
+        defaultEditMode: [{ type: i0.Input }],
+        editMode: [{ type: i0.Input }],
+        handleClick: [{ type: i0.HostListener, args: ["click", ["$event"],] }]
+    };
+
     var TransactionHeaderDeliveryModule = /** @class */ (function () {
         function TransactionHeaderDeliveryModule() {
         }
@@ -9012,10 +9403,12 @@
                         TransactionHeaderBlockModule,
                         corecomponents_v12.InputCheckboxModule,
                         corecomponents_v12.IconModule,
-                        PipeModule
+                        PipeModule,
+                        corecomponents_v12.InputDatePickerModule
                     ],
                     declarations: [
-                        TransactionHeaderDeliveryComponent
+                        TransactionHeaderDeliveryComponent,
+                        TransactionHeaderDeliveryDateComponent
                     ],
                     exports: [
                         TransactionHeaderDeliveryComponent
@@ -9324,6 +9717,7 @@
             this.categories = TransactionTypeCategory;
             this.transactionTypes = transactionKind_enum.TransactionKind;
             this.transactionLine = new transactionLineInfo_bo.TransactionLineInfo();
+            this.transactionInfo = new transactionInfo_bo.TransactionInfo();
             this.cancelClick = new i0.EventEmitter();
         }
         TransactionLineSidePanelComponent.prototype.showClass = function () {
@@ -9337,7 +9731,7 @@
     TransactionLineSidePanelComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-side-panel",
-                    template: "\n    <icon (click)=\"handleCancelClick($event)\" [icon]=\"icons.Cancel\" class=\"close-button\"></icon>\n    <div class=\"transaction-line-side-panel-header\">\n      <div class=\"transaction-line-side-panel-header-item\">\n        <span class=\"side-panel-header-label\" [textContent]=\"'ARTICLE_NR'| localize\"></span>\n        <span class=\"side-panel-header-field\" [textContent]=\"transactionLine.articleNumber\"></span>\n      </div>\n      <div class=\"side-panel-header-divider\"></div>\n      <div class=\"transaction-line-side-panel-header-item\">\n        <span class=\"side-panel-header-label\" [textContent]=\"'DESCRIPTION'| localize\"></span>\n        <span class=\"side-panel-header-field\" [textContent]=\"transactionLine.goodDescription\"></span>\n      </div>\n      <div class=\"side-panel-header-divider\"></div>\n      <div class=\"transaction-line-side-panel-header-item\">\n        <span class=\"side-panel-header-label\" [textContent]=\"'AMOUNT'| localize\"></span>\n        <span class=\"side-panel-header-field\" [textContent]=\"transactionLine.amount\"></span>\n      </div>\n      <div class=\"side-panel-header-divider\"></div>\n      <div class=\"transaction-line-side-panel-header-item\">\n        <span class=\"side-panel-header-label\"\n              [textContent]=\"activeCategory === categories.PurchaseOrderReceivedGoods ? ('TO_REPORT_IN' | localize) : ('PRICE' | localize)\"></span>\n        <span class=\"side-panel-header-field\"\n              [textContent]=\"activeCategory === categories.PurchaseOrderReceivedGoods ? quantityToReceive : (transactionLine.price | priceDisplay)\"></span>\n      </div>\n    </div>\n    <div class=\"transaction-line-side-panel-nav-bar\">\n      <co-transaction-button-bar\n        [transactionType]=\"transactionType\"\n        (buttonClicked)=\"activeCategory = $event.category\"\n      ></co-transaction-button-bar>\n    </div>\n    <div class=\"transaction-line-side-panel-content\">\n      <ng-container [ngSwitch]=\"transactionType\">\n        <ng-container *ngSwitchCase=\"transactionTypes.PurchaseOrder\">\n          <co-transaction-line-side-panel-purchase\n            [transactionLine]=\"transactionLine\"\n            [transactionId]=\"transactionId\"\n            [transactionInfoNr]=\"transactionInfoNr\"\n            [category]=\"activeCategory\"\n            (quantityToReceiveChange)=\"quantityToReceive = $event\"\n          ></co-transaction-line-side-panel-purchase>\n        </ng-container>\n        <ng-container *ngSwitchDefault>\n          <co-transaction-line-side-panel-purchase\n            [category]=\"activeCategory\"\n          ></co-transaction-line-side-panel-purchase>\n        </ng-container>\n      </ng-container>\n    </div>\n  ",
+                    template: "\n    <icon (click)=\"handleCancelClick($event)\" [icon]=\"icons.Cancel\" class=\"close-button\"></icon>\n    <div class=\"transaction-line-side-panel-header\">\n      <div class=\"transaction-line-side-panel-header-item\">\n        <span class=\"side-panel-header-label\" [textContent]=\"'ARTICLE_NR'| localize\"></span>\n        <span class=\"side-panel-header-field\" [textContent]=\"transactionLine.articleNumber\"></span>\n      </div>\n      <div class=\"side-panel-header-divider\"></div>\n      <div class=\"transaction-line-side-panel-header-item\">\n        <span class=\"side-panel-header-label\" [textContent]=\"'DESCRIPTION'| localize\"></span>\n        <span class=\"side-panel-header-field\" [textContent]=\"transactionLine.goodDescription\"></span>\n      </div>\n      <div class=\"side-panel-header-divider\"></div>\n      <div class=\"transaction-line-side-panel-header-item\">\n        <span class=\"side-panel-header-label\" [textContent]=\"'AMOUNT'| localize\"></span>\n        <span class=\"side-panel-header-field\" [textContent]=\"transactionLine.amount\"></span>\n      </div>\n      <div class=\"side-panel-header-divider\"></div>\n      <div class=\"transaction-line-side-panel-header-item\">\n        <span class=\"side-panel-header-label\"\n              [textContent]=\"activeCategory === categories.PurchaseOrderReceivedGoods ? ('TO_REPORT_IN' | localize) : ('PRICE' | localize)\"></span>\n        <span class=\"side-panel-header-field\"\n              [textContent]=\"activeCategory === categories.PurchaseOrderReceivedGoods ? quantityToReceive : (transactionLine.price | priceDisplay)\"></span>\n      </div>\n    </div>\n    <div class=\"transaction-line-side-panel-nav-bar\">\n      <co-transaction-button-bar\n        [transactionType]=\"transactionInfo.transactionKind\"\n        (buttonClicked)=\"activeCategory = $event.category\"\n      ></co-transaction-button-bar>\n    </div>\n    <div class=\"transaction-line-side-panel-content\">\n      <ng-container [ngSwitch]=\"transactionInfo.transactionKind\">\n        <ng-container *ngSwitchCase=\"transactionTypes.PurchaseOrder\">\n          <co-transaction-line-side-panel-purchase\n            [transactionInfo]=\"transactionInfo\"\n            [transactionLine]=\"transactionLine\"\n            [category]=\"activeCategory\"\n            (quantityToReceiveChange)=\"quantityToReceive = $event\"\n          ></co-transaction-line-side-panel-purchase>\n        </ng-container>\n        <ng-container *ngSwitchDefault>\n          <co-transaction-line-side-panel-purchase\n            [transactionInfo]=\"transactionInfo\"\n            [transactionLine]=\"transactionLine\"\n            [category]=\"activeCategory\"\n          ></co-transaction-line-side-panel-purchase>\n        </ng-container>\n      </ng-container>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -9347,12 +9741,10 @@
         { type: TransactionEventService }
     ]; };
     TransactionLineSidePanelComponent.propDecorators = {
-        transactionType: [{ type: i0.Input }],
         transactionLine: [{ type: i0.Input }],
-        transactionId: [{ type: i0.Input }],
+        transactionInfo: [{ type: i0.Input }],
         activeCategory: [{ type: i0.Input }],
         cancelClick: [{ type: i0.Output }],
-        transactionInfoNr: [{ type: i0.Input }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-line-side-panel",] }]
     };
 
@@ -9387,7 +9779,7 @@
     TransactionLineSidePanelDefaultComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-side-panel-default",
-                    template: "\n    <co-collapsible\n      [iconData]=\"iconService.getIcon(icons.TriangleUp)\"\n      [headerTitle]=\"'PRICING' | localize\"\n      [expandButtonLast]=\"true\"\n      [expanded]=\"true\"\n    >\n      <div class=\"collapsible-content-wrapper\">\n        <div class=\"side-panel-input-row\">\n          <co-input-text class=\"side-panel-input\" [placeholder]=\"'NET_LINE_TOTAL' | localize\" [model]=\"transactionLine.netLineTotal\" [readonly]=\"true\"></co-input-text>\n        </div>\n        <div class=\"side-panel-input-row\">\n          <co-transaction-line-quantity class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-quantity>\n          <co-transaction-line-price class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-price>\n        </div>\n        <div class=\"side-panel-input-row\">\n          <co-transaction-line-vat class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-vat>\n          <co-transaction-line-price-list class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-price-list>\n        </div>\n      </div>\n    </co-collapsible>\n    <co-collapsible\n      [iconData]=\"iconService.getIcon(icons.TriangleUp)\"\n      [headerTitle]=\"'DISCOUNTS' | localize\"\n      [expandButtonLast]=\"true\"\n      [expanded]=\"true\"\n    >\n      <div class=\"collapsible-content-wrapper\">\n        <div class=\"side-panel-input-row\">\n          <co-transaction-line-line-discount class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-line-discount>\n          <co-transaction-line-discount-amount class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-discount-amount>\n        </div>\n        <div class=\"side-panel-input-row\">\n          <co-transaction-line-quantum-discount class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-quantum-discount>\n          <co-transaction-line-special-discount class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-special-discount>\n        </div>\n        <div class=\"side-panel-input-row\">\n          <co-input-text class=\"side-panel-input\" [placeholder]=\"'SURCHARGE_AMOUNT' | localize\" [model]=\"transactionLine.surchargeAmount\" [readonly]=\"readonly\"></co-input-text>\n          <co-input-text class=\"side-panel-input\" [placeholder]=\"'BUSINESS_RULE_DISCOUNT' | localize\" [model]=\"'NIET_GEIMPLEMENTEERD'\" [readonly]=\"readonly\"></co-input-text>\n        </div>\n      </div>\n    </co-collapsible>\n    <co-collapsible\n      [iconData]=\"iconService.getIcon(icons.TriangleUp)\"\n      [headerTitle]=\"'LOGISTICS_AND_PLANNING' | localize\"\n      [expandButtonLast]=\"true\"\n      [expanded]=\"true\"\n    >\n      <div class=\"collapsible-content-wrapper\">\n        <div class=\"side-panel-input-row\">\n          <co-transaction-line-commission-code class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-commission-code>\n          <co-transaction-line-warehouse class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-warehouse>\n        </div>\n        <div class=\"side-panel-input-row\">\n          <co-transaction-line-delivery-method class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-delivery-method>\n          <co-transaction-line-delivery-date class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-delivery-date>\n        </div>\n        <div class=\"side-panel-input-row\">\n          <co-input-text class=\"side-panel-input\" [placeholder]=\"'ASSEMBLY_TIME' | localize\" [readonly]=\"readonly\"></co-input-text>\n          <co-input-text class=\"side-panel-input\" [placeholder]=\"'ASSEMBLY_COSTS' | localize\" [type]=\"'number'\" [model]=\"transactionLine.assemblyCost\" [readonly]=\"readonly\"></co-input-text>\n        </div>\n        <div class=\"side-panel-input-row\">\n          <co-input-text class=\"side-panel-input\" [placeholder]=\"'MODIFICATION_TIME' | localize\" [readonly]=\"readonly\"></co-input-text>\n        </div>\n        <div class=\"side-panel-input-row\">\n          <co-input-combo-box class=\"side-panel-input\" [collection]=\"data\" [placeholder]=\"'SUPPLIER' | localize\" [readonly]=\"readonly\"></co-input-combo-box>\n          <co-input-text class=\"side-panel-input\" [placeholder]=\"'ARTICLE_NR_SUPPLIER' | localize\" [model]=\"transactionLine.articleNumber\" [readonly]=\"readonly\"></co-input-text>\n        </div>\n        <div class=\"side-panel-input-row\">\n          <co-input-text class=\"side-panel-input\" [placeholder]=\"'IN_OUT_COLLECTION' | localize\" [readonly]=\"readonly\"></co-input-text>\n        </div>\n      </div>\n    </co-collapsible>\n\n    <co-collapsible\n      [iconData]=\"iconService.getIcon(icons.TriangleUp)\"\n      [headerTitle]=\"'OTHER' | localize\"\n      [expandButtonLast]=\"true\"\n      [expanded]=\"true\"\n    >\n      <div class=\"collapsible-content-wrapper\">\n        <div class=\"side-panel-input-row\">\n          <co-transaction-line-reference class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-reference>\n        </div>\n        <div class=\"side-panel-input-row\">\n          <co-input-text class=\"side-panel-input\" [placeholder]=\"'ORDER_RULESET' | localize\" [readonly]=\"readonly\"></co-input-text>\n        </div>\n        <div class=\"side-panel-input-row\">\n          <co-input-text class=\"side-panel-input\" [placeholder]=\"'LAST_EDITED_DATE' | localize\" [readonly]=\"readonly\"></co-input-text>\n          <co-input-text class=\"side-panel-input\" [placeholder]=\"'LAST_EDITED_USER' | localize\" [readonly]=\"readonly\"></co-input-text>\n        </div>\n        <co-input-text [placeholder]=\"'FABRICATION_COST' | localize\" [readonly]=\"readonly\"></co-input-text>\n        <co-input-text [placeholder]=\"'TRANSPORT_COST' | localize\" [readonly]=\"readonly\"></co-input-text>\n        <co-input-text [placeholder]=\"'FABRICATION_COST_LINE_TOTAL' | localize\" [readonly]=\"readonly\"></co-input-text>\n        <co-input-text [placeholder]=\"'TRANSPORT_COST_LINE_TOTAL' | localize\" [readonly]=\"readonly\"></co-input-text>\n        <co-input-text [placeholder]=\"'CUSTOMER' | localize\" [readonly]=\"readonly\"></co-input-text>\n      </div>\n    </co-collapsible>\n  ",
+                    template: "\n    <co-collapsible\n      [iconData]=\"iconService.getIcon(icons.TriangleUp)\"\n      [headerTitle]=\"'PRICING' | localize\"\n      [expandButtonLast]=\"true\"\n      [expanded]=\"true\"\n    >\n      <div class=\"collapsible-content-wrapper\">\n        <div class=\"side-panel-input-row\">\n          <co-input-text class=\"side-panel-input\" [placeholder]=\"'NET_LINE_TOTAL' | localize\" [model]=\"transactionLine.netLineTotal\" [readonly]=\"true\"></co-input-text>\n        </div>\n        <div class=\"side-panel-input-row\">\n          <co-transaction-line-quantity class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-quantity>\n          <co-transaction-line-price class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-price>\n        </div>\n        <div class=\"side-panel-input-row\">\n          <co-transaction-line-vat class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-vat>\n          <co-transaction-line-price-list class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-price-list>\n        </div>\n      </div>\n    </co-collapsible>\n    <co-collapsible\n      [iconData]=\"iconService.getIcon(icons.TriangleUp)\"\n      [headerTitle]=\"'DISCOUNTS' | localize\"\n      [expandButtonLast]=\"true\"\n      [expanded]=\"true\"\n    >\n      <div class=\"collapsible-content-wrapper\">\n        <div class=\"side-panel-input-row\">\n          <co-transaction-line-line-discount class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-line-discount>\n          <co-transaction-line-discount-amount class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-discount-amount>\n        </div>\n        <div class=\"side-panel-input-row\">\n          <co-transaction-line-quantum-discount class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-quantum-discount>\n          <co-transaction-line-special-discount class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-special-discount>\n        </div>\n        <div class=\"side-panel-input-row\">\n          <co-input-text class=\"side-panel-input\" [placeholder]=\"'SURCHARGE_AMOUNT' | localize\" [model]=\"transactionLine.surchargeAmount\" [readonly]=\"readonly\"></co-input-text>\n          <co-input-text class=\"side-panel-input\" [placeholder]=\"'BUSINESS_RULE_DISCOUNT' | localize\" [model]=\"'NIET_GEIMPLEMENTEERD'\" [readonly]=\"readonly\"></co-input-text>\n        </div>\n      </div>\n    </co-collapsible>\n    <co-collapsible\n      [iconData]=\"iconService.getIcon(icons.TriangleUp)\"\n      [headerTitle]=\"'LOGISTICS_AND_PLANNING' | localize\"\n      [expandButtonLast]=\"true\"\n      [expanded]=\"true\"\n    >\n      <div class=\"collapsible-content-wrapper\">\n        <div class=\"side-panel-input-row\">\n          <co-transaction-line-commission-code class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-commission-code>\n          <co-transaction-line-warehouse class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-warehouse>\n        </div>\n        <div class=\"side-panel-input-row\">\n          <co-transaction-line-delivery-method class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-delivery-method>\n          <co-transaction-line-delivery-date class=\"side-panel-input\" [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-delivery-date>\n        </div>\n        <div class=\"side-panel-input-row\">\n          <co-input-text class=\"side-panel-input\" [placeholder]=\"'ASSEMBLY_TIME' | localize\" [readonly]=\"readonly\"></co-input-text>\n          <co-input-text class=\"side-panel-input\" [placeholder]=\"'ASSEMBLY_COSTS' | localize\" [type]=\"'number'\" [model]=\"transactionLine.assemblyCost\" [readonly]=\"readonly\"></co-input-text>\n        </div>\n        <div class=\"side-panel-input-row\">\n          <co-input-text class=\"side-panel-input\" [placeholder]=\"'MODIFICATION_TIME' | localize\" [readonly]=\"readonly\"></co-input-text>\n        </div>\n        <div class=\"side-panel-input-row\">\n          <co-transaction-line-supplier class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-supplier>\n          <co-input-text class=\"side-panel-input\" [placeholder]=\"'ARTICLE_NR_SUPPLIER' | localize\" [model]=\"transactionLine.articleNumber\" [readonly]=\"readonly\"></co-input-text>\n        </div>\n        <div class=\"side-panel-input-row\">\n          <co-input-text class=\"side-panel-input\" [placeholder]=\"'IN_OUT_COLLECTION' | localize\" [readonly]=\"readonly\"></co-input-text>\n        </div>\n      </div>\n    </co-collapsible>\n\n    <co-collapsible\n      [iconData]=\"iconService.getIcon(icons.TriangleUp)\"\n      [headerTitle]=\"'OTHER' | localize\"\n      [expandButtonLast]=\"true\"\n      [expanded]=\"true\"\n    >\n      <div class=\"collapsible-content-wrapper\">\n        <div class=\"side-panel-input-row\">\n          <co-transaction-line-description class=\"side-panel-input\"\n                                           [transactionLine]=\"transactionLine\"></co-transaction-line-description>\n        </div>\n        <div class=\"side-panel-input-row\">\n          <co-transaction-line-reference class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-reference>\n        </div>\n        <div class=\"side-panel-input-row\">\n          <co-input-text class=\"side-panel-input\" [placeholder]=\"'ORDER_RULESET' | localize\" [readonly]=\"readonly\"></co-input-text>\n        </div>\n        <div class=\"side-panel-input-row\">\n          <co-input-text class=\"side-panel-input\" [placeholder]=\"'LAST_EDITED_DATE' | localize\" [readonly]=\"readonly\"></co-input-text>\n          <co-input-text class=\"side-panel-input\" [placeholder]=\"'LAST_EDITED_USER' | localize\" [readonly]=\"readonly\"></co-input-text>\n        </div>\n        <co-input-text [placeholder]=\"'FABRICATION_COST' | localize\" [readonly]=\"readonly\"></co-input-text>\n        <co-input-text [placeholder]=\"'TRANSPORT_COST' | localize\" [readonly]=\"readonly\"></co-input-text>\n        <co-input-text [placeholder]=\"'FABRICATION_COST_LINE_TOTAL' | localize\" [readonly]=\"readonly\"></co-input-text>\n        <co-input-text [placeholder]=\"'TRANSPORT_COST_LINE_TOTAL' | localize\" [readonly]=\"readonly\"></co-input-text>\n        <co-input-text [placeholder]=\"'CUSTOMER' | localize\" [readonly]=\"readonly\"></co-input-text>\n      </div>\n    </co-collapsible>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -9397,6 +9789,7 @@
     ]; };
     TransactionLineSidePanelDefaultComponent.propDecorators = {
         transactionLine: [{ type: i0.Input }],
+        transactionInfo: [{ type: i0.Input }],
         cancelClick: [{ type: i0.Output }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-line-side-panel-default",] }]
     };
@@ -9771,6 +10164,9 @@
                 });
             });
         };
+        TransactionLineDeliveryDateComponent.prototype.transactionInfoSet = function () {
+            this.readonly = this.readonly || (this.transactionInfo.deliveryDateDefinitive || !this.transactionInfo.allowPartialDelivery);
+        };
         return TransactionLineDeliveryDateComponent;
     }(TransactionLineFieldsBaseComponent));
     TransactionLineDeliveryDateComponent.decorators = [
@@ -9915,6 +10311,9 @@
                 });
             });
         };
+        TransactionLineCommissionCodeComponent.prototype.transactionLineSet = function () {
+            this.readonly = this.readonly || !this.transactionLine.articleFreeCommissionCode;
+        };
         return TransactionLineCommissionCodeComponent;
     }(TransactionLineFieldsBaseComponent));
     TransactionLineCommissionCodeComponent.decorators = [
@@ -10243,6 +10642,75 @@
                 },] }
     ];
 
+    var TransactionLineSupplierComponent = /** @class */ (function (_super) {
+        __extends(TransactionLineSupplierComponent, _super);
+        function TransactionLineSupplierComponent(_transactionService) {
+            var _this = _super.call(this) || this;
+            _this._transactionService = _transactionService;
+            _this.data = [];
+            _this.fields = { text: "displayName", value: "relationId" };
+            return _this;
+        }
+        TransactionLineSupplierComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            var request = new relationRequest.RelationRequest();
+            request.relationType = relationKind_enum.RelationKind.Supplier;
+            this._transactionService.getRelationListObjects(request).then(function (relationListObjects) {
+                _this.data = relationListObjects;
+            });
+        };
+        TransactionLineSupplierComponent.prototype.commitSupplier = function (code) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    // if (this.transactionLine.supplier !== code) {
+                    //   const oldCode = this.transactionLine.supplier;
+                    //   const success = await this._transactionService.updateSupplierTransactionLine(this._transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, code);
+                    //   if (!success) {
+                    //     // this.transactionLine.supplier = code;
+                    //   }
+                    //   return success;
+                    // }
+                    return [2 /*return*/, true];
+                });
+            });
+        };
+        TransactionLineSupplierComponent.prototype.transactionLineSet = function () {
+            this.readonly = this.readonly || !this.transactionLine.articleFreeSupplier;
+        };
+        return TransactionLineSupplierComponent;
+    }(TransactionLineFieldsBaseComponent));
+    TransactionLineSupplierComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-transaction-line-supplier",
+                    template: "\n    <co-input-combo-box\n      [collection]=\"data\"\n      [placeholder]=\"'SUPPLIER' | localize\"\n      [fields]=\"fields\"\n      [readonly]=\"readonly\"\n      [model]=\"tempSupplier\"\n      (modelChange)=\"commitSupplier($event)\"\n    ></co-input-combo-box>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    TransactionLineSupplierComponent.ctorParameters = function () { return [
+        { type: TransactionService }
+    ]; };
+
+    var TransactionLineSupplierModule = /** @class */ (function () {
+        function TransactionLineSupplierModule() {
+        }
+        return TransactionLineSupplierModule;
+    }());
+    TransactionLineSupplierModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        PipeModule,
+                        corecomponents_v12.InputComboBoxModule
+                    ],
+                    declarations: [
+                        TransactionLineSupplierComponent
+                    ],
+                    exports: [
+                        TransactionLineSupplierComponent
+                    ]
+                },] }
+    ];
+
     var TransactionLineSidePanelDefaultModule = /** @class */ (function () {
         function TransactionLineSidePanelDefaultModule() {
         }
@@ -10272,7 +10740,9 @@
                         TransactionLineWarehouseModule,
                         TransactionLineDiscountAmountModule,
                         TransactionLineQuantumDiscountModule,
-                        TransactionLineSpecialDiscountModule
+                        TransactionLineSpecialDiscountModule,
+                        TransactionLineSupplierModule,
+                        TransactionLineDescriptionModule
                     ],
                     declarations: [
                         TransactionLineSidePanelDefaultComponent
@@ -10706,6 +11176,7 @@
         function TransactionSearchService(_transactionService) {
             this._transactionService = _transactionService;
             this.searchRequest = new transactionSearchViewRequest.TransactionSearchViewRequest();
+            this.previousSearchRequest = new transactionSearchViewRequest.TransactionSearchViewRequest();
             this.transactions = [];
             this.labelBasedOnTransactionType = new Map([
                 [transactionKind_enum.TransactionKind.SalesOrder, "SALESORDERS"],
@@ -10714,7 +11185,7 @@
             ]);
             this.transactionsPerPage = 20;
             this.resultCount = 0;
-            this._showcasePage = 1;
+            this._currentPage = 1;
             this._transactionType = transactionKind_enum.TransactionKind.SalesOrder;
         }
         Object.defineProperty(TransactionSearchService.prototype, "transactionType", {
@@ -10729,12 +11200,12 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(TransactionSearchService.prototype, "showcasePage", {
+        Object.defineProperty(TransactionSearchService.prototype, "currentPage", {
             get: function () {
-                return this._showcasePage;
+                return this._currentPage;
             },
             set: function (value) {
-                this._showcasePage = value;
+                this._currentPage = value;
                 this.searchTransactions();
             },
             enumerable: false,
@@ -10743,25 +11214,35 @@
         TransactionSearchService.prototype.searchTransactions = function () {
             var _this = this;
             this.searchRequest.transactionKind = this.transactionType;
-            var lowerBound = ((this.showcasePage - 1) * this.transactionsPerPage) + 1;
+            if (this.isNewGeneralSearch()) {
+                this._currentPage = 1;
+            }
+            var lowerBound = ((this.currentPage - 1) * this.transactionsPerPage) + 1;
             this.searchRequest.paging = new pagingParameters.PagingParameters(lowerBound, lowerBound + this.transactionsPerPage - 1, this.transactionsPerPage);
             this._transactionService.searchTransactions(this.searchRequest).then(function (result) {
                 _this.transactions = result.transactions;
                 _this.resultCount = result.count;
             });
+            this.setPreviousSearchRequest();
         };
         TransactionSearchService.prototype.getLabelBasedOnTransactionType = function () {
             return this.labelBasedOnTransactionType.get(this._transactionType);
         };
         TransactionSearchService.prototype.resetFilters = function () {
-            var oldSearchRequest = Object.assign({}, this.searchRequest);
+            this.setPreviousSearchRequest();
             this._resetRequest();
-            this.searchRequest.general = oldSearchRequest.general;
+            this.searchRequest.general = this.previousSearchRequest.general;
             this.searchTransactions();
         };
         TransactionSearchService.prototype._resetRequest = function () {
             this.searchRequest = new transactionSearchViewRequest.TransactionSearchViewRequest();
         };
+        TransactionSearchService.prototype.setPreviousSearchRequest = function () {
+            this.previousSearchRequest = Object.assign({}, this.searchRequest);
+        };
+        TransactionSearchService.prototype.isNewGeneralSearch = function () {
+            return this.previousSearchRequest && this.previousSearchRequest.general !== this.searchRequest.general;
+        };
         return TransactionSearchService;
     }());
     TransactionSearchService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function TransactionSearchService_Factory() { return new TransactionSearchService(i0__namespace.ɵɵinject(TransactionService)); }, token: TransactionSearchService, providedIn: "root" });
@@ -10929,7 +11410,7 @@
     TransactionSearchPurchaseOrderGridComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-search-purchase-order-grid",
-                    template: "\n    <div>\n      <co-simple-grid [data]=\"searchService.transactions\" [extraColumns]=\"extraColumns\" [dragDropEnabled]=\"true\" [emitDragDrop]=\"false\"\n                      (selectRow)=\"onTransactionClick($event)\">\n        <co-simple-grid-column [headerText]=\"'ACTIVE' | localize\"\n                               [order]=\"10\" [textAlign]=\"align.Center\">\n          <ng-template #template let-row= \"row\">\n            <co-input-checkbox [model]=\"row.active\" readonly></co-input-checkbox>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'NR' | localize\" [field]=\"'transNr'\" [order]=\"20\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'NAME' | localize\" [field]=\"'relationName'\"\n                               [order]=\"30\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RELATION_NUMBER' | localize\" [field]=\"'relationNr'\"\n                               [order]=\"40\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'BRANCH' | localize\" [field]=\"'brancheName'\"\n                               [order]=\"50\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'ADDRESS' | localize\" [field]=\"'adres'\"\n                               [order]=\"70\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'REFERENCE_RELATION' | localize\" [field]=\"'relationReference'\" [order]=\"80\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'PREFERRED_DATE' | localize\"\n                               [order]=\"90\" [textAlign]=\"align.Right\" [resizable]=\"false\">\n          <ng-template #template let-row = \"row\">\n            <div [textContent]=\"row.preferredDeliveryDate | date: 'dd MMM yyyy'\"></div>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSACTION_DATE' | localize\"\n                               [order]=\"100\" [textAlign]=\"align.Right\" [resizable]=\"false\">\n          <ng-template #template let-row = \"row\">\n            <div [textContent]=\"row.transDate | date:'dd MMM yyyy'\"></div>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'ORDER_DEFINITIVE' | localize\"\n                               [order]=\"105\" [textAlign]=\"align.Center\">\n          <ng-template #template let-row= \"row\">\n            <co-input-checkbox [model]=\"row.transactionDefinitive\" readonly></co-input-checkbox>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\"\n                               [order]=\"110\" [textAlign]=\"align.Right\" [resizable]=\"false\" >\n          <ng-template #template let-row = \"row\">\n            <div [textContent]=\"row.deliveryDate | date:'dd MMM yyyy'\"></div>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DELIVERY_DATE_DEFINITIVE' | localize\"\n                               [order]=\"115\" [textAlign]=\"align.Center\">\n          <ng-template #template let-row= \"row\">\n            <co-input-checkbox [model]=\"row.deliveryDateDefinitive\" readonly></co-input-checkbox>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n    ",
+                    template: "\n      <div>\n          <co-simple-grid\n                  [data]=\"searchService.transactions\"\n                  [extraColumns]=\"extraColumns\"\n                  [dragDropEnabled]=\"true\"\n                  [emitDragDrop]=\"false\"\n                  (selectRow)=\"onTransactionClick($event)\">\n              <co-simple-grid-column [headerText]=\"'ACTIVE' | localize\"\n                                     [order]=\"10\" [textAlign]=\"align.Center\">\n                  <ng-template #template let-row=\"row\">\n                      <co-input-checkbox [model]=\"row.active\" readonly></co-input-checkbox>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'NR' | localize\" [field]=\"'transNr'\"\n                                     [order]=\"20\"></co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'NAME' | localize\" [field]=\"'relationName'\"\n                                     [order]=\"30\"></co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'RELATION_NUMBER' | localize\" [field]=\"'relationNr'\"\n                                     [order]=\"40\"></co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'BRANCH' | localize\" [field]=\"'brancheName'\"\n                                     [order]=\"50\"></co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'ADDRESS' | localize\" [field]=\"'adres'\"\n                                     [order]=\"70\"></co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'REFERENCE_RELATION' | localize\" [field]=\"'relationReference'\"\n                                     [order]=\"80\"></co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'PREFERRED_DATE' | localize\"\n                                     [order]=\"90\" [textAlign]=\"align.Right\" [resizable]=\"false\">\n                  <ng-template #template let-row=\"row\">\n                      <div [textContent]=\"row.preferredDeliveryDate | date: 'dd MMM yyyy'\"></div>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'TRANSACTION_DATE' | localize\"\n                                     [order]=\"100\" [textAlign]=\"align.Right\" [resizable]=\"false\">\n                  <ng-template #template let-row=\"row\">\n                      <div [textContent]=\"row.transDate | date:'dd MMM yyyy'\"></div>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'ORDER_DEFINITIVE' | localize\"\n                                     [order]=\"105\" [textAlign]=\"align.Center\">\n                  <ng-template #template let-row=\"row\">\n                      <co-input-checkbox [model]=\"row.transactionDefinitive\" readonly></co-input-checkbox>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\"\n                                     [order]=\"110\" [textAlign]=\"align.Right\" [resizable]=\"false\">\n                  <ng-template #template let-row=\"row\">\n                      <div [textContent]=\"row.deliveryDate | date:'dd MMM yyyy'\"></div>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'DELIVERY_DATE_DEFINITIVE' | localize\"\n                                     [order]=\"115\" [textAlign]=\"align.Center\">\n                  <ng-template #template let-row=\"row\">\n                      <co-input-checkbox [model]=\"row.deliveryDateDefinitive\" readonly></co-input-checkbox>\n                  </ng-template>\n              </co-simple-grid-column>\n          </co-simple-grid>\n      </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -10955,7 +11436,7 @@
     TransactionSearchSalesOrderGridComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-search-sales-order-grid",
-                    template: "\n    <div>\n      <co-simple-grid [data]=\"searchService.transactions\" [extraColumns]=\"extraColumns\" [dragDropEnabled]=\"true\" [emitDragDrop]=\"false\"\n                      (selectRow)=\"onTransactionClick($event)\">\n        <co-simple-grid-column [headerText]=\"'ACTIVE' | localize\"\n                               [order]=\"10\" [textAlign]=\"align.Center\">\n          <ng-template #template let-row= \"row\">\n            <co-input-checkbox [model]=\"row.active\" readonly></co-input-checkbox>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'NR' | localize\" [field]=\"'transNr'\" [order]=\"20\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'NAME' | localize\" [field]=\"'relationName'\"\n                               [order]=\"30\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'RELATION_NUMBER' | localize\" [field]=\"'relationNr'\"\n                               [order]=\"40\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'BRANCH' | localize\" [field]=\"'brancheName'\"\n                               [order]=\"50\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'ADDRESS' | localize\" [field]=\"'adres'\"\n                               [order]=\"70\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'REFERENCE_RELATION' | localize\" [field]=\"'relationReference'\" [order]=\"80\"></co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'PREFERRED_DATE' | localize\"\n                               [order]=\"90\" [textAlign]=\"align.Right\" [resizable]=\"false\">\n          <ng-template #template let-row = \"row\">\n            <div [textContent]=\"row.preferredDeliveryDate | date: 'dd MMM yyyy'\"></div>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'TRANSACTION_DATE' | localize\"\n                               [order]=\"100\" [textAlign]=\"align.Right\" [resizable]=\"false\">\n          <ng-template #template let-row = \"row\">\n            <div [textContent]=\"row.transDate | date:'dd MMM yyyy'\"></div>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'ORDER_DEFINITIVE' | localize\"\n                               [order]=\"105\" [textAlign]=\"align.Center\">\n          <ng-template #template let-row= \"row\">\n            <co-input-checkbox [model]=\"row.transactionDefinitive\" readonly></co-input-checkbox>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\"\n                               [order]=\"110\" [textAlign]=\"align.Right\" [resizable]=\"false\" >\n          <ng-template #template let-row = \"row\">\n            <div [textContent]=\"row.deliveryDate | date:'dd MMM yyyy'\"></div>\n          </ng-template>\n        </co-simple-grid-column>\n        <co-simple-grid-column [headerText]=\"'DELIVERY_DATE_DEFINITIVE' | localize\"\n                               [order]=\"115\" [textAlign]=\"align.Center\">\n          <ng-template #template let-row= \"row\">\n            <co-input-checkbox [model]=\"row.deliveryDateDefinitive\" readonly></co-input-checkbox>\n          </ng-template>\n        </co-simple-grid-column>\n      </co-simple-grid>\n    </div>\n  ",
+                    template: "\n      <div>\n          <co-simple-grid\n                  [data]=\"searchService.transactions\"\n                  [extraColumns]=\"extraColumns\"\n                  [dragDropEnabled]=\"true\"\n                  [emitDragDrop]=\"false\"\n                  (selectRow)=\"onTransactionClick($event)\">\n              <co-simple-grid-column [headerText]=\"'ACTIVE' | localize\"\n                                     [order]=\"10\" [textAlign]=\"align.Center\">\n                  <ng-template #template let-row=\"row\">\n                      <co-input-checkbox [model]=\"row.active\" readonly></co-input-checkbox>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'NR' | localize\" [field]=\"'transNr'\"\n                                     [order]=\"20\"></co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'NAME' | localize\" [field]=\"'relationName'\"\n                                     [order]=\"30\"></co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'RELATION_NUMBER' | localize\" [field]=\"'relationNr'\"\n                                     [order]=\"40\"></co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'BRANCH' | localize\" [field]=\"'brancheName'\"\n                                     [order]=\"50\"></co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'ADDRESS' | localize\" [field]=\"'adres'\"\n                                     [order]=\"70\"></co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'REFERENCE_RELATION' | localize\" [field]=\"'relationReference'\"\n                                     [order]=\"80\"></co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'PREFERRED_DATE' | localize\"\n                                     [order]=\"90\" [textAlign]=\"align.Right\" [resizable]=\"false\">\n                  <ng-template #template let-row=\"row\">\n                      <div [textContent]=\"row.preferredDeliveryDate | date: 'dd MMM yyyy'\"></div>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'TRANSACTION_DATE' | localize\"\n                                     [order]=\"100\" [textAlign]=\"align.Right\" [resizable]=\"false\">\n                  <ng-template #template let-row=\"row\">\n                      <div [textContent]=\"row.transDate | date:'dd MMM yyyy'\"></div>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'ORDER_DEFINITIVE' | localize\"\n                                     [order]=\"105\" [textAlign]=\"align.Center\">\n                  <ng-template #template let-row=\"row\">\n                      <co-input-checkbox [model]=\"row.transactionDefinitive\" readonly></co-input-checkbox>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'DELIVERY_DATE' | localize\"\n                                     [order]=\"110\" [textAlign]=\"align.Right\" [resizable]=\"false\">\n                  <ng-template #template let-row=\"row\">\n                      <div [textContent]=\"row.deliveryDate | date:'dd MMM yyyy'\"></div>\n                  </ng-template>\n              </co-simple-grid-column>\n              <co-simple-grid-column [headerText]=\"'DELIVERY_DATE_DEFINITIVE' | localize\"\n                                     [order]=\"115\" [textAlign]=\"align.Center\">\n                  <ng-template #template let-row=\"row\">\n                      <co-input-checkbox [model]=\"row.deliveryDateDefinitive\" readonly></co-input-checkbox>\n                  </ng-template>\n              </co-simple-grid-column>\n          </co-simple-grid>\n      </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -11719,16 +12200,15 @@
             this.transactionLine = new transactionLineInfo_bo.TransactionLineInfo();
             this.quantityToReceiveChange = new i0.EventEmitter();
             this.goodsReceiptStatus = new goodsReceiptStatusWithHistory_bo.GoodsReceiptStatusWithHistory();
+            this._transactionInfo = new transactionInfo_bo.TransactionInfo();
         }
-        Object.defineProperty(TransactionLineSidePanelPurchaseComponent.prototype, "transactionId", {
+        Object.defineProperty(TransactionLineSidePanelPurchaseComponent.prototype, "transactionInfo", {
             get: function () {
-                return this._transactionId;
+                return this._transactionInfo;
             },
             set: function (value) {
-                if (value) {
-                    this._transactionId = value;
-                    this.getGoodsReceiptStatusWithHistory();
-                }
+                this._transactionInfo = value;
+                this.getGoodsReceiptStatusWithHistory();
             },
             enumerable: false,
             configurable: true
@@ -11741,7 +12221,7 @@
                 var _this = this;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._service.getGoodsReceiptStatusWithHistory(this._transactionId, this.transactionLine.lineNr)
+                        case 0: return [4 /*yield*/, this._service.getGoodsReceiptStatusWithHistory(this._transactionInfo.id, this.transactionLine.lineNr)
                                 .then(function (result) {
                                 _this.goodsReceiptStatus = result;
                                 _this._transactionEventService.transactionLineChanged.next({ transactionLine: _this.transactionLine, goodsReceiptStatus: result });
@@ -11759,7 +12239,7 @@
     TransactionLineSidePanelPurchaseComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-side-panel-purchase",
-                    template: "\n    <ng-container [ngSwitch]=\"category\">\n      <ng-container *ngSwitchCase=\"categories.PurchaseOrderOrderConfirmation\">\n        <co-transaction-confirmation-details\n          [transactionInfoNr]=\"transactionInfoNr\"\n          [transactionLines]=\"transactionLine\"\n        ></co-transaction-confirmation-details>\n        <co-transaction-confirmation-history\n          [transactionLines]=\"transactionLine\"\n          [transactionInfoNr]=\"transactionInfoNr\"\n          [transactionId]=\"transactionId\"\n        ></co-transaction-confirmation-history>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"categories.PurchaseOrderReceivedGoods\">\n        <co-transaction-receiving-goods-details\n          [transactionId]=\"transactionId\"\n          [transactionLine]=\"transactionLine\"\n          [amountLeftToReceive]=\"goodsReceiptStatus.quantityToReceive\"\n          (reloadReceivingGoodsHistory)=\"getGoodsReceiptStatusWithHistory()\"\n        ></co-transaction-receiving-goods-details>\n        <co-transaction-receiving-goods-history\n          [transactionId]=\"transactionId\"\n          [transactionLine]=\"transactionLine\"\n          [goodsReceiptHistory]=\"goodsReceiptStatus.goodsReceiptHistory\"\n          (reloadReceivingGoodsHistory)=\"getGoodsReceiptStatusWithHistory()\"\n        ></co-transaction-receiving-goods-history>\n      </ng-container>\n\n      <ng-container *ngSwitchDefault>\n        <co-transaction-line-side-panel-default\n          [transactionLine]=\"transactionLine\"\n        ></co-transaction-line-side-panel-default>\n      </ng-container>\n    </ng-container>\n    ",
+                    template: "\n    <ng-container [ngSwitch]=\"category\">\n      <ng-container *ngSwitchCase=\"categories.PurchaseOrderOrderConfirmation\">\n        <co-transaction-confirmation-details\n          [transactionInfoNr]=\"transactionInfo.transactionNr\"\n          [transactionLines]=\"transactionLine\"\n        ></co-transaction-confirmation-details>\n        <co-transaction-confirmation-history\n          [transactionLines]=\"transactionLine\"\n          [transactionInfoNr]=\"transactionInfo.transactionNr\"\n          [transactionId]=\"transactionInfo.id\"\n        ></co-transaction-confirmation-history>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"categories.PurchaseOrderReceivedGoods\">\n        <co-transaction-receiving-goods-details\n          [transactionId]=\"transactionInfo.id\"\n          [transactionLine]=\"transactionLine\"\n          [amountLeftToReceive]=\"goodsReceiptStatus.quantityToReceive\"\n          (reloadReceivingGoodsHistory)=\"getGoodsReceiptStatusWithHistory()\"\n        ></co-transaction-receiving-goods-details>\n        <co-transaction-receiving-goods-history\n          [transactionId]=\"transactionInfo.id\"\n          [transactionLine]=\"transactionLine\"\n          [goodsReceiptHistory]=\"goodsReceiptStatus.goodsReceiptHistory\"\n          (reloadReceivingGoodsHistory)=\"getGoodsReceiptStatusWithHistory()\"\n        ></co-transaction-receiving-goods-history>\n      </ng-container>\n\n      <ng-container *ngSwitchDefault>\n        <co-transaction-line-side-panel-default\n          [transactionInfo]=\"transactionInfo\"\n          [transactionLine]=\"transactionLine\"\n        ></co-transaction-line-side-panel-default>\n      </ng-container>\n    </ng-container>\n    ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -11768,10 +12248,9 @@
         { type: TransactionEventService }
     ]; };
     TransactionLineSidePanelPurchaseComponent.propDecorators = {
+        transactionInfo: [{ type: i0.Input }],
         transactionLine: [{ type: i0.Input }],
-        transactionId: [{ type: i0.Input }],
         category: [{ type: i0.Input }],
-        transactionInfoNr: [{ type: i0.Input }],
         quantityToReceiveChange: [{ type: i0.Output }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-line-side-panel-purchase",] }]
     };
@@ -12535,15 +13014,22 @@
                 },] }
     ];
 
+    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.activeSearchViewMode = SearchViewMode.FullScreen;
-            this.closeClick = new i0.EventEmitter();
+            this.activeSearchBarViewMode = exports.SearchBarViewMode.Expanded;
+            this.showFilterSidebar = false;
             this.transactionClick = new i0.EventEmitter();
             this.searchViewModeChange = new i0.EventEmitter();
-            this.showFilterSidebar = false;
         }
         Object.defineProperty(TransactionSearchComponent.prototype, "transactionType", {
             get: function () {
@@ -12566,6 +13052,13 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(TransactionSearchComponent.prototype, "collapsed", {
+            get: function () {
+                return this.activeSearchBarViewMode === exports.SearchBarViewMode.Collapsed;
+            },
+            enumerable: false,
+            configurable: true
+        });
         TransactionSearchComponent.prototype.toggleFilter = function () {
             this.showFilterSidebar = !this.showFilterSidebar;
         };
@@ -12576,12 +13069,18 @@
             var _this = this;
             this._transactionSearchService.resetFilters();
             this.showFilterSidebar = false;
-            setTimeout(function () { _this.showFilterSidebar = true; }, 10);
+            setTimeout(function () {
+                _this.showFilterSidebar = true;
+            }, 10);
         };
         TransactionSearchComponent.prototype.onTransactionClick = function (transaction) {
+            if (this.activeSearchViewMode === this.searchViewModes.FullScreen) {
+                this.collapseSearchBar();
+            }
+            this._scrollToTop();
             this.transactionClick.emit(transaction);
         };
-        TransactionSearchComponent.prototype.onResizeClick = function () {
+        TransactionSearchComponent.prototype.onSearchViewResizeClick = function () {
             if (this.activeSearchViewMode === this.searchViewModes.SideBar) {
                 this.activeSearchViewMode = this.searchViewModes.FullScreen;
             }
@@ -12590,12 +13089,44 @@
             }
             this.searchViewModeChange.emit(this.activeSearchViewMode);
         };
+        TransactionSearchComponent.prototype.onSideCollapseHandleClick = function () {
+            this.toggleSearchBar();
+        };
+        TransactionSearchComponent.prototype.toggleSearchBar = function () {
+            if (this.collapsed || this.fullscreen) {
+                this.expandSearchBar();
+            }
+            else {
+                this.collapseSearchBar();
+            }
+        };
+        TransactionSearchComponent.prototype.collapseSearchBar = function () {
+            this.activeSearchViewMode = this.searchViewModes.SideBar;
+            this.activeSearchBarViewMode = exports.SearchBarViewMode.Collapsed;
+            this.searchViewModeChange.emit(this.activeSearchViewMode);
+        };
+        TransactionSearchComponent.prototype.expandSearchBar = function () {
+            this.activeSearchViewMode = this.searchViewModes.SideBar;
+            this.activeSearchBarViewMode = exports.SearchBarViewMode.Expanded;
+            this.searchViewModeChange.emit(this.activeSearchViewMode);
+        };
+        TransactionSearchComponent.prototype.calculateClasses = function () {
+            return {
+                'fullscreen': this.fullscreen,
+                'sidebar': !this.fullscreen,
+                'collapsed': this.collapsed,
+                'expanded': !this.collapsed,
+            };
+        };
+        TransactionSearchComponent.prototype._scrollToTop = function () {
+            document.documentElement.scrollTop = 0;
+        };
         return TransactionSearchComponent;
     }());
     TransactionSearchComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-search',
-                    template: "\n    <div class=\"transaction-search-wrapper\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\">\n      <div class=\"transaction-filter-wrapper narrow-scrollbar\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\"\n           *ngIf=\"showFilterSidebar\" @showHideFilterSidebar>\n        <co-transaction-filter\n          [transactionType]=\"transactionType\"\n          [activeSearchViewMode]=\"activeSearchViewMode\"\n          (closeButtonClick)=\"handleHideFilter()\"\n          (resetFilterClick)=\"handleResetFilter()\"></co-transaction-filter>\n      </div>\n      <div class=\"transaction-search-result-wrapper\">\n        <co-transaction-search-result\n          [transactionType]=\"transactionType\"\n          [activeSearchViewMode]=\"activeSearchViewMode\"\n          (filterClick)=\"toggleFilter()\"\n          (transactionClick)=\"onTransactionClick($event)\"\n          (resizeClick)=\"onResizeClick()\"\n          (closeClick)=\"closeClick.emit()\"\n        ></co-transaction-search-result>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"transaction-search-wrapper\"\n         [ngClass]=\"calculateClasses()\">\n      <div class=\"transaction-filter-wrapper narrow-scrollbar\"\n           [ngClass]=\"calculateClasses()\"\n           *ngIf=\"showFilterSidebar\" @showHideFilterSidebar>\n        <co-transaction-filter\n          [transactionType]=\"transactionType\"\n          [activeSearchViewMode]=\"activeSearchViewMode\"\n          (closeButtonClick)=\"handleHideFilter()\"\n          (resetFilterClick)=\"handleResetFilter()\"></co-transaction-filter>\n      </div>\n      <div class=\"transaction-search-result-wrapper\" [ngClass]=\"calculateClasses()\">\n        <co-transaction-search-result\n          [transactionType]=\"transactionType\"\n          [activeSearchViewMode]=\"activeSearchViewMode\"\n          (filterClick)=\"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\" [ngClass]=\"calculateClasses()\">\n      <ng-content></ng-content>\n    </div>\n\n    <co-icon-collapse-handle\n      class=\"for-sidebar\"\n      [ngClass]=\"calculateClasses()\"\n      [orientation]=\"orientations.Vertical\"\n      [arrowDirection]=\"directionRight\"\n      [twoArrows]=\"true\"\n      (click)=\"onSideCollapseHandleClick()\">\n    </co-icon-collapse-handle>\n  ",
                     animations: [
                         animations.trigger("showHideFilterSidebar", [
                             animations.state("void", animations.style({ transform: 'translateX(-100%)' })),
@@ -12610,7 +13141,6 @@
         { type: TransactionSearchService }
     ]; };
     TransactionSearchComponent.propDecorators = {
-        closeClick: [{ type: i0.Output }],
         transactionType: [{ type: i0.Input }],
         transactionClick: [{ type: i0.Output }],
         searchViewModeChange: [{ type: i0.Output }],
@@ -13435,7 +13965,8 @@
                         common.CommonModule,
                         corecomponents_v12.SimpleGridModule,
                         PipeModule,
-                        corecomponents_v12.InputCheckboxModule
+                        corecomponents_v12.InputCheckboxModule,
+                        corecomponents_v12.PaginationModule
                     ],
                     declarations: [
                         TransactionSearchPurchaseOrderGridComponent
@@ -13458,7 +13989,8 @@
                         CoreModule,
                         PipeModule,
                         corecomponents_v12.SimpleGridModule,
-                        corecomponents_v12.InputCheckboxModule
+                        corecomponents_v12.InputCheckboxModule,
+                        corecomponents_v12.PaginationModule
                     ],
                     declarations: [
                         TransactionSearchSalesOrderGridComponent
@@ -13900,6 +14432,7 @@
         });
         TransactionSearchResultComponent.prototype.onTransactionClick = function (transaction) {
             this.selectedTransaction = transaction;
+            this.activeContentViewMode = this.contentViewModes.Tiles;
             this.transactionClick.emit(transaction);
         };
         TransactionSearchResultComponent.prototype.onResizeClick = function () {
@@ -13912,15 +14445,21 @@
         TransactionSearchResultComponent.prototype.onFilterClick = function () {
             this.filterClick.emit();
         };
-        TransactionSearchResultComponent.prototype.onPaginationPageChange = function (pageNr) {
-            this.searchService.showcasePage = pageNr;
+        TransactionSearchResultComponent.prototype.onPreviousClick = function () {
+            this.searchService.currentPage -= 1;
+        };
+        TransactionSearchResultComponent.prototype.onNextClick = function () {
+            this.searchService.currentPage += 1;
+        };
+        TransactionSearchResultComponent.prototype.onPageClick = function (pageNr) {
+            this.searchService.currentPage = pageNr;
         };
         return TransactionSearchResultComponent;
     }());
     TransactionSearchResultComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-search-result',
-                    template: "\n    <div class=\"transaction-search-header-wrapper\">\n      <co-transaction-search-header\n        [transactionType]=\"transactionType\"\n        [activeSearchViewMode]=\"activeSearchViewMode\"\n        [activeContentViewMode]=\"activeContentViewMode\"\n        (viewModeChange)=\"activeContentViewMode = $event\"\n        (resizeClick)=\"onResizeClick()\"\n        (filterButtonClick)=\"onFilterClick()\"\n        (closeClick)=\"onCloseClick()\">\n      </co-transaction-search-header>\n    </div>\n\n    <div class=\"transaction-search-result-content-tiles-wrapper\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\"\n         *ngIf=\"activeContentViewMode === contentViewModes.Tiles\">\n      <div class=\"transaction-tile\" *ngFor=\"let transaction of searchService.transactions | paginate:\n      {itemsPerPage: searchService.transactionsPerPage, currentPage: searchService.showcasePage, totalItems: searchService.resultCount}\">\n        <co-transaction-search-tile\n          [transaction]=\"transaction\"\n          [transactionType]=\"transactionType\"\n          [class]=\"transaction === selectedTransaction ? 'selected' : ''\"\n          (transactionClick)=\"onTransactionClick($event)\">\n        </co-transaction-search-tile>\n      </div>\n    </div>\n    <co-pagination *ngIf=\"searchService.transactions?.length > 0\" [previousLabel]=\"'PREVIOUS' | localize\"\n                   [nextLabel]=\"'NEXT' | localize\"\n                   [autoHide]=\"true\"\n                   (pageChange)=\"onPaginationPageChange($event)\"></co-pagination>\n    <div class=\"transaction-search-result-content-grid-wrapper\" *ngIf=\"activeContentViewMode === contentViewModes.Grid\">\n      <co-transaction-search-grid\n        [transactionType]=\"transactionType\"\n        (transactionClick)=\"onTransactionClick($event)\"\n      ></co-transaction-search-grid>\n    </div>\n  ",
+                    template: "\n    <div class=\"transaction-search-header-wrapper\">\n      <co-transaction-search-header\n        [transactionType]=\"transactionType\"\n        [activeSearchViewMode]=\"activeSearchViewMode\"\n        [activeContentViewMode]=\"activeContentViewMode\"\n        (viewModeChange)=\"activeContentViewMode = $event\"\n        (resizeClick)=\"onResizeClick()\"\n        (filterButtonClick)=\"onFilterClick()\"\n        (closeClick)=\"onCloseClick()\">\n      </co-transaction-search-header>\n    </div>\n\n    <div class=\"transaction-search-result-content-tiles-wrapper\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\"\n         *ngIf=\"activeContentViewMode === contentViewModes.Tiles\">\n      <div class=\"transaction-tile\" *ngFor=\"let transaction of searchService.transactions\">\n        <co-transaction-search-tile\n          [transaction]=\"transaction\"\n          [transactionType]=\"transactionType\"\n          [class]=\"transaction === selectedTransaction ? 'selected' : ''\"\n          (transactionClick)=\"onTransactionClick($event)\">\n        </co-transaction-search-tile>\n      </div>\n    </div>\n\n    <div class=\"transaction-search-result-content-grid-wrapper\" *ngIf=\"activeContentViewMode === contentViewModes.Grid\">\n      <co-transaction-search-grid\n        [transactionType]=\"transactionType\"\n        (transactionClick)=\"onTransactionClick($event)\"\n      ></co-transaction-search-grid>\n    </div>\n    <co-pagination-bar *ngIf=\"searchService.transactions?.length > 0\"\n                       [currentPage]=\"searchService.currentPage\"\n                       [itemsPerPage]=\"searchService.transactionsPerPage\"\n                       [totalItems]=\"searchService.resultCount\"\n                       [previousLabel]=\"'PREVIOUS' | localize\"\n                       [nextLabel]=\"'NEXT' | localize\"\n                       [autoHide]=\"true\"\n                       [directionLinks]=\"fullscreen\"\n                       [paginationRange]=\"!fullscreen ? 6 : 8\"\n                       (previousClick)=\"onPreviousClick()\"\n                       (nextClick)=\"onNextClick()\"\n                       (pageClick)=\"onPageClick($event)\">\n    </co-pagination-bar>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -13958,7 +14497,8 @@
                         TransactionSearchHeaderModule,
                         TransactionSearchGridModule,
                         TransactionSearchTileModule,
-                        corecomponents_v12.PaginationModule
+                        corecomponents_v12.PaginationModule,
+                        corecomponents_v12.PaginationBarModule
                     ],
                     declarations: [
                         TransactionSearchResultComponent
@@ -14329,7 +14869,8 @@
                         TransactionSearchResultModule,
                         TransactionSalesOrderFilterModule,
                         TransactionPurchaseOrderFilterModule,
-                        TransactionFilterModule
+                        TransactionFilterModule,
+                        corecomponents_v12.IconCollapseHandleModule
                     ],
                     declarations: [
                         TransactionSearchComponent
@@ -14505,150 +15046,156 @@
     exports["ɵbt"] = TransactionLinePriceModule;
     exports["ɵbu"] = TransactionLinePriceComponent;
     exports["ɵbv"] = TransactionLineFieldsBaseComponent;
-    exports["ɵbw"] = TransactionImageService;
-    exports["ɵbx"] = AvatarModule;
-    exports["ɵby"] = AvatarComponent;
-    exports["ɵbz"] = SharedService;
+    exports["ɵbw"] = TransactionLineDescriptionModule;
+    exports["ɵbx"] = TransactionLineDescriptionComponent;
+    exports["ɵby"] = TransactionImageService;
+    exports["ɵbz"] = AvatarModule;
     exports["ɵc"] = OptionsService;
-    exports["ɵca"] = SharedConnectorService;
-    exports["ɵcb"] = DeliveryTypeTileModule;
-    exports["ɵcc"] = DeliveryTypeTileComponent;
-    exports["ɵcd"] = PaymentModule;
-    exports["ɵce"] = PaymentTileModule;
-    exports["ɵcf"] = PaymentTileComponent;
-    exports["ɵcg"] = PaymentQrCodeModule;
-    exports["ɵch"] = PaymentQrCodeComponent;
-    exports["ɵci"] = PaymentService;
-    exports["ɵcj"] = PaymentComponent;
-    exports["ɵck"] = CheckoutOverviewRelationEditComponent;
-    exports["ɵcl"] = CheckoutOverviewDeliveryEditComponent;
-    exports["ɵcm"] = CheckoutOverviewDeliveryAddressComponent;
-    exports["ɵcn"] = CheckOutRelationSuggestionsListComponent;
-    exports["ɵco"] = CheckOutRelationSuggestionsListItemComponent;
-    exports["ɵcp"] = CheckoutLoginComponent;
-    exports["ɵcq"] = TransactionHeaderModule$1;
-    exports["ɵcr"] = TransactionHeaderBlockModule;
-    exports["ɵcs"] = TransactionHeaderBlockComponent;
-    exports["ɵct"] = TransactionBaseComponent;
-    exports["ɵcu"] = TransactionHeaderPaymentModule;
-    exports["ɵcv"] = TransactionHeaderPaymentComponent;
-    exports["ɵcw"] = TransactionHeaderComponent$1;
-    exports["ɵcx"] = TransactionLinesGridModule;
-    exports["ɵcy"] = TransactionBaseGridModule;
-    exports["ɵcz"] = TransactionLineSidePanelModule;
+    exports["ɵca"] = AvatarComponent;
+    exports["ɵcb"] = SharedService;
+    exports["ɵcc"] = SharedConnectorService;
+    exports["ɵcd"] = DeliveryTypeTileModule;
+    exports["ɵce"] = DeliveryTypeTileComponent;
+    exports["ɵcf"] = PaymentModule;
+    exports["ɵcg"] = PaymentTileModule;
+    exports["ɵch"] = PaymentTileComponent;
+    exports["ɵci"] = PaymentQrCodeModule;
+    exports["ɵcj"] = PaymentQrCodeComponent;
+    exports["ɵck"] = PaymentService;
+    exports["ɵcl"] = PaymentComponent;
+    exports["ɵcm"] = CheckoutOverviewRelationEditComponent;
+    exports["ɵcn"] = CheckoutOverviewDeliveryEditComponent;
+    exports["ɵco"] = CheckoutOverviewDeliveryAddressComponent;
+    exports["ɵcp"] = CheckOutRelationSuggestionsListComponent;
+    exports["ɵcq"] = CheckOutRelationSuggestionsListItemComponent;
+    exports["ɵcr"] = CheckoutLoginComponent;
+    exports["ɵcs"] = TransactionHeaderModule$1;
+    exports["ɵct"] = TransactionHeaderBlockModule;
+    exports["ɵcu"] = TransactionHeaderBlockComponent;
+    exports["ɵcv"] = TransactionBaseComponent;
+    exports["ɵcw"] = TransactionHeaderDeliveryDateComponent;
+    exports["ɵcx"] = TransactionHeaderFieldsBaseComponent;
+    exports["ɵcy"] = TransactionHeaderPaymentModule;
+    exports["ɵcz"] = TransactionHeaderPaymentComponent;
     exports["ɵd"] = DictionaryService;
-    exports["ɵda"] = TransactionLineSidePanelDefaultModule;
-    exports["ɵdb"] = TransactionLinePriceListModule;
-    exports["ɵdc"] = TransactionLinePriceListComponent;
-    exports["ɵdd"] = TransactionLineVatModule;
-    exports["ɵde"] = TransactionLineVatComponent;
-    exports["ɵdf"] = TransactionLineQuantityModule;
-    exports["ɵdg"] = TransactionLineQuantityComponent;
-    exports["ɵdh"] = TransactionLineLineDiscountModule;
-    exports["ɵdi"] = TransactionLineLineDiscountComponent;
-    exports["ɵdj"] = TransactionLineDeliveryMethodModule;
-    exports["ɵdk"] = TransactionLineDeliveryMethodComponent;
-    exports["ɵdl"] = TransactionLineDeliveryDateModule;
-    exports["ɵdm"] = TransactionLineDeliveryDateComponent;
-    exports["ɵdn"] = TransactionLineReferenceModule;
-    exports["ɵdo"] = TransactionLineReferenceComponent;
-    exports["ɵdp"] = TransactionLineCommissionCodeModule;
-    exports["ɵdq"] = TransactionLineCommissionCodeComponent;
-    exports["ɵdr"] = TransactionLineWarehouseModule;
-    exports["ɵds"] = TransactionLineWarehouseComponent;
-    exports["ɵdt"] = TransactionLineDiscountAmountModule;
-    exports["ɵdu"] = TransactionLineDiscountAmountComponent;
-    exports["ɵdv"] = TransactionLineQuantumDiscountModule;
-    exports["ɵdw"] = TransactionLineQuantumDiscountComponent;
-    exports["ɵdx"] = TransactionLineSpecialDiscountModule;
-    exports["ɵdy"] = TransactionLineSpecialDiscountComponent;
-    exports["ɵdz"] = TransactionLineSidePanelDefaultComponent;
+    exports["ɵda"] = TransactionHeaderComponent$1;
+    exports["ɵdb"] = TransactionLinesGridModule;
+    exports["ɵdc"] = TransactionBaseGridModule;
+    exports["ɵdd"] = TransactionLineSidePanelModule;
+    exports["ɵde"] = TransactionLineSidePanelDefaultModule;
+    exports["ɵdf"] = TransactionLinePriceListModule;
+    exports["ɵdg"] = TransactionLinePriceListComponent;
+    exports["ɵdh"] = TransactionLineVatModule;
+    exports["ɵdi"] = TransactionLineVatComponent;
+    exports["ɵdj"] = TransactionLineQuantityModule;
+    exports["ɵdk"] = TransactionLineQuantityComponent;
+    exports["ɵdl"] = TransactionLineLineDiscountModule;
+    exports["ɵdm"] = TransactionLineLineDiscountComponent;
+    exports["ɵdn"] = TransactionLineDeliveryMethodModule;
+    exports["ɵdo"] = TransactionLineDeliveryMethodComponent;
+    exports["ɵdp"] = TransactionLineDeliveryDateModule;
+    exports["ɵdq"] = TransactionLineDeliveryDateComponent;
+    exports["ɵdr"] = TransactionLineReferenceModule;
+    exports["ɵds"] = TransactionLineReferenceComponent;
+    exports["ɵdt"] = TransactionLineCommissionCodeModule;
+    exports["ɵdu"] = TransactionLineCommissionCodeComponent;
+    exports["ɵdv"] = TransactionLineWarehouseModule;
+    exports["ɵdw"] = TransactionLineWarehouseComponent;
+    exports["ɵdx"] = TransactionLineDiscountAmountModule;
+    exports["ɵdy"] = TransactionLineDiscountAmountComponent;
+    exports["ɵdz"] = TransactionLineQuantumDiscountModule;
     exports["ɵe"] = TransactionConnectorService;
-    exports["ɵea"] = TransactionReceivingGoodsHistoryModule;
-    exports["ɵeb"] = TransactionHistoryGridModule;
-    exports["ɵec"] = TransactionHistoryGridStatusModule;
-    exports["ɵed"] = TransactionHistoryGridStatusComponent;
-    exports["ɵee"] = TransactionHistoryGridComponent;
-    exports["ɵef"] = TransactionReceivingGoodsHistoryComponent;
-    exports["ɵeg"] = TransactionReceivingGoodsDetailsModule;
-    exports["ɵeh"] = TransactionReceivingGoodsDetailsComponent;
-    exports["ɵei"] = ArticleService;
-    exports["ɵej"] = TransactionButtonBarModule;
-    exports["ɵek"] = TransactionButtonBarComponent;
-    exports["ɵel"] = TransactionMappingService;
-    exports["ɵem"] = TransactionButtonBarButtonComponent;
-    exports["ɵen"] = TransactionLineSidePanelPurchaseModule;
-    exports["ɵeo"] = DefaultOkCancelButtonsModule;
-    exports["ɵep"] = DefaultOkCancelButtonsComponent;
-    exports["ɵeq"] = TransactionLineSidePanelPurchaseComponent;
-    exports["ɵer"] = TransactionEventService;
-    exports["ɵes"] = TransactionLineSidePanelComponent;
-    exports["ɵet"] = TransactionBaseGridComponent;
-    exports["ɵeu"] = TransactionGridBaseComponent;
-    exports["ɵev"] = TransactionLinesGridComponent;
-    exports["ɵew"] = DiscountModule;
-    exports["ɵex"] = DiscountComponent;
-    exports["ɵey"] = TransactionQuickAccessOverviewModule;
-    exports["ɵez"] = TransactionQuickAccessOverviewComponent;
+    exports["ɵea"] = TransactionLineQuantumDiscountComponent;
+    exports["ɵeb"] = TransactionLineSpecialDiscountModule;
+    exports["ɵec"] = TransactionLineSpecialDiscountComponent;
+    exports["ɵed"] = TransactionLineSupplierModule;
+    exports["ɵee"] = TransactionLineSupplierComponent;
+    exports["ɵef"] = TransactionLineSidePanelDefaultComponent;
+    exports["ɵeg"] = TransactionReceivingGoodsHistoryModule;
+    exports["ɵeh"] = TransactionHistoryGridModule;
+    exports["ɵei"] = TransactionHistoryGridStatusModule;
+    exports["ɵej"] = TransactionHistoryGridStatusComponent;
+    exports["ɵek"] = TransactionHistoryGridComponent;
+    exports["ɵel"] = TransactionReceivingGoodsHistoryComponent;
+    exports["ɵem"] = TransactionReceivingGoodsDetailsModule;
+    exports["ɵen"] = TransactionReceivingGoodsDetailsComponent;
+    exports["ɵeo"] = ArticleService;
+    exports["ɵep"] = TransactionButtonBarModule;
+    exports["ɵeq"] = TransactionButtonBarComponent;
+    exports["ɵer"] = TransactionMappingService;
+    exports["ɵes"] = TransactionButtonBarButtonComponent;
+    exports["ɵet"] = TransactionLineSidePanelPurchaseModule;
+    exports["ɵeu"] = DefaultOkCancelButtonsModule;
+    exports["ɵev"] = DefaultOkCancelButtonsComponent;
+    exports["ɵew"] = TransactionLineSidePanelPurchaseComponent;
+    exports["ɵex"] = TransactionEventService;
+    exports["ɵey"] = TransactionLineSidePanelComponent;
+    exports["ɵez"] = TransactionBaseGridComponent;
     exports["ɵf"] = CollectionCacheService;
-    exports["ɵfa"] = TransactionOrderConfirmationGridModule;
-    exports["ɵfb"] = TransactionOrderConfirmationGridComponent;
-    exports["ɵfc"] = TransactionReceivedGoodsGridModule;
-    exports["ɵfd"] = TransactionReceivedGoodsGridComponent;
-    exports["ɵfe"] = ViewModeButtonsModule;
-    exports["ɵff"] = ViewModeButtonsComponent;
-    exports["ɵfg"] = TransactionGridModule;
-    exports["ɵfh"] = TransactionGridComponent;
-    exports["ɵfi"] = TransactionTileModule;
-    exports["ɵfj"] = TransactionTileComponent;
-    exports["ɵfk"] = TransactionSearchService;
-    exports["ɵfl"] = TransactionSearchResultModule;
-    exports["ɵfm"] = TransactionSearchSalesOrderTileModule;
-    exports["ɵfn"] = StatusBarModule;
-    exports["ɵfo"] = StatusBarComponent;
-    exports["ɵfp"] = TransactionSearchSalesOrderTileComponent;
-    exports["ɵfq"] = TransactionSearchTileBaseComponent;
-    exports["ɵfr"] = TransactionSearchPurchaseOrderTileModule;
-    exports["ɵfs"] = TransactionSearchPurchaseOrderTileComponent;
-    exports["ɵft"] = TransactionSearchSalesOrderGridModule;
-    exports["ɵfu"] = TransactionSearchSalesOrderGridComponent;
-    exports["ɵfv"] = TransactionSearchGridBaseComponent;
-    exports["ɵfw"] = TransactionSearchPurchaseOrderGridModule;
-    exports["ɵfx"] = TransactionSearchPurchaseOrderGridComponent;
-    exports["ɵfy"] = TransactionSearchHeaderModule;
-    exports["ɵfz"] = TransactionSearchHeaderComponent;
+    exports["ɵfa"] = TransactionGridBaseComponent;
+    exports["ɵfb"] = TransactionLinesGridComponent;
+    exports["ɵfc"] = DiscountModule;
+    exports["ɵfd"] = DiscountComponent;
+    exports["ɵfe"] = TransactionQuickAccessOverviewModule;
+    exports["ɵff"] = TransactionQuickAccessOverviewComponent;
+    exports["ɵfg"] = TransactionOrderConfirmationGridModule;
+    exports["ɵfh"] = TransactionOrderConfirmationGridComponent;
+    exports["ɵfi"] = TransactionReceivedGoodsGridModule;
+    exports["ɵfj"] = TransactionReceivedGoodsGridComponent;
+    exports["ɵfk"] = ViewModeButtonsModule;
+    exports["ɵfl"] = ViewModeButtonsComponent;
+    exports["ɵfm"] = TransactionGridModule;
+    exports["ɵfn"] = TransactionGridComponent;
+    exports["ɵfo"] = TransactionTileModule;
+    exports["ɵfp"] = TransactionTileComponent;
+    exports["ɵfq"] = TransactionSearchService;
+    exports["ɵfr"] = TransactionSearchResultModule;
+    exports["ɵfs"] = TransactionSearchSalesOrderTileModule;
+    exports["ɵft"] = StatusBarModule;
+    exports["ɵfu"] = StatusBarComponent;
+    exports["ɵfv"] = TransactionSearchSalesOrderTileComponent;
+    exports["ɵfw"] = TransactionSearchTileBaseComponent;
+    exports["ɵfx"] = TransactionSearchPurchaseOrderTileModule;
+    exports["ɵfy"] = TransactionSearchPurchaseOrderTileComponent;
+    exports["ɵfz"] = TransactionSearchSalesOrderGridModule;
     exports["ɵg"] = ArticleConnectorService;
-    exports["ɵga"] = TransactionSearchGridModule;
-    exports["ɵgb"] = TransactionSearchGridComponent;
-    exports["ɵgc"] = TransactionSearchTileModule;
-    exports["ɵgd"] = TransactionSearchTileComponent;
-    exports["ɵge"] = TransactionSearchResultComponent;
-    exports["ɵgf"] = TransactionSalesOrderFilterModule;
-    exports["ɵgg"] = TransactionFilterCategoriesModule;
-    exports["ɵgh"] = TransactionFilterCategoriesComponent;
-    exports["ɵgi"] = TransactionSalesOrderFilterContentOrderModule;
-    exports["ɵgj"] = TransactionSalesOrderFilterContentOrderComponent;
-    exports["ɵgk"] = TransactionFilterContentBaseComponent;
-    exports["ɵgl"] = FilterRequestService;
-    exports["ɵgm"] = TransactionSalesOrderFilterContentLogisticsModule;
-    exports["ɵgn"] = TransactionFilterHistoricStateModule;
-    exports["ɵgo"] = TransactionFilterHistoricStateComponent;
-    exports["ɵgp"] = TransactionSalesOrderFilterContentLogisticsComponent;
-    exports["ɵgq"] = TransactionSalesOrderFilterContentArticleModule;
-    exports["ɵgr"] = TransactionSalesOrderFilterContentArticleComponent;
-    exports["ɵgs"] = TransactionSalesOrderFilterComponent;
-    exports["ɵgt"] = TransactionFilterBaseComponent;
-    exports["ɵgu"] = TransactionPurchaseOrderFilterModule;
-    exports["ɵgv"] = TransactionPurchaseOrderFilterContentOrderModule;
-    exports["ɵgw"] = TransactionPurchaseOrderFilterContentOrderComponent;
-    exports["ɵgx"] = TransactionPurchaseOrderFilterContentLogisticsModule;
-    exports["ɵgy"] = TransactionPurchaseOrderFilterContentLogisticsComponent;
-    exports["ɵgz"] = TransactionPurchaseOrderFilterContentArticleModule;
+    exports["ɵga"] = TransactionSearchSalesOrderGridComponent;
+    exports["ɵgb"] = TransactionSearchGridBaseComponent;
+    exports["ɵgc"] = TransactionSearchPurchaseOrderGridModule;
+    exports["ɵgd"] = TransactionSearchPurchaseOrderGridComponent;
+    exports["ɵge"] = TransactionSearchHeaderModule;
+    exports["ɵgf"] = TransactionSearchHeaderComponent;
+    exports["ɵgg"] = TransactionSearchGridModule;
+    exports["ɵgh"] = TransactionSearchGridComponent;
+    exports["ɵgi"] = TransactionSearchTileModule;
+    exports["ɵgj"] = TransactionSearchTileComponent;
+    exports["ɵgk"] = TransactionSearchResultComponent;
+    exports["ɵgl"] = TransactionSalesOrderFilterModule;
+    exports["ɵgm"] = TransactionFilterCategoriesModule;
+    exports["ɵgn"] = TransactionFilterCategoriesComponent;
+    exports["ɵgo"] = TransactionSalesOrderFilterContentOrderModule;
+    exports["ɵgp"] = TransactionSalesOrderFilterContentOrderComponent;
+    exports["ɵgq"] = TransactionFilterContentBaseComponent;
+    exports["ɵgr"] = FilterRequestService;
+    exports["ɵgs"] = TransactionSalesOrderFilterContentLogisticsModule;
+    exports["ɵgt"] = TransactionFilterHistoricStateModule;
+    exports["ɵgu"] = TransactionFilterHistoricStateComponent;
+    exports["ɵgv"] = TransactionSalesOrderFilterContentLogisticsComponent;
+    exports["ɵgw"] = TransactionSalesOrderFilterContentArticleModule;
+    exports["ɵgx"] = TransactionSalesOrderFilterContentArticleComponent;
+    exports["ɵgy"] = TransactionSalesOrderFilterComponent;
+    exports["ɵgz"] = TransactionFilterBaseComponent;
     exports["ɵh"] = CoreModule;
-    exports["ɵha"] = TransactionPurchaseOrderFilterContentArticleComponent;
-    exports["ɵhb"] = TransactionPurchaseOrderFilterComponent;
-    exports["ɵhc"] = TransactionFilterModule;
-    exports["ɵhd"] = TransactionFilterComponent;
+    exports["ɵha"] = TransactionPurchaseOrderFilterModule;
+    exports["ɵhb"] = TransactionPurchaseOrderFilterContentOrderModule;
+    exports["ɵhc"] = TransactionPurchaseOrderFilterContentOrderComponent;
+    exports["ɵhd"] = TransactionPurchaseOrderFilterContentLogisticsModule;
+    exports["ɵhe"] = TransactionPurchaseOrderFilterContentLogisticsComponent;
+    exports["ɵhf"] = TransactionPurchaseOrderFilterContentArticleModule;
+    exports["ɵhg"] = TransactionPurchaseOrderFilterContentArticleComponent;
+    exports["ɵhh"] = TransactionPurchaseOrderFilterComponent;
+    exports["ɵhi"] = TransactionFilterModule;
+    exports["ɵhj"] = TransactionFilterComponent;
     exports["ɵi"] = ConfirmationDialogModule;
     exports["ɵj"] = PipeModule;
     exports["ɵk"] = AppendPipe;