@colijnit/transaction 12.1.49 → 12.1.51

package/lib/component/avatar/avatar.component.d.ts

@@ -3,21 +3,27 @@ import { TransactionService } from "../../service/transaction.service";
 import { RelationListObject } from "@colijnit/transactionapi/build/model/relation-list-object.bo";
 import { SharedService } from "../../service/shared.service";
 import { CoDocument } from "@colijnit/transactionapi/build/model/co-document";
+import { ColorSequenceService } from "@colijnit/corecomponents_v12";
 export declare class AvatarComponent implements AfterViewInit {
     private _transactionService;
     private _sharedService;
+    private _colorSequenceService;
     set image(value: CoDocument);
     get image(): CoDocument;
     set relationId(value: number);
     get relationId(): number;
     relation: RelationListObject;
     showClass(): boolean;
+    set initials(value: string);
+    get initials(): string;
     imageSrc: string;
-    initials: string;
+    backgroundColor: string;
+    private _initials;
     private _relationId;
     private _image;
-    constructor(_transactionService: TransactionService, _sharedService: SharedService);
+    constructor(_transactionService: TransactionService, _sharedService: SharedService, _colorSequenceService: ColorSequenceService);
     ngAfterViewInit(): void;
     private _getRelation;
     private _getImageSrcFromCoDocument;
+    private _setBackgroundColor;
 }

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

@@ -9,7 +9,7 @@
     height: $tp-co-avatar-image-size;
     width: $tp-co-avatar-image-size;
     border-radius: 50%;
-    background: #0084de; // todo make dynamic
+    //background: #0084de; // todo make dynamic
     svg {
       height: 100%;
       width: 100%;

package/lib/component/core/base/components/transaction-header-block/style/_layout.scss

@@ -57,11 +57,11 @@
       cursor: pointer;
       display: flex;
       align-items: flex-end;
-      justify-content: center;
-      height: 15px;
+      height: 0;
       font-size: 20px;
       font-weight: bold;
       user-selection: none;
+      transform: rotate(90deg);
     }
     .transaction-header-extended-wrapper {
       position: absolute;

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

@@ -2,11 +2,16 @@ import { TransactionInfo } from "@colijnit/transactionapi/build/model/transactio
 import { BusinessObject } from "@colijnit/transactionapi/build/model/business-object";
 import { TransactionFilterPopupBaseComponent } from "./transaction-filter-popup-base.component";
 import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import { TransactionTotal } from "@colijnit/transactionapi/build/model/transaction-total.bo";
 export declare abstract class TransactionHeaderBaseComponent<T extends BusinessObject | number | string> extends TransactionFilterPopupBaseComponent<T> {
     set transactionInfo(value: TransactionInfo);
     get transactionInfo(): TransactionInfo;
+    set transactionTotal(value: TransactionTotal);
+    get transactionTotal(): TransactionTotal;
     get model(): TransactionLineInfo | TransactionInfo;
     readonly: boolean;
     private _transactionInfo;
+    private _transactionTotal;
     protected transactionInfoSet(): void;
+    protected transactionTotalSet(): void;
 }

package/lib/component/core/base/transaction-lines-line-base.component.d.ts

@@ -7,6 +7,7 @@ export declare abstract class TransactionLinesLineBaseComponent {
     set line(value: TransactionLineInfo);
     get line(): TransactionLineInfo;
     transactionId: number;
+    lineChange: EventEmitter<TransactionLineInfo>;
     waitingForUserAction: EventEmitter<boolean>;
     showClass(): boolean;
     preview: boolean;

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

@@ -0,0 +1,8 @@
+import { DialogTransactionHeaderBaseComponent } from "../../../core/base/dialog-transaction-header-base.component";
+import { TransactionService } from "../../../../service/transaction.service";
+export declare class DialogTransactionHeaderDiscountComponent extends DialogTransactionHeaderBaseComponent {
+    private _transactionService;
+    showClass(): boolean;
+    constructor(_transactionService: TransactionService);
+    redistributeDiscount(): Promise<void>;
+}

package/lib/component/dialog/transaction-header/dialog-transaction-header-discount/dialog-transaction-header-discount.module.d.ts

@@ -0,0 +1,2 @@
+export declare class DialogTransactionHeaderDiscountModule {
+}

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

@@ -0,0 +1,44 @@
+@include export-module('co-dialog-transaction-header-discount-layout') {
+  .co-dialog-transaction-header-discount {
+    .co-dialog:not(.is-mobile) .co-dialog-wrapper {
+      min-width: $tp-dialog-transaction-discount-min-width;
+    }
+    .dialog-footer-button-wrapper {
+      display: flex;
+      justify-content: flex-end;
+    }
+    .transaction-discount-wrapper {
+      display: block;
+      max-height: $tp-dialog-transaction-discount-height;
+    }
+    .two-column-grid {
+      display: flex;
+      flex-direction: row;
+      column-gap: 10px;
+      > * {
+        width: 50%;
+      }
+    }
+    .transaction-line-button {
+      margin: 10px 0;
+    }
+    .transaction-discount-overview {
+      margin: $tp-dialog-transaction-discount-overview-margin;
+      border: $tp-dialog-transaction-discount-overview-border;
+      border-radius: $tp-dialog-transaction-discount-overview-border-radius;
+      .transaction-discount-overview-item:not(:last-child) {
+        border-style: $tp-dialog-transaction-discount-overview-item-border-style;
+        border-width: $tp-dialog-transaction-discount-overview-item-border-width;
+      }
+    }
+    .transaction-discount-overview-item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: $tp-dialog-transaction-discount-overview-item-padding;
+      &.total {
+        font-weight: $tp-dialog-transaction-discount-total-font-weight;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,11 @@
+$tp-dialog-transaction-discount-min-width: 500px !default;
+$tp-dialog-transaction-discount-height: 500px !default;
+$tp-dialog-transaction-discount-overview-border: 1px solid !default;
+$tp-dialog-transaction-discount-overview-border-color: $tp-color-border !default;
+$tp-dialog-transaction-discount-overview-border-radius: 10px !default;
+$tp-dialog-transaction-discount-overview-margin: 20px 0 0 0 !default;
+$tp-dialog-transaction-discount-total-font-weight: bold !default;
+$tp-dialog-transaction-discount-overview-item-padding: 20px 10px !default;
+$tp-dialog-transaction-discount-overview-item-border-style: solid !default;
+$tp-dialog-transaction-discount-overview-item-border-width: 0 0 1px 0 !default;
+$tp-dialog-transaction-discount-overview-item-border-color: $tp-color-border !default;

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

@@ -0,0 +1,11 @@
+@include export-module('co-dialog-transaction-header-discount-theme') {
+  .co-dialog-transaction-header-discount {
+    .transaction-discount-overview {
+      border-color: $tp-dialog-transaction-discount-overview-border-color;
+      background-color: $tp-default-background-accent;
+    }
+    .transaction-discount-overview-item {
+      border-color: $tp-dialog-transaction-discount-overview-item-border-color;
+    }
+  }
+}

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

@@ -0,0 +1,4 @@
+@import "../../../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

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

@@ -6,9 +6,6 @@
     }
     .transaction-line-discount-overview-item {
       border-color: $tp-dialog-transaction-line-discount-overview-item-border-color;
-      .value.negative {
-        color: $tp-color-negative-value;
-      }
     }
   }
 }

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

@@ -0,0 +1,7 @@
+@import "../../../style/mixin";
+
+@include export-module('co-quick-send-button-layout') {
+  .co-payment-tile {
+
+  }
+}

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

@@ -0,0 +1,6 @@
+@import "../../../style/mixin";
+
+@include export-module('co-quick-send-button') {
+  .co-payment-tile {
+  }
+}

package/lib/component/{status-bar → quick-send-button}/style/material.scss

@@ -1,3 +1,4 @@
 @import "./material-definition";
 @import "./layout";
 @import "./theme";
+@import "../../tile/style/material";

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,10 @@
+$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/transaction.component.d.ts

@@ -29,14 +29,12 @@ export declare class TransactionComponent implements OnDestroy {
     showClass(): boolean;
     activeViewMode: ContentViewMode;
     activeCategory: TransactionTypeCategory;
-    showDiscountsSidebar: boolean;
     sidePanelTransactionLine: TransactionLineInfo;
     private _subs;
     private _transaction;
     private _transactionId;
     constructor(iconCacheService: IconCacheService, _service: TransactionService, _dynamicComponentService: DynamicComponentService, _transactionEventService: TransactionEventService);
     ngOnDestroy(): void;
-    addDiscount(): void;
     saveTransactionLine(transactionAddTextLineRequest: TransactionAddTextLineRequest): void;
     handleButtonBarButtonClicked(button: TransactionBarButton): void;
     handleShowSidePanel(line: TransactionLineInfo): void;

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

@@ -3,18 +3,17 @@ import { Icon } from "../../enum/icon.enum";
 import { IconCacheService } from "../../service/icon-cache.service";
 import { TransactionService } from "../../service/transaction.service";
 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;
+    testLines: any;
     showClass(): boolean;
     showAddOrder: boolean;
     newDocBatchArray: DocDeliveryBatch;
-    constructor(iconCacheService: IconCacheService, transactionService: TransactionService, _datePipe: DatePipe);
+    constructor(iconCacheService: IconCacheService, transactionService: TransactionService);
     addButtonClicked(): void;
     handleOkClick(): void;
 }

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

@@ -1,28 +1,25 @@
-import { OnInit } from "@angular/core";
+import { EventEmitter, OnInit } from "@angular/core";
 import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
 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 { GetPurchasePortalLine } from "@colijnit/transactionapi/build/model/get-purchase-portal-line";
 import { PurchasePortalFilters } from "@colijnit/transactionapi/build/model/purchase-portal-filters.bo";
-import { DatePipe } from "@angular/common";
 export declare class TransactionConfirmationHistoryComponent implements OnInit {
     iconCacheService: IconCacheService;
     transactionService: TransactionService;
-    private _datePipe;
     readonly icons: typeof Icon;
     transactionLines: TransactionLineInfo;
     transactionId: number;
     transactionInfoNr: number;
-    purchasePortalLines: PurchasePortalLine[];
-    docBatch: PurchasePortalLine;
+    lineSelected: EventEmitter<void>;
     getPurchasePortalLine: GetPurchasePortalLine;
     purchasePortalFilter: PurchasePortalFilters;
     showClass(): boolean;
-    constructor(iconCacheService: IconCacheService, transactionService: TransactionService, _datePipe: DatePipe);
+    constructor(iconCacheService: IconCacheService, transactionService: TransactionService);
     ngOnInit(): void;
-    getPurchasePortalLines(): void;
+    getPurchasePortalLines(): Promise<void>;
     lockPurchasePortalLine(): Promise<void>;
     deleteDocBatch(event: any): Promise<void>;
+    selectedLineDocBatchArray(event: any): void;
 }

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

@@ -71,5 +71,11 @@
       flex-direction: column;
       row-gap: 20px;
     }
+    .co-transaction-header-partial-delivery {
+      .co-input-checkbox {
+        font-size: $tp-font-size-small;
+        flex-direction: column-reverse;
+      }
+    }
   }
 }

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

@@ -15,6 +15,6 @@ export declare class TransactionHeaderDeliveryComponent extends TransactionBaseC
     showDialog: boolean;
     showDeliveryMethodDialog: boolean;
     constructor(iconService: IconCacheService, service: TransactionService, _dialogService: DialogService);
-    showTheDeliveryMethodDialog(): void;
+    showTheDeliveryMethodDialog(event: MouseEvent): void;
     transactionSet(): void;
 }

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

@@ -8,5 +8,18 @@
       flex-direction: column;
       align-items: center;
     }
+    .header-order-definitive {
+      display: flex;
+      align-items: center;
+      column-gap: 10px;
+    }
+    .transaction-line-button {
+      flex-direction: column;
+      height: 100%;
+      padding: $tp-transaction-header-block-order-discount-padding;
+    }
+    .co-transaction-header-definitive {
+      font-weight: normal;
+    }
   }
 }

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

@@ -0,0 +1 @@
+$tp-transaction-header-block-order-discount-padding: 0 30px !default;

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

@@ -1,4 +1,6 @@
 import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
 export declare class TransactionHeaderOrderComponent extends TransactionBaseComponent {
     showClass(): boolean;
+    showDiscountDialog: boolean;
+    handleShowDiscountDialog(event: MouseEvent): void;
 }

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

@@ -3,3 +3,4 @@
 @import "./_layout";
 @import "./_theme";
 @import "../../../core/base/components/transaction-header-block/style/material";
+@import "../../../dialog/transaction-header/dialog-transaction-header-discount/style/material";

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

@@ -12,5 +12,5 @@ export declare class TransactionHeaderPaymentComponent extends TransactionBaseCo
     showDialog: boolean;
     showPaymentDialog: boolean;
     constructor(iconService: IconCacheService, service: TransactionService);
-    openPayment(): void;
+    openPayment(event: MouseEvent): void;
 }

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

@@ -2,6 +2,7 @@ import { TransactionService } from "../../service/transaction.service";
 import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
 export declare class TransactionHeaderDefinitiveComponent extends TransactionHeaderBaseComponent<any> {
     private _transactionService;
+    showClass: boolean;
     constructor(_transactionService: TransactionService);
     commitTransactionDefinitive(definitive: boolean): Promise<boolean>;
     protected transactionInfoSet(): void;

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

@@ -0,0 +1,17 @@
+import { InputTextComponent } from "@colijnit/corecomponents_v12";
+import { TransactionService } from "../../service/transaction.service";
+import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
+export declare class TransactionHeaderDiscountAmountComponent extends TransactionHeaderBaseComponent<number> {
+    private _transactionService;
+    set child(content: any);
+    showLabel: boolean;
+    defaultEditMode: boolean;
+    set editMode(value: boolean);
+    get editMode(): boolean;
+    handleClick(event: MouseEvent): void;
+    input: InputTextComponent;
+    private _editMode;
+    constructor(_transactionService: TransactionService);
+    commit(amount: number): Promise<boolean>;
+    protected transactionSet(): void;
+}

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

@@ -0,0 +1,2 @@
+export declare class TransactionHeaderDiscountAmountModule {
+}

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

@@ -0,0 +1,17 @@
+import { InputTextComponent } from "@colijnit/corecomponents_v12";
+import { TransactionService } from "../../service/transaction.service";
+import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
+export declare class TransactionHeaderDiscountPercentageComponent extends TransactionHeaderBaseComponent<number> {
+    private _transactionService;
+    set child(content: any);
+    showLabel: boolean;
+    defaultEditMode: boolean;
+    set editMode(value: boolean);
+    get editMode(): boolean;
+    handleClick(event: MouseEvent): void;
+    input: InputTextComponent;
+    private _editMode;
+    constructor(_transactionService: TransactionService);
+    commit(amount: number): Promise<boolean>;
+    protected transactionSet(): void;
+}

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

@@ -0,0 +1,2 @@
+export declare class TransactionHeaderDiscountPercentageModule {
+}

package/lib/component/transaction-header-fields/transaction-header-discount-transaction-total.component.d.ts

@@ -0,0 +1,18 @@
+import { InputTextComponent } from "@colijnit/corecomponents_v12";
+import { TransactionService } from "../../service/transaction.service";
+import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
+export declare class TransactionHeaderDiscountTransactionTotalComponent extends TransactionHeaderBaseComponent<number> {
+    private _transactionService;
+    set child(content: any);
+    showLabel: boolean;
+    defaultEditMode: boolean;
+    set editMode(value: boolean);
+    get editMode(): boolean;
+    handleClick(event: MouseEvent): void;
+    input: InputTextComponent;
+    transactionTotalAmount: number;
+    private _editMode;
+    constructor(_transactionService: TransactionService);
+    commit(amount: number): Promise<boolean>;
+    protected transactionSet(): void;
+}

package/lib/component/transaction-header-fields/transaction-header-discount-transaction-total.module.d.ts

@@ -0,0 +1,2 @@
+export declare class TransactionHeaderDiscountTransactionTotalModule {
+}

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

@@ -2,6 +2,7 @@ import { TransactionService } from "../../service/transaction.service";
 import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
 export declare class TransactionHeaderPartialDeliveryComponent extends TransactionHeaderBaseComponent<any> {
     private _transactionService;
+    showClass: boolean;
     constructor(_transactionService: TransactionService);
     commitPartialDelivery(allow: boolean): Promise<boolean>;
     protected transactionInfoSet(): void;

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

@@ -1,10 +1,10 @@
-import { ApplicationRef, ComponentFactoryResolver, EventEmitter, Injector } from "@angular/core";
+import { ApplicationRef, ComponentFactoryResolver, EventEmitter, Injector, OnChanges, SimpleChanges } from "@angular/core";
 import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
 import { TransactionTypeCategory } from "../../../enum/transaction-type-category.enum";
 import { TransactionMappingService } from "../../../service/transaction-mapping.service";
 import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
 import { ReceiveGoodViewModel } from "../../../model/receive-good-view-model";
-export declare class TransactionLineComponent {
+export declare class TransactionLineComponent implements OnChanges {
     private _mappingService;
     private _compFactoryResolver;
     private appRef;
@@ -26,5 +26,7 @@ export declare class TransactionLineComponent {
     private _activeCategory;
     private _componentRef;
     constructor(_mappingService: TransactionMappingService, _compFactoryResolver: ComponentFactoryResolver, appRef: ApplicationRef, injector: Injector);
+    ngOnChanges(changes: SimpleChanges): void;
     private _prepareContent;
+    private _prepareProps;
 }

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

@@ -1,4 +1,5 @@
 import { OnDestroy, OnInit } from "@angular/core";
+import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
 import { TransactionLinesLineBaseComponent } from "../../core/base/transaction-lines-line-base.component";
 import { TransactionService } from "../../../service/transaction.service";
 import { TransactionEventService } from "../../../service/transaction-event.service";
@@ -9,6 +10,7 @@ export declare class TransactionOrderDeliveryLineComponent extends TransactionLi
     splitDelivery: boolean;
     allowPartialDelivery: boolean;
     selected: boolean;
+    transactionKind: TransactionKind;
     private _subscriptions;
     showClass(): boolean;
     constructor(service: TransactionService, _transactionEventService: TransactionEventService);

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

@@ -23,7 +23,8 @@ $tp-transaction-line-totals-font-weight: bold !default;
 $tp-transaction-line-delete-color: $tp-color-action !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-article-menu-icon-color: $tp-color-dark !default;
+$tp-transaction-line-buttons-overview-background-color: #030D3C !default;
 $tp-transaction-line-buttons-overview-text-color: $tp-color-light !default;
 $tp-transaction-line-buttons-add-text-background-color: $tp-color-action !default;
 $tp-transaction-line-buttons-add-text-text-color: $tp-color-light !default;

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

@@ -25,12 +25,9 @@
       color: $tp-transaction-line-article-text-font-color;
       background-color: $tp-transaction-line-background-color;
     }
-    .transaction-line-discount {
+    .transaction-line-totals-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/transaction-overview-line/transaction-overview-line.component.d.ts

@@ -1,4 +1,4 @@
-import { OnDestroy, OnInit } from "@angular/core";
+import { OnDestroy, OnInit, SimpleChanges } from "@angular/core";
 import { StockStatus } from "@colijnit/transactionapi/build/enum/refcode/stock-status.enum";
 import { TransactionService } from "../../../service/transaction.service";
 import { DictionaryService } from "../../../service/dictionary.service";
@@ -7,6 +7,7 @@ import { DialogService } from "../../../service/dialog.service";
 import { TransactionLineActionButtonsComponent } from "../../transaction-line-action-buttons/transaction-line-action-buttons.component";
 import { TransactionLinesLineBaseComponent } from "../../core/base/transaction-lines-line-base.component";
 import { Subscription } from "rxjs";
+import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
 export declare class TransactionOverviewLineComponent extends TransactionLinesLineBaseComponent implements OnInit, OnDestroy {
     service: TransactionService;
     iconCacheService: IconCacheService;
@@ -20,19 +21,15 @@ export declare class TransactionOverviewLineComponent extends TransactionLinesLi
     stock: StockStatus;
     mouseOver: boolean;
     readonly: boolean;
+    transactionKind: TransactionKind;
+    showDialogVat: boolean;
+    showDialogDiscount: boolean;
     subscriptions: Subscription[];
     constructor(service: TransactionService, iconCacheService: IconCacheService, _dialogService: DialogService, _dictionaryService: DictionaryService);
+    ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
     changeLineAmount(amount: number): void;
     handleOpenArticleText(text: string): void;
-    openCommissionCodeDialog(): void;
-    openWarehouseDialog(): void;
-    openDeliveryMethodDialog(): void;
-    openVatDialog(): void;
-    openDiscountDialog(): void;
-    private _loadLineCommissionCode;
-    private _loadLineWarehouse;
-    private _loadLineDeliveryMethod;
     private _loadLineVat;
 }