@colijnit/transaction 12.1.34 → 12.1.36

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

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

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

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

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

@@ -4,7 +4,7 @@ import { DeliveryMethod } from "@colijnit/transactionapi/build/model/delivery-me
 import { TextValueContainer } from "../../model/text-value-container";
 import { DeliveryOption } from "@colijnit/transactionapi/build/model/delivery-option.bo";
 import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
-export declare class TransactionHeaderDeliveryOptionsComponent extends TransactionHeaderBaseComponent implements OnInit {
+export declare class TransactionHeaderDeliveryOptionsComponent extends TransactionHeaderBaseComponent<any> implements OnInit {
     private _transactionService;
     set deliveryMethod(value: DeliveryMethod);
     get deliveryMethod(): DeliveryMethod;

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

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

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

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

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

@@ -2,16 +2,13 @@ import { OnInit } from "@angular/core";
 import { TransactionService } from "../../service/transaction.service";
 import { Marketing } from "@colijnit/transactionapi/build/model/marketing.bo";
 import { TransactionHeaderBaseComponent } from "../core/base/transaction-header-base.component";
-export declare class TransactionHeaderMarketingComponent extends TransactionHeaderBaseComponent implements OnInit {
+export declare class TransactionHeaderMarketingComponent extends TransactionHeaderBaseComponent<Marketing> implements OnInit {
     private _transactionService;
-    collection: Marketing[];
+    protected codeField: string;
+    protected checkField: string;
+    protected propsForLabel: string[];
     constructor(_transactionService: TransactionService);
     ngOnInit(): void;
-    commitTransactionMarketing(code: string): Promise<boolean>;
-    handleChecked(event: MouseEvent, row: {
-        value: string;
-        text: string;
-        checked: boolean;
-    }): void;
+    commit(code: string): Promise<boolean>;
     protected transactionInfoSet(): void;
 }

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

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

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

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

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

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

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

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

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

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

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

@@ -1,13 +1,13 @@
 @import "./material-definition";
 @import "./layout";
 @import "./theme";
-@import "lib/components/input-number-picker/style/material";
 @import "../../core/image-display/style/material";
 @import "../../shared/transaction-article-text/style/material";
 @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-warehouse-location/style/material";
 @import "../../dialog/transaction-line/dialog-transaction-line-delivery-method/style/material";
 @import "../../dialog/transaction-line/dialog-transaction-line-vat/style/material";
 @import "../../dialog/transaction-line/dialog-transaction-line-discount/style/material";

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

@@ -32,17 +32,22 @@ export declare class TransactionLineComponent {
     stock: StockStatus;
     mouseOver: boolean;
     readonly: boolean;
+    showDialogDeliveryMethod: boolean;
+    showDialogCommissionCode: boolean;
+    showDialogVat: boolean;
+    showDialogWarehouse: boolean;
+    showDialogDiscount: boolean;
     private _line;
     constructor(service: TransactionService, iconCacheService: IconCacheService, _dialogService: DialogService, _dictionaryService: DictionaryService, _imageService: TransactionImageService);
     changeLineAmount(amount: number): void;
     deleteTransactionLineClick(): Promise<void>;
     handleOpenArticleText(text: string): void;
     handleShowSidePanel(): void;
-    openCommissionCodeDialog(): void;
-    openWarehouseDialog(): void;
-    openDeliveryMethodDialog(): void;
+    openTheCommissionCodeDialog(): void;
+    openTheWarehouseDialog(): void;
+    openTheDeliveryMethodDialog(): void;
     openVatDialog(): void;
-    openDiscountDialog(): void;
+    openTheDiscountDialog(): void;
     private _loadLineImage;
     private _loadLineCommissionCode;
     private _loadLineWarehouse;

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

@@ -1,32 +1,47 @@
 @include export-module('co-transaction-line-checkbox-list-layout') {
   .co-transaction-line-checkbox-list {
+    display: block;
+    height: 100%;
+
+    .test {
+      height: 400px;
+    }
+
+    .test2 {
+      height: 50px;
+    }
+
     .highlight {
-      font-weight: bold;
-      font-style: italic;
+      font-weight: $tp-transaction-line-checkbox-list-item-hightlight-font-weight;
+      font-style: $tp-transaction-line-checkbox-list-item-hightlight-font-style;
+      text-decoration: $tp-transaction-line-checkbox-list-item-hightlight-text-decoration;
     }
     table {
       width: 100%;
       border-spacing: 0 3px;
       overflow: hidden;
       tr {
-        height: $tp-transaction-line-button-height;
+        height: $tp-transaction-line-checkbox-list-item-height;
+        visibility: hidden;
+        &.visible {
+          visibility: visible;
+        }
       }
       td {
-        border: solid 1px $tp-transaction-line-button-border-color;
-        border-style: solid none;
-        background-color: $tp-transaction-line-button-background-color;
+        border-width: $tp-transaction-line-checkbox-list-item-border-width;
+        border-style: $tp-transaction-line-checkbox-list-item-border-style;
       }
       td:first-child {
         border-left-style: solid;
-        border-top-left-radius: $tp-transaction-line-button-radius;
-        border-bottom-left-radius: $tp-transaction-line-button-radius;
+        border-top-left-radius: $tp-transaction-line-checkbox-list-item-border-radius;
+        border-bottom-left-radius: $tp-transaction-line-checkbox-list-item-border-radius;
         padding-left: 10px;
         width: 40px;
       }
       td:last-child {
         border-right-style: solid;
-        border-bottom-right-radius: $tp-transaction-line-button-radius;
-        border-top-right-radius: $tp-transaction-line-button-radius;
+        border-bottom-right-radius: $tp-transaction-line-checkbox-list-item-border-radius;
+        border-top-right-radius: $tp-transaction-line-checkbox-list-item-border-radius;
       }
     }
   }

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

@@ -0,0 +1,10 @@
+$tp-transaction-line-checkbox-list-item-height: $tp-transaction-line-button-height !default;
+$tp-transaction-line-checkbox-list-item-border-style: solid !default;
+$tp-transaction-line-checkbox-list-item-border-width: 0 !default;
+$tp-transaction-line-checkbox-list-item-border-color: $tp-transaction-line-button-border-color !default;
+$tp-transaction-line-checkbox-list-item-background-color: $tp-transaction-line-button-background-color !default;
+$tp-transaction-line-checkbox-list-item-border-radius: $tp-transaction-line-button-radius !default;
+$tp-transaction-line-checkbox-list-item-hightlight-font-weight: bold !default;
+$tp-transaction-line-checkbox-list-item-hightlight-font-style: italic !default;
+$tp-transaction-line-checkbox-list-item-hightlight-font-color: green !default;
+$tp-transaction-line-checkbox-list-item-hightlight-text-decoration: underline !default;

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

@@ -1,4 +1,12 @@
 @include export-module('co-transaction-line-checkbox-list-theme') {
   .co-transaction-line-checkbox-list {
+    .highlight {
+      color: $tp-transaction-line-checkbox-list-item-hightlight-font-color;
+    }
+    table {
+      td {
+        background-color: $tp-transaction-line-checkbox-list-item-background-color;
+      }
+    }
   }
 }

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

@@ -1,8 +1,10 @@
 import { EventEmitter } from "@angular/core";
 export declare class TransactionLineCheckboxListComponent {
     collection: any[];
+    readonly: boolean;
     checked: EventEmitter<any>;
     showClass: boolean;
+    smallToolbar: boolean;
     private _observer;
     handleChecked(event: MouseEvent, row: {
         value: string;

package/lib/component/transaction-line-fields/transaction-line-commission-code.component.d.ts

@@ -11,4 +11,5 @@ export declare class TransactionLineCommissionCodeComponent extends TransactionL
     ngOnInit(): void;
     commit(code: string): Promise<boolean>;
     protected transactionLineSet(): void;
+    protected transactionInfoSet(): void;
 }

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

@@ -10,5 +10,5 @@ export declare class TransactionLineDeliveryMethodComponent extends TransactionL
     constructor(_transactionService: TransactionService);
     ngOnInit(): void;
     commit(method: string): Promise<boolean>;
-    protected transactionLineSet(): void;
+    protected transactionInfoSet(): void;
 }

package/lib/component/transaction-line-fields/transaction-line-warehouse-location.component.d.ts

@@ -0,0 +1,13 @@
+import { OnInit } from "@angular/core";
+import { TransactionLineBaseComponent } from "../core/base/transaction-line-base.component";
+import { StockLocation } from "@colijnit/articleapi/build/model/stock-location.bo";
+import { ArticleService } from "../../service/article.service";
+export declare class TransactionLineWarehouseLocationComponent extends TransactionLineBaseComponent<StockLocation> implements OnInit {
+    private _articleService;
+    warehouseNr: number;
+    protected codeField: string;
+    protected propsForLabel: string[];
+    constructor(_articleService: ArticleService);
+    ngOnInit(): void;
+    commit(locationNr: number): Promise<boolean>;
+}

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

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

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

@@ -2,19 +2,22 @@
 
 @include export-module('co-transaction-line-side-panel-layout') {
   .co-transaction-line-side-panel {
-    display: flex;
-    flex-direction: column;
-    font-family: $tp-transaction-line-side-panel-font-family;
-    font-size: $tp-transaction-line-side-panel-font-size;
-    position: fixed;
-    right: 0;
-    top: $tp-transaction-line-side-panel-top;
-    width: $tp-transaction-line-side-panel-width;
-    height: $tp-transaction-line-side-panel-height;
-    z-index: 10;
-    box-shadow: $tp-transaction-line-side-panel-box-shadow;
-    padding: $tp-transaction-line-side-panel-padding;
-    background: white;
+
+    .transaction-line-side-panel-wrapper {
+      display: flex;
+      flex-direction: column;
+      font-family: $tp-transaction-line-side-panel-font-family;
+      font-size: $tp-transaction-line-side-panel-font-size;
+      position: fixed;
+      right: 0;
+      top: $tp-transaction-line-side-panel-top;
+      width: $tp-transaction-line-side-panel-width;
+      height: $tp-transaction-line-side-panel-height;
+      z-index: 30;
+      box-shadow: $tp-transaction-line-side-panel-box-shadow;
+      padding: $tp-transaction-line-side-panel-padding;
+      background: white;
+    }
 
     .transaction-line-side-panel-header {
       display: flex;

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

@@ -7,7 +7,8 @@ import { TransactionTypeCategory } from "../../enum/transaction-type-category.en
 import { TransactionService } from "../../service/transaction.service";
 import { TransactionEventService } from "../../service/transaction-event.service";
 import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
-export declare class TransactionLineSidePanelComponent {
+import { DynamicBaseComponent } from "../core/base/dynamic-base-component";
+export declare class TransactionLineSidePanelComponent extends DynamicBaseComponent {
     iconService: IconCacheService;
     private _service;
     private _transactionEventService;
@@ -19,7 +20,8 @@ export declare class TransactionLineSidePanelComponent {
     activeCategory: TransactionTypeCategory;
     cancelClick: EventEmitter<MouseEvent>;
     showClass(): boolean;
+    show: boolean;
     quantityToReceive: number;
     constructor(iconService: IconCacheService, _service: TransactionService, _transactionEventService: TransactionEventService);
-    handleCancelClick(event: MouseEvent): void;
+    handleCancelClick(): void;
 }

package/lib/component/transaction-line-side-panel-purchase/transaction-line-side-panel-purchase.component.d.ts

@@ -1,22 +1,23 @@
-import { EventEmitter } from "@angular/core";
+import { AfterViewInit, EventEmitter } from "@angular/core";
 import { GoodsReceiptStatusWithHistory } from "@colijnit/transactionapi/build/model/goods-receipt-status-with-history.bo";
 import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
 import { TransactionTypeCategory } from "../../enum/transaction-type-category.enum";
 import { TransactionService } from "../../service/transaction.service";
 import { TransactionEventService } from "../../service/transaction-event.service";
 import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
-export declare class TransactionLineSidePanelPurchaseComponent {
+export declare class TransactionLineSidePanelPurchaseComponent implements AfterViewInit {
     private _service;
     private _transactionEventService;
     readonly categories: typeof TransactionTypeCategory;
+    transactionLine: TransactionLineInfo;
     set transactionInfo(value: TransactionInfo);
     get transactionInfo(): TransactionInfo;
-    transactionLine: TransactionLineInfo;
     category: TransactionTypeCategory;
     quantityToReceiveChange: EventEmitter<number>;
     showClass(): boolean;
     goodsReceiptStatus: GoodsReceiptStatusWithHistory;
     private _transactionInfo;
     constructor(_service: TransactionService, _transactionEventService: TransactionEventService);
+    ngAfterViewInit(): void;
     getGoodsReceiptStatusWithHistory(): Promise<void>;
 }

package/lib/component/transaction-receiving-goods-details/style/_layout.scss

@@ -34,5 +34,21 @@
     .details-input {
       margin: $tp-co-transaction-receiving-goods-details-input-margin;
     }
+
+    .location-wrapper {
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      border: 1px solid $tp-transaction-line-border-color;
+      border-radius: 10px;
+      height: 40px;
+      background-color: $tp-transaction-line-discount-background-color;
+      padding-left: 6px;
+      margin-bottom: 20px;
+    }
+  }
+
+  .clickable {
+    cursor: pointer;
   }
 }

package/lib/component/transaction-receiving-goods-details/transaction-receiving-goods-details.component.d.ts

@@ -5,10 +5,12 @@ import { FormMasterService } from "@colijnit/corecomponents_v12";
 import { ReceiveGoodsForPurchaseOrderRequest } from "@colijnit/transactionapi/build/model/receive-goods-for-purchase-order-request.bo";
 import { TransactionService } from "../../service/transaction.service";
 import { ArticleService } from "../../service/article.service";
+import { DialogService } from "../../service/dialog.service";
 export declare class TransactionReceivingGoodsDetailsComponent {
     private _formMaster;
     private _service;
     private _articleService;
+    private _dialogService;
     set amountLeftToReceive(value: number);
     transactionId: number;
     set transactionLine(value: TransactionLineInfo);
@@ -24,10 +26,11 @@ export declare class TransactionReceivingGoodsDetailsComponent {
     readonly: boolean;
     private _transactionLine;
     private _amountLeftToReceive;
-    constructor(_formMaster: FormMasterService, _service: TransactionService, _articleService: ArticleService);
+    constructor(_formMaster: FormMasterService, _service: TransactionService, _articleService: ArticleService, _dialogService: DialogService);
     submit(): boolean;
     locationRequired(): boolean;
     handleSaveDetailsEdit(): Promise<void>;
     handleCancelDetailsEdit(): void;
     handleDropDownSelected(warehouseNr: number): Promise<void>;
+    openWarehouseLocationDialog(): Promise<any>;
 }

package/lib/component/transaction-receiving-goods-history/transaction-receiving-goods-history.component.d.ts

@@ -1,18 +1,16 @@
 import { EventEmitter } from "@angular/core";
 import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
 import { TransactionService } from "../../service/transaction.service";
-import { GoodsReceiptHistory } from "@colijnit/transactionapi/build/model/goods-receipt-history.bo";
-import { DatePipe } from "@angular/common";
+import { LogisticalStateDetail } from "@colijnit/transactionapi/build/model/logistical-state-detail.bo";
 export declare class TransactionReceivingGoodsHistoryComponent {
     private _service;
-    private _datePipe;
-    set goodsReceiptHistory(value: GoodsReceiptHistory[]);
+    set goodsReceiptHistory(value: LogisticalStateDetail[]);
     transactionLine: TransactionLineInfo;
     transactionId: number;
     reloadReceivingGoodsHistory: EventEmitter<void>;
-    get goodsReceiptHistory(): GoodsReceiptHistory[];
+    get goodsReceiptHistory(): LogisticalStateDetail[];
     private _goodsReceiptHistory;
-    constructor(_service: TransactionService, _datePipe: DatePipe);
+    constructor(_service: TransactionService);
     showClass(): boolean;
-    handleDeleteSelectedRow(row: GoodsReceiptHistory): Promise<void>;
+    handleDeleteSelectedRow(row: LogisticalStateDetail): Promise<void>;
 }

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

@@ -4,5 +4,5 @@
 @import "../transaction-search-header/style/material";
 @import "../transaction-filter/transaction-filter/style/material";
 @import "../transaction-search-result/style/material";
-@import "~@colijnit/corecomponents_v12/lib/components/pagination/style/material";
+@import "~@colijnit/corecomponents_v12/lib/modules/pagination/style/material";
 

package/lib/service/dialog.service.d.ts

@@ -1,14 +1,16 @@
 import { ApplicationRef, ComponentFactoryResolver, Injector, Type } from "@angular/core";
-import { DialogBaseComponent } from "../component/core/base/dialog-base.component";
-import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
 import { TransactionLineCharacteristicChoice } from "@colijnit/transactionapi/build/model/transactionLineCharacteristicChoice.bo";
+import { DynamicComponentService } from "./dynamic-component.service";
 import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
+import { DialogBaseComponent } from "../component/core/base/dialog-base.component";
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
 export declare class DialogService {
     private _compFactoryResolver;
     private appRef;
     private injector;
+    private dynamicComponentService;
     private _componentRefs;
-    constructor(_compFactoryResolver: ComponentFactoryResolver, appRef: ApplicationRef, injector: Injector);
+    constructor(_compFactoryResolver: ComponentFactoryResolver, appRef: ApplicationRef, injector: Injector, dynamicComponentService: DynamicComponentService);
     showYesNo(title: string, text: string): Promise<any>;
     showError(message: string, details?: string): Promise<any>;
     showInformation(message: string): Promise<any>;
@@ -17,5 +19,5 @@ export declare class DialogService {
     showCharacteristics(title: string, choices: TransactionLineCharacteristicChoice[], value: string): Promise<string>;
     showWarehouse(): Promise<number>;
     showCommissionCode(): Promise<string>;
-    private _createComponent;
+    showWarehouseLocation(): Promise<string>;
 }

package/lib/service/dynamic-component.service.d.ts

@@ -0,0 +1,9 @@
+import { ApplicationRef, ComponentFactoryResolver, Injector, StaticProvider } from "@angular/core";
+export declare class DynamicComponentService {
+    private _compFactoryResolver;
+    private appRef;
+    private injector;
+    private _componentRefs;
+    constructor(_compFactoryResolver: ComponentFactoryResolver, appRef: ApplicationRef, injector: Injector);
+    createComponent(componentClass: any, inputs?: any, outputs?: any, providers?: StaticProvider[]): Promise<any>;
+}

package/lib/service/transaction-connector-adapter.service.d.ts

@@ -140,7 +140,7 @@ export declare class TransactionConnectorAdapterService {
     changeHeaderTransactionToDownPay(uuid: string, downPayment: number): Promise<TransactionInfoResponse>;
     changeTransactionLineCollectionCode(uuid: string, lineUuid: string, code: string): Promise<TransactionInfoResponse>;
     createOutstandingEntry(uuid: string, amount: number): Promise<TransactionInfoResponse>;
-    registerSalesOrderPayment(uuid: string, amount: number, currencyId: number, paymentMethod: string, cashRegisterGroupId: number): Promise<TransactionInfoResponse>;
+    registerSalesOrderPayment(uuid: string, amount: number, currencyId: number, paymentMethod: string, cashRegisterGroupId: number): Promise<DataServiceResponseData>;
     createIonePaymentLinkAndQRCode(uuid: string, amount: number, paymentMethodCode: string): Promise<CreatePaymentLinkResult>;
     getPaymentLinkStatus(paymentLinkUUID: string): Promise<PaymentLinkStatus>;
     getGoodsReceiptStatus(transId: number, lineNr: number): Promise<GoodsReceiptStatusWithHistory>;

package/lib/service/transaction-connector.service.d.ts

@@ -137,7 +137,6 @@ export declare class TransactionConnectorService {
     changeHeaderTransactionMarketing(uuid: string, code: string): Promise<TransactionInfoResponse>;
     changeHeaderTransactionToDownPay(uuid: string, downPayment: number): Promise<TransactionInfoResponse>;
     createOutstandingEntry(uuid: string, amount: number): Promise<TransactionInfoResponse>;
-    registerSalesOrderPayment(uuid: string, amount: number, currencyId: number, paymentMethod: string, cashRegisterGroupId: number): Promise<TransactionInfoResponse>;
     createIonePaymentLinkAndQRCode(uuid: string, amount: number, paymentMethodCode: string): Promise<CreatePaymentLinkResult>;
     getPaymentLinkStatus(paymentLinkUUID: string): Promise<PaymentLinkStatus>;
     getGoodsReceiptStatus(transId: number, lineNr: number): Promise<GoodsReceiptStatusWithHistory>;

package/lib/style/transaction-globals.scss

@@ -4,6 +4,38 @@
 
 @import "./variables";
 
+$thumbColor: #484f60;
+$trackColor: #e8eceb;
+$stopPoint: 10%;
+
+.co-transaction-small-toolbar {
+  overflow: auto;
+  &::-webkit-scrollbar {
+    -webkit-appearance: none;
+  }
+
+  &::-webkit-scrollbar:vertical {
+    width: 15px;
+  }
+
+  &::-webkit-scrollbar:horizontal {
+    height: 15px;
+  }
+
+  &::-webkit-scrollbar-thumb:vertical {
+    background: linear-gradient(to left, $thumbColor, $thumbColor $stopPoint, transparent $stopPoint, transparent);
+  }
+  &::-webkit-scrollbar-track:vertical {
+    background: linear-gradient(to left, $trackColor, $trackColor $stopPoint, transparent $stopPoint, transparent);
+  }
+  &::-webkit-scrollbar-thumb:horizontal {
+    background: linear-gradient(to top, $thumbColor, $thumbColor $stopPoint, transparent $stopPoint, transparent);
+  }
+  &::-webkit-scrollbar-track:horizontal {
+    background: linear-gradient(to top, $trackColor, $trackColor $stopPoint, transparent $stopPoint, transparent);
+  }
+}
+
 .co-transaction-default-popup-row {
   display: flex;
   flex-direction: row;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@colijnit/transaction",
-  "version": "12.1.34",
+  "version": "12.1.36",
   "description": "Colijn IT transaction module for Angular 12",
   "private": false,
   "peerDependencies": {
     "@angular/common": "^12.2.0",
     "@angular/core": "^12.2.0",
-    "@colijnit/corecomponents_v12": ">=12.0.61",
-    "@colijnit/transactionapi": ">=1.1.32",
+    "@colijnit/corecomponents_v12": ">=12.0.68",
+    "@colijnit/transactionapi": ">=1.1.37",
     "@fortawesome/angular-fontawesome": "0.9.0",
     "@fortawesome/fontawesome-svg-core": "^6.1.1",
     "@fortawesome/free-solid-svg-icons": "^6.1.1",