@colijnit/transaction 12.1.36 → 12.1.38

package/lib/component/core/base/transaction-filter-popup-base.component.d.ts

@@ -3,10 +3,12 @@ import { BusinessObject } from "@colijnit/transactionapi/build/model/business-ob
 import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
 import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
 export declare abstract class TransactionFilterPopupBaseComponent<T extends BusinessObject | number | string> {
+    autoClose: boolean;
     useModel: boolean;
     set searchText(value: string);
     get searchText(): string;
     valueChange: EventEmitter<any>;
+    closeAfterCommit: EventEmitter<void>;
     set collection(value: T[]);
     get collection(): T[];
     get model(): TransactionLineInfo | TransactionInfo;
@@ -25,12 +27,12 @@ export declare abstract class TransactionFilterPopupBaseComponent<T extends Busi
     protected propsForLabel: string[];
     private _collection;
     private _searchText;
-    commit(value: any): void;
+    commit(value: any): Promise<boolean>;
     handleChecked(row: {
         value: number;
         text: string;
         checked: boolean;
-    }): void;
+    }): Promise<void>;
     protected prepareViewModels(): void;
     private _doSearch;
 }

package/lib/component/dialog/dialog-header-search/style/_layout.scss

@@ -1,7 +1,23 @@
+@use "sass:math";
+
 @include export-module('co-dialog-header-search-layout') {
   .co-dialog-header-search {
     .dialog-header-search-title {
+      font-family: $tp-dialog-header-search-title-font-family;
+      font-size: $tp-dialog-header-search-title-font-size;
+      font-weight: $tp-dialog-header-search-title-font-weight;
       margin: $tp-dialog-header-search-title-margin;
     }
+    .co-input-search {
+      .co-input-text:not(.custom-height) {
+        height: $tp-dialog-header-search-input-height;
+        label {
+          top: math.div($tp-dialog-header-search-input-height, 2);
+        }
+        input {
+          margin-top: math.div($tp-dialog-header-search-input-height, 2) - 6;
+        }
+      }
+    }
   }
 }

package/lib/component/dialog/dialog-header-search/style/_material-definition.scss

@@ -1 +1,5 @@
+$tp-dialog-header-search-title-font-family: $tp-font-family !default;
+$tp-dialog-header-search-title-font-size: $tp-font-size-big !default;
+$tp-dialog-header-search-title-font-weight: bold !default;
 $tp-dialog-header-search-title-margin: 0 0 10px 0 !default;
+$tp-dialog-header-search-input-height: 32px !default;

package/lib/component/dialog/transaction-header/dialog-transaction-header-delivery-method/style/_material-definition.scss

@@ -1,2 +1,2 @@
-$tp-dialog-transaction-header-delivery-method-min-width: 500px !default;
+$tp-dialog-transaction-header-delivery-method-min-width: 410px !default;
 $tp-dialog-transaction-header-delivery-method-height: 400px !default;

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

@@ -1,2 +1,2 @@
-$tp-dialog-transaction-line-commission-code-min-width: 500px !default;
+$tp-dialog-transaction-line-commission-code-min-width: 410px !default;
 $tp-dialog-transaction-line-commission-code-height: 400px !default;

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

@@ -1,2 +1,2 @@
-$tp-dialog-transaction-line-delivery-method-min-width: 500px !default;
+$tp-dialog-transaction-line-delivery-method-min-width: 410px !default;
 $tp-dialog-transaction-line-delivery-method-height: 400px !default;

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

@@ -1,2 +1,2 @@
-$tp-dialog-transaction-line-price-list-min-width: 500px !default;
+$tp-dialog-transaction-line-price-list-min-width: 410px !default;
 $tp-dialog-transaction-line-price-list-height: 400px !default;

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

@@ -1,2 +1,2 @@
-$tp-dialog-transaction-line-vat-min-width: 500px !default;
+$tp-dialog-transaction-line-vat-min-width: 410px !default;
 $tp-dialog-transaction-line-vat-height: 400px !default;

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

@@ -1,2 +1,2 @@
-$tp-dialog-transaction-line-warehouse-min-width: 500px !default;
+$tp-dialog-transaction-line-warehouse-min-width: 410px !default;
 $tp-dialog-transaction-line-warehouse-height: 400px !default;

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/dialog/transaction-line/dialog-transaction-line-warehouse-location/style/_material-definition.scss

@@ -1,2 +1,2 @@
-$tp-dialog-transaction-line-warehouse-location-min-width: 500px !default;
+$tp-dialog-transaction-line-warehouse-location-min-width: 410px !default;
 $tp-dialog-transaction-line-warehouse-location-height: 400px !default;

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

@@ -191,6 +191,12 @@
     .price {
       font-weight: $tp-transaction-line-price-font-weight;
     }
+    .transaction-line-deliverydate {
+      .co-input-date {
+        height: auto;
+        padding: 0;
+      }
+    }
   }
   .article-text {
     font-family: $tp-transaction-line-font-family;

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

@@ -8,6 +8,7 @@ import { IconCacheService } from "../../service/icon-cache.service";
 import { DialogService } from "../../service/dialog.service";
 import { TransactionImageService } from "../../service/transaction-image.service";
 import { TransactionLineActionButtonsComponent } from "../transaction-line-action-buttons/transaction-line-action-buttons.component";
+import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
 export declare class TransactionLineComponent {
     service: TransactionService;
     iconCacheService: IconCacheService;
@@ -16,6 +17,7 @@ export declare class TransactionLineComponent {
     private _imageService;
     readonly icons: typeof Icon;
     preview: boolean;
+    transactionInfo: TransactionInfo;
     set line(value: TransactionLineInfo);
     get line(): TransactionLineInfo;
     waitingForUserAction: EventEmitter<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-line-fields/transaction-line-delivery-date.component.d.ts

@@ -1,7 +1,16 @@
 import { TransactionService } from "../../service/transaction.service";
 import { TransactionLineBaseComponent } from "../core/base/transaction-line-base.component";
+import { InputDatePickerComponent } from "@colijnit/corecomponents_v12";
 export declare class TransactionLineDeliveryDateComponent extends TransactionLineBaseComponent<number> {
     private _transactionService;
+    set child(content: any);
+    showLabel: boolean;
+    defaultEditMode: boolean;
+    set editMode(value: boolean);
+    get editMode(): boolean;
+    handleClick(event: MouseEvent): void;
+    input: InputDatePickerComponent;
+    private _editMode;
     constructor(_transactionService: TransactionService);
     commit(date: Date): Promise<boolean>;
     protected transactionInfoSet(): void;

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

@@ -6,11 +6,13 @@ import { TransactionArticleTextComponent } from "../shared/transaction-article-t
 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 { TransactionService } from "../../service/transaction.service";
+import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
 export declare class TransactionLinesComponent {
     iconCacheService: IconCacheService;
     private service;
     readonly icons: typeof Icon;
     transactionArticleText: TransactionArticleTextComponent;
+    transactionInfo: TransactionInfo;
     transactionLines: TransactionLineInfo[];
     preview: boolean;
     saveTransactionLine: EventEmitter<TransactionAddTextLineRequest>;

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/lib/service/transaction.service.d.ts

@@ -89,7 +89,7 @@ export declare class TransactionService extends PendingReasonService {
     getDeliveryMethods(): Promise<DeliveryMethod[]>;
     getDeliveryOptions(): Promise<DeliveryOption[]>;
     getRelationListObjects(relationRequest: RelationRequest): Promise<RelationListObject[]>;
-    addArticle(articleNo: string, amount?: number, warehouseNo?: number, commissionCode?: string, isReturn?: boolean, aboveLineNr?: number, belowLineNr?: number): Promise<boolean>;
+    addArticle(articleNo: string, isReturn?: boolean, aboveLineNr?: number, belowLineNr?: number): Promise<boolean>;
     addTransactionLine(lineType: TransactionLineType, articleNo: string, amount: number, warehouseNo?: number, commissionCode?: string, isReturn?: boolean, aboveLineNr?: number, belowLineNr?: number, remember?: boolean): Promise<TransactionInfoResponse>;
     addTextLine(showOnDocuments: number, text: string, amount: number, articleBound: boolean, refArticleLineNr: number, aboveLineNr?: number, belowLineNr?: number, remember?: boolean): Promise<TransactionInfoResponse>;
     addTextLineToTransaction(transactionUuid: string, showOnDocuments: number, text: string, amount: number, articleBound: boolean, refArticleLineNr: number, aboveLineNr?: number, belowLineNr?: number): Promise<TransactionInfoResponse>;

package/lib/style/_variables.scss

@@ -94,6 +94,7 @@ $cc-checkbox-border-radius: 7px;
 $cc-checkbox-check-background-color: white;
 $cc-checkbox-check-border-color: #5FDCB3;
 $cc-checkbox-check-color: #5FDCB3;
+$cc-co-dialog-header-text-color: $tp-color-font;
 
 $cc-collapsible-content-padding: 10px 0px 0px 0px;
 

package/lib/style/transaction-globals.scss

@@ -96,10 +96,8 @@ $stopPoint: 10%;
 
 .transaction-line-button {
   font-size: $tp-font-size;
-  cursor: pointer;
   display: flex;
   align-items: center;
-  justify-content: center;
   height: $tp-transaction-line-button-height;
   column-gap: $tp-transaction-line-button-column-gap;
   padding: $tp-transaction-line-button-padding;
@@ -109,11 +107,17 @@ $stopPoint: 10%;
     border-radius: $tp-transaction-line-button-radius;
     background-color: $tp-transaction-line-button-background-color;
   }
+  &:not(.no-pointer) {
+    cursor: pointer;
+  }
   &:not(.custom-width) {
     width: $tp-transaction-line-button-width;
     &.big {
       width: $tp-transaction-line-button-big-width;
     }
   }
+  &.center-align {
+    justify-content: center;
+  }
 }
 

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@colijnit/transaction",
-  "version": "12.1.36",
+  "version": "12.1.38",
   "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.68",
-    "@colijnit/transactionapi": ">=1.1.37",
+    "@colijnit/transactionapi": ">=1.1.38",
     "@fortawesome/angular-fontawesome": "0.9.0",
     "@fortawesome/fontawesome-svg-core": "^6.1.1",
     "@fortawesome/free-solid-svg-icons": "^6.1.1",