@colijnit/transaction 12.1.37 → 12.1.38

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

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

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

@@ -3,46 +3,40 @@
     display: block;
     height: 100%;
 
-    .test {
-      height: 400px;
-    }
-
-    .test2 {
-      height: 50px;
-    }
-
-    .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;
-    }
-    table {
+    .virtual-scroll-container {
+      max-height: $tp-dialog-transaction-line-warehouse-location-height;
+      height: $tp-dialog-transaction-line-warehouse-location-height;
+      min-width: $tp-dialog-transaction-line-warehouse-location-min-width;
       width: 100%;
-      border-spacing: 0 3px;
-      overflow: hidden;
-      tr {
+
+      .virtual-scroll-item {
         height: $tp-transaction-line-checkbox-list-item-height;
-        visibility: hidden;
-        &.visible {
-          visibility: visible;
-        }
-      }
-      td {
-        border-width: $tp-transaction-line-checkbox-list-item-border-width;
-        border-style: $tp-transaction-line-checkbox-list-item-border-style;
+        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;
       }
-      td:first-child {
-        border-left-style: solid;
-        border-top-left-radius: $tp-transaction-line-checkbox-list-item-border-radius;
-        border-bottom-left-radius: $tp-transaction-line-checkbox-list-item-border-radius;
+
+      .checkbox-wrapper {
         padding-left: 10px;
         width: 40px;
       }
-      td:last-child {
-        border-right-style: solid;
-        border-bottom-right-radius: $tp-transaction-line-checkbox-list-item-border-radius;
-        border-top-right-radius: $tp-transaction-line-checkbox-list-item-border-radius;
+
+      .label-wrapper {
+        display: flex;
+        width: 100%;
       }
+
+      .label {
+        width: 50%;
+      }
+    }
+
+    .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/transaction-line-checkbox-list.component.d.ts

@@ -1,16 +1,16 @@
-import { EventEmitter } from "@angular/core";
-export declare class TransactionLineCheckboxListComponent {
+import { AfterViewChecked, ElementRef, EventEmitter } from "@angular/core";
+export declare class TransactionLineCheckboxListComponent implements AfterViewChecked {
+    scrollingItem: ElementRef;
     collection: any[];
     readonly: boolean;
     checked: EventEmitter<any>;
     showClass: boolean;
     smallToolbar: boolean;
-    private _observer;
+    itemHeight: number;
+    ngAfterViewChecked(): void;
     handleChecked(event: MouseEvent, row: {
         value: string;
         text: string;
         checked: boolean;
     }): void;
-    private _initObserver;
-    private _handleVisibility;
 }

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

@@ -19,5 +19,5 @@ export declare class DialogService {
     showCharacteristics(title: string, choices: TransactionLineCharacteristicChoice[], value: string): Promise<string>;
     showWarehouse(): Promise<number>;
     showCommissionCode(): Promise<string>;
-    showWarehouseLocation(): Promise<string>;
+    showWarehouseLocation(warehouseNr: number): Promise<string>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/transaction",
-  "version": "12.1.37",
+  "version": "12.1.38",
   "description": "Colijn IT transaction module for Angular 12",
   "private": false,
   "peerDependencies": {