@colijnit/transaction 12.1.127 → 12.1.129

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

@@ -1,4 +1,4 @@
-import { ApplicationRef, ComponentFactoryResolver, EventEmitter, Injector, OnChanges, SimpleChanges, ChangeDetectorRef } from '@angular/core';
+import { ApplicationRef, ChangeDetectorRef, ComponentFactoryResolver, EventEmitter, Injector, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { TransactionTypeCategory } from '../../../enum/transaction-type-category.enum';
 import { TransactionMappingService } from '../../../service/transaction-mapping.service';
 import { TransactionBaseComponent } from '../../core/base/transaction-base.component';
@@ -7,10 +7,12 @@ 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';
-export declare class TransactionLineComponent extends TransactionBaseComponent implements OnChanges {
+import { TransactionScreenConfigurationService } from "../../../service/transaction-screen-configuration.service";
+export declare class TransactionLineComponent extends TransactionBaseComponent implements OnChanges, OnInit {
     transactionEventService: TransactionEventService;
     service: TransactionService;
     iconCacheService: IconCacheService;
+    transactionScreenConfigurationService: TransactionScreenConfigurationService;
     protected dictionaryService: DictionaryService;
     protected imageService: TransactionImageService;
     protected changeDetector: ChangeDetectorRef;
@@ -25,11 +27,14 @@ export declare class TransactionLineComponent extends TransactionBaseComponent i
     waitingForUserAction: EventEmitter<boolean>;
     descriptionDblClick: EventEmitter<void>;
     showClass(): boolean;
+    newLine: boolean;
     private _transactionLineContainer;
     private _activeCategory;
     private _componentRef;
-    constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _mappingService: TransactionMappingService, _compFactoryResolver: ComponentFactoryResolver, appRef: ApplicationRef, injector: Injector);
+    private _subs;
+    constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, transactionScreenConfigurationService: TransactionScreenConfigurationService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _mappingService: TransactionMappingService, _compFactoryResolver: ComponentFactoryResolver, appRef: ApplicationRef, injector: Injector);
     ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
     protected transactionInfoSet(): void;
     private _prepareContent;
     private _prepareProps;

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

@@ -0,0 +1,27 @@
+@include export-module('cc-transaction-picked-line-layout') {
+  .co-transaction-picked-line {
+
+    .line-content-wrapper {
+      display: grid;
+      grid-template-columns:
+        $tp-transaction-default-button-width
+        $tp-transaction-default-button-width
+        $tp-transaction-default-button-width
+        130px
+        100px
+        100px;
+      grid-template-rows: $tp-transaction-default-button-height;
+      gap: 0 10px;
+      grid-template-areas:
+    ". . . . . .";
+      padding: 8px;
+    }
+
+    .status-bar-wrapper {
+      co-statusbar {
+        display: flex;
+        justify-content: center;
+      }
+    }
+  }
+}

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

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

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

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

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

@@ -0,0 +1,11 @@
+import { OnDestroy, OnInit } from "@angular/core";
+import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
+export declare class TransactionPickedLineComponent extends TransactionBaseComponent implements OnInit, OnDestroy {
+    private _subscriptions;
+    transactionLinePickedCompleted: boolean;
+    showClass(): boolean;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    protected transactionLineSet(): void;
+    handleLineClicked(mouseClick: PointerEvent): void;
+}

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

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

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

@@ -5,7 +5,7 @@ export declare abstract class TransactionPurchaseLineBaseComponent extends Trans
     private _subs;
     ngOnInit(): void;
     ngOnDestroy(): void;
-    handlePurchaseOrderNavigation(event: MouseEvent): void;
+    handlePurchaseOrderNavigation(transNr: string): void;
     protected transactionLineSet(): void;
     protected visibilitySet(visible: boolean): void;
     private _getPurchaseOrderId;

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

@@ -1,4 +1,4 @@
-import { TransactionPurchaseLineBaseComponent } from "./transaction-purchase-line-base.component";
+import { TransactionPurchaseLineBaseComponent } from './transaction-purchase-line-base.component';
 export declare class TransactionPurchaseLineComponent extends TransactionPurchaseLineBaseComponent {
     showClass(): boolean;
 }

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

@@ -5,7 +5,6 @@ export declare abstract class TransactionPurchaseOrderLineBaseComponent extends
     readonly transactionTypeCategory: typeof TransactionTypeCategory;
     showDialogDiscount: boolean;
     showCheckboxForLine: boolean;
-    lineQuantityToConfirm: number;
     private _subs;
     ngOnInit(): void;
     ngOnDestroy(): void;

package/lib/component/transaction-line/transaction-to-be-picked-line/style/_layout.scss

@@ -0,0 +1,27 @@
+@include export-module('cc-transaction-to-be-picked-line-layout') {
+  .co-transaction-to-be-picked-line {
+
+    .line-content-wrapper {
+      display: grid;
+      grid-template-columns:
+        $tp-transaction-default-button-width
+        $tp-transaction-default-button-width
+        $tp-transaction-default-button-width
+        130px
+        100px
+        100px;
+      grid-template-rows: $tp-transaction-default-button-height;
+      gap: 0 10px;
+      grid-template-areas:
+    ". . . . . .";
+      padding: 8px;
+    }
+
+    .status-bar-wrapper {
+      co-statusbar {
+        display: flex;
+        justify-content: center;
+      }
+    }
+  }
+}

package/lib/component/transaction-line/transaction-to-be-picked-line/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-transaction-to-be-picked-line-theme') {
+  .co-transaction-to-be-picked-line {
+  }
+}

package/lib/component/transaction-line/transaction-to-be-picked-line/style/material.scss

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

package/lib/component/transaction-line/transaction-to-be-picked-line/transaction-to-be-picked-line.component.d.ts

@@ -0,0 +1,11 @@
+import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
+export declare class TransactionToBePickedLineComponent extends TransactionBaseComponent {
+    private _subscriptions;
+    transactionLineToBePickedCompleted: boolean;
+    commissionCodeZero: boolean;
+    showClass(): boolean;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    protected transactionLineSet(): void;
+    handleLineClicked(mouseClick: PointerEvent): void;
+}

package/lib/component/transaction-line/transaction-to-be-picked-line/transaction-to-be-picked-line.module.d.ts

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

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

@@ -24,13 +24,14 @@
       width: 100%;
 
       .checkbox-list-item {
+        display: flex;
+        align-items: center;
         cursor: pointer;
         height: $tp-transaction-line-checkbox-list-item-height;
+        border-style: $tp-transaction-line-checkbox-list-item-border-style;
+        border-width: $tp-transaction-line-checkbox-list-item-border-width;
         border-radius: $tp-transaction-line-checkbox-list-item-border-radius;
-        display: flex;
-        align-items: center;
-        background-color: $tp-transaction-line-checkbox-list-item-background-color;
-        margin-bottom: 3px;
+        margin: $tp-transaction-line-checkbox-list-item-margin;
       }
 
       .checkbox-wrapper {
@@ -63,11 +64,5 @@
         }
       }
     }
-
-    .highlight {
-      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;
-    }
   }
 }

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

@@ -1,12 +1,11 @@
+$tp-transaction-line-checkbox-list-item-margin: 0 0 5px 0 !default;
 $tp-transaction-line-checkbox-list-item-height: $tp-transaction-default-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-width: 1px !default;
 $tp-transaction-line-checkbox-list-item-border-color: $tp-color-border !default;
-$tp-transaction-line-checkbox-list-item-background-color: $tp-default-background-accent !default;
+$tp-transaction-line-checkbox-list-item-background-color: $tp-default-background !default;
+$tp-transaction-line-checkbox-list-item-checked-border-color: $tp-color-action !default;
+$tp-transaction-line-checkbox-list-item-checked-background-color: $tp-color-action-light !default;
 $tp-transaction-line-checkbox-list-item-border-radius: $tp-default-border-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;
 $tp-transaction-line-checkbox-list-item-first-column-width: 70px !default;
 $tp-transaction-line-checkbox-list-label-padding: 0 10px !default;

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

@@ -1,11 +1,11 @@
 @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;
+    .checkbox-list-item {
+      border-color: $tp-transaction-line-checkbox-list-item-border-color;
+      background-color: $tp-transaction-line-checkbox-list-item-background-color;
+      &.checked {
+        border-color: $tp-transaction-line-checkbox-list-item-checked-border-color;
+        background-color: $tp-transaction-line-checkbox-list-item-checked-background-color;
       }
     }
   }

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

@@ -1,24 +1,8 @@
-import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import { Icon } from '../../enum/icon.enum';
-import { IconCacheService } from '../../service/icon-cache.service';
 import { TransactionBaseComponent } from '../core/base/transaction-base.component';
-import { OverlayService } from '@colijnit/corecomponents_v12';
-import { TransactionEventService } from '../../service/transaction-event.service';
-import { TransactionService } from '../../service/transaction.service';
-import { DictionaryService } from '../../service/dictionary.service';
-import { TransactionImageService } from '../../service/transaction-image.service';
 export declare class TransactionLineDeliveryDateButtonComponent extends TransactionBaseComponent {
-    transactionEventService: TransactionEventService;
-    service: TransactionService;
-    iconCacheService: IconCacheService;
-    protected dictionaryService: DictionaryService;
-    protected imageService: TransactionImageService;
-    protected changeDetector: ChangeDetectorRef;
-    private _overlayService;
-    private _elementRef;
     readonly icons: typeof Icon;
     showClass(): boolean;
     private _calendarPopupComponentRef;
-    constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _overlayService: OverlayService, _elementRef: ElementRef);
     handleShowDialog(event: MouseEvent): void;
 }

package/lib/component/transaction-line-fields/transaction-line-discount-amount.component.d.ts

@@ -1,5 +1,5 @@
-import { InputTextComponent } from "@colijnit/corecomponents_v12";
-import { TransactionInputFieldBaseComponent } from "../core/base/transaction-input-field-base.component";
+import { InputTextComponent } from '@colijnit/corecomponents_v12';
+import { TransactionInputFieldBaseComponent } from '../core/base/transaction-input-field-base.component';
 export declare class TransactionLineDiscountAmountComponent extends TransactionInputFieldBaseComponent {
     set child(content: any);
     input: InputTextComponent;

package/lib/component/transaction-line-fields/transaction-line-drop-shipment-button.component.d.ts

@@ -6,10 +6,12 @@ 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";
 export declare class TransactionLineDropShipmentButtonComponent extends TransactionBaseComponent implements OnInit {
     transactionEventService: TransactionEventService;
     transactionService: TransactionService;
     iconCacheService: IconCacheService;
+    transactionScreenConfigurationService: TransactionScreenConfigurationService;
     protected dictionaryService: DictionaryService;
     protected imageService: TransactionImageService;
     protected changeDetector: ChangeDetectorRef;
@@ -18,7 +20,7 @@ export declare class TransactionLineDropShipmentButtonComponent extends Transact
     buttonDisabled: boolean;
     showDialogWarehouse: boolean;
     showClass(): boolean;
-    constructor(transactionEventService: TransactionEventService, transactionService: TransactionService, iconCacheService: IconCacheService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _relationService: RelationService);
+    constructor(transactionEventService: TransactionEventService, transactionService: TransactionService, iconCacheService: IconCacheService, transactionScreenConfigurationService: TransactionScreenConfigurationService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _relationService: RelationService);
     handleToggleDropShipment(event: MouseEvent): Promise<void>;
     protected transactionLineSet(): void;
     protected visibilitySet(visible: boolean): void;

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

@@ -1,5 +1,5 @@
-import { InputTextComponent } from "@colijnit/corecomponents_v12";
-import { TransactionInputFieldBaseComponent } from "../core/base/transaction-input-field-base.component";
+import { InputTextComponent } from '@colijnit/corecomponents_v12';
+import { TransactionInputFieldBaseComponent } from '../core/base/transaction-input-field-base.component';
 export declare class TransactionLineLineDiscountComponent extends TransactionInputFieldBaseComponent {
     set child(content: any);
     input: InputTextComponent;

package/lib/component/transaction-line-fields/transaction-line-quantum-discount.component.d.ts

@@ -1,5 +1,5 @@
-import { InputTextComponent } from "@colijnit/corecomponents_v12";
-import { TransactionInputFieldBaseComponent } from "../core/base/transaction-input-field-base.component";
+import { InputTextComponent } from '@colijnit/corecomponents_v12';
+import { TransactionInputFieldBaseComponent } from '../core/base/transaction-input-field-base.component';
 export declare class TransactionLineQuantumDiscountComponent extends TransactionInputFieldBaseComponent {
     set child(content: any);
     input: InputTextComponent;

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

@@ -1,5 +1,5 @@
-import { InputTextComponent } from "@colijnit/corecomponents_v12";
-import { TransactionInputFieldBaseComponent } from "../core/base/transaction-input-field-base.component";
+import { InputTextComponent } from '@colijnit/corecomponents_v12';
+import { TransactionInputFieldBaseComponent } from '../core/base/transaction-input-field-base.component';
 export declare class TransactionLineReferenceComponent extends TransactionInputFieldBaseComponent {
     set child(content: any);
     input: InputTextComponent;

package/lib/component/transaction-line-fields/transaction-line-special-discount.component.d.ts

@@ -1,5 +1,5 @@
-import { InputTextComponent } from "@colijnit/corecomponents_v12";
-import { TransactionInputFieldBaseComponent } from "../core/base/transaction-input-field-base.component";
+import { InputTextComponent } from '@colijnit/corecomponents_v12';
+import { TransactionInputFieldBaseComponent } from '../core/base/transaction-input-field-base.component';
 export declare class TransactionLineSpecialDiscountComponent extends TransactionInputFieldBaseComponent {
     set child(content: any);
     input: InputTextComponent;

package/lib/component/transaction-line-fields/transaction-line-supplier-button.component.d.ts

@@ -6,17 +6,19 @@ import { DictionaryService } from '../../service/dictionary.service';
 import { TransactionEventService } from '../../service/transaction-event.service';
 import { IconCacheService } from '../../service/icon-cache.service';
 import { TransactionImageService } from '../../service/transaction-image.service';
+import { TransactionScreenConfigurationService } from "../../service/transaction-screen-configuration.service";
 export declare class TransactionLineSupplierButtonComponent extends TransactionBaseComponent {
     transactionEventService: TransactionEventService;
     service: TransactionService;
     iconCacheService: IconCacheService;
+    transactionScreenConfigurationService: TransactionScreenConfigurationService;
     protected dictionaryService: DictionaryService;
     protected imageService: TransactionImageService;
     protected changeDetector: ChangeDetectorRef;
     private _relationService;
     showClass(): boolean;
     showDialogSupplier: boolean;
-    constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _relationService: RelationService);
+    constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, transactionScreenConfigurationService: TransactionScreenConfigurationService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _relationService: RelationService);
     handleOpenDialog(event: MouseEvent): void;
     protected transactionLineSet(): void;
     protected visibilitySet(visible: boolean): void;

package/lib/component/transaction-line-fields/transaction-line-supplier-delivery-date-button.component.d.ts

@@ -7,10 +7,12 @@ import { TransactionEventService } from '../../service/transaction-event.service
 import { TransactionService } from '../../service/transaction.service';
 import { DictionaryService } from '../../service/dictionary.service';
 import { TransactionImageService } from '../../service/transaction-image.service';
+import { TransactionScreenConfigurationService } from "../../service/transaction-screen-configuration.service";
 export declare class TransactionLineSupplierDeliveryDateButtonComponent extends TransactionBaseComponent {
     transactionEventService: TransactionEventService;
     service: TransactionService;
     iconCacheService: IconCacheService;
+    transactionScreenConfigurationService: TransactionScreenConfigurationService;
     protected dictionaryService: DictionaryService;
     protected imageService: TransactionImageService;
     protected changeDetector: ChangeDetectorRef;
@@ -19,6 +21,6 @@ export declare class TransactionLineSupplierDeliveryDateButtonComponent extends
     readonly icons: typeof Icon;
     showClass(): boolean;
     private _calendarPopupComponentRef;
-    constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _overlayService: OverlayService, _elementRef: ElementRef);
+    constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, transactionScreenConfigurationService: TransactionScreenConfigurationService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _overlayService: OverlayService, _elementRef: ElementRef);
     handleShowDialog(event: MouseEvent): void;
 }

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

@@ -8,10 +8,12 @@ import { TransactionEventService } from '../../service/transaction-event.service
 import { IconCacheService } from '../../service/icon-cache.service';
 import { TransactionImageService } from '../../service/transaction-image.service';
 import { CheckboxListPropertyInterface } from '../../interface/checkbox-list-property.interface';
+import { TransactionScreenConfigurationService } from "../../service/transaction-screen-configuration.service";
 export declare class TransactionLineSupplierComponent extends TransactionFilterPopupBaseComponent<RelationListObject> implements OnInit {
     transactionEventService: TransactionEventService;
     service: TransactionService;
     iconCacheService: IconCacheService;
+    transactionScreenConfigurationService: TransactionScreenConfigurationService;
     protected dictionaryService: DictionaryService;
     protected imageService: TransactionImageService;
     protected changeDetector: ChangeDetectorRef;
@@ -19,7 +21,7 @@ export declare class TransactionLineSupplierComponent extends TransactionFilterP
     protected codeField: string;
     protected checkField: string;
     protected propsForLabel: CheckboxListPropertyInterface[];
-    constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _relationService: RelationService);
+    constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, transactionScreenConfigurationService: TransactionScreenConfigurationService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _relationService: RelationService);
     ngOnInit(): void;
     commit(id: number): Promise<boolean>;
     protected transactionLineSet(): void;

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

@@ -7,10 +7,12 @@ import { TransactionEventService } from '../../service/transaction-event.service
 import { TransactionService } from '../../service/transaction.service';
 import { DictionaryService } from '../../service/dictionary.service';
 import { TransactionImageService } from '../../service/transaction-image.service';
+import { TransactionScreenConfigurationService } from "../../service/transaction-screen-configuration.service";
 export declare class TransactionLineWarehouseLocationButtonComponent extends TransactionBaseComponent {
     transactionEventService: TransactionEventService;
     service: TransactionService;
     iconCacheService: IconCacheService;
+    transactionScreenConfigurationService: TransactionScreenConfigurationService;
     protected dictionaryService: DictionaryService;
     protected imageService: TransactionImageService;
     protected changeDetector: ChangeDetectorRef;
@@ -18,6 +20,6 @@ export declare class TransactionLineWarehouseLocationButtonComponent extends Tra
     readonly icons: typeof Icon;
     readonly: boolean;
     showClass(): boolean;
-    constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _dialogService: DialogService);
+    constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, transactionScreenConfigurationService: TransactionScreenConfigurationService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _dialogService: DialogService);
     openWarehouseLocationDialog(event: MouseEvent): Promise<void>;
 }

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

@@ -8,10 +8,12 @@ import { TransactionEventService } from '../../service/transaction-event.service
 import { IconCacheService } from '../../service/icon-cache.service';
 import { TransactionImageService } from '../../service/transaction-image.service';
 import { CheckboxListPropertyInterface } from '../../interface/checkbox-list-property.interface';
+import { TransactionScreenConfigurationService } from "../../service/transaction-screen-configuration.service";
 export declare class TransactionLineWarehouseLocationComponent extends TransactionFilterPopupBaseComponent<StockLocation> implements OnInit {
     transactionEventService: TransactionEventService;
     service: TransactionService;
     iconCacheService: IconCacheService;
+    transactionScreenConfigurationService: TransactionScreenConfigurationService;
     protected dictionaryService: DictionaryService;
     protected imageService: TransactionImageService;
     protected changeDetector: ChangeDetectorRef;
@@ -19,7 +21,7 @@ export declare class TransactionLineWarehouseLocationComponent extends Transacti
     warehouseNr: number;
     protected codeField: string;
     protected propsForLabel: CheckboxListPropertyInterface[];
-    constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _articleService: ArticleService);
+    constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, transactionScreenConfigurationService: TransactionScreenConfigurationService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _articleService: ArticleService);
     ngOnInit(): void;
     commit(locationNr: string): Promise<boolean>;
 }

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

@@ -11,10 +11,12 @@ import { LogisticalStateDetail } from '@colijnit/transactionapi/build/model/logi
 import { AvailableStock } from '@colijnit/transactionapi/build/model/available-stock.bo';
 import { DictionaryService } from '../../service/dictionary.service';
 import { TransactionImageService } from '../../service/transaction-image.service';
+import { TransactionScreenConfigurationService } from '../../service/transaction-screen-configuration.service';
 export declare class TransactionLinePurchaseReceiveGoodsComponent extends TransactionBaseComponent implements OnInit {
     transactionEventService: TransactionEventService;
     service: TransactionService;
     iconCacheService: IconCacheService;
+    transactionScreenConfigurationService: TransactionScreenConfigurationService;
     protected dictionaryService: DictionaryService;
     protected imageService: TransactionImageService;
     protected changeDetector: ChangeDetectorRef;
@@ -29,7 +31,7 @@ export declare class TransactionLinePurchaseReceiveGoodsComponent extends Transa
     returnStockMode: boolean;
     availableStockCollection: AvailableStock[];
     private _subs;
-    constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _formMaster: FormMasterService);
+    constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, transactionScreenConfigurationService: TransactionScreenConfigurationService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _formMaster: FormMasterService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     submit(): boolean;

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

@@ -10,10 +10,12 @@ import { DialogService } from "../../service/dialog.service";
 import { TransactionEventService } from "../../service/transaction-event.service";
 import { DictionaryService } from '../../service/dictionary.service';
 import { TransactionImageService } from '../../service/transaction-image.service';
+import { TransactionScreenConfigurationService } from '../../service/transaction-screen-configuration.service';
 export declare class TransactionLineSalesAllocationComponent extends TransactionBaseComponent implements OnInit, OnDestroy {
     transactionEventService: TransactionEventService;
     service: TransactionService;
     iconCacheService: IconCacheService;
+    transactionScreenConfigurationService: TransactionScreenConfigurationService;
     protected dialogService: DialogService;
     protected dictionaryService: DictionaryService;
     protected imageService: TransactionImageService;
@@ -24,7 +26,7 @@ export declare class TransactionLineSalesAllocationComponent extends Transaction
     goodsAllocationHistory: LogisticalStateDetail[];
     showClass(): boolean;
     private _subs;
-    constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, dialogService: DialogService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _formMaster: FormMasterService);
+    constructor(transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, transactionScreenConfigurationService: TransactionScreenConfigurationService, dialogService: DialogService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _formMaster: FormMasterService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     submit(): boolean;

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

@@ -0,0 +1,4 @@
+@include export-module('cc-transaction-line-side-panel-picked-layout') {
+  .co-transaction-line-side-panel-picked {
+  }
+}

package/lib/component/transaction-line-side-panel-sales/transaction-line-side-panel-picked/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-transaction-line-side-panel-picked-theme') {
+  .co-transaction-line-side-panel-picked {
+  }
+}

package/lib/component/transaction-line-side-panel-sales/transaction-line-side-panel-picked/style/material.scss

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

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

@@ -0,0 +1,9 @@
+import { LogisticalStateDetail } from "@colijnit/transactionapi/build/model/logistical-state-detail.bo";
+import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
+export declare class TransactionLineSidePanelPickedComponent extends TransactionBaseComponent {
+    pickedHistory: LogisticalStateDetail[];
+    showClass(): boolean;
+    ngOnInit(): void;
+    private _retrievePickedHistoryData;
+    handleDeleteSelectedRow(row: LogisticalStateDetail): void;
+}

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

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

package/lib/component/transaction-line-side-panel-sales/transaction-line-side-panel-to-be-picked/style/_layout.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-transaction-line-side-panel-to-be-picked-layout') {
+  .co-transaction-line-side-panel-to-be-picked {
+  }
+}

package/lib/component/transaction-line-side-panel-sales/transaction-line-side-panel-to-be-picked/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-transaction-line-side-panel-to-be-picked-theme') {
+  .co-transaction-line-side-panel-to-be-picked {
+  }
+}

package/lib/component/transaction-line-side-panel-sales/transaction-line-side-panel-to-be-picked/style/material.scss

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

package/lib/component/transaction-line-side-panel-sales/transaction-line-side-panel-to-be-picked/transaction-line-side-panel-to-be-picked.component.d.ts

@@ -0,0 +1,10 @@
+import { OnInit } from "@angular/core";
+import { LogisticalStateDetail } from "@colijnit/transactionapi/build/model/logistical-state-detail.bo";
+import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
+export declare class TransactionLineSidePanelToBePickedComponent extends TransactionBaseComponent implements OnInit {
+    toBePickedHistory: LogisticalStateDetail[];
+    showClass(): boolean;
+    ngOnInit(): void;
+    private _retrieveToBePickedHistoryData;
+    handleDeleteSelectedRow(row: LogisticalStateDetail): void;
+}

package/lib/component/transaction-line-side-panel-sales/transaction-line-side-panel-to-be-picked/transaction-line-side-panel-to-be-picked.module.d.ts

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

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

@@ -14,6 +14,8 @@
 @import "../../../component/transaction-line/transaction-goods-allocation-line/style/material";
 @import "../../../component/transaction-line/transaction-purchase-order-line/style/material";
 @import "../../../component/transaction-line/transaction-purchase-overview-line/style/material";
+@import "../../../component/transaction-line/transaction-picked-line/style/material";
+@import "../../../component/transaction-line/transaction-to-be-picked-line/style/material";
 @import "../../../component/transaction-line-fields/transaction-line-price/style/material";
 @import "../../shared/transaction-article-text/style/material";
 @import "../../shared/transaction-article-text-overview/style/material";

package/lib/component/transaction-navigation-button-list/transaction-navigation-button-list.component.d.ts

@@ -1,6 +1,7 @@
-import { EventEmitter } from "@angular/core";
-import { TransactionRefTransaction } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import { EventEmitter } from '@angular/core';
+import { TransactionRefTransaction } from '@colijnit/transactionapi/build/model/transaction-line-info.bo';
 export declare class TransactionNavigationButtonListComponent {
+    emptyLabel: string;
     refTransactions: TransactionRefTransaction[];
     relationClick: EventEmitter<number>;
     transactionClick: EventEmitter<string>;

package/lib/component/transaction-picking-history/style/_layout.scss

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