@colijnit/transaction 12.1.166 → 12.1.168

package/lib/component/purchase-confirmation-lines/purchase-confirmation-lines.component.d.ts

@@ -0,0 +1,43 @@
+import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { OrderConfirmationAnalysisResult } from '@colijnit/transactionapi/build/model/order-confirmation-analysis-result.bo';
+import { PurchaseConfirmationService } from '../../service/purchase-confirmation.service';
+import { IconCacheService } from '../../service/icon-cache.service';
+import { Icon } from '../../enum/icon.enum';
+import { CdkDrag, CdkDragEnter, CdkDragExit, CdkDropList } from '@angular/cdk/drag-drop';
+import { TransactionEventService } from '../../service/transaction-event.service';
+import { TransactionInfoResponse } from '@colijnit/transactionapi/build/model/transaction-info-response.bo';
+import { TransactionLineInfo } from '@colijnit/transactionapi/build/model/transaction-line-info.bo';
+import { OverlayService } from '@colijnit/corecomponents_v12';
+export declare class confirmationViewModel {
+    confirmation: OrderConfirmationAnalysisResult;
+    temp: boolean;
+    cssBoxShadow: string;
+}
+export declare class PurchaseConfirmationLinesComponent implements OnInit, OnDestroy {
+    iconCacheService: IconCacheService;
+    private _purchaseConfirmationService;
+    private _transactionEventService;
+    private _changeDetector;
+    private _overlayService;
+    readonly icons: typeof Icon;
+    parentElementForPopup: ElementRef;
+    transaction: TransactionInfoResponse;
+    showClass(): boolean;
+    purchaseConfirmations: confirmationViewModel[];
+    transactionLines: TransactionLineInfo[];
+    showPopup: boolean;
+    private _subs;
+    private _popupComponentRef;
+    constructor(iconCacheService: IconCacheService, _purchaseConfirmationService: PurchaseConfirmationService, _transactionEventService: TransactionEventService, _changeDetector: ChangeDetectorRef, _overlayService: OverlayService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    handleShowHideClick(confirmation: OrderConfirmationAnalysisResult): void;
+    handleDragStart(event: DragEvent, confirmation: OrderConfirmationAnalysisResult): void;
+    noReturnPredicate(drag: CdkDrag, drop: CdkDropList): boolean;
+    handleDropListExit(event: CdkDragExit<any>): void;
+    handleDropListEntered(event: CdkDragEnter<any>): void;
+    trackByFn(index: number, line: confirmationViewModel): any;
+    private _showPopup;
+    private _hidePopup;
+    private _handleTransactionLineClick;
+}

package/lib/component/purchase-confirmation-lines/purchase-confirmation-lines.module.d.ts

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

package/lib/component/purchase-confirmation-lines/style/_layout.scss

@@ -0,0 +1,96 @@
+@include export-module('co-purchase-confirmation-lines-layout') {
+  .co-purchase-confirmation-lines {
+    font-family: $tp-co-purchase-confirmation-font-family;
+    font-size: $tp-co-purchase-confirmation-font-size;
+  }
+  draggable-confirmation-line.cdk-drag-preview {
+    box-sizing: border-box;
+    border-radius: 4px;
+    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
+    0 8px 10px 1px rgba(0, 0, 0, 0.14),
+    0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  }
+
+  .draggable-confirmation-line {
+    display: flex;
+    align-items: center;
+  }
+
+  .draggable-confirmation-line.cdk-drag-placeholder {
+    opacity: 0.3;
+  }
+
+  .cdk-drag-animating {
+    transition: transform 200ms cubic-bezier(0, 0, 0.2, 1);
+  }
+
+  .draggable-confirmation-line:last-child {
+    border: none;
+  }
+
+  .purchase-confirmation-lines-drag-drop-list.cdk-drop-list-dragging .draggable-confirmation-line:not(.cdk-drag-placeholder) {
+    transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
+  }
+
+  .purchase-confirmation-line-drag-handle {
+    cursor: grab;
+    width: $tp-co-purchase-confirmation-drag-handle-width;
+    height: 75px;
+  }
+  .draggable-purchase-confirmation-line {
+    font-family: $tp-co-purchase-confirmation-font-family;
+    font-size: $tp-co-purchase-confirmation-font-size;
+    display: flex;
+    align-items: center;
+    height: $tp-co-purchase-confirmation-height;
+    margin-bottom: 5px;
+    .confirmation-wrapper {
+      width: 100%;
+      display: grid;
+      align-items: center;
+      grid-template-columns: minmax(auto, $tp-co-purchase-confirmation-quantity-width) minmax(auto, $tp-co-purchase-confirmation-description-width) minmax(auto, $tp-co-purchase-confirmation-date-width) minmax(auto, $tp-co-purchase-confirmation-price-width) minmax(auto, $tp-co-purchase-confirmation-link-button-width);
+      grid-column-gap: $tp-co-purchase-confirmation-column-gap;
+      .link-button {
+        display: flex;
+        justify-content: center;
+        cursor: pointer;
+      }
+    }
+  }
+
+  .purchase-confirmation-header {
+    font-family: $tp-co-purchase-confirmation-header-font-family;
+    font-size: $tp-co-purchase-confirmation-header-font-size;
+    font-weight: $tp-co-purchase-confirmation-header-font-weight;
+    height: $tp-co-purchase-confirmation-header-height;
+    display: flex;
+    align-items: center;
+    gap: $tp-co-purchase-confirmation-column-gap;
+  }
+  .purchase-confirmation-drag-handle {
+    display: flex;
+    flex-shrink: 0;
+    width: $tp-co-purchase-confirmation-drag-handle-width;
+  }
+  .purchase-confirmation-quantity {
+    display: flex;
+    justify-content: flex-end;
+    width: $tp-co-purchase-confirmation-quantity-width;
+  }
+  .purchase-confirmation-description {
+    width: $tp-co-purchase-confirmation-description-width;
+  }
+  .purchase-confirmation-date {
+    width: $tp-co-purchase-confirmation-date-width;
+  }
+  .purchase-confirmation-price {
+    display: flex;
+    justify-content: flex-end;
+    width: $tp-co-purchase-confirmation-price-width;
+  }
+  .purchase-confirmation-link-button {
+    display: flex;
+    justify-content: center;
+    width: $tp-co-purchase-confirmation-link-button-width;
+  }
+}

package/lib/component/purchase-confirmation-lines/style/_material-definition.scss

@@ -0,0 +1,19 @@
+$tp-co-purchase-confirmation-font-family: $tp-font-family !default;
+$tp-co-purchase-confirmation-font-size: $tp-font-size !default;
+
+$tp-co-purchase-confirmation-header-font-family: $tp-font-family !default;
+$tp-co-purchase-confirmation-header-font-size: 14px !default;
+$tp-co-purchase-confirmation-header-font-weight: bold !default;
+$tp-co-purchase-confirmation-header-height: 50px !default;
+
+$tp-co-purchase-confirmation-background: white !default;
+$tp-co-purchase-confirmation-height: 50px !default;
+$tp-co-purchase-confirmation-drag-handle-width: 30px !default;
+
+$tp-co-purchase-confirmation-quantity-width: 16% !default;
+$tp-co-purchase-confirmation-description-width: 40% !default;
+$tp-co-purchase-confirmation-date-width: 16% !default;
+$tp-co-purchase-confirmation-price-width: 16% !default;
+$tp-co-purchase-confirmation-link-button-width: 10% !default;
+
+$tp-co-purchase-confirmation-column-gap: 10px !default;

package/lib/component/purchase-confirmation-lines/style/_theme.scss

@@ -0,0 +1,5 @@
+@include export-module('co-purchase-confirmation-lines-theme') {
+  .draggable-purchase-confirmation-line {
+    background: $tp-co-purchase-confirmation-background;
+  }
+}

package/lib/component/purchase-confirmation-lines/style/material.scss

@@ -0,0 +1,5 @@
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";
+@import "../../transaction-lines-popup/style/material";

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

@@ -11,6 +11,7 @@ export declare class TransactionComponent {
     private _screenConfigurationService;
     readonly cfgNames: typeof TransactionCfgName;
     relation: RelationAnyType;
+    confirmationAnalysisId: number;
     set transactionKind(value: TransactionKind);
     get transactionKind(): TransactionKind;
     set transactionNr(value: number);

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

@@ -19,6 +19,7 @@ import { TransactionBarButton } from '../../model/transaction-bar-button';
 import { TransactionAddTextLineRequest } from '@colijnit/transactionapi/build/model/transaction-add-text-line-request.bo';
 import { OrderLineSetDTO } from '@colijnit/transactionapi/build/model/order-line-set-dto';
 import { TransactionConnectorService } from '../../service/transaction-connector.service';
+import { PurchaseConfirmationService } from '../../service/purchase-confirmation.service';
 export declare class TransactionInternalComponent implements OnDestroy {
     iconCacheService: IconCacheService;
     service: TransactionService;
@@ -29,6 +30,7 @@ export declare class TransactionInternalComponent implements OnDestroy {
     private _screenConfigurationService;
     private _dialogService;
     private _lineSelectionService;
+    private _purchaseConfirmationService;
     readonly categories: typeof TransactionTypeCategory;
     readonly viewModes: typeof ContentViewMode;
     readonly icons: typeof Icon;
@@ -36,6 +38,8 @@ export declare class TransactionInternalComponent implements OnDestroy {
     screenWidth: number;
     sidePanelComponents: QueryList<TransactionLineSidePanelComponent>;
     relation: RelationAnyType;
+    set confirmationAnalysisId(value: number);
+    get confirmationAnalysisId(): number;
     set transaction(value: TransactionInfoResponse);
     get transaction(): TransactionInfoResponse;
     showHeader: boolean;
@@ -49,6 +53,7 @@ export declare class TransactionInternalComponent implements OnDestroy {
     transactionLine: TransactionLineInfo;
     selectedOrderLineSetDTO: OrderLineSetDTO;
     showSidePanel: boolean;
+    shouldShowSidePanel: boolean;
     showArticleTextOverview: boolean;
     showTransactionText: boolean;
     showArticleText: boolean;
@@ -59,8 +64,8 @@ export declare class TransactionInternalComponent implements OnDestroy {
     statusBarConfigNames: StatusBarCfgNames;
     private _subs;
     private _transaction;
-    private _typeForConfig;
-    constructor(iconCacheService: IconCacheService, service: TransactionService, _appRef: ApplicationRef, _dynamicComponentService: DynamicComponentService, _transactionConnectorService: TransactionConnectorService, _transactionEventService: TransactionEventService, _screenConfigurationService: TransactionScreenConfigurationService, _dialogService: DialogService, _lineSelectionService: LineSelectionService);
+    private _confirmationAnalysisId;
+    constructor(iconCacheService: IconCacheService, service: TransactionService, _appRef: ApplicationRef, _dynamicComponentService: DynamicComponentService, _transactionConnectorService: TransactionConnectorService, _transactionEventService: TransactionEventService, _screenConfigurationService: TransactionScreenConfigurationService, _dialogService: DialogService, _lineSelectionService: LineSelectionService, _purchaseConfirmationService: PurchaseConfirmationService);
     ngOnDestroy(): void;
     handleButtonBarButtonClicked(button: TransactionBarButton): void;
     handleShowSidePanel(line: TransactionLineInfo): void;

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

@@ -25,3 +25,4 @@ $tp-transaction-line-discount-background-color: $tp-default-background-accent !d
 $tp-transaction-line-discount-color: $tp-color-active-light !default;
 $tp-transaction-line-totals-justify-content: flex-end !default;
 $tp-transaction-line-totals-padding: 0 10px !default;
+$tp-transaction-line-drag-over-box-shadow: inset 0 0 2px 1px grey !default;

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

@@ -11,6 +11,9 @@
       animation: addedLineAnimation 1s;
       animation-timing-function: ease-out;
     }
+    &.drag-over {
+      box-shadow: $tp-transaction-line-drag-over-box-shadow;
+    }
   }
 }
 

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

@@ -7,7 +7,7 @@ import { DictionaryService } from '../../../service/dictionary.service';
 import { TransactionImageService } from '../../../service/transaction-image.service';
 import { IconCacheService } from '../../../service/icon-cache.service';
 import { TransactionEventService } from '../../../service/transaction-event.service';
-import { TransactionScreenConfigurationService } from "../../../service/transaction-screen-configuration.service";
+import { TransactionScreenConfigurationService } from '../../../service/transaction-screen-configuration.service';
 export declare class TransactionLineComponent extends TransactionBaseComponent implements OnChanges, OnInit {
     transactionEventService: TransactionEventService;
     service: TransactionService;
@@ -24,10 +24,13 @@ export declare class TransactionLineComponent extends TransactionBaseComponent i
     set activeCategory(value: TransactionTypeCategory);
     get activeCategory(): TransactionTypeCategory;
     preview: boolean;
+    draggedOver: boolean;
     waitingForUserAction: EventEmitter<boolean>;
     descriptionDblClick: EventEmitter<void>;
     showClass(): boolean;
     newLine: boolean;
+    get boxShadow(): string;
+    dropShadowColor: string;
     private _transactionLineContainer;
     private _activeCategory;
     private _componentRef;

package/lib/component/transaction-line/transaction-purchase-order-line/transaction-purchase-order-line-base.component.d.ts

@@ -1,14 +1,35 @@
-import { OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { TransactionBaseComponent } from '../../core/base/transaction-base.component';
 import { TransactionTypeCategory } from '../../../enum/transaction-type-category.enum';
+import { TransactionEventService } from '../../../service/transaction-event.service';
+import { TransactionService } from '../../../service/transaction.service';
+import { IconCacheService } from '../../../service/icon-cache.service';
+import { TransactionScreenConfigurationService } from '../../../service/transaction-screen-configuration.service';
+import { DictionaryService } from '../../../service/dictionary.service';
+import { TransactionImageService } from '../../../service/transaction-image.service';
+import { ColorSequenceService } from '@colijnit/corecomponents_v12';
+import { PurchaseConfirmationService } from '../../../service/purchase-confirmation.service';
 export declare abstract class TransactionPurchaseOrderLineBaseComponent extends TransactionBaseComponent implements OnInit, OnDestroy {
+    transactionEventService: TransactionEventService;
+    service: TransactionService;
+    iconCacheService: IconCacheService;
+    transactionScreenConfigurationService: TransactionScreenConfigurationService;
+    protected dictionaryService: DictionaryService;
+    protected imageService: TransactionImageService;
+    protected changeDetector: ChangeDetectorRef;
+    private _purchaseConfirmationService;
+    private _colorSequenceService;
     readonly transactionTypeCategory: typeof TransactionTypeCategory;
     showCheckboxForLine: boolean;
     private _subs;
+    constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, transactionScreenConfigurationService: TransactionScreenConfigurationService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _purchaseConfirmationService: PurchaseConfirmationService, _colorSequenceService: ColorSequenceService);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    protected transactionLineSet(): void;
+    handleDragOver(event: DragEvent): void;
+    handleDragLeave(event: Event): void;
+    handleDrop(event: DragEvent): void;
     handleOpenSidePanel(mouseClick: PointerEvent): void;
+    protected transactionLineSet(): void;
     private _getPurchasePortalLine;
     private _handleConfirmationOverwrite;
 }

package/lib/component/transaction-line/transaction-receive-goods-line/transaction-receive-goods-line-base.component.d.ts

@@ -1,7 +1,7 @@
-import { OnDestroy, OnInit } from "@angular/core";
-import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
-import { Icon } from "../../../enum/icon.enum";
-import { TransactionTypeCategory } from "../../../enum/transaction-type-category.enum";
+import { OnDestroy, OnInit } from '@angular/core';
+import { TransactionBaseComponent } from '../../core/base/transaction-base.component';
+import { Icon } from '../../../enum/icon.enum';
+import { TransactionTypeCategory } from '../../../enum/transaction-type-category.enum';
 export declare abstract class TransactionReceiveGoodsLineBaseComponent extends TransactionBaseComponent implements OnInit, OnDestroy {
     readonly icons: typeof Icon;
     readonly transactionTypeCategory: typeof TransactionTypeCategory;

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

@@ -16,7 +16,7 @@ $tp-transaction-line-image-and-description-article-text-font-size: $tp-font-size
 $tp-transaction-line-image-and-description-article-text-padding: 1px 0 !default;
 $tp-transaction-line-image-and-description-article-configuration-padding: 10px 0 !default;
 $tp-transaction-line-image-and-description-article-configuration-line-height: 1.35 !default;
-$tp-transaction-line-image-and-description-article-text-background-color: white !default;
+$tp-transaction-line-image-and-description-article-text-background-color: transparant !default;
 $tp-transaction-line-image-and-description-article-text-color: $tp-color-dark !default;
 $tp-transaction-line-image-and-description-delete-color: $tp-color-action !default;
 $tp-transaction-line-image-and-description-align-items: flex-start !default;

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

@@ -1,14 +1,31 @@
-import { OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { TransactionBaseComponent } from '../core/base/transaction-base.component';
 import { DocDeliveryBatch } from '@colijnit/transactionapi/build/model/doc-delivery-batch.bo';
 import { TransactionTypeCategory } from '../../enum/transaction-type-category.enum';
+import { TransactionEventService } from '../../service/transaction-event.service';
+import { TransactionService } from '../../service/transaction.service';
+import { IconCacheService } from '../../service/icon-cache.service';
+import { TransactionScreenConfigurationService } from '../../service/transaction-screen-configuration.service';
+import { DictionaryService } from '../../service/dictionary.service';
+import { TransactionImageService } from '../../service/transaction-image.service';
+import { PurchaseConfirmationService } from '../../service/purchase-confirmation.service';
 export declare class TransactionLinePurchaseConfirmationComponent extends TransactionBaseComponent implements OnInit, OnDestroy {
+    transactionEventService: TransactionEventService;
+    service: TransactionService;
+    iconCacheService: IconCacheService;
+    transactionScreenConfigurationService: TransactionScreenConfigurationService;
+    protected dictionaryService: DictionaryService;
+    protected imageService: TransactionImageService;
+    protected changeDetector: ChangeDetectorRef;
+    private _purchaseConfirmationService;
     readonly transactionTypeCategory: typeof TransactionTypeCategory;
     showClass(): boolean;
     docDeliveryBatch: DocDeliveryBatch;
     filteredDocBatchArray: DocDeliveryBatch[];
     maxDocAmount: number;
+    showPurchaseConfirmation: boolean;
     private _subs;
+    constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, transactionScreenConfigurationService: TransactionScreenConfigurationService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _purchaseConfirmationService: PurchaseConfirmationService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     handleSaveDetailsEdit(): Promise<void>;

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

@@ -9,6 +9,7 @@ import { TransactionEventService } from '../../service/transaction-event.service
 import { TransactionInfo } from '@colijnit/transactionapi/build/model/transaction-info.bo';
 import { TransactionMappingService } from '../../service/transaction-mapping.service';
 import { TransactionBarButton } from '../../model/transaction-bar-button';
+import { TransactionInfoResponse } from '@colijnit/transactionapi/build/model/transaction-info-response.bo';
 export declare class TransactionLineSidePanelComponent implements OnInit {
     iconService: IconCacheService;
     private _service;
@@ -17,6 +18,7 @@ export declare class TransactionLineSidePanelComponent implements OnInit {
     readonly icons: typeof Icon;
     readonly categories: typeof TransactionTypeCategory;
     readonly transactionTypes: typeof TransactionKind;
+    transaction: TransactionInfoResponse;
     transactionLine: TransactionLineInfo;
     transactionInfo: TransactionInfo;
     activeCategory: TransactionTypeCategory;

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

@@ -1,15 +1,17 @@
-import { EventEmitter } from "@angular/core";
-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";
-import { DocDeliveryBatch } from "@colijnit/transactionapi/build/model/doc-delivery-batch.bo";
-import { GoodsReceiptHistory } from "@colijnit/transactionapi/build/model/goods-receipt-history.bo";
+import { EventEmitter } from '@angular/core';
+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';
+import { DocDeliveryBatch } from '@colijnit/transactionapi/build/model/doc-delivery-batch.bo';
+import { GoodsReceiptHistory } from '@colijnit/transactionapi/build/model/goods-receipt-history.bo';
+import { TransactionInfoResponse } from '@colijnit/transactionapi/build/model/transaction-info-response.bo';
 export declare class TransactionLineSidePanelPurchaseComponent {
     private _service;
     private _transactionEventService;
     readonly categories: typeof TransactionTypeCategory;
+    transaction: TransactionInfoResponse;
     transactionLine: TransactionLineInfo;
     set transactionInfo(value: TransactionInfo);
     get transactionInfo(): TransactionInfo;

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

@@ -1,11 +1,11 @@
 import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { CdkDrag, CdkDragDrop, CdkDropList } from '@angular/cdk/drag-drop';
+import { CdkDrag, CdkDragDrop, CdkDragEnter, CdkDropList } from '@angular/cdk/drag-drop';
 import { TransactionArticleTextComponent } from '../shared/transaction-article-text/transaction-article-text.component';
 import { TransactionLineInfo } from '@colijnit/transactionapi/build/model/transaction-line-info.bo';
 import { TransactionAddTextLineRequest } from '@colijnit/transactionapi/build/model/transaction-add-text-line-request.bo';
 import { TransactionTypeCategory } from '../../enum/transaction-type-category.enum';
 import { TransactionBaseComponent } from '../core/base/transaction-base.component';
-import { OrderLineSetInfo } from "@colijnit/transactionapi/build/model/order-line-set-info.bo";
+import { OrderLineSetInfo } from '@colijnit/transactionapi/build/model/order-line-set-info.bo';
 export declare class TransactionLinesComponent extends TransactionBaseComponent implements OnInit, OnDestroy {
     transactionArticleText: TransactionArticleTextComponent;
     set activeCategory(value: TransactionTypeCategory);
@@ -17,12 +17,14 @@ export declare class TransactionLinesComponent extends TransactionBaseComponent
     hasComponent: boolean;
     historicTransactionLines: TransactionLineInfo[] | null;
     selectedOrderLineSet: OrderLineSetInfo;
+    lineDraggedOver: number;
     private _activeCategory;
     private _subscriptions;
     ngOnInit(): void;
     ngOnDestroy(): void;
     trackByFn(index: number, line: TransactionLineInfo): any;
     handleCanDragDrop(drag: CdkDrag, drop: CdkDropList): boolean;
+    handleDropListEntered(event: CdkDragEnter<any>): void;
     handleDrop(event: CdkDragDrop<TransactionLineInfo[]>): Promise<void>;
     onDescriptionDblClick(line: TransactionLineInfo): void;
     handleTransactionText(): void;

package/lib/component/transaction-lines-popup/style/_layout.scss

@@ -0,0 +1,11 @@
+@include export-module('co-transaction-lines-popup-layout') {
+  .co-transaction-lines-popup {
+    .purchase-confirmation-transaction-lines-popup {
+      z-index: 9999;
+      width: 300px;
+      height: 200px;
+      background: blue;
+    }
+
+  }
+}

package/lib/component/transaction-lines-popup/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-transaction-lines-popup-theme') {
+  .co-transaction-lines-popup {
+  }
+}

package/lib/component/transaction-lines-popup/style/material.scss

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

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

@@ -0,0 +1,10 @@
+import { EventEmitter } from '@angular/core';
+import { TransactionLineInfo } from '@colijnit/transactionapi/build/model/transaction-line-info.bo';
+import { OverlayParentDirective } from '@colijnit/corecomponents_v12/lib/directives/overlay/overlay-parent.directive';
+export declare class TransactionLinesPopupComponent {
+    transactionLines: TransactionLineInfo[];
+    parentForOverlay: OverlayParentDirective;
+    clickOutside: EventEmitter<void>;
+    transactionLineClick: EventEmitter<TransactionLineInfo>;
+    showClass(): boolean;
+}

package/lib/component/transaction-lines-popup/transaction-lines-popup.module.d.ts

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

package/lib/component/transaction-search/service/transaction-search.service.d.ts

@@ -5,13 +5,12 @@ import { SearchViewMode } from '../../../enum/search-view-mode.enum';
 import { SearchbarViewMode } from '../../../enum/searchbar-view-mode.enum';
 import { TransactionService } from '../../../service/transaction.service';
 import { TransactionSettingsService } from '../../../service/transaction-settings.service';
-import { TransactionScreenConfigurationService } from '../../../service/transaction-screen-configuration.service';
+import { BehaviorSubject } from 'rxjs';
 import { TransactionConnectorService } from '../../../service/transaction-connector.service';
 export declare class TransactionSearchService {
     private _transactionService;
     private _transactionConnectorService;
     private _settingsService;
-    private _screenConfigService;
     searchRequest: TransactionSearchViewRequest;
     previousSearchRequest: TransactionSearchViewRequest;
     activeSearchViewMode: SearchViewMode;
@@ -19,6 +18,7 @@ export declare class TransactionSearchService {
     showFilterSidebar: boolean;
     searchPlaceholder: string;
     transactions: TransactionSearchView[];
+    searchRequestSet: BehaviorSubject<TransactionSearchViewRequest>;
     set transactionType(value: TransactionKind);
     get transactionType(): TransactionKind;
     labelBasedOnTransactionType: Map<string, string>;
@@ -30,7 +30,7 @@ export declare class TransactionSearchService {
     private _currentPage;
     private _transactionType;
     private _subs;
-    constructor(_transactionService: TransactionService, _transactionConnectorService: TransactionConnectorService, _settingsService: TransactionSettingsService, _screenConfigService: TransactionScreenConfigurationService);
+    constructor(_transactionService: TransactionService, _transactionConnectorService: TransactionConnectorService, _settingsService: TransactionSettingsService);
     searchTransactions(): Promise<void>;
     getLabelBasedOnTransactionType(): string;
     getSearchPlaceholderBasedOnTransactionType(): string;
@@ -44,5 +44,4 @@ export declare class TransactionSearchService {
     handleResetFilter(): void;
     private _resetCache;
     private _resetRequest;
-    private _ensureConfigLoaded;
 }

package/lib/component/transaction-search/transaction-filter-content/sales-quotation-filter-content/transaction-sales-quotation-filter-content-order/transaction-sales-quotation-filter-content-order.component.d.ts

@@ -33,6 +33,11 @@ export declare class TransactionSalesQuotationFilterContentOrderComponent extend
         text: any;
         value: any;
     };
+    retailStadiums: FilterItemViewmodel[];
+    retailStadiumFields: {
+        text: any;
+        value: any;
+    };
     loadCustomers: (nameFilter: string) => Promise<FilterItemViewmodel[]>;
     protected loadCollections(): void;
     private _setSalesPersons;
@@ -41,4 +46,5 @@ export declare class TransactionSalesQuotationFilterContentOrderComponent extend
     private _setCommissionCodes;
     private _setOrderDefinitive;
     private _setCustomerGroups;
+    private _setRetailStadiums;
 }

package/lib/component/transaction-search/transaction-filter-item/transaction-filter-item.component.d.ts

@@ -9,6 +9,8 @@ export declare class TransactionFilterItemComponent {
     placeholder: string;
     customContent: boolean;
     singleSelect: boolean;
+    sliderDefaultMin: number;
+    sliderDefaultMax: number;
     minSearchCharsToLoadCollection: number;
     searchCollectionPlaceholder: string;
     collectionLoadFn: Function;

package/lib/component/transaction-search/transaction-search-result/transaction-search-result.component.d.ts

@@ -1,15 +1,14 @@
-import { EventEmitter, OnInit } from "@angular/core";
-import { TransactionSearchView } from "@colijnit/transactionapi/build/model/transaction-search-view.bo";
-import { ContentViewMode } from "@colijnit/corecomponents_v12";
-import { Icon } from "../../../enum/icon.enum";
-import { TransactionSearchService } from "../service/transaction-search.service";
-export declare class TransactionSearchResultComponent implements OnInit {
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { TransactionSearchView } from '@colijnit/transactionapi/build/model/transaction-search-view.bo';
+import { ContentViewMode } from '@colijnit/corecomponents_v12';
+import { Icon } from '../../../enum/icon.enum';
+import { TransactionSearchService } from '../service/transaction-search.service';
+import { TransactionScreenConfigurationService } from '../../../service/transaction-screen-configuration.service';
+export declare class TransactionSearchResultComponent implements OnInit, OnDestroy {
     searchService: TransactionSearchService;
+    screenConfigService: TransactionScreenConfigurationService;
     readonly icon: typeof Icon;
     readonly contentViewModes: typeof ContentViewMode;
-    selectedTransaction: TransactionSearchView;
-    private _activeContentViewMode;
-    private _fullscreen;
     showCheckbox: boolean;
     set activeContentViewMode(value: ContentViewMode);
     get activeContentViewMode(): ContentViewMode;
@@ -17,8 +16,14 @@ export declare class TransactionSearchResultComponent implements OnInit {
     get fullscreen(): boolean;
     transactionClick: EventEmitter<TransactionSearchView>;
     showClass(): boolean;
-    constructor(searchService: TransactionSearchService);
+    selectedTransaction: TransactionSearchView;
+    screenConfigLoaded: boolean;
+    private _activeContentViewMode;
+    private _fullscreen;
+    private _subs;
+    constructor(searchService: TransactionSearchService, screenConfigService: TransactionScreenConfigurationService);
     ngOnInit(): void;
+    ngOnDestroy(): void;
     onTransactionClick(transaction: TransactionSearchView): void;
     onPreviousClick(): void;
     onNextClick(): void;

package/lib/enum/transaction-cfg-name.enum.d.ts

@@ -1,4 +1,7 @@
 export declare enum TransactionCfgName {
+    AddTransactionBtn = "addTransactionBtn",
+    DeleteTransactionBtn = "deleteTransactionBtn",
+    CopyTransactionBtn = "copyTransactionBtn",
     OrderInfoHeader = "orderInfoHeader",
     DeliveryInfoHeader = "deliveryInfoHeader",
     PaymentInfoHeader = "paymentInfoHeader",

package/lib/res/dictionary/dictionaries.d.ts

@@ -14602,6 +14602,18 @@ export declare class Dictionaries {
         PIN_NOT_SUPPORTED: string;
         PIN_PAYMENT_FAILED: string;
         PIN_PAYMENT_MADE_WARNING: string;
+        PIN_PAYMENT_SAVE_TRANSACTION: string;
+        PIN_PAYMENT_REQUESTED: string;
+        PIN_PAYMENT_STARTED: string;
+        PIN_PAYMENT_PAID: string;
+        PIN_PAYMENT_CANCELLED: string;
+        PIN_PAYMENT_INIT: string;
+        PIN_PAYMENT_PENDING: string;
+        PIN_PAYMENT_EXPIRED: string;
+        PIN_PAYMENT_DENIED: string;
+        PIN_PAYMENT_FAILURE: string;
+        PIN_PAYMENT_PARTIAL_PAYMENT: string;
+        PIN_PAYMENT_VERIFY: string;
         PIN_RESULT_FILE_FORMAT_ERROR: string;
         PIN_TERMINAL: string;
         PIN_TERMINAL_NR: string;