@colijnit/transaction 12.1.32 → 12.1.34

package/lib/component/dialog/transaction-line/dialog-transaction-line-warehouse-location/style/_layout.scss

@@ -0,0 +1,14 @@
+@include export-module('co-dialog-transaction-line-warehouse-location-layout') {
+  .co-dialog-transaction-line-warehouse-location {
+    .co-dialog:not(.is-mobile) .co-dialog-wrapper {
+      min-width: 500px;
+    }
+    .dialog-footer-button-wrapper {
+      display: flex;
+      justify-content: flex-end;
+    }
+    .co-dialog .dialog-content {
+      max-height: 400px;
+    }
+  }
+}

package/lib/component/dialog/transaction-line/dialog-transaction-line-warehouse-location/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-dialog-transaction-line-warehouse-location-theme') {
+  .co-dialog-transaction-line-warehouse-location {
+  }
+}

package/lib/component/dialog/transaction-line/dialog-transaction-line-warehouse-location/style/material.scss

@@ -0,0 +1,5 @@
+@import "../../../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";
+@import "../../../dialog-header-search/style/material";

package/lib/component/relation/relation-contact-details/style/_layout.scss

@@ -1,4 +1,15 @@
 @include export-module('cc-relation-contact-details-layout') {
   .co-relation-contact-details {
+    display: flex;
+    flex-direction: column;
+    column-gap: $tp-relation-contact-details-column-gap;
+    row-gap: $tp-relation-contact-details-row-gap;
+    .default-data-row {
+      display: flex;
+      column-gap: $tp-relation-contact-details-column-gap;
+      .form-input:not(.default-width) {
+        width: 100%;
+      }
+    }
   }
 }

package/lib/component/relation/relation-contact-details/style/_material-definition.scss

@@ -0,0 +1,2 @@
+$tp-relation-contact-details-row-gap: 10px !default;
+$tp-relation-contact-details-column-gap: 10px !default;

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

@@ -2,6 +2,7 @@
 
 @include export-module('co-transaction-layout') {
   .co-transaction {
+    font-family: $tp-co-transaction-font-family;
     display: block;
     padding: $tp-transaction-padding;
     .transaction-footer-wrapper {
@@ -46,5 +47,27 @@
         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;
+      }
+    }
   }
 }

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

@@ -1,3 +1,8 @@
+$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;

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

@@ -9,3 +9,5 @@
 @import "../../transaction-button-bar/style/material";
 @import "../../transaction-line-side-panel/style/material";
 @import "../../view-mode-buttons/style/material";
+@import "../../dialog/transaction-header/dialog-transaction-header-delivery-method/style/material";
+@import "../../transaction-line-checkbox-list/style/material";

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

@@ -26,6 +26,7 @@ export declare class TransactionComponent implements OnDestroy {
     showDiscountsSidebar: boolean;
     showSidePanel: boolean;
     sidePanelTransactionLine: TransactionLineInfo;
+    isSendIconClicked: boolean;
     private _subs;
     private _transaction;
     private _transactionId;
@@ -36,4 +37,5 @@ export declare class TransactionComponent implements OnDestroy {
     handleButtonBarButtonClicked(button: TransactionBarButton): void;
     handleShowSidePanel(line: TransactionLineInfo): void;
     handleCloseSidePanel(event: MouseEvent): void;
+    sendIconClicked(): void;
 }

package/lib/component/transaction-confirmation-details/transaction-confirmation-details.component.d.ts

@@ -2,19 +2,19 @@ import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transa
 import { Icon } from "../../enum/icon.enum";
 import { IconCacheService } from "../../service/icon-cache.service";
 import { TransactionService } from "../../service/transaction.service";
-import { PurchasePortalLine } from "@colijnit/transactionapi/build/model/purchase-portal-line.bo";
 import { DocDeliveryBatch } from "@colijnit/transactionapi/build/model/doc-delivery-batch.bo";
+import { DatePipe } from "@angular/common";
 export declare class TransactionConfirmationDetailsComponent {
     iconCacheService: IconCacheService;
     transactionService: TransactionService;
+    private _datePipe;
     readonly icons: typeof Icon;
     transactionLines: TransactionLineInfo;
     transactionInfoNr: number;
     showClass(): boolean;
     showAddOrder: boolean;
-    purchasePortalLine: PurchasePortalLine;
-    docBatchArray: DocDeliveryBatch;
-    constructor(iconCacheService: IconCacheService, transactionService: TransactionService);
+    newDocBatchArray: DocDeliveryBatch;
+    constructor(iconCacheService: IconCacheService, transactionService: TransactionService, _datePipe: DatePipe);
     addButtonClicked(): void;
     handleOkClick(): void;
 }

package/lib/component/transaction-confirmation-history/transaction-confirmation-history.component.d.ts

@@ -15,11 +15,14 @@ export declare class TransactionConfirmationHistoryComponent implements OnInit {
     transactionLines: TransactionLineInfo;
     transactionId: number;
     transactionInfoNr: number;
-    purchasePortalLines: PurchasePortalLine;
+    purchasePortalLines: PurchasePortalLine[];
+    docBatch: PurchasePortalLine;
     getPurchasePortalLine: GetPurchasePortalLine;
     purchasePortalFilter: PurchasePortalFilters;
     showClass(): boolean;
     constructor(iconCacheService: IconCacheService, transactionService: TransactionService, _datePipe: DatePipe);
     ngOnInit(): void;
     getPurchasePortalLines(): void;
+    lockPurchasePortalLine(): Promise<void>;
+    deleteDocBatch(event: any): Promise<void>;
 }

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

@@ -14,15 +14,23 @@
       border-width: $tp-co-transaction-header-border-width;
       column-gap: $tp-co-transaction-header-gap;
       row-gap: $tp-co-transaction-header-gap;
-      > * {
-        @include screen-mobile {
-          width: 100%;
+      .co-carousel {
+        width: 100%;
+        .carousel-wrapper {
+          > *:not(.transaction-header-divider) {
+            @include screen-mobile {
+              width: 100%;
+              > * {
+                width: 100%;
+              }
+            }
+          }
         }
       }
-      .co-transaction-header-block {
-        @include screen-mobile {
-          width: 100%;
-        }
+      .transaction-header-divider {
+        height: auto;
+        width: 1px;
+        margin: 25px 10px;
       }
     }
   }

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

@@ -7,5 +7,8 @@
     .transaction-header-wrapper {
       border-color: $tp-co-transaction-header-border-color;
     }
+    .transaction-header-divider {
+      background-color: $tp-co-transaction-header-border-color;
+    }
   }
 }

package/lib/component/transaction-header/transaction-header/style/material.scss

@@ -5,3 +5,4 @@
 @import "../../transaction-header-order/style/material";
 @import "../../transaction-header-delivery/style/material";
 @import "../../transaction-header-payment/style/material";
+@import "~@colijnit/corecomponents_v12/lib/components/carousel/style/material";

package/lib/component/transaction-header/transaction-header-delivery/style/_layout.scss

@@ -22,11 +22,12 @@
       width: 100%;
       border: $tp-transaction-header-delivery-delivery-method-border;
       border-radius: $tp-transaction-header-delivery-delivery-method-border-radius;
+      padding: $tp-transaction-header-delivery-delivery-method-padding;
     }
-    .planning-request-button {
+    .header-planning-request-button {
       border: $tp-transaction-header-delivery-planning-request-button-border;
       border-radius: $tp-transaction-header-delivery-planning-request-button-border-radius;
-
+      padding: $tp-transaction-header-delivery-planning-request-button-padding;
     }
     .header-delivery-deliverydate-wrapper {
       display: flex;

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

@@ -1,11 +1,13 @@
-$tp-transaction-header-delivery-button-width: 40px !default;
+$tp-transaction-header-delivery-button-width: 20px !default;
 $tp-transaction-header-delivery-planning-request-button-color: $tp-color-active !default;
 $tp-transaction-header-delivery-planning-request-button-border: 1px solid !default;
 $tp-transaction-header-delivery-planning-request-button-border-color: $tp-color-border !default;
-$tp-transaction-header-delivery-planning-request-button-border-radius: 5px !default;
+$tp-transaction-header-delivery-planning-request-button-border-radius: 10px !default;
+$tp-transaction-header-delivery-planning-request-button-padding: 5px !default;
 $tp-transaction-header-delivery-definitive-button-color: $tp-color-active-light !default;
 $tp-transaction-header-delivery-delivery-method-background-color: $tp-default-background-accent !default;
 $tp-transaction-header-delivery-delivery-method-border: 1px solid !default;
 $tp-transaction-header-delivery-delivery-method-border-color: $tp-color-border !default;
 $tp-transaction-header-delivery-delivery-method-border-radius: 10px !default;
 $tp-transaction-header-delivery-delivery-truck-color: $tp-color-font !default;
+$tp-transaction-header-delivery-delivery-method-padding: 5px 10px !default;

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

@@ -2,8 +2,10 @@
 
 @include export-module('co-transaction-header-delivery-theme') {
   .co-transaction-header-delivery {
-    .planning-request-button {
+    .header-planning-request-button {
       border-color: $tp-transaction-header-delivery-planning-request-button-border-color;
+    }
+    .planning-request-button {
       & [fill] {
         fill: $tp-transaction-header-delivery-planning-request-button-color;
       }

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

@@ -3,15 +3,17 @@ import { Icon } from "../../../enum/icon.enum";
 import { TransactionService } from "../../../service/transaction.service";
 import { DeliveryMethod } from "@colijnit/transactionapi/build/model/delivery-method.bo";
 import { IconCacheService } from "../../../service/icon-cache.service";
+import { DialogService } from "../../../service/dialog.service";
 export declare class TransactionHeaderDeliveryComponent extends TransactionBaseComponent {
     iconService: IconCacheService;
     protected service: TransactionService;
+    private _dialogService;
     readonly icons: typeof Icon;
     showClass(): boolean;
     deliveryMethod: DeliveryMethod;
     deliveryMethods: DeliveryMethod[];
     showDialog: boolean;
-    showDeliveryMethodDialog: boolean;
-    constructor(iconService: IconCacheService, service: TransactionService);
+    constructor(iconService: IconCacheService, service: TransactionService, _dialogService: DialogService);
+    showDeliveryMethodDialog(): void;
     transactionSet(): void;
 }

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

@@ -2,10 +2,12 @@ import { TransactionBaseComponent } from "../../core/base/transaction-base.compo
 import { Icon } from "../../../enum/icon.enum";
 import { IconCacheService } from "../../../service/icon-cache.service";
 import { TransactionService } from "../../../service/transaction.service";
+import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
 export declare class TransactionHeaderPaymentComponent extends TransactionBaseComponent {
     iconService: IconCacheService;
     protected readonly service: TransactionService;
     readonly icons: typeof Icon;
+    readonly transactionKind: typeof TransactionKind;
     showClass(): boolean;
     showDialog: boolean;
     showPaymentDialog: boolean;

package/lib/component/transaction-header/transaction-header-relation/style/_layout.scss

@@ -46,5 +46,8 @@
       width: 100%;
       flex-shrink: 0;
     }
+    .co-dialog:not(.is-mobile) .co-dialog-wrapper {
+      max-height: 80vh;
+    }
   }
 }

package/lib/component/transaction-header/transaction-header-relation/style/material.scss

@@ -9,6 +9,7 @@ $cc-co-carousel-3d-navigate-button-width: 40px;
 @import "../../../relation/relation-address-tile/style/material";
 @import "../../../relation/relation-address-select/style/material";
 @import "../../../relation/relation-general/style/material";
+@import "../../../relation/relation-contact-details/style/material";
 @import "../../../relation/relation-preferences/style/material";
 @import "~@colijnit/corecomponents_v12/lib/components/carousel-3d/style/material";
 @import "~@colijnit/corecomponents_v12/lib/components/drop-down-list/style/material";

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

@@ -1,8 +1,8 @@
 import { OnInit } from "@angular/core";
 import { TransactionService } from "../../service/transaction.service";
-import { TransactionHeaderFieldsBaseComponent } from "./transaction-header-fields-base.component";
 import { RelationListObject } from "@colijnit/transactionapi/build/model/relation-list-object.bo";
-export declare class TransactionHeaderAdministrativeRelationComponent extends TransactionHeaderFieldsBaseComponent implements OnInit {
+import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
+export declare class TransactionHeaderAdministrativeRelationComponent extends TransactionHeaderBaseComponent implements OnInit {
     private _transactionService;
     collection: RelationListObject[];
     fields: Object;

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

@@ -1,21 +1,17 @@
 import { OnInit } from "@angular/core";
 import { TransactionService } from "../../service/transaction.service";
-import { TransactionHeaderFieldsBaseComponent } from "./transaction-header-fields-base.component";
 import { BranchLov } from "@colijnit/transactionapi/build/model/branch-lov.bo";
-export declare class TransactionHeaderBranchComponent extends TransactionHeaderFieldsBaseComponent implements OnInit {
+import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
+import { RelationSmallObject } from "@colijnit/transactionapi/build/model/relation-small-object.bo";
+export declare class TransactionHeaderBranchComponent extends TransactionHeaderBaseComponent implements OnInit {
     private _transactionService;
-    showExtended: boolean;
+    simple: boolean;
     collection: BranchLov[];
     fields: Object;
-    viewModels: {
-        value: number;
-        text: string;
-        checked: boolean;
-    }[];
     constructor(_transactionService: TransactionService);
     ngOnInit(): void;
-    commitTransactionBranch(branch: number): Promise<boolean>;
-    handleChecked(row: {
+    commitTransactionBranch(branch: number | RelationSmallObject): Promise<boolean>;
+    handleChecked(event: MouseEvent, row: {
         value: number;
         text: string;
         checked: boolean;

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

@@ -1,6 +1,6 @@
 import { TransactionService } from "../../service/transaction.service";
-import { TransactionHeaderFieldsBaseComponent } from "./transaction-header-fields-base.component";
-export declare class TransactionHeaderDefinitiveComponent extends TransactionHeaderFieldsBaseComponent {
+import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
+export declare class TransactionHeaderDefinitiveComponent extends TransactionHeaderBaseComponent {
     private _transactionService;
     constructor(_transactionService: TransactionService);
     commitTransactionDefinitive(definitive: boolean): Promise<boolean>;

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

@@ -1,7 +1,7 @@
 import { InputDatePickerComponent } from "@colijnit/corecomponents_v12";
 import { TransactionService } from "../../service/transaction.service";
-import { TransactionHeaderFieldsBaseComponent } from "./transaction-header-fields-base.component";
-export declare class TransactionHeaderDeliveryDateComponent extends TransactionHeaderFieldsBaseComponent {
+import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
+export declare class TransactionHeaderDeliveryDateComponent extends TransactionHeaderBaseComponent {
     private _transactionService;
     set child(content: any);
     showLabel: boolean;

package/lib/component/transaction-header-fields/transaction-header-delivery-method.component.d.ts

@@ -1,15 +1,21 @@
 import { EventEmitter, OnInit } from "@angular/core";
 import { TransactionService } from "../../service/transaction.service";
-import { TransactionHeaderFieldsBaseComponent } from "./transaction-header-fields-base.component";
 import { DeliveryMethod } from "@colijnit/transactionapi/build/model/delivery-method.bo";
-export declare class TransactionHeaderDeliveryMethodComponent extends TransactionHeaderFieldsBaseComponent implements OnInit {
+import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
+export declare class TransactionHeaderDeliveryMethodComponent extends TransactionHeaderBaseComponent implements OnInit {
     private _transactionService;
+    showAsCarousel: boolean;
     deliveryMethodChange: EventEmitter<DeliveryMethod>;
-    deliveryMethods: DeliveryMethod[];
+    collection: DeliveryMethod[];
     selectedIdx: number;
     constructor(_transactionService: TransactionService);
     ngOnInit(): void;
     commitDeliveryMethod(method: string): Promise<boolean>;
+    handleChecked(event: MouseEvent, row: {
+        value: number;
+        text: string;
+        checked: boolean;
+    }): void;
     setIndexDeliveryType(idx: number): Promise<void>;
     protected transactionInfoSet(): void;
 }

package/lib/component/transaction-header-fields/transaction-header-delivery-options.component.d.ts

@@ -1,10 +1,10 @@
 import { OnInit } from "@angular/core";
 import { TransactionService } from "../../service/transaction.service";
-import { TransactionHeaderFieldsBaseComponent } from "./transaction-header-fields-base.component";
 import { DeliveryMethod } from "@colijnit/transactionapi/build/model/delivery-method.bo";
 import { TextValueContainer } from "../../model/text-value-container";
 import { DeliveryOption } from "@colijnit/transactionapi/build/model/delivery-option.bo";
-export declare class TransactionHeaderDeliveryOptionsComponent extends TransactionHeaderFieldsBaseComponent implements OnInit {
+import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
+export declare class TransactionHeaderDeliveryOptionsComponent extends TransactionHeaderBaseComponent implements OnInit {
     private _transactionService;
     set deliveryMethod(value: DeliveryMethod);
     get deliveryMethod(): DeliveryMethod;

package/lib/component/transaction-header-fields/transaction-header-downpayment-amount.component.d.ts

@@ -1,7 +1,7 @@
 import { InputTextComponent } from "@colijnit/corecomponents_v12";
 import { TransactionService } from "../../service/transaction.service";
-import { TransactionHeaderFieldsBaseComponent } from "./transaction-header-fields-base.component";
-export declare class TransactionHeaderDownpaymentAmountComponent extends TransactionHeaderFieldsBaseComponent {
+import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
+export declare class TransactionHeaderDownpaymentAmountComponent extends TransactionHeaderBaseComponent {
     private _transactionService;
     set child(content: any);
     showLabel: boolean;

package/lib/component/transaction-header-fields/transaction-header-downpayment-percentage.component.d.ts

@@ -1,7 +1,7 @@
 import { InputTextComponent } from "@colijnit/corecomponents_v12";
 import { TransactionService } from "../../service/transaction.service";
-import { TransactionHeaderFieldsBaseComponent } from "./transaction-header-fields-base.component";
-export declare class TransactionHeaderDownpaymentPercentageComponent extends TransactionHeaderFieldsBaseComponent {
+import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
+export declare class TransactionHeaderDownpaymentPercentageComponent extends TransactionHeaderBaseComponent {
     private _transactionService;
     set child(content: any);
     showLabel: boolean;

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

@@ -1,16 +1,10 @@
 import { OnInit } from "@angular/core";
 import { TransactionService } from "../../service/transaction.service";
-import { TransactionHeaderFieldsBaseComponent } from "./transaction-header-fields-base.component";
 import { Marketing } from "@colijnit/transactionapi/build/model/marketing.bo";
-export declare class TransactionHeaderMarketingComponent extends TransactionHeaderFieldsBaseComponent implements OnInit {
+import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
+export declare class TransactionHeaderMarketingComponent extends TransactionHeaderBaseComponent implements OnInit {
     private _transactionService;
     collection: Marketing[];
-    fields: Object;
-    viewModels: {
-        value: string;
-        text: string;
-        checked: boolean;
-    }[];
     constructor(_transactionService: TransactionService);
     ngOnInit(): void;
     commitTransactionMarketing(code: string): Promise<boolean>;

package/lib/component/transaction-header-fields/transaction-header-partial-delivery.component.d.ts

@@ -1,6 +1,6 @@
 import { TransactionService } from "../../service/transaction.service";
-import { TransactionHeaderFieldsBaseComponent } from "./transaction-header-fields-base.component";
-export declare class TransactionHeaderPartialDeliveryComponent extends TransactionHeaderFieldsBaseComponent {
+import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
+export declare class TransactionHeaderPartialDeliveryComponent extends TransactionHeaderBaseComponent {
     private _transactionService;
     constructor(_transactionService: TransactionService);
     commitPartialDelivery(allow: boolean): Promise<boolean>;

package/lib/component/transaction-header-fields/transaction-header-preferred-delivery-date.component.d.ts

@@ -1,7 +1,7 @@
 import { InputDatePickerComponent } from "@colijnit/corecomponents_v12";
 import { TransactionService } from "../../service/transaction.service";
-import { TransactionHeaderFieldsBaseComponent } from "./transaction-header-fields-base.component";
-export declare class TransactionHeaderPreferredDeliveryDateComponent extends TransactionHeaderFieldsBaseComponent {
+import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
+export declare class TransactionHeaderPreferredDeliveryDateComponent extends TransactionHeaderBaseComponent {
     private _transactionService;
     set child(content: any);
     showLabel: boolean;

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

@@ -1,7 +1,7 @@
 import { InputTextComponent } from "@colijnit/corecomponents_v12";
 import { TransactionService } from "../../service/transaction.service";
-import { TransactionHeaderFieldsBaseComponent } from "./transaction-header-fields-base.component";
-export declare class TransactionHeaderReferenceComponent extends TransactionHeaderFieldsBaseComponent {
+import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
+export declare class TransactionHeaderReferenceComponent extends TransactionHeaderBaseComponent {
     private _transactionService;
     set child(content: any);
     showLabel: boolean;

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

@@ -1,7 +1,7 @@
 import { InputTextComponent } from "@colijnit/corecomponents_v12";
 import { TransactionService } from "../../service/transaction.service";
-import { TransactionHeaderFieldsBaseComponent } from "./transaction-header-fields-base.component";
-export declare class TransactionHeaderRelationReferenceComponent extends TransactionHeaderFieldsBaseComponent {
+import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
+export declare class TransactionHeaderRelationReferenceComponent extends TransactionHeaderBaseComponent {
     private _transactionService;
     set child(content: any);
     showLabel: boolean;

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

@@ -1,7 +1,7 @@
 import { InputTextareaComponent } from "@colijnit/corecomponents_v12";
 import { TransactionService } from "../../service/transaction.service";
-import { TransactionHeaderFieldsBaseComponent } from "./transaction-header-fields-base.component";
-export declare class TransactionHeaderRemarksComponent extends TransactionHeaderFieldsBaseComponent {
+import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
+export declare class TransactionHeaderRemarksComponent extends TransactionHeaderBaseComponent {
     private _transactionService;
     set child(content: any);
     showLabel: boolean;

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

@@ -24,18 +24,15 @@
     }
     .transaction-line-extended-wrapper {
       display: grid;
-      grid-template-columns: 200px 200px 200px;
-      grid-template-rows: 30px 30px;
+      grid-template-columns: $tp-transaction-line-button-width $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-column-gap: $tp-transaction-line-column-gap;
       grid-row-gap: $tp-transaction-line-row-gap;
-    }
-    .transaction-line-extended-row-wrapper {
-      cursor: pointer;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      border: 1px solid $tp-transaction-line-border-color;
-      border-radius: 10px;
+      .two-column {
+        grid-column: 1 / 3;
+        column-gap: 5px;
+        padding: 0;
+      }
     }
     &.preview {
       .transaction-line-wrapper {
@@ -106,7 +103,7 @@
     .transaction-line-totals {
       display: grid;
       grid-template-columns: 100px 100px 100px;
-      grid-template-rows: 30px 30px;
+      grid-template-rows: $tp-transaction-line-button-height $tp-transaction-line-button-height;
       grid-column-gap: $tp-transaction-line-column-gap;
       grid-row-gap: $tp-transaction-line-row-gap;
 
@@ -186,7 +183,9 @@
     }
     &.is-text {
       .transaction-line {
+        flex-direction: row;
         min-height: $tp-transaction-line-article-text-min-height;
+        column-gap: $tp-transaction-line-column-gap;
       }
     }
     .price {

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

@@ -2,7 +2,7 @@ $tp-transaction-line-font-family: $tp-font-family !default;
 $tp-transaction-line-font-size: $tp-font-size !default;
 $tp-transaction-line-background-color: white !default;
 $tp-transaction-line-min-height: 100px !default;
-$tp-transaction-line-article-text-min-height: 50px !default;
+$tp-transaction-line-article-text-min-height: 30px !default;
 $tp-transaction-line-padding: 10px !default;
 $tp-transaction-line-inner-padding: 10px !default;
 $tp-transaction-line-border: 1px solid !default;
@@ -21,7 +21,7 @@ $tp-transaction-line-amount-input-width: 50px !default;
 $tp-transaction-line-amount-input-border-color: $tp-color-border !default;
 $tp-transaction-line-totals-font-weight: bold !default;
 $tp-transaction-line-delete-color: $tp-color-action !default;
-$tp-transaction-line-article-text-background-color: $tp-color-light-accent !default;
+$tp-transaction-line-article-text-background-color: white !default;
 $tp-transaction-line-article-text-color: $tp-color-dark !default;
 $tp-transaction-line-buttons-overview-background-color: $tp-color-active-light !default;
 $tp-transaction-line-buttons-overview-text-color: $tp-color-light !default;
@@ -32,3 +32,4 @@ $tp-transaction-line-article-text-font-color: $tp-color-label !default;
 $tp-transaction-line-article-text-padding: 2px !default;
 $tp-transaction-line-price-font-weight: bold !default;
 $tp-transaction-line-discount-background-color: $tp-default-background-accent !default;
+$tp-transaction-line-discount-color: $tp-color-active-light !default;

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

@@ -25,11 +25,12 @@
       color: $tp-transaction-line-article-text-font-color;
       background-color: $tp-transaction-line-background-color;
     }
-    .discount {
-      background-color: $tp-transaction-line-discount-background-color;
-    }
-    .transaction-line-extended-row-wrapper {
+    .transaction-line-discount {
+      color: $tp-transaction-line-discount-color;
       background-color: $tp-transaction-line-discount-background-color;
+      &.negative {
+        color: $tp-color-negative-value;
+      }
     }
   }
 }

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

@@ -9,3 +9,6 @@
 @import "../../dialog/transaction-line/dialog-transaction-line-commission-code/style/material";
 @import "../../dialog/transaction-line/dialog-transaction-line-warehouse/style/material";
 @import "../../dialog/transaction-line/dialog-transaction-line-delivery-method/style/material";
+@import "../../dialog/transaction-line/dialog-transaction-line-vat/style/material";
+@import "../../dialog/transaction-line/dialog-transaction-line-discount/style/material";
+@import "../../dialog/transaction-line/dialog-transaction-line-price-list/style/material";

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

@@ -41,8 +41,11 @@ export declare class TransactionLineComponent {
     openCommissionCodeDialog(): void;
     openWarehouseDialog(): void;
     openDeliveryMethodDialog(): void;
+    openVatDialog(): void;
+    openDiscountDialog(): void;
     private _loadLineImage;
     private _loadLineCommissionCode;
     private _loadLineWarehouse;
     private _loadLineDeliveryMethod;
+    private _loadLineVat;
 }