@colijnit/transaction 12.1.58 → 12.1.60

package/lib/component/quick-send-button/style/_layout.scss

@@ -1,7 +1,58 @@
 @import "../../../style/mixin";
 
 @include export-module('co-quick-send-button-layout') {
-  .co-payment-tile {
+  .co-quick-send-button {
+    .icons-wrapper {
+      display: inline-flex;
+      height: inherit;
+      width: inherit;
+    }
 
+    .icons-spacer {
+      width: 5px;
+    }
+
+    .icon-wrapper-flat-left {
+      background: $tp-co-transaction-icon-button-background-color;
+      border-bottom-left-radius: $tp-co-transaction-icon-button-border-radius;
+      border-top-left-radius: $tp-co-transaction-icon-button-border-radius;
+      padding: $tp-co-transaction-icon-button-padding;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      width: 75%;
+      .icon-text {
+        font-size: $tp-co-transaction-icon-text-font-size;
+        user-select: none;
+      }
+      .icon-method {
+        float: right;
+        position: relative;
+        top: -23px;
+        right: -14px;
+        width: 11px;
+        margin-bottom: -18px;
+      }
+      .icon-send {
+        width: 16px;
+        height: 22px;
+        margin-right: 10px;
+      }
+    }
+
+    .icon-wrapper-flat-right {
+      background: $tp-co-transaction-icon-button-background-color;
+      border-bottom-right-radius: $tp-co-transaction-icon-button-border-radius;
+      border-top-right-radius: $tp-co-transaction-icon-button-border-radius;
+      padding: $tp-co-transaction-icon-button-padding;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      width: 15%;
+    }
   }
 }

package/lib/component/quick-send-button/style/_material-definition.scss

@@ -0,0 +1,4 @@
+$tp-co-transaction-icon-button-background-color: white !default;
+$tp-co-transaction-icon-button-border-radius: 10px !default;
+$tp-co-transaction-icon-button-padding: 10px !default;
+$tp-co-transaction-icon-text-font-size: $tp-font-size-small !default;

package/lib/component/relation/relation-address/relation-address.component.d.ts

@@ -1,10 +1,10 @@
 import { EventEmitter, OnInit } from "@angular/core";
-import { Address } from "@colijnit/transactionapi/build/model/address.bo";
-import { Country } from "@colijnit/transactionapi/build/model/country.bo";
 import { TransactionConnectorService } from "../../../service/transaction-connector.service";
 import { DictionaryService } from "../../../service/dictionary.service";
 import { FormMasterService } from "@colijnit/corecomponents_v12";
 import { RelationBaseComponent } from "../relation-base.component";
+import { Address } from "@colijnit/relationapi/build/model/address.bo";
+import { Country } from "@colijnit/transactionapi/build/model/country.bo";
 export declare class RelationAddressComponent extends RelationBaseComponent implements OnInit {
     private _dictionary;
     private _connector;

package/lib/component/relation/relation-address/style/_layout.scss

@@ -2,6 +2,9 @@
   .co-relation-address {
     font-family: $tp-relation-address-font-family;
     font-size: $tp-relation-address-font-size;
+    display: flex;
+    flex-direction: column;
+    row-gap: $tp-relation-address-default-padding;
     co-form {
       display: flex;
       flex-direction: column;

package/lib/component/relation/relation-address-select/relation-address-select.component.d.ts

@@ -1,12 +1,10 @@
 import { ElementRef, EventEmitter } from "@angular/core";
-import { Address } from "@colijnit/transactionapi/build/model/address.bo";
 import { Icon } from "../../../enum/icon.enum";
 import { FormMasterService } from "@colijnit/corecomponents_v12";
-import { BusinessObjectFactory } from "../../../factory/business-object-factory";
 import { RelationBaseComponent } from "../relation-base.component";
+import { Address } from "@colijnit/relationapi/build/model/address.bo";
 export declare class RelationAddressSelectComponent extends RelationBaseComponent {
     private _formMasterService;
-    private _boFactory;
     readonly icons: typeof Icon;
     set content(content: any);
     showClass(): boolean;
@@ -23,7 +21,8 @@ export declare class RelationAddressSelectComponent extends RelationBaseComponen
     observer: IntersectionObserver;
     showNavigateLeft: boolean;
     showNavigateRight: boolean;
-    constructor(_formMasterService: FormMasterService, _boFactory: BusinessObjectFactory);
+    private _boFactory;
+    constructor(_formMasterService: FormMasterService);
     selectAddress(): void;
     createAddress(): void;
     saveAddress(address: Address): void;

package/lib/component/relation/relation-address-tile/relation-address-tile.component.d.ts

@@ -1,14 +1,15 @@
 import { EventEmitter } from "@angular/core";
-import { Address } from "@colijnit/transactionapi/build/model/address.bo";
 import { Icon } from "../../../enum/icon.enum";
+import { Address } from "@colijnit/relationapi/build/model/address.bo";
 export declare class RelationAddressTileComponent {
     readonly icons: typeof Icon;
     showClass(): boolean;
     address: Address;
     actAsAddTile: boolean;
     selected: boolean;
-    selectedChange: EventEmitter<boolean>;
+    selectedChange: EventEmitter<Address>;
     addAddressClicked: EventEmitter<void>;
     editAddressClicked: EventEmitter<Address>;
     handleEditAddressClick(event: MouseEvent): void;
+    handleSelectedChange(address: Address): void;
 }

package/lib/component/relation/relation-addresses/relation-addresses.component.d.ts

@@ -1,26 +1,27 @@
 import { EventEmitter } from "@angular/core";
-import { Address } from "@colijnit/transactionapi/build/model/address.bo";
 import { Icon } from "../../../enum/icon.enum";
-import { AddressType } from "@colijnit/transactionapi/build/enum/address-type.enum";
-import { BusinessObjectFactory } from "../../../factory/business-object-factory";
 import { RelationBaseComponent } from "../relation-base.component";
 import { FormMasterService } from "@colijnit/corecomponents_v12";
+import { Address } from "@colijnit/relationapi/build/model/address.bo";
+import { AddressType } from "@colijnit/relationapi/build/enum/address-type.enum";
 export declare class RelationAddressesComponent extends RelationBaseComponent {
-    private _boFactory;
     private _formMasterService;
     readonly icons: typeof Icon;
+    readonly: boolean;
     addresses: Address[];
+    showOnlyActive: boolean;
     type: AddressType;
-    selectedAddressIdx: number;
-    selectedAddressChange: EventEmitter<number>;
-    selectedAddressNawNrChange: EventEmitter<number>;
+    selectedNawNr: number;
+    selectedNawNrChange: EventEmitter<number>;
+    addressSaved: EventEmitter<Address>;
     showClass(): boolean;
     showEditAddressDialog: boolean;
     addressToEdit: Address;
-    constructor(_boFactory: BusinessObjectFactory, _formMasterService: FormMasterService);
+    private _boFactory;
+    constructor(_formMasterService: FormMasterService);
     submitForm(): void;
     saveAddress(address: Address): void;
     showNewAddressDialog(): void;
-    setIndexAddress(idx: number): void;
+    changeAddress(address: Address): void;
     editAddress(addr: Address): void;
 }

package/lib/component/relation/relation-addresses/style/_layout.scss

@@ -5,8 +5,8 @@
       height: 175px;
     }
     .default-data-row {
-      display: flex;
-      overflow: hidden;
+      flex: 1;
+      width: 100%;
     }
     .relation-address-new {
       cursor: pointer;
@@ -19,9 +19,5 @@
         width: 20px;
       }
     }
-    .dialog-footer-button-wrapper {
-      display: flex;
-      justify-content: $tp-transaction-dialog-footer-justify-content;
-    }
   }
 }

package/lib/component/relation/relation-base.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from "@angular/core";
-import { RelationAnyType } from "@colijnit/transactionapi/build/model/relation-any-type";
-import { CustomerFullObject } from "@colijnit/transactionapi/build/model/customer-full-object.bo";
+import { CustomerFullObject } from "@colijnit/relationapi/build/model/customer-full-object.bo";
+import { RelationAnyType } from "../../model/relation-any-type";
 export declare abstract class RelationBaseComponent {
     set relation(value: RelationAnyType);
     get relation(): RelationAnyType;

package/lib/component/relation/relation-contact-details/relation-contact-details.component.d.ts

@@ -1,6 +1,7 @@
+import { ContactOption } from "@colijnit/relationapi/build/model/contact-option.bo";
 import { RelationBaseComponent } from "../relation-base.component";
-import { ContactOption } from "@colijnit/transactionapi/build/model/contact-option.bo";
 export declare class RelationContactDetailsComponent extends RelationBaseComponent {
+    readonly: boolean;
     showClass(): boolean;
     emailAddress: ContactOption;
     phoneNumber: ContactOption;

package/lib/component/relation/relation-general/relation-general.component.d.ts

@@ -1,17 +1,24 @@
-import { RelationNameKind } from "@colijnit/transactionapi/build/enum/relation-name-kind.enum";
-import { GenderType } from "@colijnit/transactionapi/build/enum/gender-type.enum";
-import { RelationListObject } from "@colijnit/transactionapi/build/model/relation-list-object.bo";
 import { TransactionService } from "../../../service/transaction.service";
 import { RelationBaseComponent } from "../relation-base.component";
+import { DialogService } from "../../../service/dialog.service";
+import { DictionaryService } from "../../../service/dictionary.service";
+import { RelationNameKind } from "@colijnit/relationapi/build/enum/relation-name-kind.enum";
+import { GenderType } from "@colijnit/relationapi/build/enum/gender-type.enum";
+import { RelationListObject } from "@colijnit/relationapi/build/model/relation-list-object.bo";
+import { RelationService } from "../../../service/relation.service";
 export declare class RelationGeneralComponent extends RelationBaseComponent {
     private _service;
+    private _dictionaryService;
+    private _dialogService;
+    private _relationService;
     readonly relType: typeof RelationNameKind;
     readonly genderType: typeof GenderType;
+    readonly: boolean;
     showClass(): boolean;
     relationSuggestions: RelationListObject[];
     showSuggestionsSidebar: boolean;
     dateOfBirth: Date;
-    constructor(_service: TransactionService);
+    constructor(_service: TransactionService, _dictionaryService: DictionaryService, _dialogService: DialogService, _relationService: RelationService);
     firstNameChange(firstName: string): void;
     familyNameChange(familyName: string): void;
     changeGenderType(value: GenderType): void;

package/lib/component/relation/relation-preferences/relation-preferences.component.d.ts

@@ -1,9 +1,10 @@
 import { OnInit } from "@angular/core";
-import { RelationPrivacySetting } from "@colijnit/transactionapi/build/model/relation-privacy-setting.bo";
+import { RelationPrivacySetting } from "@colijnit/relationapi/build/model/relation-privacy-setting.bo";
 import { TransactionService } from "../../../service/transaction.service";
 import { RelationBaseComponent } from "../relation-base.component";
 export declare class RelationPreferencesComponent extends RelationBaseComponent implements OnInit {
     private _service;
+    readonly: boolean;
     showClass(): boolean;
     privacySettings: RelationPrivacySetting[];
     constructor(_service: TransactionService);

package/lib/component/relation/relation-suggestions-list/relation-suggestions-list.component.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "@angular/core";
-import { RelationListObject } from "@colijnit/transactionapi/build/model/relation-list-object.bo";
+import { RelationListObject } from "@colijnit/relationapi/build/model/relation-list-object.bo";
 export declare class RelationSuggestionsListComponent {
     suggestions: RelationListObject[];
     suggestionSelected: EventEmitter<RelationListObject>;

package/lib/component/relation/relation-suggestions-list-item/relation-suggestions-list-item.component.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "@angular/core";
-import { RelationListObject } from "@colijnit/transactionapi/build/model/relation-list-object.bo";
+import { RelationListObject } from "@colijnit/relationapi/build/model/relation-list-object.bo";
 export declare class RelationSuggestionsListItemComponent {
     suggestion: RelationListObject;
     selectionSelected: EventEmitter<RelationListObject>;

package/lib/component/relation/relation-type/relation-type.component.d.ts

@@ -1,8 +1,9 @@
 import { EventEmitter } from "@angular/core";
-import { RelationNameKind } from "@colijnit/transactionapi/build/enum/relation-name-kind.enum";
-import { RelationAnyType } from "@colijnit/transactionapi/build/model/relation-any-type";
+import { RelationNameKind } from "@colijnit/relationapi/build/enum/relation-name-kind.enum";
+import { RelationAnyType } from "../../../model/relation-any-type";
 export declare class RelationTypeComponent {
     readonly relType: typeof RelationNameKind;
+    readonly: boolean;
     relation: RelationAnyType;
     relationChange: EventEmitter<RelationAnyType>;
     showClass(): boolean;

package/lib/component/shared/transaction-article-text-overview/transaction-article-text-overview.component.d.ts

@@ -3,10 +3,8 @@ import { TransactionService } from "../../../service/transaction.service";
 import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
 import { TransactionAddTextLineRequest } from "@colijnit/transactionapi/build/model/transaction-add-text-line-request.bo";
 import { CdkDrag, CdkDragDrop, CdkDropList } from "@angular/cdk/drag-drop";
-import { BusinessObjectFactory } from "../../../factory/business-object-factory";
 export declare class TransactionArticleTextOverviewComponent {
     service: TransactionService;
-    private _boFactory;
     header: string;
     set transactionLine(value: TransactionLineInfo);
     closeClick: EventEmitter<MouseEvent>;
@@ -17,7 +15,8 @@ export declare class TransactionArticleTextOverviewComponent {
     showTransactionArticleText: boolean;
     editTransactionLine: TransactionLineInfo;
     textToEdit: string;
-    constructor(service: TransactionService, _boFactory: BusinessObjectFactory);
+    private _boFactory;
+    constructor(service: TransactionService);
     onOkClick(event: MouseEvent): void;
     onCancelClick(event: MouseEvent): void;
     handleCanDragDrop(drag: CdkDrag, drop: CdkDropList): boolean;

package/lib/component/tile/style/_layout.scss

@@ -4,23 +4,26 @@
   .co-tile {
     display: flex;
     position: relative;
+    &.selected {
+      transform: scale($tp-tile-selected-zoom);
+    }
     .co-tile-wrapper {
       display: flex;
       flex-direction: row;
       position: relative;
       column-gap: 10px;
-      border: $tp-relation-address-tile-border;
-      border-radius: $tp-relation-address-tile-border-radius;
-      padding: $tp-relation-address-tile-padding;
+      border: $tp-tile-border;
+      border-radius: $tp-tile-border-radius;
+      padding: $tp-tile-padding;
       min-width: $tp-tile-min-width;
       min-height: $tp-tile-min-height;
     }
     .co-tile-select-wrapper {
-      position: absolute;
+      //position: absolute;
       .co-radio-button {
         border: none;
-        height: $tp-relation-address-tile-icon-width;
-        width: $tp-relation-address-tile-icon-width;
+        height: $tp-tile-icon-width;
+        width: $tp-tile-icon-width;
         padding: 0;
         align-items: baseline;
       }
@@ -28,7 +31,7 @@
     .co-tile-content-wrapper {
       display: flex;
       justify-content: center;
-      width: 100%;
+      //width: 100%;
       height: 100%;
       overflow: hidden;
     }

package/lib/component/tile/style/_material-definition.scss

@@ -2,16 +2,17 @@ $tp-tile-font-family: $tp-font-family !default;
 $tp-tile-font-size: $tp-font-size !default;
 $tp-tile-row-gap: 3px;
 $tp-tile-padding: 10px !default;
+$tp-tile-border: 2px solid !default;
 $tp-tile-border-radius: 5px !default;
 $tp-tile-min-width: 200px !default;
 $tp-tile-min-height: 100px !default;
 $tp-tile-icon-width: 20px !default;
 $tp-tile-background-color: $tp-color-light !default;
 $tp-tile-hover-background-color: $tp-color-less-light !default;
-$tp-tile-border: 2px solid !default;
 $tp-tile-border-color: $tp-color-border !default;
 $tp-tile-selected-background-color: #f1fcff !default;
 $tp-tile-selected-border-color: #0084de !default;
 $tp-tile-edit-background-color: $tp-color-border !default;
 $tp-tile-edit-icon-color: $tp-color-action !default;
 $tp-tile-edit-icon-width: 30px !default;
+$tp-tile-selected-zoom: 1.05 !default;

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

@@ -47,27 +47,10 @@
         grid-template-columns: repeat(1, 1fr);
       }
     }
-    .icon-wrapper {
-      background: $tp-co-transaction-icon-button-background-color;
-      border-radius: $tp-co-transaction-icon-button-border-radius;
-      padding: $tp-co-transaction-icon-button-padding;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      cursor: pointer;
-      .icon-text {
-        font-size: $tp-co-transaction-icon-text-font-size;
-        user-select: none;
-      }
-      .icon-method {
-        float: right;
-        position: relative;
-        top: -22px;
-        right: -20px;
-        width: 15px;
-        margin-bottom: -18px;
-      }
+
+    .quick-send-button {
+      height: 32px;
+      width: 70px;
     }
   }
 }

package/lib/component/transaction/style/_material-definition.scss

@@ -2,9 +2,6 @@ $tp-co-transaction-font-family: $tp-font-family !default;
 $tp-transaction-totals-margin: 15px 0 !default;
 $tp-transaction-padding: 25px !default;
 $tp-transaction-transaction-lines-header-padding: 20px 0 !default;
-$tp-co-transaction-icon-button-background-color: white !default;
-$tp-co-transaction-icon-button-border-radius: 10px !default;
-$tp-co-transaction-icon-button-padding: 10px !default;
-$tp-co-transaction-icon-text-font-size: $tp-font-size-small !default;
+
 $tp-transaction-padding: 20px !default;
 $tp-transaction-transaction-lines-header-padding: 20px !default;

package/lib/component/transaction-button-bar/style/_layout.scss

@@ -13,7 +13,22 @@
       padding: 2px;
     }
     .co-transaction-button-bar-button {
+      position: relative;
       flex: 1;
+      transition: all .2s;
+      .co-loader {
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        width: 25px;
+        height: 25px;
+      }
+      &.show-loader {
+        .button-wrapper > * {
+          opacity: 0.1;
+        }
+      }
     }
     .button-wrapper {
       //height: $tp-co-transaction-button-bar-button-size;
@@ -30,6 +45,11 @@
         font-size: $tp-co-transaction-button-bar-label-font-size;
         //padding: 0 7px 4px 7px;
       }
+      .co-animated-checkbox {
+        position: absolute;
+        top: 0;
+        right: 0;
+      }
       .co-transaction-button-bar-icon {
         height: $tp-co-transaction-button-bar-icon-size;
         width: $tp-co-transaction-button-bar-icon-size;
@@ -46,5 +66,10 @@
         border: $tp-co-transaction-button-bar-button-selected-box-border;
       }
     }
+    .co-transaction-sales-purchase-button-bar-button {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+    }
   }
 }

package/lib/component/transaction-button-bar/transaction-button-bar-button/transaction-button-bar-button-base.component.d.ts

@@ -0,0 +1,16 @@
+import { Icon } from "../../../enum/icon.enum";
+import { TransactionInfoResponse } from "@colijnit/transactionapi/build/model/transaction-info-response.bo";
+import { BehaviorSubject } from "rxjs";
+export declare abstract class TransactionButtonBarButtonBaseComponent {
+    title: string;
+    iconName: Icon;
+    transactionInfoResponse: TransactionInfoResponse;
+    set showLoader(value: boolean);
+    get showLoader(): boolean;
+    set checked(value: boolean);
+    get checked(): boolean;
+    showLoaderChange: BehaviorSubject<boolean>;
+    checkedChange: BehaviorSubject<boolean>;
+    private _showLoader;
+    private _checked;
+}

package/lib/component/transaction-button-bar/transaction-button-bar-button/transaction-button-bar-button.component.d.ts

@@ -1,9 +1,18 @@
-import { Icon } from "../../../enum/icon.enum";
+import { ApplicationRef, ComponentFactoryResolver, ElementRef, Injector, OnInit, Type } from "@angular/core";
 import { IconCacheService } from "../../../service/icon-cache.service";
-export declare class TransactionButtonBarButtonComponent {
+import { TransactionButtonBarButtonBaseComponent } from "./transaction-button-bar-button-base.component";
+export declare class TransactionButtonBarButtonComponent extends TransactionButtonBarButtonBaseComponent implements OnInit {
     iconCacheService: IconCacheService;
-    title: string;
-    iconName: Icon;
+    private _compFactoryResolver;
+    private appRef;
+    private injector;
+    set child(content: any);
+    component: Type<TransactionButtonBarButtonBaseComponent>;
     showClass: boolean;
-    constructor(iconCacheService: IconCacheService);
+    get isLoaderShowing(): boolean;
+    useComponent: boolean;
+    buttonWrapper: ElementRef;
+    constructor(iconCacheService: IconCacheService, _compFactoryResolver: ComponentFactoryResolver, appRef: ApplicationRef, injector: Injector);
+    ngOnInit(): void;
+    private _checkAndCreateComponent;
 }

package/lib/component/transaction-button-bar/transaction-button-bar-button/transaction-sales-purchase-button-bar-button.component.d.ts

@@ -0,0 +1,12 @@
+import { OnDestroy } from "@angular/core";
+import { IconCacheService } from "../../../service/icon-cache.service";
+import { TransactionButtonBarButtonBaseComponent } from "./transaction-button-bar-button-base.component";
+import { TransactionEventService } from "../../../service/transaction-event.service";
+export declare class TransactionSalesPurchaseButtonBarButtonComponent extends TransactionButtonBarButtonBaseComponent implements OnDestroy {
+    iconCacheService: IconCacheService;
+    private _transactionEventService;
+    showClass: boolean;
+    private _subs;
+    constructor(iconCacheService: IconCacheService, _transactionEventService: TransactionEventService);
+    ngOnDestroy(): void;
+}

package/lib/component/transaction-button-bar/transaction-button-bar.component.d.ts

@@ -3,10 +3,12 @@ import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction
 import { TransactionBarButton } from "../../model/transaction-bar-button";
 import { TransactionMappingService } from "../../service/transaction-mapping.service";
 import { TransactionTypeCategory } from "../../enum/transaction-type-category.enum";
+import { TransactionInfoResponse } from "@colijnit/transactionapi/build/model/transaction-info-response.bo";
 export declare class TransactionButtonBarComponent {
     private _mappingService;
     set transactionType(value: TransactionKind);
     get transactionType(): TransactionKind;
+    transactionInfoResponse: TransactionInfoResponse;
     selectedCategory: TransactionTypeCategory;
     buttonClicked: EventEmitter<TransactionBarButton>;
     showClass(): boolean;

package/lib/component/transaction-header/transaction-header/transaction-header.component.d.ts

@@ -1,6 +1,6 @@
 import { Icon } from "../../../enum/icon.enum";
 import { TransactionInfoResponse } from "@colijnit/transactionapi/build/model/transaction-info-response.bo";
-import { RelationAnyType } from "@colijnit/transactionapi/build/model/relation-any-type";
+import { RelationAnyType } from "../../../model/relation-any-type";
 export declare class TransactionHeaderComponent {
     readonly icons: typeof Icon;
     relation: RelationAnyType;

package/lib/component/transaction-header/transaction-header-payment/style/_material-definition.scss

@@ -4,6 +4,7 @@ $tp-transaction-header-block-payment-balance-border-style: solid !default;
 $tp-transaction-header-block-payment-balance-border-color: $tp-color-border !default;
 $tp-transaction-header-block-payment-balance-border-width: 1px !default;
 $tp-transaction-header-block-payment-balance-border-radius: 10px !default;
-$tp-transaction-header-block-payment-balance-to-pay-color: #FF4141 !default;
+$tp-transaction-header-block-payment-balance-paid-color: #FF4141 !default;
+$tp-transaction-header-block-payment-balance-paid-color-success: $tp-color-active-light !default;
 $tp-transaction-header-block-payment-balance-icon-size: 17px !default;
 $tp-transaction-header-block-payment-balance-height: $tp-default-button-height !default;

package/lib/component/transaction-header/transaction-header-payment/style/_theme.scss

@@ -5,8 +5,11 @@
     .header-block-balance {
       background: $tp-transaction-header-block-payment-balance-background;
       border-color: $tp-transaction-header-block-payment-balance-border-color;
-      .payment-to-pay {
-        color: $tp-transaction-header-block-payment-balance-to-pay-color;
+      .payment-paid {
+        color: $tp-transaction-header-block-payment-balance-paid-color;
+        &.success {
+          color: $tp-transaction-header-block-payment-balance-paid-color-success;
+        }
       }
     }
   }

package/lib/component/transaction-header/transaction-header-relation/transaction-header-relation.component.d.ts

@@ -1,14 +1,20 @@
 import { ElementRef } from "@angular/core";
 import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
-import { AddressType } from "@colijnit/transactionapi/build/enum/address-type.enum";
-import { RelationAnyType } from "@colijnit/transactionapi/build/model/relation-any-type";
 import { DictionaryService } from "../../../service/dictionary.service";
 import { TransactionService } from "../../../service/transaction.service";
-import { RelationKind } from "@colijnit/transactionapi/build/enum/relation-kind.enum";
-import { CustomerGroup } from "@colijnit/transactionapi/build/model/customer-group.bo";
+import { DialogService } from "../../../service/dialog.service";
+import { AddressType } from "@colijnit/relationapi/build/enum/address-type.enum";
+import { RelationAnyType } from "../../../model/relation-any-type";
+import { RelationKind } from "@colijnit/relationapi/build/enum/relation-kind.enum";
+import { RelationService } from "../../../service/relation.service";
+import { FormMasterService } from "@colijnit/corecomponents_v12";
+import { Address } from "@colijnit/relationapi/build/model/address.bo";
 export declare class TransactionHeaderRelationComponent extends TransactionBaseComponent {
     protected readonly service: TransactionService;
     private _dictionary;
+    private _dialogService;
+    private _relationService;
+    private _formMasterService;
     readonly addressType: typeof AddressType;
     navigationItems: ElementRef;
     mainItems: ElementRef;
@@ -16,20 +22,23 @@ export declare class TransactionHeaderRelationComponent extends TransactionBaseC
     set relation(value: RelationAnyType);
     get relation(): RelationAnyType;
     showClass(): boolean;
-    deliveryAddressIdx: number;
-    invoiceAddressIdx: number;
+    deliveryAddressNawNr: number;
+    invoiceAddressNawNr: number;
     invoiceAddressSameAsDeliveryAddress: boolean;
     showDialog: boolean;
     categories: string[];
     customerGroup: string;
     relationType: RelationKind;
+    readonly: boolean;
     private _relation;
-    constructor(service: TransactionService, _dictionary: DictionaryService);
-    updateRelation(rel: RelationAnyType): void;
-    setIndexDeliveryAddress(idx: number): void;
-    setIndexInvoiceAddress(idx: number): void;
+    private _boFactory;
+    constructor(service: TransactionService, _dictionary: DictionaryService, _dialogService: DialogService, _relationService: RelationService, _formMasterService: FormMasterService);
+    setIndexDeliveryAddress(nawNr: number): void;
+    setIndexInvoiceAddress(nawNr: number): void;
     checkSameAddress(checked: boolean): void;
     handleNavigationClick(nav: string): void;
-    handleChangeCustomGroup(group: CustomerGroup): void;
-    relationSet(): void;
+    handleChangeCustomGroup(group: string): void;
+    handleShowDialog(): Promise<void>;
+    handleOkClick(): void;
+    saveAddress(type: AddressType, address: Address): void;
 }

package/lib/component/transaction-header-fields/transaction-header-administrative-relation.component.d.ts

@@ -1,11 +1,13 @@
 import { OnInit } from "@angular/core";
 import { TransactionService } from "../../service/transaction.service";
-import { RelationListObject } from "@colijnit/transactionapi/build/model/relation-list-object.bo";
 import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
+import { RelationListObject } from "@colijnit/relationapi/build/model/relation-list-object.bo";
+import { RelationService } from "../../service/relation.service";
 export declare class TransactionHeaderAdministrativeRelationComponent extends TransactionHeaderBaseComponent<RelationListObject> implements OnInit {
     private _transactionService;
+    private _relationService;
     fields: Object;
-    constructor(_transactionService: TransactionService);
+    constructor(_transactionService: TransactionService, _relationService: RelationService);
     ngOnInit(): void;
     commitTransactionAdministrative(relations: number[]): Promise<boolean>;
     protected transactionInfoSet(): void;