@colijnit/transaction 12.1.28 → 12.1.30

package/lib/component/checkout/checkout-overview-delivery-edit/style/_material-definition.scss

@@ -1,6 +1,6 @@
 $tp-checkout-delivery-font-family: $tp-font-family !default;
 $tp-checkout-delivery-font-size: $tp-font-size !default;
-$tp-checkout-delivery-label-column-font-family: $tp-checkout-relation-font-family !default;
+$tp-checkout-delivery-label-column-font-family: $tp-font-family !default;
 $tp-checkout-delivery-first-name-width: 200px !default;
 $tp-checkout-delivery-row-gap: 10px !default;
 $tp-checkout-delivery-address-carousel-max-width: 500px !default;

package/lib/component/checkout/checkout.component.d.ts

@@ -8,10 +8,12 @@ import { CheckoutOverviewDeliveryEditComponent } from "./checkout-overview-deliv
 import { StepperStepComponent } from "../stepper/component/stepper-step.component";
 import { DialogService } from "../../service/dialog.service";
 import { PaymentComponent } from "../payment/payment.component";
+import { StepperComponent } from "../stepper/stepper.component";
 export declare class CheckoutComponent {
     service: TransactionService;
     private _dictionary;
     private _dialogService;
+    stepper: StepperComponent;
     stepRelation: StepperStepComponent;
     stepDelivery: StepperStepComponent;
     stepOverview: StepperStepComponent;
@@ -29,7 +31,6 @@ export declare class CheckoutComponent {
     constructor(service: TransactionService, _dictionary: DictionaryService, _dialogService: DialogService);
     handleRelationValidation(): Promise<void>;
     handleDeliveryValidation(): Promise<void>;
-    handleOverviewValidation(): Promise<void>;
     handleFinishStep(): Promise<void>;
     saveRelation(): Promise<boolean>;
     handleSaveDelivery(): Promise<boolean>;

package/lib/component/core/base/components/characteristic-answer/characteristic-answer.component.d.ts

@@ -0,0 +1,21 @@
+import { ChangeDetectorRef, EventEmitter } from "@angular/core";
+import { TransactionLineCharacteristicChoice } from "@colijnit/transactionapi/build/model/transactionLineCharacteristicChoice.bo";
+import { DialogBaseComponent } from "../../dialog-base.component";
+export declare class CharacteristicAnswerComponent extends DialogBaseComponent {
+    private _changeDetector;
+    title: string;
+    set choices(value: TransactionLineCharacteristicChoice[]);
+    get choices(): TransactionLineCharacteristicChoice[];
+    value: string;
+    readonly okClick: EventEmitter<string>;
+    showClass(): boolean;
+    viewModels: {
+        value: string;
+        checked: boolean;
+    }[];
+    private _choices;
+    constructor(_changeDetector: ChangeDetectorRef);
+    handleChecked(event: MouseEvent, choice: string): void;
+    handleOkClick(): void;
+    private _prepareViewModels;
+}

package/lib/component/core/base/components/characteristic-answer/characteristic-answer.module.d.ts

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

package/lib/component/core/base/components/characteristic-answer/style/_layout.scss

@@ -0,0 +1,15 @@
+@include export-module('co-characteristic-answer-layout') {
+  .co-characteristic-answer {
+    .co-dialog:not(.is-mobile) .co-dialog-wrapper {
+      min-width: 500px;
+    }
+    .dialog-footer-button-wrapper {
+      display: flex;
+      justify-content: flex-end;
+    }
+    .co-transaction-default-flex-row {
+      user-select: none;
+      border-radius: $tp-default-border-radius;
+    }
+  }
+}

package/lib/component/core/base/components/characteristic-answer/style/_theme.scss

@@ -0,0 +1,7 @@
+@include export-module('co-characteristic-answer-theme') {
+  .co-characteristic-answer {
+    .co-transaction-default-flex-row {
+      background-color: $tp-default-background-accent;
+    }
+  }
+}

package/lib/component/core/base/components/characteristic-answer/style/material.scss

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

package/lib/component/core/base/components/default-ok-cancel-buttons/style/_layout.scss

@@ -1,5 +1,3 @@
-@import "../../../../style/mixin";
-
 @include export-module('co-default-ok-cancel-buttons-layout') {
   .co-default-ok-cancel-buttons {
     display: flex;

package/lib/component/core/base/components/default-ok-cancel-buttons/style/_theme.scss

@@ -1,5 +1,3 @@
-@import "../../../../style/mixin";
-
 @include export-module('co-default-ok-cancel-buttons-theme') {
   .co-default-ok-cancel-buttons {
   }

package/lib/component/core/base/components/default-ok-cancel-buttons/style/material.scss

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

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

@@ -1,5 +1,3 @@
-@import "../../../../../../style/mixin";
-
 @include export-module('cc-transaction-header-block-layout') {
   .co-transaction-header-block {
     font-family: $tp-transaction-header-block-font-family;

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

@@ -1,5 +1,3 @@
-@import "../../../../../../style/mixin";
-
 @include export-module('cc-transaction-header-block-theme') {
   .co-transaction-header-block {
     background: $tp-transaction-header-block-background;

package/lib/component/core/base/components/warehouse/style/_layout.scss

@@ -0,0 +1,15 @@
+@include export-module('co-warehouse-layout') {
+  .co-warehouse {
+    .co-dialog:not(.is-mobile) .co-dialog-wrapper {
+      min-width: 500px;
+    }
+    .dialog-footer-button-wrapper {
+      display: flex;
+      justify-content: flex-end;
+    }
+    .co-transaction-default-flex-row {
+      user-select: none;
+      border-radius: $tp-default-border-radius;
+    }
+  }
+}

package/lib/component/core/base/components/warehouse/style/_theme.scss

@@ -0,0 +1,7 @@
+@include export-module('co-warehouse-theme') {
+  .co-warehouse {
+    .co-transaction-default-flex-row {
+      background-color: $tp-default-background-accent;
+    }
+  }
+}

package/lib/component/core/base/components/warehouse/style/material.scss

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

package/lib/component/core/base/components/warehouse/warehouse.component.d.ts

@@ -0,0 +1,20 @@
+import { EventEmitter, OnInit } from "@angular/core";
+import { DialogBaseComponent } from "../../dialog-base.component";
+import { Warehouse } from "@colijnit/transactionapi/build/model/warehouse.bo";
+import { TransactionService } from "../../../../../service/transaction.service";
+export declare class WarehouseComponent extends DialogBaseComponent implements OnInit {
+    private _transactionService;
+    readonly okClick: EventEmitter<string>;
+    showClass(): boolean;
+    collection: Warehouse[];
+    viewModels: {
+        value: number;
+        text: string;
+        checked: boolean;
+    }[];
+    private _value;
+    constructor(_transactionService: TransactionService);
+    ngOnInit(): void;
+    handleChecked(event: MouseEvent, choice: number): void;
+    handleOkClick(): void;
+}

package/lib/component/core/base/components/warehouse/warehouse.module.d.ts

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

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

@@ -0,0 +1,10 @@
+import { AppPopupButtonType } from "../enum/app-popup-button-type.enum";
+import { TransactionLineBaseComponent } from "./transaction-line-base.component";
+export declare abstract class DialogTransactionLineBaseComponent extends TransactionLineBaseComponent {
+    readonly buttonType: typeof AppPopupButtonType;
+    value: any;
+    onClose(eventType: AppPopupButtonType, output?: any): void;
+    handleValueChange(value: any): void;
+    handleOkClick(): void;
+    handleSearch(text: string): void;
+}

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

@@ -0,0 +1,34 @@
+import { EventEmitter, OnInit } from "@angular/core";
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
+export declare abstract class TransactionLineBaseComponent implements OnInit {
+    /**
+     * Defaults to true
+     */
+    useTransactionLine: boolean;
+    set searchText(value: string);
+    get searchText(): string;
+    set transactionLine(value: TransactionLineInfo);
+    get transactionLine(): TransactionLineInfo;
+    set transactionInfo(value: TransactionInfo);
+    get transactionInfo(): TransactionInfo;
+    valueChange: EventEmitter<any>;
+    readonly: boolean;
+    viewModels: {
+        value: any;
+        text: string;
+        checked: boolean;
+    }[];
+    viewModelsFiltered: {
+        value: any;
+        text: string;
+        checked: boolean;
+    }[];
+    private _searchText;
+    private _transactionLine;
+    private _transactionInfo;
+    ngOnInit(): void;
+    protected transactionLineSet(): void;
+    protected transactionInfoSet(): void;
+    private _doSearch;
+}

package/lib/component/dialog/dialog-header-search/dialog-header-search.component.d.ts

@@ -0,0 +1,10 @@
+import { EventEmitter } from "@angular/core";
+export declare class DialogHeaderSearchComponent {
+    set title(value: string);
+    get title(): string;
+    search: EventEmitter<string>;
+    showClass(): boolean;
+    searchPlaceholder: string;
+    private _title;
+    handleSearch(text: string): void;
+}

package/lib/component/dialog/dialog-header-search/dialog-header-search.module.d.ts

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

package/lib/component/dialog/dialog-header-search/style/_layout.scss

@@ -0,0 +1,7 @@
+@include export-module('co-dialog-header-search-layout') {
+  .co-dialog-header-search {
+    .dialog-header-search-title {
+      margin: $tp-dialog-header-search-title-margin;
+    }
+  }
+}

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

@@ -0,0 +1 @@
+$tp-dialog-header-search-title-margin: 0 0 10px 0 !default;

package/lib/component/dialog/dialog-header-search/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-dialog-header-search-theme') {
+  .co-dialog-header-search {
+  }
+}

package/lib/component/dialog/dialog-header-search/style/material.scss

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

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

@@ -0,0 +1,4 @@
+@include export-module('cc-dialog-transaction-header-branch-layout') {
+  .co-dialog-transaction-header-branch {
+  }
+}

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

@@ -0,0 +1,4 @@
+@include export-module('cc-dialog-transaction-header-branch-theme') {
+  .co-dialog-transaction-header-branch {
+  }
+}

package/lib/component/dialog/transaction-header/dialog-transaction-header-branch/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-commission-code/dialog-transaction-line-commission-code.component.d.ts

@@ -1,6 +1,4 @@
-import { DialogTransactionLineBaseComponent } from "../dialog-transaction-line-base.component";
-import { AppPopupButtonType } from "../../../core/enum/app-popup-button-type.enum";
+import { DialogTransactionLineBaseComponent } from "../../../core/base/dialog-transaction-line-base.component";
 export declare class DialogTransactionLineCommissionCodeComponent extends DialogTransactionLineBaseComponent {
-    readonly buttonType: typeof AppPopupButtonType;
     showClass(): boolean;
 }

package/lib/component/dialog/transaction-line/dialog-transaction-line-commission-code/style/_layout.scss

@@ -1,15 +1,19 @@
 @include export-module('cc-dialog-transaction-line-commission-code-layout') {
   .co-dialog-transaction-line-commission-code {
-    .extended-row-wrapper {
+    .co-dialog:not(.is-mobile) .co-dialog-wrapper {
+      min-width: 500px;
+    }
+    .co-transaction-default-flex-row {
+      user-select: none;
+      border-radius: $tp-default-border-radius;
+      background-color: $tp-default-background-accent;
+    }
+    .dialog-footer-button-wrapper {
       display: flex;
-      flex-direction: row;
-      align-items: center;
-      column-gap: 10px;
-      padding: 8px 10px;
-      overflow: hidden;
-      margin: 0 0 5px 0;
-      border-radius: 5px;
-      background-color: #f5f5fa;
+      justify-content: flex-end;
+    }
+    .co-dialog .dialog-content {
+      max-height: 400px;
     }
   }
 }

package/lib/component/dialog/transaction-line/dialog-transaction-line-delivery-method/dialog-transaction-line-delivery-method.component.d.ts

@@ -0,0 +1,4 @@
+import { DialogTransactionLineBaseComponent } from "../../../core/base/dialog-transaction-line-base.component";
+export declare class DialogTransactionLineDeliveryMethodComponent extends DialogTransactionLineBaseComponent {
+    showClass(): boolean;
+}

package/lib/component/dialog/transaction-line/dialog-transaction-line-delivery-method/dialog-transaction-line-delivery-method.module.d.ts

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

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

@@ -0,0 +1,19 @@
+@include export-module('co-dialog-transaction-line-delivery-method-layout') {
+  .co-dialog-transaction-line-delivery-method {
+    .co-dialog:not(.is-mobile) .co-dialog-wrapper {
+      min-width: 500px;
+    }
+    .co-transaction-default-flex-row {
+      user-select: none;
+      border-radius: $tp-default-border-radius;
+      background-color: $tp-default-background-accent;
+    }
+    .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-delivery-method/style/_theme.scss

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

package/lib/component/dialog/transaction-line/dialog-transaction-line-delivery-method/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-warehouse/dialog-transaction-line-warehouse.component.d.ts

@@ -0,0 +1,4 @@
+import { DialogTransactionLineBaseComponent } from "../../../core/base/dialog-transaction-line-base.component";
+export declare class DialogTransactionLineWarehouseComponent extends DialogTransactionLineBaseComponent {
+    showClass(): boolean;
+}

package/lib/component/dialog/transaction-line/dialog-transaction-line-warehouse/dialog-transaction-line-warehouse.module.d.ts

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

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

@@ -0,0 +1,19 @@
+@include export-module('co-dialog-transaction-line-warehouse-layout') {
+  .co-dialog-transaction-line-warehouse {
+    .co-dialog:not(.is-mobile) .co-dialog-wrapper {
+      min-width: 500px;
+    }
+    .co-transaction-default-flex-row {
+      user-select: none;
+      border-radius: $tp-default-border-radius;
+      background-color: $tp-default-background-accent;
+    }
+    .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/style/_theme.scss

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

package/lib/component/dialog/transaction-line/dialog-transaction-line-warehouse/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,5 +1,3 @@
-@import "../../../style/mixin";
-
 @include export-module('cc-relation-contact-details-layout') {
   .co-relation-contact-details {
   }

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

@@ -1,5 +1,3 @@
-@import "../../../style/mixin";
-
 @include export-module('cc-relation-contact-details-theme') {
   .co-relation-contact-details {
   }

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

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

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

@@ -11,7 +11,7 @@
       .default-width {
         width: $tp-radio-button-width;
       }
-      .form-input {
+      .form-input:not(.default-width) {
         width: 100%;
       }
       .checkout-prefix-name {
@@ -24,14 +24,14 @@
       right: 0;
       display: flex;
       flex-direction: column;
-      width: $tp-checkout-relation-suggestion-list-sidebar-width;
+      width: $tp-relation-general-suggestion-list-sidebar-width;
       height: 100%;
-      background: $tp-checkout-relation-suggestion-list-sidebar-background-color;
-      box-shadow: $tp-checkout-relation-suggestion-list-sidebar-boxshadow;
+      background: $tp-relation-general-suggestion-list-sidebar-background-color;
+      box-shadow: $tp-relation-general-suggestion-list-sidebar-boxshadow;
     }
     .relation-sidebar-header {
-      padding: $tp-checkout-relation-suggestion-list-label-padding;
-      margin: $tp-checkout-relation-suggestion-list-label-margin;
+      padding: $tp-relation-general-suggestion-list-label-padding;
+      margin: $tp-relation-general-suggestion-list-label-margin;
     }
   }
 }

package/lib/component/relation/relation-general/style/_material-definition.scss

@@ -1,2 +1,9 @@
 $tp-relation-general-row-gap: 10px !default;
 $tp-relation-general-column-gap: 10px !default;
+$tp-relation-general-suggestion-list-sidebar-width: 300px !default;
+$tp-relation-general-suggestion-list-sidebar-background-color: white !default;
+$tp-relation-general-suggestion-list-sidebar-boxshadow: -3px 1px 10px rgba(1, 1, 1, 0.1) !default;
+$tp-relation-general-suggestion-list-label-fontsize: $tp-font-size !default;
+$tp-relation-general-suggestion-list-label-fontweight: bold !default;
+$tp-relation-general-suggestion-list-label-padding: 5px !default;
+$tp-relation-general-suggestion-list-label-margin: 5px !default;

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

@@ -3,7 +3,7 @@
     .two-column-grid {
       display: grid;
       grid-template-areas: "firstcolumn secondcolumn";
-      row-gap: $tp-checkout-relation-row-gap;
+      row-gap: $tp-relation-preferences-row-gap;
       .first-column {
         grid-area: firstcolumn;
         grid-row: auto;

package/lib/component/relation/relation-preferences/style/_material-definition.scss

@@ -0,0 +1 @@
+$tp-relation-preferences-row-gap: 10px !default;

package/lib/component/transaction-grid/transaction-lines-grid/transaction-lines-grid.component.d.ts

@@ -11,4 +11,5 @@ export declare class TransactionLinesGridComponent extends TransactionGridBaseCo
     constructor(imageService: TransactionImageService, _service: TransactionService, _dialogService: DialogService);
     changeLineAmount(row: TransactionLineInfo, amount: number): void;
     openCommissionCodeDialog(row: TransactionLineInfo): void;
+    openWarehouseDialog(row: TransactionLineInfo): void;
 }

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

@@ -4,7 +4,7 @@ $tp-transaction-header-delivery-planning-request-button-border: 1px solid !defau
 $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-definitive-button-color: $tp-color-active-light !default;
-$tp-transaction-header-delivery-delivery-method-background-color: #f5f5fa !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;

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

@@ -1,4 +1,4 @@
-$tp-transaction-header-block-payment-balance-background: #f5f5fa !default;
+$tp-transaction-header-block-payment-balance-background: $tp-default-background-accent !default;
 $tp-transaction-header-block-payment-balance-padding: 5px 10px !default;
 $tp-transaction-header-block-payment-balance-border-style: solid !default;
 $tp-transaction-header-block-payment-balance-border-color: $tp-color-border !default;

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

@@ -4,10 +4,21 @@ import { TransactionHeaderFieldsBaseComponent } from "./transaction-header-field
 import { BranchLov } from "@colijnit/transactionapi/build/model/branch-lov.bo";
 export declare class TransactionHeaderBranchComponent extends TransactionHeaderFieldsBaseComponent implements OnInit {
     private _transactionService;
+    showExtended: boolean;
     collection: BranchLov[];
     fields: Object;
+    viewModels: {
+        value: number;
+        text: string;
+        checked: boolean;
+    }[];
     constructor(_transactionService: TransactionService);
     ngOnInit(): void;
     commitTransactionBranch(branch: number): Promise<boolean>;
+    handleChecked(row: {
+        value: number;
+        text: string;
+        checked: boolean;
+    }): void;
     protected transactionInfoSet(): void;
 }

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

@@ -6,8 +6,18 @@ export declare class TransactionHeaderMarketingComponent extends TransactionHead
     private _transactionService;
     collection: Marketing[];
     fields: Object;
+    viewModels: {
+        value: string;
+        text: string;
+        checked: boolean;
+    }[];
     constructor(_transactionService: TransactionService);
     ngOnInit(): void;
-    commitTransactionMarketing(codes: string[]): Promise<boolean>;
+    commitTransactionMarketing(code: string): Promise<boolean>;
+    handleChecked(event: MouseEvent, row: {
+        value: string;
+        text: string;
+        checked: boolean;
+    }): void;
     protected transactionInfoSet(): void;
 }

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

@@ -22,6 +22,21 @@
       flex-direction: row;
       column-gap: $tp-transaction-line-column-gap;
     }
+    .transaction-line-extended-wrapper {
+      display: grid;
+      grid-template-columns: 200px 200px 200px;
+      grid-template-rows: 30px 30px;
+      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;
+    }
     &.preview {
       .transaction-line-wrapper {
         align-items: center;

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

@@ -31,4 +31,4 @@ $tp-transaction-line-article-text-font-size: $tp-font-size !default;
 $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: #F5F5FA !default;
+$tp-transaction-line-discount-background-color: $tp-default-background-accent !default;

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

@@ -28,5 +28,8 @@
     .discount {
       background-color: $tp-transaction-line-discount-background-color;
     }
+    .transaction-line-extended-row-wrapper {
+      background-color: $tp-transaction-line-discount-background-color;
+    }
   }
 }

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

@@ -7,3 +7,5 @@
 @import "../../shared/transaction-article-text-overview/style/material";
 @import "../../transaction-line-side-panel/style/material";
 @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";

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

@@ -38,5 +38,11 @@ export declare class TransactionLineComponent {
     deleteTransactionLineClick(): Promise<void>;
     handleOpenArticleText(text: string): void;
     handleShowSidePanel(): void;
+    openCommissionCodeDialog(): void;
+    openWarehouseDialog(): void;
+    openDeliveryMethodDialog(): void;
     private _loadLineImage;
+    private _loadLineCommissionCode;
+    private _loadLineWarehouse;
+    private _loadLineDeliveryMethod;
 }