@colijnit/transaction 12.1.33 → 12.1.34

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/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,10 @@
+import { AppPopupButtonType } from "../enum/app-popup-button-type.enum";
+import { TransactionHeaderBaseComponent } from "./transaction-header-base.component";
+export declare abstract class DialogTransactionHeaderBaseComponent extends TransactionHeaderBaseComponent {
+    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/dialog-transaction-line-base.component.d.ts

@@ -1,6 +1,6 @@
 import { AppPopupButtonType } from "../enum/app-popup-button-type.enum";
 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;
     value: any;
     onClose(eventType: AppPopupButtonType, output?: any): void;

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

@@ -1,7 +1,8 @@
-import { EventEmitter, OnInit } from "@angular/core";
+import { EventEmitter } 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 {
+import { BusinessObject } from "@colijnit/transactionapi/build/model/business-object";
+export declare abstract class TransactionLineBaseComponent<T extends BusinessObject | number | string> {
     /**
      * Defaults to true
      */
@@ -13,23 +14,33 @@ export declare abstract class TransactionLineBaseComponent implements OnInit {
     set transactionInfo(value: TransactionInfo);
     get transactionInfo(): TransactionInfo;
     valueChange: EventEmitter<any>;
+    set collection(value: T[]);
+    get collection(): T[];
     readonly: boolean;
     viewModels: {
         value: any;
-        text: string;
-        label: string;
+        propsForLabel: string[];
         checked: boolean;
     }[];
     viewModelsFiltered: {
         value: any;
-        text: string;
-        label: string;
+        propsForLabel: string[];
         checked: boolean;
     }[];
+    protected codeField: string;
+    protected checkField: string;
+    protected propsForLabel: string[];
+    private _collection;
     private _searchText;
     private _transactionLine;
     private _transactionInfo;
-    ngOnInit(): void;
+    handleChecked(row: {
+        value: number;
+        text: string;
+        checked: boolean;
+    }): void;
+    commit(value: any): void;
+    protected prepareViewModels(): 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-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,14 @@
+@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: 500px;
+    }
+    .dialog-footer-button-wrapper {
+      display: flex;
+      justify-content: flex-end;
+    }
+    .co-dialog .dialog-content {
+      max-height: 400px;
+    }
+  }
+}

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

@@ -3,11 +3,6 @@
     .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;

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

@@ -3,11 +3,6 @@
     .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;

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

@@ -0,0 +1,12 @@
+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;
+    constructor(_dialogService: DialogService, _service: TransactionService);
+    openPriceListDialog(): void;
+    protected transactionLineSet(): 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,43 @@
+@include export-module('co-dialog-transaction-line-discount-layout') {
+  .co-dialog-transaction-line-discount {
+    .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;
+    }
+    .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,9 @@
+$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,14 @@
+@include export-module('cc-dialog-transaction-line-price-list-layout') {
+  .co-dialog-transaction-line-price-list {
+    .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-price-list/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-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

@@ -3,11 +3,6 @@
     .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;

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

@@ -3,11 +3,6 @@
     .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;

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

@@ -3,11 +3,6 @@
     .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;

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/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;