@colijnit/transaction 12.1.116 → 12.1.118

package/lib/component/transaction-header-fields/transaction-header-hold-codes.component.d.ts

@@ -1,10 +1,11 @@
-import { OnInit } from '@angular/core';
 import { TransactionFilterPopupBaseComponent } from '../core/base/transaction-filter-popup-base.component';
 import { OnHoldCode } from '@colijnit/transactionapi/build/model/on-hold-code.bo';
-export declare class TransactionHeaderHoldCodesComponent extends TransactionFilterPopupBaseComponent<OnHoldCode> implements OnInit {
+export declare class TransactionHeaderHoldCodesComponent extends TransactionFilterPopupBaseComponent<OnHoldCode> {
+    onHoldCodesModel: OnHoldCode[];
     protected codeField: string;
     protected checkField: string;
     protected propsForLabel: string[];
-    ngOnInit(): void;
-    commit(codes: string[]): Promise<boolean>;
+    commit(codes: OnHoldCode[]): Promise<boolean>;
+    protected transactionInfoSet(): void;
+    private _setOnHoldCodesModel;
 }

package/lib/component/transaction-header-fields/transaction-header-payment-condition.component.d.ts

@@ -3,6 +3,8 @@ import { TransactionFilterPopupBaseComponent } from '../core/base/transaction-fi
 import { PaymentCondition } from '@colijnit/mainapi/build/model/payment-condition.bo';
 export declare class TransactionHeaderPaymentConditionComponent extends TransactionFilterPopupBaseComponent<PaymentCondition> implements OnInit {
     fields: Object;
+    paymentConditionModel: PaymentCondition;
     ngOnInit(): void;
     commitTransactionPaymentCondition(condition: string): Promise<boolean>;
+    private _setPaymentConditionModel;
 }

package/lib/component/transaction-header-fields/transaction-header-price-kind.component.d.ts

@@ -3,7 +3,8 @@ import { TransactionFilterPopupBaseComponent } from '../core/base/transaction-fi
 import { SalesPerson } from '@colijnit/relationapi/build/model/sales-person.bo';
 export declare class TransactionHeaderPriceKindComponent extends TransactionFilterPopupBaseComponent<SalesPerson> implements OnInit {
     fields: Object;
+    priceKindModel: any;
     ngOnInit(): void;
     commitTransactionPriceKind(priceKind: string): Promise<boolean>;
-    protected transactionSet(): void;
+    protected transactionInfoSet(): void;
 }

package/lib/component/transaction-header-fields/transaction-header-sales-person.component.d.ts

@@ -3,6 +3,8 @@ import { TransactionFilterPopupBaseComponent } from '../core/base/transaction-fi
 import { SalesPerson } from '@colijnit/relationapi/build/model/sales-person.bo';
 export declare class TransactionHeaderSalesPersonComponent extends TransactionFilterPopupBaseComponent<SalesPerson> implements OnInit {
     fields: Object;
+    salesPerson: SalesPerson;
     ngOnInit(): void;
     commitTransactionSalesPerson(relation: number): Promise<boolean>;
+    private _setSalesPerson;
 }

package/lib/component/transaction-labeled-warehouse-location-button/style/_layout.scss

@@ -1,4 +1,4 @@
-@include export-module('cc-transaction-labeled-warehouse-location-button-layout') {
+@include export-module('co-transaction-labeled-warehouse-location-button-layout') {
   .co-transaction-labeled-warehouse-location-button {
 
     .transaction-line-button {
@@ -17,10 +17,10 @@
         display: flex;
         align-items: flex-start;
         flex-direction: column;
-        row-gap: $tp-transaction-line-button-label-row-gap;
+        row-gap: $tp-transaction-labeled-warehouse-location-button-row-gap;
         justify-content: center;
         overflow: hidden;
-        padding-right: $tp-transaction-line-button-label-padding-right;
+        padding-right: $tp-transaction-labeled-warehouse-location-button-label-padding-right;
 
         .label {
           overflow: hidden;
@@ -29,7 +29,7 @@
         }
 
         &.label {
-          color: $tp-transaction-line-button-label-color;
+          color: $tp-transaction-labeled-warehouse-location-button-label-color;
         }
 
         span {
@@ -38,8 +38,8 @@
       }
 
       &:not(.spacer) {
-        padding: $tp-transaction-line-button-padding;
-        column-gap: $tp-transaction-line-button-column-gap;
+        padding: $tp-transaction-labeled-warehouse-location-button-padding;
+        column-gap: $tp-transaction-labeled-warehouse-location-button-column-gap;
       }
     }
   }

package/lib/component/transaction-labeled-warehouse-location-button/style/_material-definition.scss

@@ -0,0 +1,5 @@
+$tp-transaction-labeled-warehouse-location-button-row-gap: 9px !default;
+$tp-transaction-labeled-warehouse-location-button-column-gap: 15px !default;
+$tp-transaction-labeled-warehouse-location-button-label-padding-right: 5px !default;
+$tp-transaction-labeled-warehouse-location-button-label-color: rgba(0, 0, 0, 0.7) !default;
+$tp-transaction-labeled-warehouse-location-button-padding: 0 10px !default;

package/lib/component/transaction-labeled-warehouse-location-button/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('cc-transaction-labeled-warehouse-location-button-theme') {
+@include export-module('co-transaction-labeled-warehouse-location-button-theme') {
   .co-transaction-labeled-warehouse-location-button {
   }
 }

package/lib/component/transaction-labeled-warehouse-location-button/transaction-labeled-warehouse-location-button.component.d.ts

@@ -21,5 +21,5 @@ export declare class TransactionLabeledWarehouseLocationButtonComponent extends
     locationNrChange: EventEmitter<string>;
     showClass(): boolean;
     constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _dialogService: DialogService);
-    openWarehouseLocationDialog(): Promise<void>;
+    openWarehouseLocationDialog(event: MouseEvent): Promise<void>;
 }

package/lib/component/transaction-line/transaction-goods-allocation-line/style/_layout.scss

@@ -4,13 +4,13 @@
     .line-content-wrapper {
       display: grid;
       grid-template-columns:
-        $tp-transaction-line-button-width
-        $tp-transaction-line-button-width
-        $tp-transaction-line-button-width
+        $tp-transaction-default-button-width
+        $tp-transaction-default-button-width
+        $tp-transaction-default-button-width
         180px
         100px
         100px;
-      grid-template-rows: $tp-transaction-line-button-height;
+      grid-template-rows: $tp-transaction-default-button-height;
       gap: 0 10px;
       grid-template-areas:
     ". . . . . .";

package/lib/component/transaction-line/transaction-invoice-line/style/_layout.scss

@@ -3,8 +3,8 @@
 
     .transaction-line-buttons-grid {
       display: grid;
-      grid-template-columns: $tp-transaction-line-button-width $tp-transaction-line-button-big-width auto;
-      grid-template-rows: $tp-transaction-line-button-height;
+      grid-template-columns: $tp-transaction-default-button-width $tp-transaction-default-button-width-big auto;
+      grid-template-rows: $tp-transaction-default-button-height;
       gap: 5px 15px;
       grid-template-areas:
       ". . .";
@@ -12,8 +12,8 @@
 
     .transaction-line-extended-wrapper {
       display: grid;
-      grid-template-columns: $tp-transaction-line-button-width $tp-transaction-line-button-big-width;
-      grid-template-rows: $tp-transaction-line-button-height $tp-transaction-line-button-height;
+      grid-template-columns: $tp-transaction-default-button-width $tp-transaction-default-button-width-big;
+      grid-template-rows: $tp-transaction-default-button-height $tp-transaction-default-button-height;
       grid-column-gap: $tp-transaction-line-column-gap;
       grid-row-gap: $tp-transaction-line-row-gap;
       .two-column {
@@ -26,7 +26,7 @@
     .transaction-line-totals-custom-grid {
       display: grid;
       grid-template-columns: 100px 100px 100px 100px;
-      grid-template-rows: $tp-transaction-line-button-height;
+      grid-template-rows: $tp-transaction-default-button-height;
       gap: 5px 15px;
       grid-template-areas:
       ". . . .";

package/lib/component/transaction-line/transaction-line/style/_layout.scss

@@ -42,7 +42,7 @@
       flex-wrap: wrap;
       align-content: flex-start;
       .column1 {
-        max-width: calc((#{$tp-transaction-line-button-width} * 2) + #{$tp-transaction-line-column-gap});
+        max-width: calc((#{$tp-transaction-default-button-width} * 2) + #{$tp-transaction-line-column-gap});
         margin-right: $tp-transaction-line-column-gap;
         display: flex;
         flex-wrap: wrap;
@@ -57,7 +57,7 @@
         flex-direction: column;
         row-gap: $tp-transaction-line-row-gap;
         margin-right: $tp-transaction-line-column-gap;
-        max-width: $tp-transaction-line-button-big-width;
+        max-width: $tp-transaction-default-button-width-big;
       }
       .column3 {
         margin-right: $tp-transaction-line-column-gap;
@@ -84,7 +84,7 @@
         }
       }
       .co-statusbar-wrapper {
-        height: $tp-transaction-line-button-height;
+        height: $tp-transaction-default-button-height;
         align-items: center;
       }
     }
@@ -168,7 +168,7 @@
     .transaction-line-totals {
       display: grid;
       grid-template-columns: 100px 100px 100px;
-      grid-template-rows: $tp-transaction-line-button-height $tp-transaction-line-button-height;
+      grid-template-rows: $tp-transaction-default-button-height $tp-transaction-default-button-height;
       grid-column-gap: $tp-transaction-line-column-gap;
       grid-row-gap: $tp-transaction-line-row-gap;
 
@@ -206,7 +206,7 @@
     }
     &.preview {
       .transaction-line-totals {
-        grid-template-rows: $tp-transaction-line-button-height;
+        grid-template-rows: $tp-transaction-default-button-height;
         grid-gap: $tp-transaction-line-row-gap;
       }
     }

package/lib/component/transaction-line/transaction-order-delivery-line/style/_layout.scss

@@ -3,8 +3,8 @@
 
     .transaction-line-buttons-grid {
       display: grid;
-      grid-template-columns: $tp-transaction-line-button-width $tp-transaction-line-button-big-width auto;
-      grid-template-rows: $tp-transaction-line-button-height;
+      grid-template-columns: $tp-transaction-default-button-width $tp-transaction-default-button-width-big auto;
+      grid-template-rows: $tp-transaction-default-button-height;
       gap: 5px 15px;
       grid-template-areas:
       ". . .";
@@ -12,8 +12,8 @@
 
     .transaction-line-extended-wrapper {
       display: grid;
-      grid-template-columns: $tp-transaction-line-button-width $tp-transaction-line-button-big-width;
-      grid-template-rows: $tp-transaction-line-button-height $tp-transaction-line-button-height;
+      grid-template-columns: $tp-transaction-default-button-width $tp-transaction-default-button-width-big;
+      grid-template-rows: $tp-transaction-default-button-height $tp-transaction-default-button-height;
       grid-column-gap: $tp-transaction-line-column-gap;
       grid-row-gap: $tp-transaction-line-row-gap;
       .two-column {
@@ -26,7 +26,7 @@
     .transaction-line-totals-custom-grid {
       display: grid;
       grid-template-columns: 100px 100px 100px 100px;
-      grid-template-rows: $tp-transaction-line-button-height;
+      grid-template-rows: $tp-transaction-default-button-height;
       gap: 5px 15px;
       grid-template-areas:
       ". . . .";

package/lib/component/transaction-line/transaction-purchase-line/style/_layout.scss

@@ -1,7 +1,7 @@
 @include export-module('co-transaction-purchase-line-layout') {
   .co-transaction-purchase-line {
     .transaction-line-extended-wrapper {
-      grid-template-columns: $tp-transaction-line-button-big-width $tp-transaction-line-button-width $tp-transaction-line-button-width $tp-transaction-line-button-big-width;
+      grid-template-columns: $tp-transaction-default-button-width-big $tp-transaction-default-button-width $tp-transaction-default-button-width $tp-transaction-default-button-width-big;
     }
     .navigation-button-wrapper {
       width: auto;

package/lib/component/transaction-line/transaction-purchase-order-line/style/_layout.scss

@@ -18,13 +18,13 @@
         row-gap: 10px;
 
         co-input-text, co-editable-label {
-          width: $tp-transaction-line-button-width;
-          height: $tp-transaction-line-button-height;
+          width: $tp-transaction-default-button-width;
+          height: $tp-transaction-default-button-height;
         }
 
         co-input-number-picker {
           width: $tp-transaction-line-input-number-picker-width;
-          height: $tp-transaction-line-button-height;
+          height: $tp-transaction-default-button-height;
         }
       }
     }

package/lib/component/transaction-line/transaction-receive-goods-line/style/_layout.scss

@@ -6,13 +6,13 @@
       display: grid;
       grid-template-columns:
         75px
-        $tp-transaction-line-button-width
-        $tp-transaction-line-button-width
-        $tp-transaction-line-button-width
-        $tp-transaction-line-button-width
+        $tp-transaction-default-button-width
+        $tp-transaction-default-button-width
+        $tp-transaction-default-button-width
+        $tp-transaction-default-button-width
         $tp-transaction-line-input-number-picker-width
         $tp-transaction-line-input-number-picker-width;
-      grid-template-rows: $tp-transaction-line-button-height;
+      grid-template-rows: $tp-transaction-default-button-height;
       gap: 0 10px;
       grid-template-areas:
     ". . . . . . .";

package/lib/component/transaction-line-checkbox-list/style/_material-definition.scss

@@ -1,9 +1,9 @@
-$tp-transaction-line-checkbox-list-item-height: $tp-transaction-line-button-height !default;
+$tp-transaction-line-checkbox-list-item-height: $tp-transaction-default-button-height !default;
 $tp-transaction-line-checkbox-list-item-border-style: solid !default;
 $tp-transaction-line-checkbox-list-item-border-width: 0 !default;
-$tp-transaction-line-checkbox-list-item-border-color: $tp-transaction-line-button-border-color !default;
-$tp-transaction-line-checkbox-list-item-background-color: $tp-transaction-line-button-background-color !default;
-$tp-transaction-line-checkbox-list-item-border-radius: $tp-transaction-line-button-radius !default;
+$tp-transaction-line-checkbox-list-item-border-color: $tp-color-border !default;
+$tp-transaction-line-checkbox-list-item-background-color: $tp-default-background-accent !default;
+$tp-transaction-line-checkbox-list-item-border-radius: $tp-default-border-radius !default;
 $tp-transaction-line-checkbox-list-item-hightlight-font-weight: bold !default;
 $tp-transaction-line-checkbox-list-item-hightlight-font-style: italic !default;
 $tp-transaction-line-checkbox-list-item-hightlight-font-color: green !default;

package/lib/component/transaction-line-fields/transaction-line-delivery-date-button.component.d.ts

@@ -1,5 +1,6 @@
 import { ChangeDetectorRef, ElementRef } from '@angular/core';
-import { IconCacheService } from "../../service/icon-cache.service";
+import { Icon } from '../../enum/icon.enum';
+import { IconCacheService } from '../../service/icon-cache.service';
 import { TransactionBaseComponent } from '../core/base/transaction-base.component';
 import { OverlayService } from '@colijnit/corecomponents_v12';
 import { TransactionEventService } from '../../service/transaction-event.service';
@@ -15,6 +16,7 @@ export declare class TransactionLineDeliveryDateButtonComponent extends Transact
     protected changeDetector: ChangeDetectorRef;
     private _overlayService;
     private _elementRef;
+    readonly icons: typeof Icon;
     showClass(): boolean;
     private _calendarPopupComponentRef;
     constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _overlayService: OverlayService, _elementRef: ElementRef);

package/lib/component/transaction-line-fields/transaction-line-drop-shipment-button.component.d.ts

@@ -19,7 +19,7 @@ export declare class TransactionLineDropShipmentButtonComponent extends Transact
     showDialogWarehouse: boolean;
     showClass(): boolean;
     constructor(transactionEventService: TransactionEventService, transactionService: TransactionService, iconCacheService: IconCacheService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _relationService: RelationService);
-    handleToggleDropShipment(): Promise<void>;
+    handleToggleDropShipment(event: MouseEvent): Promise<void>;
     protected transactionLineSet(): void;
     protected visibilitySet(visible: boolean): void;
     private _getSupplierAllowsDropShipmentParameter;

package/lib/component/transaction-line-fields/transaction-line-warehouse-location-button.component.d.ts

@@ -19,5 +19,5 @@ export declare class TransactionLineWarehouseLocationButtonComponent extends Tra
     readonly: boolean;
     showClass(): boolean;
     constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _dialogService: DialogService);
-    openWarehouseLocationDialog(): Promise<void>;
+    openWarehouseLocationDialog(event: MouseEvent): Promise<void>;
 }

package/lib/component/transaction-navigation-button-list/style/_material-definition.scss

@@ -7,4 +7,4 @@ $tp-co-transaction-navigation-button-list-overlay-padding: 10px !default;
 $tp-co-transaction-navigation-button-list-overlay-box-shadow: 1px 1px 10px 1px #b6bfbf !default;
 $tp-co-transaction-navigation-button-list-column-gap: $tp-transaction-line-column-gap !default;
 $tp-co-transaction-navigation-button-list-row-gap: $tp-transaction-line-row-gap !default;
-$tp-co-transaction-navigation-button-list-relation-button-width: $tp-transaction-line-button-big-width !default;
+$tp-co-transaction-navigation-button-list-relation-button-width: $tp-transaction-default-button-width-big !default;

package/lib/component/transaction-quick-access/transaction-quick-access-send-method-base.component.d.ts

@@ -20,7 +20,7 @@ export declare abstract class TransactionQuickAccessSendMethodBaseComponent exte
     defaultSendMethodIcon: string;
     emailAddresses: string[];
     showSendMethodDialog: boolean;
-    sendMethods: import("@colijnit/sharedcomponents").ɵbj[];
+    sendMethods: import("@colijnit/sharedcomponents").ɵbk[];
     showLoader: boolean;
     protected abstract reportDocumentEmailRequest: ReportingDocumentEmailBaseRequest;
     protected abstract reportDocumentPrintRequest: ReportingDocumentPrintBaseRequest;

package/lib/enum/icon.enum.d.ts

@@ -1,8 +1,10 @@
 /** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
 export declare enum Icon {
+    ArrowLeftRegular = "arrow_left_regular",
     ArrowPointDown = "arrow_point_down",
     ArrowPointLeft = "arrow_point_left",
     ArrowPointRight = "arrow_point_right",
+    ArrowRightRegular = "arrow_right_regular",
     Article = "article",
     AtSolid = "at_solid",
     BarcodeRegular = "barcode_regular",
@@ -67,6 +69,8 @@ export declare enum Icon {
     RegularCartFlatbedBoxesCircleCheck = "regular_cart_flatbed_boxes_circle_check",
     RegularIndustryClock = "regular_industry_clock",
     RegularIndustryTag = "regular_industry_tag",
+    RegularTruckMovingCircleExclamation = "regular_truck_moving_circle_exclamation",
+    RegularTruckMovingCircleUser = "regular_truck_moving_circle_user",
     Resize = "resize",
     ShareSolid = "share_solid",
     SharpLightTruckMovingClock = "sharp_light_truck_moving_clock",

package/lib/enum/transaction-type-category.enum.d.ts

@@ -11,6 +11,5 @@ export declare enum TransactionTypeCategory {
     SalesOrderLogistics = "salesOrderLogistics",
     SalesOrderPlanning = "salesOrderPlanning",
     SalesOrderDeliveryNote = "salesOrderDeliveryNote",
-    SalesOrderInvoice = "salesOrderInvoice",
-    SalesOrderCashRegister = "salesOrderCashRegister"
+    SalesOrderInvoice = "salesOrderInvoice"
 }

package/lib/model/relation-any-type.d.ts

@@ -1,3 +1,4 @@
 import { CustomerFullObject } from "@colijnit/relationapi/build/model/customer-full-object.bo";
 import { SupplierFullObject } from "@colijnit/relationapi/build/model/supplier-full-object.bo";
-export declare type RelationAnyType = CustomerFullObject | SupplierFullObject;
+import { Relation } from '@colijnit/relationapi/build/model/relation.bo';
+export declare type RelationAnyType = Relation | CustomerFullObject | SupplierFullObject;

package/lib/res/dictionary/dictionaries.d.ts

@@ -12034,6 +12034,7 @@ export declare class Dictionaries {
         EMPLOYMENT_RELATION: string;
         EMPLOYMENT_START_DATE: string;
         EMPLOYMENT_TYPE: string;
+        EMPTY: string;
         EMPTY_ALL: string;
         EMPTY_MAX_USAGE: string;
         EMPTY_VALIDITY_AMOUNT: string;

package/lib/service/relation.service.d.ts

@@ -21,6 +21,7 @@ export declare class RelationService {
     private readonly _getMethods;
     private readonly _updateMethods;
     private readonly _insertMethods;
+    private _boFactory;
     constructor(_adapterService: RelationConnectorService, _selectMultipleCacheService: SelectMultipleCacheService, _selectSingleCacheService: SelectSingleCacheService, _selectMultipleParameterizedCacheService: SelectMultipleParameterizedCacheService);
     getCustomerFullObject(relationNo: number): Promise<CustomerFullObject>;
     getSupplierFullObject(relationNo: number): Promise<SupplierFullObject>;
@@ -38,6 +39,7 @@ export declare class RelationService {
     updateRelation(relationKind: RelationKind, relation: Relation): Promise<Relation>;
     lockRelation(relationKind: RelationKind, relationNr: number): Promise<ValidationResult>;
     getRelation(relationKind: RelationKind, relationNr: number): Promise<RelationAnyType>;
+    cloneRelation(relation: RelationAnyType): RelationAnyType;
     commit(): Promise<boolean>;
     private _lockCustomerFullObject;
     private _lockSupplierFullObject;

package/lib/service/transaction-base.service.d.ts

@@ -18,6 +18,7 @@ import { RefTransaction } from '@colijnit/transactionapi/build/model/ref-transac
 import { TransactionSearchViewRequest } from '@colijnit/transactionapi/build/model/transaction-search-view-request';
 import { TransactionSearchResult } from '../model/transaction-search-result';
 import { TransactionTypeCategory } from '../enum/transaction-type-category.enum';
+import { Icon } from '../enum/icon.enum';
 export declare class TransactionBaseService {
     optionsService: OptionsService;
     protected dialogService: DialogService;
@@ -28,6 +29,9 @@ export declare class TransactionBaseService {
     protected transactionEventService: TransactionEventService;
     protected relationService: RelationService;
     private readonly _relationClassFromTransactionKind;
+    private readonly _titleFromTransactionKind;
+    private readonly _iconFromTransactionKind;
+    private readonly _checkoutPaymentStepTitleFromTransactionKind;
     logout: Subject<void>;
     transactionUpdated: BehaviorSubject<TransactionInfoResponse>;
     relationUpdated: BehaviorSubject<Relation>;
@@ -37,9 +41,13 @@ export declare class TransactionBaseService {
     applicationUser: boolean;
     invoiceAddressSameAsDelivery: boolean;
     activeRubric: TransactionTypeCategory;
+    get titleForCheckout(): string;
+    get iconForCheckout(): Icon;
+    get paymentStepTitleForCheckout(): string;
     set transactionKind(value: TransactionKind);
     get transactionKind(): TransactionKind;
     currentTransaction: TransactionInfoResponse;
+    hasTransactionLines: boolean;
     set purchaseOrdersCompleted(value: boolean);
     get purchaseOrdersCompleted(): boolean;
     set receiveGoodsCompleted(value: boolean);
@@ -65,6 +73,7 @@ export declare class TransactionBaseService {
     private _purchaseOrderConfirmationCompleted;
     private _deliveryCompleted;
     private _invoiceCompleted;
+    private _alreadyLocked;
     constructor(optionsService: OptionsService, dialogService: DialogService, connector: TransactionConnectorService, sharedService: SharedService, articleConnector: ArticleConnectorService, dictionaryService: DictionaryService, transactionEventService: TransactionEventService, relationService: RelationService);
     init(options: any): Promise<void>;
     createNewRelation(): void;
@@ -74,6 +83,7 @@ export declare class TransactionBaseService {
     rollback(): Promise<boolean>;
     searchTransactions(request: TransactionSearchViewRequest): Promise<TransactionSearchResult>;
     getTransactionById(transactionId: number): Promise<void>;
+    getRefreshedTransactionFromDatabase(transactionId: number): Promise<void>;
     tryToLockTransaction(id: number, version: number, secondAttempt?: boolean): Promise<boolean>;
     getTransactionInfo(transId: number, lineId: number): Promise<TransactionInfoHistory[]>;
     getRefTransactions(transId: number): Promise<RefTransaction[]>;

package/lib/service/transaction-connector-adapter.service.d.ts

@@ -106,6 +106,7 @@ export declare class TransactionConnectorAdapterService {
     getArticleBoundTextLinesOfArticleLine(articleLineUuid: string): Promise<TransactionLineInfo[]>;
     getTransactionByNrAndKind(kind: TransactionKind, transactionNo: number): Promise<TransactionInfoResponse>;
     getTransactionById(transactionId: number): Promise<TransactionInfoResponse>;
+    getRefreshedTransactionFromDatabase(transactionId: number): Promise<TransactionInfoResponse>;
     deleteTransactionByUuId(uuid: string): Promise<TransactionInfoResponse>;
     lockTransactionById(transactionId: number, version: number): Promise<TransactionLockResult>;
     getCashRegisters(branch?: string, group?: number): Promise<CashRegister[]>;
@@ -178,6 +179,7 @@ export declare class TransactionConnectorAdapterService {
     changeHeaderTransactionDeliveryOptions(uuid: string, options: string[]): Promise<TransactionInfoResponse>;
     changeHeaderTransactionPartialDelivery(uuid: string, allowPartial: boolean): Promise<TransactionInfoResponse>;
     changeHeaderTransactionBranch(uuid: string, branch: number): Promise<TransactionInfoResponse>;
+    changeHeaderTransactionOnHoldCodes(uuid: string, codes: string[]): Promise<TransactionInfoResponse>;
     changeHeaderTransactionPriceKind(uuid: string, priceKind: string): Promise<TransactionInfoResponse>;
     changeHeaderTransactionAdmCoordinator(uuid: string, relation: number): Promise<TransactionInfoResponse>;
     changeHeaderTransactionMarketing(uuid: string, code: string): Promise<TransactionInfoResponse>;

package/lib/service/transaction-connector.service.d.ts

@@ -102,6 +102,7 @@ export declare class TransactionConnectorService {
     getArticleBoundTextLinesOfArticleLine(articleLineUuid: string): Promise<TransactionLineInfo[]>;
     getTransactionByNrAndKind(kind: TransactionKind, transactionNo: number): Promise<TransactionInfoResponse>;
     getTransactionById(transactionId: number): Promise<TransactionInfoResponse>;
+    getRefreshedTransactionFromDatabase(transactionId: number): Promise<TransactionInfoResponse>;
     deleteTransactionByUuId(uuid: string): Promise<TransactionInfoResponse>;
     lockTransactionById(transId: number, version: number): Promise<TransactionLockResult>;
     commit(): Promise<boolean>;
@@ -168,6 +169,7 @@ export declare class TransactionConnectorService {
     changeHeaderTransactionDeliveryOptions(uuid: string, options: string[]): Promise<TransactionInfoResponse>;
     changeHeaderTransactionPartialDelivery(uuid: string, allowPartial: boolean): Promise<TransactionInfoResponse>;
     changeHeaderTransactionBranch(uuid: string, branch: number): Promise<TransactionInfoResponse>;
+    changeHeaderTransactionOnHoldCodes(uuid: string, codes: string[]): Promise<TransactionInfoResponse>;
     changeHeaderTransactionPriceKind(uuid: string, priceKind: string): Promise<TransactionInfoResponse>;
     changeHeaderTransactionAdmCoordinator(uuid: string, relation: number): Promise<TransactionInfoResponse>;
     changeHeaderTransactionMarketing(uuid: string, code: string): Promise<TransactionInfoResponse>;

package/lib/service/transaction-event.service.d.ts

@@ -91,5 +91,9 @@ export declare class TransactionEventService {
         line: TransactionLineInfo;
         visible: boolean;
     }>;
+    readonly headerPopupSaveButtonEnableChange: Subject<boolean>;
+    readonly headerPopupSaveButtonClick: Subject<void>;
+    readonly headerPopupWantsToClose: Subject<void>;
+    readonly headerPopupClose: Subject<void>;
     constructor();
 }

package/lib/service/transaction.service.d.ts

@@ -83,28 +83,29 @@ export declare class TransactionService extends PendingReasonService {
     updatePriceTransactionLine(uuid: string, lineUuid: string, price: number): Promise<boolean>;
     updateReferenceTransactionLine(uuid: string, lineUuid: string, reference: string): Promise<boolean>;
     updateGoodDescriptionTransactionLine(uuid: string, lineUuid: string, goodDescription: string): Promise<boolean>;
-    updateHeaderTransactionDefinitive(uuid: string, definitive: boolean): Promise<boolean>;
+    updateHeaderTransactionDefinitive(uuid: string, definitive: boolean, saveTransaction: boolean): Promise<boolean>;
     updateHeaderDeliveryAddress(uuid: string, newNawNr: number): Promise<boolean>;
     updateHeaderInvoiceAddress(uuid: string, newNawNr: number): Promise<boolean>;
-    updateHeaderTransactionDeliveryDate(uuid: string, date: Date): Promise<boolean>;
-    updateHeaderTransactionDeliveryDateDefinitive(uuid: string, definitive: boolean): Promise<boolean>;
-    updateHeaderTransactionRemark(uuid: string, remark: string): Promise<boolean>;
-    updateHeaderTransactionReference(uuid: string, reference: string): Promise<boolean>;
-    updateHeaderTransactionRelationReference(uuid: string, reference: string): Promise<boolean>;
-    updateHeaderTransactionDepositAmount(uuid: string, amount: number): Promise<boolean>;
-    updateHeaderTransactionDepositPercentage(uuid: string, amount: number): Promise<boolean>;
-    updateHeaderTransactionPreferredDeliveryDate(uuid: string, date: Date): Promise<boolean>;
-    updateHeaderTransactionDeliveryMethod(uuid: string, method: string): Promise<boolean>;
-    updateHeaderTransactionDeliveryOptions(uuid: string, options: string[]): Promise<boolean>;
-    updateHeaderTransactionPartialDelivery(uuid: string, allowPartial: boolean): Promise<boolean>;
-    updateHeaderTransactionBranch(uuid: string, branch: number): Promise<boolean>;
-    updateHeaderTransactionPriceKind(uuid: string, priceKind: string): Promise<boolean>;
-    updateHeaderTransactionAdmCoordinator(uuid: string, relation: number): Promise<boolean>;
-    updateHeaderTransactionSalesPerson(uuid: string, relation: number): Promise<boolean>;
-    updateHeaderTransactionCurrency(uuid: string, currencyId: number): Promise<boolean>;
+    updateHeaderTransactionDeliveryDate(uuid: string, date: Date, saveTransaction: boolean): Promise<boolean>;
+    updateHeaderTransactionDeliveryDateDefinitive(uuid: string, definitive: boolean, saveTransaction: boolean): Promise<boolean>;
+    updateHeaderTransactionRemark(uuid: string, remark: string, saveTransaction: boolean): Promise<boolean>;
+    updateHeaderTransactionReference(uuid: string, reference: string, saveTransaction: boolean): Promise<boolean>;
+    updateHeaderTransactionRelationReference(uuid: string, reference: string, saveTransaction: boolean): Promise<boolean>;
+    updateHeaderTransactionDepositAmount(uuid: string, amount: number, saveTransaction: boolean): Promise<boolean>;
+    updateHeaderTransactionDepositPercentage(uuid: string, amount: number, saveTransaction: boolean): Promise<boolean>;
+    updateHeaderTransactionPreferredDeliveryDate(uuid: string, date: Date, saveTransaction: boolean): Promise<boolean>;
+    updateHeaderTransactionDeliveryMethod(uuid: string, method: string, saveTransaction: boolean): Promise<boolean>;
+    updateHeaderTransactionDeliveryOptions(uuid: string, options: string[], saveTransaction: boolean): Promise<boolean>;
+    updateHeaderTransactionPartialDelivery(uuid: string, allowPartial: boolean, saveTransaction: boolean): Promise<boolean>;
+    updateHeaderTransactionBranch(uuid: string, branch: number, saveTransaction: boolean): Promise<boolean>;
+    updateHeaderTransactionOnHoldCodes(uuid: string, codes: string[], saveTransaction: boolean): Promise<boolean>;
+    updateHeaderTransactionPriceKind(uuid: string, priceKind: string, saveTransaction: boolean): Promise<boolean>;
+    updateHeaderTransactionAdmCoordinator(uuid: string, relation: number, saveTransaction: boolean): Promise<boolean>;
+    updateHeaderTransactionSalesPerson(uuid: string, relation: number, saveTransaction: boolean): Promise<boolean>;
+    updateHeaderTransactionCurrency(uuid: string, currencyId: number, saveTransaction: boolean): Promise<boolean>;
     updateHeaderTransactionPaymentCondition(uuid: string, condition: string): Promise<boolean>;
-    updateHeaderTransactionMarketing(uuid: string, code: string): Promise<boolean>;
-    updateHeaderTransactionDiscount(uuid: string, type: DiscountType, amount: number): Promise<boolean>;
+    updateHeaderTransactionMarketing(uuid: string, code: string, saveTransaction: boolean): Promise<boolean>;
+    updateHeaderTransactionDiscount(uuid: string, type: DiscountType, amount: number, saveTransaction: boolean): Promise<boolean>;
     updateQuantityTransactionLine(uuid: string, lineUuid: string, quantity: number): Promise<boolean>;
     updateDeliveryDateTransactionLine(uuid: string, lineUuid: string, date: Date): Promise<boolean>;
     updatePriceListTransactionLine(uuid: string, lineUuid: string, priceList: string): Promise<boolean>;

package/lib/style/_variables.scss

@@ -17,6 +17,7 @@ $tp-color-text-grey: #747b87 !default;
 $tp-color-negative-value: #C1002A !default;
 
 $tp-color-border: #DCE4EA !default;
+$tp-color-background-selected: #f1fcff !default;
 $tp-color-dark: $tp-color-font !default;
 $tp-color-light: #FFFFFF !default;
 $tp-color-light-accent: #DCE4EA !default;
@@ -42,7 +43,7 @@ $tp-font-size: 12px !default;
 $tp-font-size-big: 14px !default;
 $tp-font-size-small: 10px !default;
 
-$tp-item-size: 50px !default;
+$tp-item-size: 45px !default;
 $tp-item-size-small: 25px !default;
 $tp-item-size-very-small: 20px !default;
 $tp-item-size-medium: 60px !default;
@@ -71,25 +72,10 @@ $tp-sm-width: 960px !default;
 $tp-md-width: 1280px !default;
 $tp-lg-width: 1920px !default;
 
-// transaction line buttons
-$tp-transaction-line-button-width: 78px !default;
-$tp-transaction-line-button-big-width: 175px !default;
-$tp-transaction-line-button-font-size: 11px !default;
-$tp-transaction-line-button-font-weight: 600 !default;
-$tp-transaction-line-button-icon-size: 13px !default;
-$tp-transaction-line-button-icon-margin: 5px !default;;
-$tp-transaction-line-button-icon-padding: 4px !default;;
-$tp-transaction-line-button-icon-spacer-width: 1px !default;
-$tp-transaction-line-button-height: 26px !default;
-$tp-transaction-line-button-background-color: $tp-default-background-accent !default;
-$tp-transaction-line-button-border-color: $tp-color-border !default;
-$tp-transaction-line-button-column-gap: 15px !default;
-$tp-transaction-line-button-padding: 0 10px !default;
-$tp-transaction-line-button-radius: $tp-default-border-radius !default;
-$tp-transaction-line-button-border: 1px solid !default;
-$tp-transaction-line-button-label-row-gap: 9px !default;
-$tp-transaction-line-button-label-padding-right: 5px !default;
-$tp-transaction-line-button-label-color: rgba(0, 0, 0, 0.7) !default;
+// transaction buttons
+$tp-transaction-default-button-width: 78px !default;
+$tp-transaction-default-button-width-big: 175px !default;
+$tp-transaction-default-button-height: 26px !default;
 $tp-transaction-line-input-number-picker-width: 110px !default;
 
 $tp-transaction-header-font-family: $tp-font-family !default;
@@ -107,7 +93,8 @@ $tp-payment-amount-border-color: $tp-color-border !default;
 
 /* core components override */
 $cc-color-action: $tp-color-font !default;
-$cc-btn-color: $tp-color-action !default;
+$cc-btn-color: $tp-default-background-accent !default;
+$cc-btn-text-color: $tp-color-font !default;
 $cc-input-checkbox-border-radius: 4px !default;
 $cc-checkbox-border-radius: 0 !default;
 $cc-checkbox-check-background-color: white !default;
@@ -137,7 +124,7 @@ $cc-co-input-search-border-radius: $tp-default-border-radius !default;
 
 $cc-co-input-text-icon-margin-number: 5px !default;
 $cc-co-input-text-spacer-color: $tp-color-border !default;
-$cc-co-input-text-icon-padding: 4px !default;
+//$cc-co-input-text-icon-padding: 4px !default;
 
 $cc-co-input-number-picker-button-background-color-hover: $tp-color-action !default;
 $cc-co-input-number-picker-button-background-color-select: $tp-color-action !default;