@colijnit/transaction 12.1.33 → 12.1.35

package/lib/component/checkout/checkout-overview-payment/checkout-overview-payment.component.d.ts

@@ -3,15 +3,19 @@ import { TransactionInfoResponse } from "@colijnit/transactionapi/build/model/tr
 import { Icon } from "../../../enum/icon.enum";
 import { RelationAnyType } from "@colijnit/transactionapi/build/model/relation-any-type";
 import { Address } from "@colijnit/transactionapi/build/model/address.bo";
+import { TransactionService } from "../../../service/transaction.service";
 export declare class CheckoutOverviewPaymentComponent implements OnInit {
+    private _transactionService;
     readonly icons: typeof Icon;
     transaction: TransactionInfoResponse;
     relation: RelationAnyType;
     changeYourDataClick: EventEmitter<void>;
     changeDeliveryClick: EventEmitter<void>;
-    payed: EventEmitter<void>;
+    payed: EventEmitter<number>;
     showClass(): boolean;
     deliveryAddress: Address;
     invoiceAddress: Address;
+    constructor(_transactionService: TransactionService);
     ngOnInit(): void;
+    handlePayed(): void;
 }

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

@@ -1,7 +1,6 @@
 import { EventEmitter } from "@angular/core";
 import { TransactionService } from "../../service/transaction.service";
 import { DictionaryService } from "../../service/dictionary.service";
-import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
 import { TransactionInfoResponse } from "@colijnit/transactionapi/build/model/transaction-info-response.bo";
 import { CheckoutOverviewRelationEditComponent } from "./checkout-overview-relation-edit/checkout-overview-relation-edit.component";
 import { CheckoutOverviewDeliveryEditComponent } from "./checkout-overview-delivery-edit/checkout-overview-delivery-edit.component";
@@ -22,7 +21,7 @@ export declare class CheckoutComponent {
     checkoutDelivery: CheckoutOverviewDeliveryEditComponent;
     checkoutPayment: PaymentComponent;
     sellerId: number;
-    transactionFinished: EventEmitter<TransactionInfo>;
+    transactionFinished: EventEmitter<number>;
     showClass(): boolean;
     get userIsApplicationUser(): boolean;
     transaction: TransactionInfoResponse;
@@ -36,4 +35,5 @@ export declare class CheckoutComponent {
     handleSaveDelivery(): Promise<boolean>;
     handleDeliveryAddressChange(nawNr: number): void;
     handleInvoiceAddressChange(nawNr: number): void;
+    handleTransactionFinished(id: number): void;
 }

package/lib/component/confirmation-dialog/confirmation-dialog.component.d.ts

@@ -1,11 +1,17 @@
 import { DialogBaseComponent } from "../core/base/dialog-base.component";
 import { AppPopupType } from "../core/enum/app-popup-type.enum";
+import { Icon } from "../../enum/icon.enum";
+import { IconCacheService } from "../../service/icon-cache.service";
 export declare class ConfirmationDialogComponent extends DialogBaseComponent {
+    iconCacheService: IconCacheService;
+    readonly icons: typeof Icon;
     readonly ptype: typeof AppPopupType;
     title: string;
     text: string;
+    details: string;
     type: AppPopupType;
     showClass(): boolean;
+    constructor(iconCacheService: IconCacheService);
     handleYesClick(event: MouseEvent): void;
     handleNoClick(event: MouseEvent): void;
     handleOkClick(event: MouseEvent): void;

package/lib/component/confirmation-dialog/style/_layout.scss

@@ -17,5 +17,14 @@
       justify-content: flex-end;
       column-gap: 5px;
     }
+    .dialog-error-wrapper {
+      padding: 10px 0;
+    }
+    .dialog-error-collapseable-label {
+      margin-top: 20px;
+      .dialog-error-collapseable-content {
+        height: 0;
+      }
+    }
   }
 }

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

@@ -7,9 +7,5 @@
       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

@@ -1,7 +1,4 @@
 @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/transaction-header-block/style/_material-definition.scss

@@ -13,7 +13,7 @@ $tp-transaction-header-block-content-column-gap: 20px !default;
 $tp-transaction-header-block-width: 200px !default;
 $tp-transaction-header-block-margin: 0 !default;
 $tp-transaction-header-block-padding: 4px 20px !default;
-$tp-transaction-header-block-border: 1px solid !default;
+$tp-transaction-header-block-border: none !default;
 $tp-transaction-header-block-border-radius: 10px !default;
 $tp-transaction-header-block-border-color: $tp-color-border !default;
 $tp-transaction-header-block-border-width: 1px !default;

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

@@ -7,9 +7,5 @@
       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

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

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

@@ -0,0 +1,13 @@
+import { AppPopupButtonType } from "../enum/app-popup-button-type.enum";
+import { EventEmitter } from "@angular/core";
+import { TransactionHeaderBaseComponent } from "./transaction-header-base.component";
+export declare abstract class DialogTransactionHeaderBaseComponent extends TransactionHeaderBaseComponent<any> {
+    readonly buttonType: typeof AppPopupButtonType;
+    close: EventEmitter<void>;
+    value: any;
+    onClose(eventType: AppPopupButtonType, output?: any): void;
+    handleValueChange(value: any): void;
+    handleOkClick(): void;
+    handleSearch(text: string): void;
+    handleClose(type: AppPopupButtonType): void;
+}

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

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

package/lib/component/core/base/transaction-filter-popup-base.component.d.ts

@@ -0,0 +1,36 @@
+import { EventEmitter } from "@angular/core";
+import { BusinessObject } from "@colijnit/transactionapi/build/model/business-object";
+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 TransactionFilterPopupBaseComponent<T extends BusinessObject | number | string> {
+    useModel: boolean;
+    set searchText(value: string);
+    get searchText(): string;
+    valueChange: EventEmitter<any>;
+    set collection(value: T[]);
+    get collection(): T[];
+    get model(): TransactionLineInfo | TransactionInfo;
+    viewModels: {
+        value: any;
+        propsForLabel: string[];
+        checked: boolean;
+    }[];
+    viewModelsFiltered: {
+        value: any;
+        propsForLabel: string[];
+        checked: boolean;
+    }[];
+    protected codeField: string;
+    protected checkField: string;
+    protected propsForLabel: string[];
+    private _collection;
+    private _searchText;
+    commit(value: any): void;
+    handleChecked(row: {
+        value: number;
+        text: string;
+        checked: boolean;
+    }): void;
+    protected prepareViewModels(): void;
+    private _doSearch;
+}

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

@@ -1,28 +1,12 @@
-import { EventEmitter, OnInit } from "@angular/core";
 import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
-export declare abstract class TransactionHeaderBaseComponent implements OnInit {
-    useTransaction: boolean;
-    set searchText(value: string);
-    get searchText(): string;
+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";
+export declare abstract class TransactionHeaderBaseComponent<T extends BusinessObject | number | string> extends TransactionFilterPopupBaseComponent<T> {
     set transactionInfo(value: TransactionInfo);
     get transactionInfo(): TransactionInfo;
-    valueChange: EventEmitter<any>;
+    get model(): TransactionLineInfo | TransactionInfo;
     readonly: boolean;
-    viewModels: {
-        value: any;
-        text: string;
-        label: string;
-        checked: boolean;
-    }[];
-    viewModelsFiltered: {
-        value: any;
-        text: string;
-        label: string;
-        checked: boolean;
-    }[];
-    private _searchText;
     private _transactionInfo;
-    ngOnInit(): void;
     protected transactionInfoSet(): void;
-    private _doSearch;
 }

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

@@ -1,36 +1,16 @@
-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;
+import { BusinessObject } from "@colijnit/transactionapi/build/model/business-object";
+import { TransactionFilterPopupBaseComponent } from "./transaction-filter-popup-base.component";
+export declare abstract class TransactionLineBaseComponent<T extends BusinessObject | number | string> extends TransactionFilterPopupBaseComponent<T> {
     set transactionLine(value: TransactionLineInfo);
     get transactionLine(): TransactionLineInfo;
     set transactionInfo(value: TransactionInfo);
     get transactionInfo(): TransactionInfo;
-    valueChange: EventEmitter<any>;
+    get model(): TransactionLineInfo | TransactionInfo;
     readonly: boolean;
-    viewModels: {
-        value: any;
-        text: string;
-        label: string;
-        checked: boolean;
-    }[];
-    viewModelsFiltered: {
-        value: any;
-        text: string;
-        label: string;
-        checked: boolean;
-    }[];
-    private _searchText;
     private _transactionLine;
     private _transactionInfo;
-    ngOnInit(): void;
     protected transactionLineSet(): void;
     protected transactionInfoSet(): void;
-    private _doSearch;
 }

package/lib/component/core/directive/lazy-render-master.directive.d.ts

@@ -0,0 +1,10 @@
+import { ElementRef, OnDestroy } from "@angular/core";
+export declare class LazyRenderMasterDirective implements OnDestroy {
+    private _element;
+    private _mapping;
+    private _observer;
+    constructor(_element: ElementRef);
+    ngOnDestroy(): void;
+    add(element: HTMLElement, callback: Function): void;
+    remove(element: HTMLElement): void;
+}

package/lib/component/core/directive/lazy-render.directive.d.ts

@@ -0,0 +1,10 @@
+import { ElementRef, OnDestroy, OnInit } from "@angular/core";
+import { LazyRenderMasterDirective } from "./lazy-render-master.directive";
+export declare class LazyRenderDirective implements OnDestroy, OnInit {
+    isShowing: boolean;
+    private _elementRef;
+    private _parent;
+    constructor(parent: LazyRenderMasterDirective, elementRef: ElementRef);
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+@include export-module('co-dialog-transaction-header-delivery-method-layout') {
+  .co-dialog-transaction-header-delivery-method {
+    .co-dialog:not(.is-mobile) .co-dialog-wrapper {
+      min-width: $tp-dialog-transaction-header-delivery-method-min-width;
+    }
+    .dialog-footer-button-wrapper {
+      display: flex;
+      justify-content: flex-end;
+    }
+    .co-dialog .dialog-content {
+      max-height: $tp-dialog-transaction-header-delivery-method-height;
+      height: $tp-dialog-transaction-header-delivery-method-height;
+    }
+  }
+}

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

@@ -0,0 +1,2 @@
+$tp-dialog-transaction-header-delivery-method-min-width: 500px !default;
+$tp-dialog-transaction-header-delivery-method-height: 400px !default;

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

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

package/lib/component/dialog/transaction-header/dialog-transaction-header-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-commission-code/style/_layout.scss

@@ -1,19 +1,14 @@
-@include export-module('cc-dialog-transaction-line-commission-code-layout') {
+@include export-module('co-dialog-transaction-line-commission-code-layout') {
   .co-dialog-transaction-line-commission-code {
     .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;
+      min-width: $tp-dialog-transaction-line-commission-code-min-width;
     }
     .dialog-footer-button-wrapper {
       display: flex;
       justify-content: flex-end;
     }
     .co-dialog .dialog-content {
-      max-height: 400px;
+      max-height: $tp-dialog-transaction-line-commission-code-height;
     }
   }
 }

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

@@ -0,0 +1,2 @@
+$tp-dialog-transaction-line-commission-code-min-width: 500px !default;
+$tp-dialog-transaction-line-commission-code-height: 400px !default;

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

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

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

@@ -1,19 +1,15 @@
 @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;
+      min-width: $tp-dialog-transaction-line-delivery-method-min-width;
     }
     .dialog-footer-button-wrapper {
       display: flex;
       justify-content: flex-end;
     }
     .co-dialog .dialog-content {
-      max-height: 400px;
+      max-height: $tp-dialog-transaction-line-delivery-method-height;
+      height: $tp-dialog-transaction-line-delivery-method-height;
     }
   }
 }

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

@@ -0,0 +1,2 @@
+$tp-dialog-transaction-line-delivery-method-min-width: 500px !default;
+$tp-dialog-transaction-line-delivery-method-height: 400px !default;

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

@@ -0,0 +1,14 @@
+import { DialogTransactionLineBaseComponent } from "../../../core/base/dialog-transaction-line-base.component";
+import { DialogService } from "../../../../service/dialog.service";
+import { TransactionService } from "../../../../service/transaction.service";
+export declare class DialogTransactionLineDiscountComponent extends DialogTransactionLineBaseComponent {
+    private _dialogService;
+    private _service;
+    showClass(): boolean;
+    showPriceListDialog: boolean;
+    constructor(_dialogService: DialogService, _service: TransactionService);
+    openThePriceListDialog(): void;
+    protected transactionLineSet(): void;
+    protected transactionInfoSet(): void;
+    private _loadLinePricelist;
+}

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

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+@include export-module('co-dialog-transaction-line-discount-theme') {
+  .co-dialog-transaction-line-discount {
+    .transaction-line-discount-overview {
+      border-color: $tp-dialog-transaction-line-discount-overview-border-color;
+      background-color: $tp-default-background-accent;
+    }
+    .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/dialog/transaction-line/dialog-transaction-line-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-price-list/dialog-transaction-line-price-list.component.d.ts

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

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

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

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

@@ -0,0 +1,15 @@
+@include export-module('co-dialog-transaction-line-price-list-layout') {
+  .co-dialog-transaction-line-price-list {
+    .co-dialog:not(.is-mobile) .co-dialog-wrapper {
+      min-width: $tp-dialog-transaction-line-price-list-min-width;
+    }
+    .dialog-footer-button-wrapper {
+      display: flex;
+      justify-content: flex-end;
+    }
+    .co-dialog .dialog-content {
+      max-height: $tp-dialog-transaction-line-price-list-height;
+      height: $tp-dialog-transaction-line-price-list-height;
+    }
+  }
+}

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

@@ -0,0 +1,2 @@
+$tp-dialog-transaction-line-price-list-min-width: 500px !default;
+$tp-dialog-transaction-line-price-list-height: 400px !default;

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

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

package/lib/component/dialog/transaction-line/dialog-transaction-line-price-list/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-vat/style/_layout.scss

@@ -1,19 +1,15 @@
-@include export-module('cc-dialog-transaction-line-vat-layout') {
+@include export-module('co-dialog-transaction-line-vat-layout') {
   .co-dialog-transaction-line-vat {
     .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;
+      min-width: $tp-dialog-transaction-line-vat-min-width;
     }
     .dialog-footer-button-wrapper {
       display: flex;
       justify-content: flex-end;
     }
     .co-dialog .dialog-content {
-      max-height: 400px;
+      max-height: $tp-dialog-transaction-line-vat-height;
+      height: $tp-dialog-transaction-line-vat-height;
     }
   }
 }

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

@@ -0,0 +1,2 @@
+$tp-dialog-transaction-line-vat-min-width: 500px !default;
+$tp-dialog-transaction-line-vat-height: 400px !default;

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

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

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

@@ -1,19 +1,15 @@
 @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;
+      min-width: $tp-dialog-transaction-line-warehouse-min-width;
     }
     .dialog-footer-button-wrapper {
       display: flex;
       justify-content: flex-end;
     }
     .co-dialog .dialog-content {
-      max-height: 400px;
+      max-height: $tp-dialog-transaction-line-warehouse-height;
+      height: $tp-dialog-transaction-line-warehouse-height;
     }
   }
 }

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

@@ -0,0 +1,2 @@
+$tp-dialog-transaction-line-warehouse-min-width: 500px !default;
+$tp-dialog-transaction-line-warehouse-height: 400px !default;