@colijnit/transaction 12.1.88 → 12.1.90

package/lib/component/transaction-navigation-button-list/style/_layout.scss

@@ -0,0 +1,25 @@
+@include export-module('co-transaction-navigation-button-list-layout') {
+  .co-transaction-navigation-button-list {
+    .navigation-button-list-extended-wrapper {
+      display: flex;
+      flex-direction: column;
+      position: fixed;
+      z-index: 1;
+      row-gap: $tp-co-transaction-navigation-button-list-row-gap;
+      padding: $tp-co-transaction-navigation-button-list-overlay-padding;
+      overflow: hidden;
+      box-shadow: $tp-co-transaction-navigation-button-list-overlay-box-shadow;
+      border-style: $tp-co-transaction-navigation-button-list-overlay-border-style;
+      border-width: $tp-co-transaction-navigation-button-list-overlay-border-width;
+      border-radius: $tp-co-transaction-navigation-button-list-overlay-border-radius;
+    }
+    .navigation-button-list-extended-item {
+      display: grid;
+      grid-template-columns: auto auto;
+      column-gap: $tp-co-transaction-navigation-button-list-column-gap;
+      .navigation-relation-button {
+        width: $tp-co-transaction-navigation-button-list-relation-button-width;
+      }
+    }
+  }
+}

package/lib/component/transaction-navigation-button-list/style/_material-definition.scss

@@ -0,0 +1,10 @@
+$tp-co-transaction-navigation-button-list-overlay-background-color: white !default;
+$tp-co-transaction-navigation-button-list-overlay-border-style: solid !default;
+$tp-co-transaction-navigation-button-list-overlay-border-width: 1px !default;
+$tp-co-transaction-navigation-button-list-overlay-border-color: white !default;
+$tp-co-transaction-navigation-button-list-overlay-border-radius: 10px !default;
+$tp-co-transaction-navigation-button-list-overlay-padding: 10px !default;
+$tp-co-transaction-navigation-button-list-overlay-box-shadow: 1px 1px 10px 1px #b6bfbf !default;
+$tp-co-transaction-navigation-button-list-column-gap: $tp-transaction-line-column-gap !default;
+$tp-co-transaction-navigation-button-list-row-gap: $tp-transaction-line-row-gap !default;
+$tp-co-transaction-navigation-button-list-relation-button-width: $tp-transaction-line-button-big-width !default;

package/lib/component/transaction-navigation-button-list/style/_theme.scss

@@ -0,0 +1,8 @@
+@include export-module('co-transaction-navigation-button-list-theme') {
+  .co-transaction-navigation-button-list {
+    .navigation-button-list-extended-wrapper {
+      background: $tp-co-transaction-navigation-button-list-overlay-background-color;
+      border-color: $tp-co-transaction-navigation-button-list-overlay-border-color;
+    }
+  }
+}

package/lib/component/transaction-navigation-button-list/style/material.scss

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

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

@@ -0,0 +1,11 @@
+import { EventEmitter } from "@angular/core";
+import { TransactionRefTransaction } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+export declare class TransactionNavigationButtonListComponent {
+    refTransactions: TransactionRefTransaction[];
+    relationClick: EventEmitter<number>;
+    transactionClick: EventEmitter<string>;
+    showClass(): boolean;
+    showExtended: boolean;
+    handleRelationClick(event: MouseEvent, relationId: number): void;
+    handleTransactionClick(event: MouseEvent, transNr: string): void;
+}

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

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

package/lib/component/transaction-number-label/style/_layout.scss

@@ -0,0 +1,7 @@
+@include export-module('co-transaction-number-label-layout') {
+  .co-transaction-number-label {
+    font-family: $tp-co-transaction-number-label-font-family;
+    font-size: $tp-co-transaction-number-label-font-size;
+    font-weight: $tp-co-transaction-number-label-font-weight;
+  }
+}

package/lib/component/transaction-number-label/style/_material-definition.scss

@@ -0,0 +1,4 @@
+$tp-co-transaction-number-label-font-family: $tp-font-family !default;
+$tp-co-transaction-number-label-font-size: $tp-font-size !default;
+$tp-co-transaction-number-label-font-weight: bold !default;
+$tp-co-transaction-number-label-color: $tp-color-font !default;

package/lib/component/transaction-number-label/style/_theme.scss

@@ -0,0 +1,5 @@
+@include export-module('co-transaction-number-label-theme') {
+  .co-transaction-number-label {
+    color: $tp-co-transaction-number-label-color;
+  }
+}

package/lib/component/transaction-number-label/style/material.scss

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

package/lib/component/transaction-number-label/transaction-number-label.component.d.ts

@@ -0,0 +1,12 @@
+import { OnDestroy } from "@angular/core";
+import { TransactionService } from "../../service/transaction.service";
+import { TransactionEventService } from "../../service/transaction-event.service";
+export declare class TransactionNumberLabelComponent implements OnDestroy {
+    private _transactionService;
+    private _transactionEventService;
+    showClass(): boolean;
+    label: string;
+    private _subs;
+    constructor(_transactionService: TransactionService, _transactionEventService: TransactionEventService);
+    ngOnDestroy(): void;
+}

package/lib/component/transaction-number-label/transaction-number-label.module.d.ts

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

package/lib/component/transaction-quick-access/transaction-quick-access/style/material.scss

@@ -5,6 +5,7 @@
 @import "../../transaction-quick-access-received-goods/style/material";
 @import "../../transaction-quick-access-overview/style/material";
 @import "../../transaction-quick-access-order-delivery/style/material";
+@import "../../transaction-quick-access-invoice/style/material";
 @import "../../transaction-quick-access-order-purchase/style/material";
 @import "../../transaction-quick-access-goods-allocation/style/material";
 @import "../../transaction-quick-access-purchase-order-overview/style/material";

package/lib/component/transaction-quick-access/transaction-quick-access-goods-allocation/transaction-quick-access-goods-allocation.component.d.ts

@@ -3,18 +3,16 @@ import { TransactionEventService } from "../../../service/transaction-event.serv
 import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
 import { Icon } from "../../../enum/icon.enum";
 import { IconCacheService } from "../../../service/icon-cache.service";
-import { TransactionAllocateGoodsService } from "../../transaction-line/transaction-goods-allocation-line/service/transaction-allocate-goods.service";
 export declare class TransactionQuickAccessGoodsAllocationComponent extends TransactionBaseComponent {
     iconService: IconCacheService;
     private _transactionService;
     private _transactionEventService;
-    private _allocateGoodsService;
     readonly icons: typeof Icon;
     showClass(): boolean;
     awaitingResult: boolean;
     resultSuccessful: boolean;
     iconVisible: boolean;
-    constructor(iconService: IconCacheService, _transactionService: TransactionService, _transactionEventService: TransactionEventService, _allocateGoodsService: TransactionAllocateGoodsService);
+    constructor(iconService: IconCacheService, _transactionService: TransactionService, _transactionEventService: TransactionEventService);
     handleSelectAllLines(value: boolean): void;
     handleCommitEvent(): Promise<void>;
 }

package/lib/component/transaction-quick-access/transaction-quick-access-invoice/style/_layout.scss

@@ -0,0 +1,12 @@
+@include export-module('cc-transaction-quick-access-invoice-layout') {
+  .co-transaction-quick-access-invoice {
+    .select-all-wrapper {
+      display: flex;
+      align-items: center;
+    }
+
+    .hidden {
+      visibility: hidden;
+    }
+  }
+}

package/lib/component/transaction-quick-access/transaction-quick-access-invoice/style/_theme.scss

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

package/lib/component/transaction-quick-access/transaction-quick-access-invoice/style/material.scss

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

package/lib/component/transaction-quick-access/transaction-quick-access-invoice/transaction-quick-access-invoice.component.d.ts

@@ -0,0 +1,33 @@
+import { AfterViewInit } from "@angular/core";
+import { TransactionQuickAccessSendMethodBaseComponent } from "../transaction-quick-access-send-method-base.component";
+import { IconCacheService } from "../../../service/icon-cache.service";
+import { TransactionService } from "../../../service/transaction.service";
+import { TransactionEventService } from "../../../service/transaction-event.service";
+import { ReportLayoutSelectionEmail } from "@colijnit/mainapi/build/model/report-layout-selection-email.bo";
+import { ReportLayoutSelectionPrint } from "@colijnit/mainapi/build/model/report-layout-selection-print.bo";
+import { EmailInvoiceRequest } from "@colijnit/transactionapi/build/model/email-invoice-request";
+import { PrintInvoiceRequest } from "@colijnit/transactionapi/build/model/print-invoice-request";
+import { PdfInvoiceRequest } from "@colijnit/transactionapi/build/model/pdf-invoice-request";
+export declare class TransactionQuickAccessInvoiceComponent extends TransactionQuickAccessSendMethodBaseComponent implements AfterViewInit {
+    iconService: IconCacheService;
+    service: TransactionService;
+    private _transactionEventService;
+    showClass(): boolean;
+    reportDocumentEmailRequest: EmailInvoiceRequest;
+    reportDocumentPrintRequest: PrintInvoiceRequest;
+    reportDocumentPdfRequest: PdfInvoiceRequest;
+    allowDelivery: boolean;
+    constructor(iconService: IconCacheService, service: TransactionService, _transactionEventService: TransactionEventService);
+    ngAfterViewInit(): void;
+    handleSelectAllLines(value: boolean): void;
+    protected getDefaultEmailAddressList(): Promise<string[]>;
+    protected getDefaultSendMethod(): Promise<number>;
+    protected getEmailLayouts(): Promise<ReportLayoutSelectionEmail[]>;
+    protected getPrintLayouts(): Promise<ReportLayoutSelectionPrint[]>;
+    protected pdfDocument(pdfInvoiceRequest: PdfInvoiceRequest): void;
+    protected printDocument(printInvoiceRequest: PrintInvoiceRequest): void;
+    protected emailDocument(emailInvoiceRequest: EmailInvoiceRequest): void;
+    _prepareRequest(request: EmailInvoiceRequest | PrintInvoiceRequest | PdfInvoiceRequest): void;
+    private _createRequestLines;
+    private _createLinesInfoArray;
+}

package/lib/component/transaction-quick-access/transaction-quick-access-invoice/transaction-quick-access-invoice.module.d.ts

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

package/lib/component/transaction-quick-access/transaction-quick-access-order-confirmation/transaction-quick-access-order-confirmation.component.d.ts

@@ -15,7 +15,6 @@ export declare class TransactionQuickAccessOrderConfirmationComponent extends Tr
     resultSuccessful: boolean;
     iconVisible: boolean;
     constructor(iconService: IconCacheService, service: TransactionService, _transactionEventService: TransactionEventService);
-    confirmFullOrder(): void;
     handleSelectAllLines(value: boolean): void;
     handleCommitEvent(): Promise<void>;
 }

package/lib/component/transaction-quick-access/transaction-quick-access-order-delivery/transaction-quick-access-order-delivery.component.d.ts

@@ -1,27 +1,22 @@
-import { OnDestroy } from "@angular/core";
 import { IconCacheService } from "../../../service/icon-cache.service";
 import { TransactionService } from "../../../service/transaction.service";
 import { TransactionEventService } from "../../../service/transaction-event.service";
-import { TransactionOrderDeliveryService } from "../../transaction-line/transaction-order-delivery-line/service/transaction-order-delivery.service";
 import { TransactionQuickAccessSendMethodBaseComponent } from "../transaction-quick-access-send-method-base.component";
 import { ReportLayoutSelectionPrint } from "@colijnit/mainapi/build/model/report-layout-selection-print.bo";
 import { ReportLayoutSelectionEmail } from "@colijnit/mainapi/build/model/report-layout-selection-email.bo";
 import { EmailDeliveryNoteRequest } from "@colijnit/transactionapi/build/model/email-delivery-note-request";
 import { PrintDeliveryNoteRequest } from "@colijnit/transactionapi/build/model/print-delivery-note-request";
 import { PdfDeliveryNoteRequest } from "@colijnit/transactionapi/build/model/pdf-delivery-note-request";
-export declare class TransactionQuickAccessOrderDeliveryComponent extends TransactionQuickAccessSendMethodBaseComponent implements OnDestroy {
+export declare class TransactionQuickAccessOrderDeliveryComponent extends TransactionQuickAccessSendMethodBaseComponent {
     iconService: IconCacheService;
     service: TransactionService;
     private _transactionEventService;
-    private _orderDeliveryService;
     showClass(): boolean;
     reportDocumentEmailRequest: EmailDeliveryNoteRequest;
     reportDocumentPrintRequest: PrintDeliveryNoteRequest;
     reportDocumentPdfRequest: PdfDeliveryNoteRequest;
     allowDelivery: boolean;
-    private _subscriptions;
-    constructor(iconService: IconCacheService, service: TransactionService, _transactionEventService: TransactionEventService, _orderDeliveryService: TransactionOrderDeliveryService);
-    ngOnDestroy(): void;
+    constructor(iconService: IconCacheService, service: TransactionService, _transactionEventService: TransactionEventService);
     ngAfterViewInit(): void;
     handleSelectAllLines(value: boolean): void;
     protected getDefaultEmailAddressList(): Promise<string[]>;
@@ -30,5 +25,7 @@ export declare class TransactionQuickAccessOrderDeliveryComponent extends Transa
     protected getPrintLayouts(): Promise<ReportLayoutSelectionPrint[]>;
     protected pdfDocument(pdfDeliveryNoteRequest: PdfDeliveryNoteRequest): void;
     protected printDocument(printDeliveryNoteRequest: PrintDeliveryNoteRequest): void;
-    protected emailDocument(request: EmailDeliveryNoteRequest): void;
+    protected emailDocument(emailDeliveryNoteRequest: EmailDeliveryNoteRequest): void;
+    _prepareRequest(request: EmailDeliveryNoteRequest | PrintDeliveryNoteRequest | PdfDeliveryNoteRequest): void;
+    private _createRequestLines;
 }

package/lib/component/transaction-quick-access/transaction-quick-access-received-goods/transaction-quick-access-received-goods.component.d.ts

@@ -1,34 +1,21 @@
-import { EventEmitter, OnInit } from "@angular/core";
 import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
 import { TransactionEventService } from "../../../service/transaction-event.service";
 import { TransactionService } from "../../../service/transaction.service";
 import { IconCacheService } from "../../../service/icon-cache.service";
 import { Icon } from "../../../enum/icon.enum";
-import { TransactionReceiveGoodsService } from "../../transaction-line/transaction-receive-goods-line/service/transaction-receive-goods.service";
-export declare class TransactionQuickAccessReceivedGoodsComponent extends TransactionBaseComponent implements OnInit {
+export declare class TransactionQuickAccessReceivedGoodsComponent extends TransactionBaseComponent {
     iconService: IconCacheService;
     private _transactionService;
     private _transactionEventService;
-    private _receiveGoodsService;
     readonly icons: typeof Icon;
-    commitDate: Date;
-    commitReferenceId: string;
-    packingSlipId: string;
+    showClass(): boolean;
     localCheckboxState: boolean;
     awaitingResult: boolean;
     resultSuccessful: boolean;
     iconVisible: boolean;
-    checkboxValueChanged: EventEmitter<{
-        checkboxValue: boolean;
-        date: Date;
-        id: string;
-    }>;
-    showClass(): boolean;
-    constructor(iconService: IconCacheService, _transactionService: TransactionService, _transactionEventService: TransactionEventService, _receiveGoodsService: TransactionReceiveGoodsService);
-    ngOnInit(): void;
-    handleCommitEvent(value: {
-        date: Date;
-        id: string;
-    }): Promise<void>;
+    commitDate: Date;
+    packingSlipNr: string;
+    constructor(iconService: IconCacheService, _transactionService: TransactionService, _transactionEventService: TransactionEventService);
+    handleCommitEvent(): Promise<void>;
     handleSelectAllLines(value: boolean): void;
 }

package/lib/component/transaction-receiving-goods-history/transaction-receiving-goods-history.component.d.ts

@@ -1,17 +1,10 @@
 import { EventEmitter } from "@angular/core";
-import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
-import { TransactionService } from "../../service/transaction.service";
 import { LogisticalStateDetail } from "@colijnit/transactionapi/build/model/logistical-state-detail.bo";
-import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
-export declare class TransactionReceivingGoodsHistoryComponent {
-    private _service;
+import { TransactionBaseComponent } from "../core/base/transaction-base.component";
+export declare class TransactionReceivingGoodsHistoryComponent extends TransactionBaseComponent {
     set goodsReceiptHistory(value: LogisticalStateDetail[]);
-    transactionInfo: TransactionInfo;
-    transactionLine: TransactionLineInfo;
-    reloadReceivingGoodsHistory: EventEmitter<void>;
     get goodsReceiptHistory(): LogisticalStateDetail[];
+    deleteRow: EventEmitter<LogisticalStateDetail>;
     showClass(): boolean;
     private _goodsReceiptHistory;
-    constructor(_service: TransactionService);
-    handleDeleteSelectedRow(row: LogisticalStateDetail): Promise<void>;
 }

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

@@ -1,3 +1,4 @@
+import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
 import { TransactionSearchViewRequest } from "@colijnit/transactionapi/build/model/transaction-search-view-request";
 import { TransactionSearchView } from "@colijnit/transactionapi/build/model/transaction-search-view.bo";
 import { SearchViewMode } from "../../../enum/search-view-mode.enum";
@@ -10,9 +11,10 @@ export declare class TransactionSearchService {
     activeSearchViewMode: SearchViewMode;
     activeSearchBarViewMode: SearchbarViewMode;
     showFilterSidebar: boolean;
+    searchPlaceholder: string;
     transactions: TransactionSearchView[];
-    set transactionType(value: string);
-    get transactionType(): string;
+    set transactionType(value: TransactionKind);
+    get transactionType(): TransactionKind;
     labelBasedOnTransactionType: Map<string, string>;
     placeholderBasedOnTransactionType: Map<string, string>;
     transactionsPerPage: number;

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

@@ -1,20 +1,17 @@
-import { ApplicationRef, ComponentFactoryResolver, Injector } from "@angular/core";
-import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
+import { ApplicationRef, ComponentFactoryResolver, Injector, OnInit } from "@angular/core";
 import { TransactionMappingService } from "../../../../service/transaction-mapping.service";
 import { TransactionSearchService } from "../../service/transaction-search.service";
-export declare class TransactionFilterComponent {
+export declare class TransactionFilterComponent implements OnInit {
     private _mappingService;
     private _compFactoryResolver;
     private appRef;
     private injector;
     searchService: TransactionSearchService;
     set container(content: any);
-    set transactionType(value: TransactionKind);
-    get transactionType(): TransactionKind;
     showClass(): boolean;
     private _transactionFilterContainer;
-    private _transactionType;
     private _componentRef;
     constructor(_mappingService: TransactionMappingService, _compFactoryResolver: ComponentFactoryResolver, appRef: ApplicationRef, injector: Injector, searchService: TransactionSearchService);
+    ngOnInit(): void;
     private _prepareContent;
 }

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

@@ -1,5 +1,4 @@
 import { ApplicationRef, ComponentFactoryResolver, EventEmitter, Injector } from "@angular/core";
-import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
 import { TransactionSearchView } from "@colijnit/transactionapi/build/model/transaction-search-view.bo";
 import { TransactionMappingService } from "../../../../service/transaction-mapping.service";
 import { TransactionSearchService } from "../../service/transaction-search.service";
@@ -10,12 +9,9 @@ export declare class TransactionSearchGridComponent {
     private injector;
     searchService: TransactionSearchService;
     set container(content: any);
-    set transactionType(value: TransactionKind);
-    get transactionType(): TransactionKind;
     transactionClick: EventEmitter<TransactionSearchView>;
     showClass(): boolean;
     private _transactionSearchGridContainer;
-    private _transactionType;
     private _componentRef;
     constructor(_mappingService: TransactionMappingService, _compFactoryResolver: ComponentFactoryResolver, appRef: ApplicationRef, injector: Injector, searchService: TransactionSearchService);
     private _prepareContent;

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

@@ -1,5 +1,4 @@
 import { EventEmitter, OnInit } from "@angular/core";
-import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
 import { TransactionSearchView } from "@colijnit/transactionapi/build/model/transaction-search-view.bo";
 import { ContentViewMode } from "../../../enum/content-view-mode.enum";
 import { Icon } from "../../../enum/icon.enum";
@@ -11,7 +10,6 @@ export declare class TransactionSearchResultComponent implements OnInit {
     selectedTransaction: TransactionSearchView;
     private _activeContentViewMode;
     private _fullscreen;
-    transactionType: TransactionKind;
     set activeContentViewMode(value: ContentViewMode);
     get activeContentViewMode(): ContentViewMode;
     set fullscreen(value: boolean);

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

@@ -1,5 +1,4 @@
 import { ApplicationRef, ComponentFactoryResolver, EventEmitter, Injector } from "@angular/core";
-import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
 import { TransactionSearchView } from "@colijnit/transactionapi/build/model/transaction-search-view.bo";
 import { TransactionMappingService } from "../../../../service/transaction-mapping.service";
 import { TransactionSearchService } from "../../service/transaction-search.service";
@@ -10,15 +9,12 @@ export declare class TransactionSearchTileComponent {
     private injector;
     searchService: TransactionSearchService;
     set container(content: any);
-    set transactionType(value: TransactionKind);
-    get transactionType(): TransactionKind;
     set transaction(value: TransactionSearchView);
     get transaction(): TransactionSearchView;
     transactionClick: EventEmitter<TransactionSearchView>;
     showClass(): boolean;
     private _transactionSearchTileContainer;
     private _transaction;
-    private _transactionType;
     private _componentRef;
     constructor(_mappingService: TransactionMappingService, _compFactoryResolver: ComponentFactoryResolver, appRef: ApplicationRef, injector: Injector, searchService: TransactionSearchService);
     private _prepareContent;

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

@@ -1,5 +1,4 @@
 import { EventEmitter, OnDestroy } from "@angular/core";
-import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
 import { TransactionSearchView } from "@colijnit/transactionapi/build/model/transaction-search-view.bo";
 import { SearchViewMode } from "../../enum/search-view-mode.enum";
 import { DictionaryService } from "../../service/dictionary.service";
@@ -16,9 +15,6 @@ export declare class TransactionSearchComponent implements OnDestroy {
     private _dictionary;
     readonly searchViewModes: typeof SearchViewMode;
     searchPlaceholder: string;
-    private _transactionType;
-    set transactionType(value: TransactionKind);
-    get transactionType(): TransactionKind;
     transactionClick: EventEmitter<TransactionSearchView>;
     addTransactionClick: EventEmitter<void>;
     showClass(): boolean;

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

@@ -0,0 +1,19 @@
+@include export-module('co-transaction-tags-layout') {
+  .co-transaction-tags {
+    font-family: $tp-co-transaction-tags-font-family;
+    font-size: $tp-co-transaction-tags-font-size;
+    .transaction-tags-wrapper {
+      display: flex;
+      column-gap: $tp-co-transaction-tags-column-gap;
+    }
+    .co-transaction-tag {
+      user-select: none;
+      display: flex;
+      align-items: center;
+      padding: $tp-co-transaction-tags-padding;
+      border-style: $tp-co-transaction-tags-border-style;
+      border-width: $tp-co-transaction-tags-border-width;
+      border-radius: $tp-co-transaction-tags-border-radius;
+    }
+  }
+}

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

@@ -0,0 +1,11 @@
+$tp-co-transaction-tags-font-family: $tp-font-family !default;
+$tp-co-transaction-tags-font-size: $tp-font-size !default;
+$tp-co-transaction-tags-color: $tp-color-font !default;
+$tp-co-transaction-tags-default-background-color: $tp-color-label !default;
+$tp-co-transaction-tags-border-style: solid !default;
+$tp-co-transaction-tags-border-width: 1px !default;
+$tp-co-transaction-tags-border-color: $tp-color-border !default;
+$tp-co-transaction-tags-column-gap: 5px !default;
+$tp-co-transaction-tags-align-items: flex-start !default;
+$tp-co-transaction-tags-border-radius: 10px !default;
+$tp-co-transaction-tags-padding: 5px 10px !default;

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

@@ -0,0 +1,11 @@
+@include export-module('co-transaction-tags-theme') {
+  .co-transaction-tags {
+    .co-transaction-tag {
+      color: $tp-co-transaction-tags-color;
+      border-color: $tp-co-transaction-tags-border-color;
+      &:not(.custom-color) {
+        background-color: $tp-co-transaction-tags-default-background-color;
+      }
+    }
+  }
+}

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

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

package/lib/component/transaction-tags/transaction-tag.component.d.ts

@@ -0,0 +1,12 @@
+import { OnInit } from "@angular/core";
+import { ColorSequenceService } from "@colijnit/corecomponents_v12";
+import { TagTreeItem } from "@colijnit/mainapi/build/model/tag-tree-item.bo";
+export declare class TransactionTagComponent implements OnInit {
+    private _colorService;
+    tag: TagTreeItem;
+    showClass(): boolean;
+    get hasOwnColor(): boolean;
+    backgroundColor: string;
+    constructor(_colorService: ColorSequenceService);
+    ngOnInit(): void;
+}

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

@@ -0,0 +1,15 @@
+import { OnDestroy } from "@angular/core";
+import { TransactionService } from "../../service/transaction.service";
+import { TransactionEventService } from "../../service/transaction-event.service";
+import { TagTreeItem } from "@colijnit/mainapi/build/model/tag-tree-item.bo";
+export declare class TransactionTagsComponent implements OnDestroy {
+    private _transactionService;
+    private _transactionEventService;
+    showClass(): boolean;
+    tags: TagTreeItem[];
+    private _table;
+    private _subs;
+    constructor(_transactionService: TransactionService, _transactionEventService: TransactionEventService);
+    ngOnDestroy(): void;
+    private _getJoinedTags;
+}

package/lib/component/transaction-tags/transaction-tags.module.d.ts

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

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

@@ -8051,6 +8051,9 @@ export declare class Dictionaries {
         ZERO_VALUES: string;
         "wf.manualTriggers[i]3D_VISUALISATION": string;
         "\u00EF\u00BB\u00BF3D_VISUALISATION": string;
+        AMOUNT_IN: string;
+        AMOUNT_OUT: string;
+        BOOK_AMOUNT: string;
     };
     text_fr: {
         CHARACTERISTIC: string;
@@ -10090,6 +10093,7 @@ export declare class Dictionaries {
         AMOUNT_HOURS_PER_WEEK: string;
         AMOUNT_INVENTORISED: string;
         AMOUNT_INVOLVED_CONTAINERS: string;
+        AMOUNT_IN: string;
         AMOUNT_IN_COMMISSION: string;
         AMOUNT_IN_SALES: string;
         AMOUNT_IN_STOCK1: string;
@@ -10108,6 +10112,7 @@ export declare class Dictionaries {
         AMOUNT_OF_WEEKS2: string;
         AMOUNT_OF_WEEKS: string;
         AMOUNT_ORDERLINES: string;
+        AMOUNT_OUT: string;
         AMOUNT_OUTSTANDING_CREDITORS: string;
         AMOUNT_OUTSTANDING_DEBTORS: string;
         AMOUNT_PICKED: string;
@@ -10429,6 +10434,7 @@ export declare class Dictionaries {
         BOOKING_REPORT: string;
         BOOKING_SEARCH_GENERAL_INFO: string;
         BOOKING_SELECTION: string;
+        BOOK_AMOUNT: string;
         BOOK_DATA: string;
         BOOK_DATE: string;
         BOOK_INVOICE: string;
@@ -11459,6 +11465,7 @@ export declare class Dictionaries {
         DELETE_STATE_AND_TRANSITIONS_QUESTION: string;
         DELETE_STORAGE_CAR: string;
         DELETE_TASK: string;
+        DELETE_TRANSACTION: string;
         DELETE_TRANSACTION_LINE: string;
         DELETE_TRANSACTION_LINE_FAILED: string;
         DELETE_TRANSACTION_LINE_HINT: string;
@@ -12146,6 +12153,7 @@ export declare class Dictionaries {
         EXTRA_LIST_COLUMNS_2: string;
         EXTRA_LIST_COLUMNS_3: string;
         EXTRA_LONG_366_731_DAYS: string;
+        EXTRA_SPHERECODES: string;
         EXTRA_URL: string;
         FABRICATION_COST: string;
         FABRICATION_COST_LINE_TOTAL: string;