@colijnit/transaction 12.1.110 → 12.1.111

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

@@ -54,6 +54,28 @@ export declare abstract class TransactionBaseComponent implements OnInit, OnDest
     headerReadonly: boolean;
     committing: boolean;
     tooltipMessage: string;
+    lineHasLogisticalState: boolean;
+    lineIsOrdered: boolean;
+    lineIsDelivered: boolean;
+    lineIsInvoiced: boolean;
+    lineIsReceived: boolean;
+    lineQuantityToInvoice: number;
+    lineQuantityInvoiced: number;
+    lineQuantityToReceive: number;
+    lineQuantityReceived: number;
+    lineQuantityToDeliver: number;
+    lineQuantityDelivered: number;
+    lineQuantityToAllocate: number;
+    lineQuantityAllocated: number;
+    lineQuantityOrdered: number;
+    lineQuantityPlanningRequested: number;
+    lineQuantityPlanningPreferredDateEntered: number;
+    lineQuantityToBePicked: number;
+    lineQuantityPicked: number;
+    lineQuantityPlanningFinal: number;
+    lineQuantityPurchaseConfirmed: number;
+    lineQuantityTransportNotification: number;
+    lineQuantityInvoiceControl: number;
     protected headerTooltipMessages: string[];
     protected lineTooltipMessages: string[];
     private _relation;

package/lib/component/core/directive/overlay.directive.d.ts

@@ -1,14 +1,18 @@
 import { ElementRef, OnDestroy, OnInit } from '@angular/core';
-import { OverlayParentDirective } from './overlay-parent.directive';
+import { OverlayParentDirective } from '@colijnit/corecomponents_v12/lib/directives/overlay/overlay-parent.directive';
 export declare class OverlayDirective implements OnDestroy, OnInit {
-    set parent(value: OverlayParentDirective);
+    set parent(value: OverlayParentDirective | ElementRef);
+    keepInView: boolean;
+    inheritWidth: boolean;
+    rightAlign: boolean;
     private _elementRef;
-    private _observer;
+    private _resizeObserver;
+    private _intersectionObserver;
     private _parent;
     constructor(elementRef: ElementRef);
     ngOnDestroy(): void;
     ngOnInit(): void;
-    private _initiallyPlaceElement;
+    handleScroll: (event: Event) => void;
+    private _checkAndPlaceElement;
     private _placeElement;
-    private _handleScroll;
 }

package/lib/component/core/directive/overlay.module.d.ts

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

package/lib/component/shared/transaction-article-text/style/_layout.scss

@@ -35,13 +35,21 @@
     }
 
     .option-wrapper {
+      position: relative;
       display: flex;
       flex-direction: column;
       row-gap: $tp-co-transaction-article-text-options-row-gap;
       width: 100%;
       flex-shrink: 0;
+      .select-all-checkbox {
+        position: absolute;
+        top: 20px;
+        right: 0;
+        z-index: 1;
+      }
 
       .co-input-listbox {
+        border-width: 0;
         padding: 20px 0;
 
         .co-input-listbox-content {
@@ -54,6 +62,9 @@
           height: 300px;
           //max-height: 150px;
         }
+        &:hover {
+          border-width: 0;
+        }
       }
     }
 

package/lib/component/shared/transaction-article-text/transaction-article-text.component.d.ts

@@ -11,6 +11,7 @@ export declare class TransactionArticleTextComponent implements OnInit {
     iconCacheService: IconCacheService;
     private _dictionaryService;
     header: string;
+    transactionUuid: string;
     set transactionLine(value: TransactionLineInfo);
     get transactionLine(): TransactionLineInfo;
     set articleRef(value: string);
@@ -21,15 +22,21 @@ export declare class TransactionArticleTextComponent implements OnInit {
     showImage: boolean;
     closeClick: EventEmitter<MouseEvent>;
     cancelClick: EventEmitter<MouseEvent>;
-    saveClick: EventEmitter<TransactionAddTextLineRequest>;
+    saveClick: EventEmitter<{
+        request: TransactionAddTextLineRequest;
+        new: boolean;
+    }>;
     showClass(): boolean;
     readonly icon: typeof Icon;
     private _transactionLine;
     standardTexts: StandardText[];
     documents: any[];
+    showOnDocuments: number[];
+    selectAll: boolean;
     fields: Object;
     fieldsDocuments: Object;
     textAreaPlaceholder: string;
+    new: boolean;
     transactionAddTextLineRequest: TransactionAddTextLineRequest;
     private _articleRef;
     constructor(transactionService: TransactionService, iconCacheService: IconCacheService, _dictionaryService: DictionaryService);
@@ -37,5 +44,8 @@ export declare class TransactionArticleTextComponent implements OnInit {
     onOkClick(event: MouseEvent): void;
     onCancelClick(event: MouseEvent): void;
     onSelectStandardText(value: any): void;
-    handleDocumentsChange(docs: any): void;
+    handleDocumentsChange(codes: number[]): void;
+    handleSelectAll(select: boolean): void;
+    private _setShowOnDocuments;
+    private _getShowOnDocuments;
 }

package/lib/component/shared/transaction-article-text-overview/style/_layout.scss

@@ -18,12 +18,13 @@
     font-size: $tp-transaction-article-text-overview-font-size;
     display: flex;
     flex-direction: row;
-    align-items: center;
+    align-items: $tp-transaction-article-text-overview-align-items;
     background-color: white;
     column-gap: $tp-transaction-article-text-overview-column-gap;
     border: $tp-transaction-article-text-overview-text-border;
     border-width: $tp-transaction-article-text-overview-text-border-width;
     box-shadow: $tp-transaction-article-text-overview-text-shadow-box;
+    border-radius: $tp-transaction-article-text-overview-border-radius;
     .index {
       padding: 10px;
       background-color: $tp-transaction-article-text-overview-index-background-color;
@@ -33,10 +34,16 @@
       max-height: 150px;
       overflow: hidden;
     }
+    &.selected {
+      background-color: $tp-transaction-article-text-overview-selected-background-color;
+    }
+    &:hover {
+      background-color: $tp-transaction-article-text-overview-hover-background-color;
+    }
   }
   .article-text-overview-article-text-wrapper.cdk-drag-preview {
     box-sizing: border-box;
-    border-radius: 4px;
+    //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);

package/lib/component/shared/transaction-article-text-overview/style/_material-definition.scss

@@ -1,9 +1,13 @@
 $tp-transaction-article-text-overview-font-family: $tp-font-family !default;
 $tp-transaction-article-text-overview-font-size: $tp-font-size !default;
+$tp-transaction-article-text-overview-align-items: baseline !default;
 $tp-transaction-article-text-overview-column-gap: 5px !default;
+$tp-transaction-article-text-overview-border-radius: 10px !default;
+$tp-transaction-article-text-overview-hover-background-color: $tp-color-hover !default;
+$tp-transaction-article-text-overview-selected-background-color: $tp-color-select !default;
 $tp-transaction-article-text-overview-text-border: none !default;
-$tp-transaction-article-text-overview-text-border-width: 1px 1px 1px 1px !default;
+$tp-transaction-article-text-overview-text-border-width: 0 !default;
 $tp-transaction-article-text-overview-text-border-color: $tp-color-border !default;
-$tp-transaction-article-text-overview-text-shadow-box: inset -1px 0px 1px 0px $tp-color-border !default;
-$tp-transaction-article-text-overview-index-background-color: $tp-color-light-accent !default;
+$tp-transaction-article-text-overview-text-shadow-box: none !default;
+$tp-transaction-article-text-overview-index-background-color: transparent !default;
 $tp-transaction-article-text-overview-buttons-column-gap: 5px !default;

package/lib/component/shared/transaction-article-text-overview/transaction-article-text-overview.component.d.ts

@@ -2,7 +2,6 @@ import { EventEmitter } from "@angular/core";
 import { TransactionEventService } from "../../../service/transaction-event.service";
 import { TransactionService } from "../../../service/transaction.service";
 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 { CdkDrag, CdkDragDrop, CdkDropList } from "@angular/cdk/drag-drop";
 export declare class TransactionArticleTextOverviewComponent {
     service: TransactionService;
@@ -10,21 +9,21 @@ export declare class TransactionArticleTextOverviewComponent {
     set transactionLine(value: TransactionLineInfo);
     closeClick: EventEmitter<MouseEvent>;
     cancelClick: EventEmitter<MouseEvent>;
-    saveClick: EventEmitter<TransactionAddTextLineRequest>;
     showClass(): boolean;
     collection: TransactionLineInfo[];
     showTransactionArticleText: boolean;
     editTransactionLine: TransactionLineInfo;
     textToEdit: string;
     header: string;
+    selectedIndex: number;
     private _boFactory;
     constructor(service: TransactionService, _transactionEventService: TransactionEventService);
-    onOkClick(event: MouseEvent): void;
-    onCancelClick(event: MouseEvent): void;
+    onCancelClick(event: MouseEvent): Promise<void>;
     handleCanDragDrop(drag: CdkDrag, drop: CdkDropList): boolean;
     handleDrop(event: CdkDragDrop<TransactionLineInfo[]>): void;
     handleOpenArticleText(transLine: TransactionLineInfo): void;
     closeArticleText(): void;
+    handleSelect(index: number): void;
     private _hideArticleTextDialog;
     private _getArticleTexts;
 }

package/lib/component/tile/style/_material-definition.scss

@@ -8,7 +8,7 @@ $tp-tile-min-width: 200px !default;
 $tp-tile-min-height: 100px !default;
 $tp-tile-icon-width: 20px !default;
 $tp-tile-background-color: $tp-color-light !default;
-$tp-tile-hover-background-color: $tp-color-less-light !default;
+$tp-tile-hover-background-color: $tp-color-hover !default;
 $tp-tile-border-color: $tp-color-border !default;
 $tp-tile-selected-background-color: #f1fcff !default;
 $tp-tile-selected-border-color: #0084de !default;

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

@@ -50,9 +50,14 @@ export declare class TransactionComponent implements OnDestroy {
     handleShowArticleTextOverview(line: TransactionLineInfo): void;
     handleShowTransactionText(line: TransactionLineInfo): void;
     handleShowArticleText(line: TransactionLineInfo): void;
-    onSaveArticleTextOverview(request: TransactionAddTextLineRequest): void;
-    saveTransactionLineText(transactionAddTextLineRequest: TransactionAddTextLineRequest): void;
-    saveArticleLineText(transactionAddTextLineRequest: TransactionAddTextLineRequest): void;
+    saveTransactionLineText(data: {
+        request: TransactionAddTextLineRequest;
+        new: boolean;
+    }): Promise<void>;
+    saveArticleLineText(data: {
+        request: TransactionAddTextLineRequest;
+        new: boolean;
+    }): Promise<void>;
     handleEditTransactionText(line: TransactionLineInfo): void;
     handleEditArticleText(line: TransactionLineInfo): void;
     closeArticleText(): void;
@@ -64,5 +69,5 @@ export declare class TransactionComponent implements OnDestroy {
     private _hideArticleTextDialog;
     private _hideTransactionTextDialog;
     private _hideArticleTextOverviewDialog;
-    private updateSidePanelTransactionLine;
+    private updateTransactionLine;
 }

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

@@ -8,9 +8,8 @@ export declare class TransactionBaseLineComponent extends TransactionBaseCompone
     actionButtons: boolean;
     checkboxValueChanged: EventEmitter<boolean>;
     waitingForUserAction: EventEmitter<boolean>;
-    descriptionDblClick: EventEmitter<void>;
     showClass(): boolean;
     ngOnDestroy(): void;
     handleShowSidePanel(line: TransactionLineInfo): void;
-    onDescriptionDblClick(): void;
+    handleOpenArticleText(text: string): void;
 }

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

@@ -1,4 +1,6 @@
+import { EventEmitter } from '@angular/core';
 import { TransactionBaseComponent } from '../../core/base/transaction-base.component';
 export declare class TransactionTextLineComponent extends TransactionBaseComponent {
+    descriptionDblClick: EventEmitter<void>;
     showClass(): boolean;
 }

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

@@ -2,14 +2,6 @@
 
 @include export-module('co-transaction-line-action-buttons-layout') {
   .co-transaction-line-action-buttons {
-
-    .transaction-line-action-buttons-wrapper {
-      padding: $tp-transaction-line-action-buttons-padding;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
-
     .action-menu-button {
       height: $tp-transaction-line-action-buttons-action-menu-button-size;
       width: $tp-transaction-line-action-buttons-action-menu-button-size;
@@ -23,88 +15,36 @@
         width: $tp-transaction-line-action-buttons-action-menu-button-icon-size;
       }
     }
-    .action-button {
-      height: $tp-transaction-line-action-buttons-action-button-size;
-      width: $tp-transaction-line-action-buttons-action-button-size;
+  }
+  .co-transaction-line-action-buttons-popup {
+    font-family: $tp-transaction-line-action-buttons-font-family;
+    font-size: $tp-transaction-line-action-buttons-font-size;
+    .transaction-line-action-buttons-wrapper {
+      padding: $tp-transaction-line-action-buttons-padding;
+      display: flex;
+      align-items: center;
+    }
+    .transaction-line-action-buttons-popup-wrapper {
+      display: flex;
+      position: fixed;
+      flex-direction: column;
+      row-gap: $tp-transaction-line-action-buttons-row-gap;
+      padding: $tp-transaction-line-action-buttons-padding;
+      box-shadow: $tp-transaction-line-action-buttons-box-shadow;
+      border-radius: $tp-transaction-line-action-buttons-border-radius;
+    }
+
+    .action-button-wrapper {
       cursor: pointer;
       border-radius: $tp-transaction-line-action-buttons-action-button-border-radius;
       display: flex;
       align-items: center;
-      justify-content: center;
       margin: $tp-transaction-line-action-buttons-action-button-margin;
+      column-gap: $tp-transaction-line-action-buttons-action-button-column-gap;
       co-icon {
         height: $tp-transaction-line-action-buttons-action-button-icon-size;
         width: $tp-transaction-line-action-buttons-action-button-icon-size;
       }
     }
-
-    .action-buttons-container {
-      display: flex;
-      flex-direction: column;
-      position: absolute;
-
-      .action-button {
-        opacity: 0;
-
-        &.show {
-          opacity: 1;
-        }
-      }
-
-      .action-button:nth-child(1) {
-        transition: all .2s .4s;
-      }
-
-      .action-button:nth-child(2) {
-        transition: all .2s .3s;
-      }
-
-      .action-button:nth-child(3) {
-        transition: all .2s .2s;
-      }
-
-      .action-button:nth-child(4) {
-        transition: all .2s .1s;
-      }
-
-      .action-button.show:nth-child(1) {
-        transition: all .2s;
-      }
-
-      .action-button.show:nth-child(2) {
-        transition: all .2s .1s;
-      }
-
-      .action-button.show:nth-child(3) {
-        transition: all .2s .2s;
-      }
-
-      .action-button.show:nth-child(4) {
-        transition: all .2s .3s;
-      }
-
-      &.bottom {
-        //transform: translate(0, calc(50% + (#{$tp-transaction-line-action-buttons-action-button-size} / 2) +
-        transform: translate(0, 50%);
-      }
-
-      &.top {
-        transform: translate(0, calc(-50% - (#{$tp-transaction-line-action-buttons-action-button-size} / 2) -
-        #{$tp-transaction-line-action-buttons-action-button-margin}));
-        flex-direction: column-reverse;
-      }
-
-      &.left {
-        transform: translate(calc(-50% - (#{$tp-transaction-line-action-buttons-action-button-size} / 2) -
-        #{$tp-transaction-line-action-buttons-action-button-margin}));
-        flex-direction: row-reverse;
-      }
-
-      &.right {
-        transform: translate(calc(50% + (#{$tp-transaction-line-action-buttons-action-button-size} / 2) +
-        #{$tp-transaction-line-action-buttons-action-button-margin}));
-        flex-direction: row;
-      }
-    }
   }
 }

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

@@ -1,5 +1,12 @@
+$tp-transaction-line-action-buttons-font-family: $tp-font-family !default;
+$tp-transaction-line-action-buttons-font-size: $tp-font-size !default;
+$tp-transaction-line-action-buttons-font-color: $tp-color-font !default;
 $tp-transaction-line-action-buttons-background-color: $tp-default-background-accent !default;
-$tp-transaction-line-action-buttons-padding: 0 !default;
+$tp-transaction-line-action-buttons-popup-background-color: $tp-default-background-accent !default;
+$tp-transaction-line-action-buttons-padding: 10px !default;
+$tp-transaction-line-action-buttons-row-gap: 10px !default;
+$tp-transaction-line-action-buttons-border-radius: 10px !default;
+$tp-transaction-line-action-buttons-box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.5) !default;
 $tp-transaction-line-action-buttons-add-text-background-color: $tp-color-action !default;
 $tp-transaction-line-action-buttons-add-text-text-color: $tp-color-light !default;
 $tp-transaction-line-action-buttons-action-menu-button-size: 26px !default;
@@ -9,6 +16,7 @@ $tp-transaction-line-action-buttons-action-button-size: 30px !default;
 $tp-transaction-line-action-buttons-action-button-border-radius: 50% !default;
 $tp-transaction-line-action-buttons-action-button-icon-size: 15px !default;
 $tp-transaction-line-action-buttons-action-button-margin: 2px !default;
+$tp-transaction-line-action-buttons-action-button-column-gap: 10px !default;
 $tp-transaction-line-action-buttons-action-button-icon-color: $tp-color-dark !default;
 $tp-transaction-line-action-buttons-action-button-background-color: #030D3C !default;
-$tp-transaction-line-action-buttons-action-button-color: $tp-color-light !default;
+$tp-transaction-line-action-buttons-action-button-color: $tp-color-dark !default;

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

@@ -2,16 +2,17 @@
 
 @include export-module('co-transaction-line-action-buttons-theme') {
   .co-transaction-line-action-buttons {
-
     .action-menu-button {
       background-color: $tp-transaction-line-action-buttons-background-color;
       co-icon [fill] {
         fill: $tp-transaction-line-action-buttons-action-button-icon-color;
       }
     }
-
-    .action-button {
-      background-color: $tp-transaction-line-action-buttons-action-button-background-color;
+  }
+  .transaction-line-action-buttons-popup-wrapper {
+    color: $tp-transaction-line-action-buttons-font-color;
+    background-color: $tp-transaction-line-action-buttons-popup-background-color;
+    .co-icon {
       fill: $tp-transaction-line-action-buttons-action-button-color;
     }
   }

package/lib/component/transaction-line-action-buttons/transaction-line-action-buttons-popup.component.d.ts

@@ -0,0 +1,16 @@
+import { ElementRef, EventEmitter } from '@angular/core';
+import { Icon } from '../../enum/icon.enum';
+import { IconCacheService } from '../../service/icon-cache.service';
+export declare class TransactionLineActionButtonsPopupComponent {
+    iconCacheService: IconCacheService;
+    readonly icons: typeof Icon;
+    parentForOverlay: ElementRef;
+    articleTextButtonClick: EventEmitter<void>;
+    transactionTextButtonClick: EventEmitter<void>;
+    sidePanelButtonClick: EventEmitter<void>;
+    showClass: boolean;
+    constructor(iconCacheService: IconCacheService);
+    handleArticleTextButtonClick(event: MouseEvent): void;
+    handleTransactionTextButtonClick(event: MouseEvent): void;
+    handleSidePanelButtonClick(event: MouseEvent): void;
+}

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

@@ -1,38 +1,38 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { ElementRef, EventEmitter, OnInit } from '@angular/core';
 import { TransactionEventService } from '../../service/transaction-event.service';
 import { TransactionService } from '../../service/transaction.service';
 import { TransactionKind } from '@colijnit/transactionapi/build/enum/transaction-kind.enum';
 import { Icon } from '../../enum/icon.enum';
 import { DictionaryService } from '../../service/dictionary.service';
 import { IconCacheService } from '../../service/icon-cache.service';
-import { Direction } from '../../enum/direction.enum';
 import { TransactionLineInfo } from '@colijnit/transactionapi/build/model/transaction-line-info.bo';
+import { OverlayService } from '@colijnit/corecomponents_v12';
 export declare class TransactionLineActionButtonsComponent implements OnInit {
+    elementRef: ElementRef;
     iconCacheService: IconCacheService;
     private _transactionService;
     private _dictionaryService;
     private _transactionEventService;
+    private _overlayService;
     readonly icons: typeof Icon;
     set transactionLine(value: TransactionLineInfo);
     get transactionLine(): TransactionLineInfo;
-    alignDirection: Direction;
-    set showActionButtons(value: boolean);
-    get showActionButtons(): boolean;
     waitingForUserAction: EventEmitter<boolean>;
     transactionArticleTextOverviewButtonClicked: EventEmitter<TransactionLineInfo>;
     transactionTextButtonClicked: EventEmitter<TransactionLineInfo>;
     articleTextButtonClicked: EventEmitter<TransactionLineInfo>;
     sidePanelButtonClicked: EventEmitter<TransactionLineInfo>;
     showClass(): boolean;
-    showActionButtonsDelayed: boolean;
     transactionKind: TransactionKind;
     readonly: boolean;
+    showActionButtons: boolean;
     private _transactionLine;
-    private _showActionButtons;
-    constructor(iconCacheService: IconCacheService, _transactionService: TransactionService, _dictionaryService: DictionaryService, _transactionEventService: TransactionEventService);
+    constructor(elementRef: ElementRef, iconCacheService: IconCacheService, _transactionService: TransactionService, _dictionaryService: DictionaryService, _transactionEventService: TransactionEventService, _overlayService: OverlayService);
     ngOnInit(): void;
     handleShowHideClick(): void;
     handleTransactionText(): void;
     handleArticleText(): void;
     handleShowSidePanel(): void;
+    private _showPopup;
+    private _hidePopup;
 }

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

@@ -8,4 +8,5 @@ export declare class TransactionLineVatComponent extends TransactionFilterPopupB
     ngOnInit(): void;
     commit(id: number): Promise<boolean>;
     protected transactionInfoSet(): void;
+    protected transactionLineSet(): void;
 }

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

@@ -7,4 +7,5 @@ export declare class TransactionLineWarehouseComponent extends TransactionFilter
     protected propsForLabel: string[];
     ngOnInit(): void;
     commit(warehouse: number): Promise<boolean>;
+    protected transactionLineSet(): void;
 }

package/lib/component/transaction-line-image-and-description/transaction-line-image-and-description.component.d.ts

@@ -5,7 +5,6 @@ export declare class TransactionLineImageAndDescriptionComponent extends Transac
     showClass(): boolean;
     preview: boolean;
     openArticleTextClicked: EventEmitter<string>;
-    descriptionDblClick: EventEmitter<void>;
     handleDeleteLine: EventEmitter<MouseEvent>;
     image: string;
     handleOpenArticleText(text: string): void;
@@ -13,5 +12,4 @@ export declare class TransactionLineImageAndDescriptionComponent extends Transac
     protected transactionLineSet(): void;
     protected visibilitySet(visible: boolean): void;
     private _loadLineImage;
-    onDescriptionDblClick(): void;
 }

package/lib/component/transaction-search/transaction-search-tile/transaction-search-tile/style/_material-definition.scss

@@ -1,6 +1,6 @@
 $tp-transaction-tile-background-color: $tp-color-light  !default;
-$tp-transaction-tile-background-color-hover: $tp-color-less-light !default;
-$tp-transaction-tile-background-color-selected: #F0F5FF !default;
+$tp-transaction-tile-background-color-hover: $tp-color-hover !default;
+$tp-transaction-tile-background-color-selected: $tp-color-select !default;
 
 $tp-transaction-tile-font-family: $tp-font-family !default;
 $tp-transaction-tile-font-size: $tp-font-size !default;

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

@@ -142,6 +142,7 @@ export declare class TransactionConnectorAdapterService {
     resolvePendingLineReason(pendingLineValues: ResolveLinePendingReasonRequest): Promise<TransactionInfoResponse>;
     addTransactionLine(uuid: string, articleNo: string, quantity: number, aboveLineNr: number, belowLineNr: number): Promise<TransactionInfoResponse>;
     addTextLineToTransaction(uuid: string, showOnDocuments: number, text: string, amount: number, articleBound: boolean, refArticleLineNr: number, aboveLineNr?: number, belowLineNr?: number): Promise<TransactionInfoResponse>;
+    updateTextLine(uuid: string, lineUuid: string, showOnDocuments: number, text: string): Promise<TransactionInfoResponse>;
     addRelationToTransaction(uuid: string, relationId: number): Promise<TransactionInfoResponse>;
     changeLineSequence(uuid: string, lineUuid: string, aboveLineNr?: number, belowLineNr?: number): Promise<TransactionInfoResponse>;
     cancelAddTransactionLine(lineUuid: string): Promise<TransactionInfoResponse>;

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

@@ -119,6 +119,7 @@ export declare class TransactionConnectorService {
     getPostalCodeRetrieval(postcalCode: string, houseNo: string): Promise<GetPostalCodeRetrievalOutputParams>;
     addTransactionLine(uuid: string, articleNo: string, quantity: number, aboveLineNr: number, belowLineNr: number): Promise<TransactionInfoResponse>;
     addTextLineToTransaction(uuid: string, showOnDocuments: number, text: string, amount: number, articleBound: boolean, refArticleLineNr: number, aboveLineNr?: number, belowLineNr?: number): Promise<TransactionInfoResponse>;
+    updateTextLine(uuid: string, lineUuid: string, showOnDocuments: number, text: string): Promise<TransactionInfoResponse>;
     changeLineSequence(uuid: string, lineUuid: string, aboveLineNr?: number, belowLineNr?: number): Promise<TransactionInfoResponse>;
     cancelAddTransactionLine(lineUuid: string): Promise<TransactionInfoResponse>;
     deleteTransactionLine(uuid: string, lineUuid: string): Promise<TransactionInfoResponse>;

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

@@ -138,6 +138,7 @@ export declare class TransactionService extends PendingReasonService {
     getSalesPersons(date?: Date): Promise<SalesPerson[]>;
     addArticle(articleNo: string, quantity?: number, aboveLineNr?: number, belowLineNr?: number): Promise<boolean>;
     addTextLine(showOnDocuments: number, text: string, amount: number, articleBound: boolean, refArticleLineNr: number, aboveLineNr?: number, belowLineNr?: number): Promise<boolean>;
+    updateTextLine(uuid: string, lineUuid: string, showOnDocuments: number, text: string): Promise<boolean>;
     changeLineSequence(lineUuid: string, aboveLineNr?: number, belowLineNr?: number): Promise<boolean>;
     deleteTransactionLine(transactionUuid: string, TransactionLineUuid: string): Promise<boolean>;
     changeTransactionLineQuantity(transactionUuid: string, lineUuid: string, newQuantity: number): Promise<boolean>;

package/lib/style/_variables.scss

@@ -5,6 +5,7 @@ $tp-color-action: #3e7eff !default;
 $tp-color-action-light: #DCE4EA !default;
 $tp-color-text-light: $tp-color-less-light !default;
 
+$tp-color-select: #f0f5ff !default;
 $tp-color-hover: #e8eceb !default;
 $tp-color-active: #429777 !default;
 $tp-color-grey: #DAD9D9 !default;
@@ -129,7 +130,7 @@ $cc-co-commit-buttons-cancel-color: $tp-color-label !default;
 $cc-simple-grid-header-border-color: white !default;
 $cc-simple-grid-header-font-size: 11px !default;
 $cc-simple-grid-cell-padding: 0 5px !default;
-$cc-simple-grid-row-selected-background-color: #f0f5ff !default;
+$cc-simple-grid-row-selected-background-color: $tp-color-select !default;
 $cc-simple-grid-row-height: 60px !default;
 
 $cc-co-carousel-padding: 10px 20px !default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/transaction",
-  "version": "12.1.110",
+  "version": "12.1.111",
   "description": "Colijn IT transaction module for Angular 12",
   "repository": "npm/npm",
   "author": "Colijn IT",
@@ -12,13 +12,13 @@
     "@colijnit/articleapi": ">=1.0.16",
     "@colijnit/catalog": ">=12.1.29",
     "@colijnit/corecomponents": ">=1.12.0",
-    "@colijnit/corecomponents_v12": ">=12.0.104",
+    "@colijnit/corecomponents_v12": ">=12.0.107",
     "@colijnit/ioneconnector": ">=2.1.11",
     "@colijnit/mainapi": ">=1.0.10",
     "@colijnit/relationapi": ">=1.0.5",
     "@colijnit/sharedapi": ">=1.0.10",
     "@colijnit/sharedcomponents": ">=1.0.40",
-    "@colijnit/transactionapi": ">=1.1.78",
+    "@colijnit/transactionapi": ">=1.1.79",
     "@syncfusion/ej2-angular-buttons": ">=19.3.44",
     "@syncfusion/ej2-angular-calendars": ">=19.3.44",
     "@syncfusion/ej2-angular-dropdowns": ">=19.3.45",

package/esm2015/lib/component/core/directive/overlay-parent.directive.js

@@ -1,19 +0,0 @@
-import { Directive, ElementRef } from "@angular/core";
-export class OverlayParentDirective {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-    ngOnDestroy() {
-        this.elementRef = undefined;
-    }
-}
-OverlayParentDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[overlayParent]',
-                exportAs: 'overlayParent'
-            },] }
-];
-OverlayParentDirective.ctorParameters = () => [
-    { type: ElementRef }
-];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS1wYXJlbnQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHJhbnNhY3Rpb24vc3JjL2xpYi9jb21wb25lbnQvY29yZS9kaXJlY3RpdmUvb3ZlcmxheS1wYXJlbnQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsVUFBVSxFQUFZLE1BQU0sZUFBZSxDQUFDO0FBTS9ELE1BQU0sT0FBTyxzQkFBc0I7SUFJakMsWUFDRSxVQUFzQjtRQUV0QixJQUFJLENBQUMsVUFBVSxHQUFHLFVBQVUsQ0FBQztJQUMvQixDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsVUFBVSxHQUFHLFNBQVMsQ0FBQztJQUM5QixDQUFDOzs7WUFoQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxpQkFBaUI7Z0JBQzNCLFFBQVEsRUFBRSxlQUFlO2FBQzFCOzs7WUFMa0IsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBFbGVtZW50UmVmLCBPbkRlc3Ryb3l9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogJ1tvdmVybGF5UGFyZW50XScsXHJcbiAgZXhwb3J0QXM6ICdvdmVybGF5UGFyZW50J1xyXG59KVxyXG5leHBvcnQgY2xhc3MgT3ZlcmxheVBhcmVudERpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XHJcblxyXG4gIHB1YmxpYyBlbGVtZW50UmVmOiBFbGVtZW50UmVmO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWZcclxuICApIHtcclxuICAgIHRoaXMuZWxlbWVudFJlZiA9IGVsZW1lbnRSZWY7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLmVsZW1lbnRSZWYgPSB1bmRlZmluZWQ7XHJcbiAgfVxyXG59XHJcbiJdfQ==