@colijnit/transaction 12.1.65 → 12.1.67

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

@@ -1,22 +1,30 @@
-import { OnInit } from "@angular/core";
+import { OnDestroy, OnInit } from "@angular/core";
 import { StatusbarData } from "@colijnit/sharedcomponents";
 import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
 import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
 import { DictionaryService } from "../../service/dictionary.service";
-export declare class TransactionLineStatusbarComponent implements OnInit {
+import { TransactionTypeCategory } from "../../enum/transaction-type-category.enum";
+import { TransactionEventService } from "../../service/transaction-event.service";
+export declare class TransactionLineStatusbarComponent implements OnInit, OnDestroy {
     protected _dictionary: DictionaryService;
+    private _transactionEventService;
     set transaction(value: TransactionLineInfo);
     get transaction(): TransactionLineInfo;
     transactionKind: TransactionKind;
+    transactionTypeCategory: TransactionTypeCategory;
     showClass: boolean;
-    constructor(_dictionary: DictionaryService);
+    constructor(_dictionary: DictionaryService, _transactionEventService: TransactionEventService);
     private _transaction;
     private _total;
+    private _subscriptions;
     statusbarData: StatusbarData[];
+    focusedStatusIndex: number;
     ngOnInit(): void;
+    ngOnDestroy(): void;
     setStatusbarData(): void;
     setStatusbardataForSalesOrder(): void;
     setStatusbarDataForPurchaseOrder(): void;
     getStatusbarLine(label: any, property: any): StatusbarData;
     calculatePercentage(amount: number, totalAmount: number): number;
+    private setFocusedStatusBlock;
 }

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

@@ -9,6 +9,7 @@
 @import "../../../component/transaction-line/transaction-order-delivery-line/style/material";
 @import "../../../component/transaction-line/transaction-receive-goods-line/style/material";
 @import "../../../component/transaction-line/transaction-purchase-line/style/material";
+@import "../../../component/transaction-line/transaction-goods-allocation-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-quick-access/transaction-quick-access/style/material.scss

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

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

@@ -0,0 +1,27 @@
+@include export-module('cc-transaction-quick-access-goods-allocation-layout') {
+  .co-transaction-quick-access-goods-allocation {
+
+    .button-wrapper {
+      position: relative;
+      background: $tp-default-background-accent;
+      border-radius: 10px;
+      padding: 5px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      width: 65px;
+      height: 40px;
+
+      .button-icon {
+        height: 20px;
+        width: 20px;
+      }
+    }
+
+    .hidden {
+      visibility: hidden;
+    }
+  }
+}

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

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

package/lib/component/transaction-quick-access/transaction-quick-access-goods-allocation/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-goods-allocation/transaction-quick-access-goods-allocation.component.d.ts

@@ -0,0 +1,20 @@
+import { TransactionService } from "../../../service/transaction.service";
+import { TransactionEventService } from "../../../service/transaction-event.service";
+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);
+    handleSelectAllLines(value: boolean): void;
+    handleCommitEvent(): Promise<void>;
+}

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

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

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

@@ -14,6 +14,9 @@
         //  top: math.div($tp-transaction-quick-access-search-height, 2);
         //}
       }
+      .co-input-text:not(.no-style).has-left-icon .input-text-left-icon {
+        height: 60%;
+      }
     }
   }
 }

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

@@ -1,4 +1,21 @@
 import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
+import { ArticleExtended } from "@colijnit/articleapi/build/model/article-extended.bo";
+import { Icon } from "../../../enum/icon.enum";
+import { TransactionService } from "../../../service/transaction.service";
+import { IconCacheService } from "../../../service/icon-cache.service";
 export declare class TransactionQuickAccessOverviewComponent extends TransactionBaseComponent {
+    iconService: IconCacheService;
+    protected readonly service: TransactionService;
+    readonly icons: typeof Icon;
     showClass(): boolean;
+    catalogOptions: any;
+    catalogParameters: any;
+    showCatalog: boolean;
+    searchText: string;
+    constructor(iconService: IconCacheService, service: TransactionService);
+    handleSearch(text: string): void;
+    handleAddArticle(event: MouseEvent): void;
+    handleSearchCatalog(event: MouseEvent): void;
+    handleCatalogArticleClick(article: ArticleExtended): Promise<void>;
+    showCatalogDialog(): void;
 }

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

@@ -8,6 +8,8 @@
 
     .buttons {
       display: flex;
+      align-self: start;
+      margin-top: 2px;
 
       .receive {
         display: flex;
@@ -19,11 +21,6 @@
       .print {
         display: flex;
         flex-direction: row;
-        justify-content: space-between;
-
-        .button-icon {
-          margin-left: 3px;
-        }
       }
 
       .hidden {
@@ -33,7 +30,7 @@
 
     .dots-wrapper {
       display: flex;
-      margin-right: 3px;
+      transform: scale(0.7);
 
       .dot {
         width: 8px;
@@ -45,7 +42,7 @@
     }
 
     .button-wrapper {
-      background: #f5f5fc;
+      background: $tp-default-background-accent;
       border-radius: 10px;
       padding: 5px;
       display: flex;
@@ -53,18 +50,13 @@
       align-items: center;
       justify-content: center;
       cursor: pointer;
-      width: 65px;
-      height: 40px;
+      width: 45px;
+      height: 32px;
 
       .button-icon {
         height: 20px;
         width: 20px;
       }
-
-      .button-title {
-        font-size: 10px;
-        font-family: 'Public sans';
-      }
     }
   }
 }

package/lib/component/transaction-receiving-goods-history/style/_layout.scss

@@ -8,12 +8,12 @@
       flex-direction: column;
 
       .row {
-        color: #8083A3;
+        color: $tp-color-label;
       }
 
       .correction {
         margin-top: 8px;
-        color: #DB2C2C;
+        color: $tp-transaction-receiving-goods-history-correction-color;
       }
     }
   }

package/lib/component/transaction-receiving-goods-history/style/_material-definition.scss

@@ -1 +1 @@
-$tp-transaction: $tp-font-family !default;
+$tp-transaction-receiving-goods-history-correction-color: #DB2C2C !default;

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

@@ -2,15 +2,16 @@ 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;
     set goodsReceiptHistory(value: LogisticalStateDetail[]);
+    transactionInfo: TransactionInfo;
     transactionLine: TransactionLineInfo;
-    transactionId: number;
     reloadReceivingGoodsHistory: EventEmitter<void>;
     get goodsReceiptHistory(): LogisticalStateDetail[];
+    showClass(): boolean;
     private _goodsReceiptHistory;
     constructor(_service: TransactionService);
-    showClass(): boolean;
     handleDeleteSelectedRow(row: LogisticalStateDetail): void;
 }

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

@@ -64,8 +64,15 @@ $tp-co-transaction-search-result-header-sidebar-close-button-size: 46px !default
 $tp-co-transaction-search-header-label-color: $tp-color-font !default;
 $tp-co-transaction-search-header-label-font-size: 18px !default;
 $tp-co-transaction-search-header-label-font-weight: bold !default;
-$tp-co-transaction-search-header-column-gap: 10px !default;
-$tp-co-transaction-search-header-button-wrapper-column-gap: 5px !default;
+$tp-co-transaction-search-header-column-gap: 20px !default;
+$tp-co-transaction-search-header-button-wrapper-column-gap: 20px !default;
+$tp-co-transaction-search-header-plus-button-size: 26px !default;
+$tp-co-transaction-search-header-plus-button-color: $tp-color-font !default;
+$tp-co-transaction-search-header-plus-button-border-style: solid !default;
+$tp-co-transaction-search-header-plus-button-border-width: 1px !default;
+$tp-co-transaction-search-header-plus-button-border-color: $tp-color-font !default;
+$tp-co-transaction-search-header-plus-button-border-radius: 10px !default;
+$tp-co-transaction-search-header-plus-button-background-color: $tp-default-background-accent !default;
 
 $tp-co-transaction-search-input-text-fullscreen-width: 440px !default;
 $tp-co-transaction-search-input-text-sidebar-width: 250px !default;

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

@@ -107,5 +107,17 @@
     .view-mode-buttons-wrapper {
       padding: $tp-co-transaction-search-view-modes-wrapper-padding;
     }
+    .transaction-add-button {
+      cursor: pointer;
+      height: $tp-co-transaction-search-header-plus-button-size;
+      width: $tp-co-transaction-search-header-plus-button-size;
+      border-style: $tp-co-transaction-search-header-plus-button-border-style;
+      border-width: $tp-co-transaction-search-header-plus-button-border-width;
+      border-radius: $tp-co-transaction-search-header-plus-button-border-radius;
+      svg {
+        width: 90%;
+        height: 90%;
+      }
+    }
   }
 }

package/lib/component/transaction-search/transaction-search-header/style/_theme.scss

@@ -3,5 +3,15 @@
     .header-searchbar-title {
       color: $tp-co-transaction-search-header-label-color;
     }
+    .transaction-add-button {
+      border-color: $tp-co-transaction-search-header-plus-button-border-color;
+      background-color: $tp-co-transaction-search-header-plus-button-background-color;
+      svg { // for fontawesome icons
+        fill: $tp-co-transaction-search-header-plus-button-color;
+      }
+      & [fill] { // for own icons
+        fill: $tp-co-transaction-search-header-plus-button-color;
+      }
+    }
   }
 }

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

@@ -5,10 +5,12 @@ import { SearchViewMode } from "../../../enum/search-view-mode.enum";
 import { DictionaryService } from "../../../service/dictionary.service";
 import { IconCacheService } from "../../../service/icon-cache.service";
 import { TransactionSearchService } from "../service/transaction-search.service";
+import { TransactionEventService } from "../../../service/transaction-event.service";
 export declare class TransactionSearchHeaderComponent {
     searchService: TransactionSearchService;
     iconCacheService: IconCacheService;
     private _dictionary;
+    private _transactionEventService;
     readonly icon: typeof Icon;
     readonly contentViewModes: typeof ContentViewMode;
     readonly searchViewModes: typeof SearchViewMode;
@@ -25,9 +27,10 @@ export declare class TransactionSearchHeaderComponent {
     showClass(): boolean;
     label: string;
     searchPlaceholder: string;
-    constructor(searchService: TransactionSearchService, iconCacheService: IconCacheService, _dictionary: DictionaryService);
+    constructor(searchService: TransactionSearchService, iconCacheService: IconCacheService, _dictionary: DictionaryService, _transactionEventService: TransactionEventService);
     get fullscreen(): boolean;
     onResizeClick(): void;
     onCloseClick(): void;
     onViewModeChange(viewMode: any): void;
+    handleAddTransactionClick(): void;
 }

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

@@ -1,11 +1,13 @@
-import { EventEmitter } from "@angular/core";
+import { EventEmitter, OnDestroy } from "@angular/core";
 import { CoDirection, CoOrientation } from "@colijnit/corecomponents_v12";
 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 { TransactionSearchService } from "./service/transaction-search.service";
-export declare class TransactionSearchComponent {
+import { TransactionEventService } from "../../service/transaction-event.service";
+export declare class TransactionSearchComponent implements OnDestroy {
     transactionSearchService: TransactionSearchService;
+    private _transactionEventService;
     readonly searchViewModes: typeof SearchViewMode;
     readonly orientations: typeof CoOrientation;
     readonly directionRight: CoDirection;
@@ -14,8 +16,11 @@ export declare class TransactionSearchComponent {
     get transactionType(): TransactionKind;
     transactionClick: EventEmitter<TransactionSearchView>;
     searchViewModeChange: EventEmitter<SearchViewMode>;
+    createTransactionClick: EventEmitter<void>;
     showClass(): boolean;
-    constructor(transactionSearchService: TransactionSearchService);
+    private _subs;
+    constructor(transactionSearchService: TransactionSearchService, _transactionEventService: TransactionEventService);
+    ngOnDestroy(): void;
     onTransactionClick(transaction: TransactionSearchView): void;
     onSearchViewResizeClick(): void;
     onSideCollapseHandleClick(): void;

package/lib/component/transaction-side-panel-edit-request-details/components/allocation-request.component.d.ts

@@ -0,0 +1,35 @@
+import { EventEmitter } from "@angular/core";
+import { Icon } from "../../../enum/icon.enum";
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import { AllocateGoodsForSalesOrderRequest } from "@colijnit/transactionapi/build/model/allocate-goods-for-sales-order-request";
+import { SalesOrderLineAllocationDetails } from "@colijnit/transactionapi/build/model/sales-order-line-allocation-details";
+import { IconCacheService } from "../../../service/icon-cache.service";
+import { FormMasterService } from "@colijnit/corecomponents_v12";
+import { TransactionService } from "../../../service/transaction.service";
+import { DialogService } from "../../../service/dialog.service";
+import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
+export declare class AllocationRequestComponent {
+    iconCacheService: IconCacheService;
+    private _formMaster;
+    private _service;
+    private _dialogService;
+    readonly icons: typeof Icon;
+    set amountLeftToAllocate(value: number);
+    set transactionLine(value: TransactionLineInfo);
+    get amountLeftToAllocate(): number;
+    get transactionLine(): TransactionLineInfo;
+    transactionInfo: TransactionInfo;
+    reloadAllocationGoodsHistory: EventEmitter<void>;
+    allocationRequest: AllocateGoodsForSalesOrderRequest;
+    allocationDetails: SalesOrderLineAllocationDetails;
+    readonly: boolean;
+    saveButtonDisabled: boolean;
+    private _transactionLine;
+    private _amountLeftToAllocate;
+    private _subscriptions;
+    showClass(): boolean;
+    constructor(iconCacheService: IconCacheService, _formMaster: FormMasterService, _service: TransactionService, _dialogService: DialogService);
+    submit(): boolean;
+    handleSaveDetailsEdit(): void;
+    openWarehouseLocationDialog(): void;
+}

package/lib/component/{transaction-receiving-goods-details/transaction-receiving-goods-details.component.d.ts → transaction-side-panel-edit-request-details/components/receive-goods-request.component.d.ts}

@@ -1,15 +1,17 @@
-import { EventEmitter, OnDestroy, OnInit } from "@angular/core";
+import { AfterViewInit, EventEmitter } from "@angular/core";
+import { Icon } from "../../../enum/icon.enum";
 import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
 import { PurchaseOrderLineReceiptDetails } from "@colijnit/transactionapi/build/model/purchase-order-line-receipt-details.bo";
-import { FormMasterService } from "@colijnit/corecomponents_v12";
 import { ReceiveGoodsForPurchaseOrderRequest } from "@colijnit/transactionapi/build/model/receive-goods-for-purchase-order-request.bo";
-import { TransactionService } from "../../service/transaction.service";
-import { ArticleService } from "../../service/article.service";
-import { DialogService } from "../../service/dialog.service";
-import { Icon } from "../../enum/icon.enum";
-import { IconCacheService } from "../../service/icon-cache.service";
-import { TransactionReceiveGoodsService } from "../transaction-line/transaction-receive-goods-line/service/transaction-receive-goods.service";
-export declare class TransactionReceivingGoodsDetailsComponent implements OnInit, OnDestroy {
+import { IconCacheService } from "../../../service/icon-cache.service";
+import { FormMasterService } from "@colijnit/corecomponents_v12";
+import { TransactionService } from "../../../service/transaction.service";
+import { ArticleService } from "../../../service/article.service";
+import { DialogService } from "../../../service/dialog.service";
+import { TransactionReceiveGoodsService } from "../../transaction-line/transaction-receive-goods-line/service/transaction-receive-goods.service";
+import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
+import { TransactionTypeCategory } from "../../../enum/transaction-type-category.enum";
+export declare class ReceiveGoodsRequestComponent implements AfterViewInit {
     iconCacheService: IconCacheService;
     private _formMaster;
     private _service;
@@ -17,9 +19,10 @@ export declare class TransactionReceivingGoodsDetailsComponent implements OnInit
     private _dialogService;
     private _receiveGoodsService;
     readonly icons: typeof Icon;
-    set amountLeftToReceive(value: number);
-    transactionId: number;
+    readonly transactionKind: typeof TransactionKind;
+    readonly transactionTypeCategory: typeof TransactionTypeCategory;
     set transactionLine(value: TransactionLineInfo);
+    set amountLeftToReceive(value: number);
     reloadReceivingGoodsHistory: EventEmitter<void>;
     showClass(): boolean;
     get amountLeftToReceive(): number;
@@ -27,22 +30,19 @@ export declare class TransactionReceivingGoodsDetailsComponent implements OnInit
     receiptDetails: PurchaseOrderLineReceiptDetails;
     request: ReceiveGoodsForPurchaseOrderRequest;
     saveButtonDisabled: boolean;
-    locations: string[];
-    locationDropdownFields: {};
     readonly: boolean;
     returnMaxToReceive: number;
+    selectedLocation: string;
     private _transactionLine;
     private _amountLeftToReceive;
     private _subscriptions;
     constructor(iconCacheService: IconCacheService, _formMaster: FormMasterService, _service: TransactionService, _articleService: ArticleService, _dialogService: DialogService, _receiveGoodsService: TransactionReceiveGoodsService);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    ngAfterViewInit(): void;
     submit(): boolean;
     locationRequired(): boolean;
     handleSaveDetailsEdit(): void;
-    handleCancelDetailsEdit(): void;
-    handleDropDownSelected(warehouseNr: number): Promise<void>;
-    openWarehouseLocationDialog(): void;
     returnStockMode(): boolean;
     private _handleReturnStock;
 }

package/lib/component/transaction-side-panel-edit-request-details/style/_layout.scss

@@ -0,0 +1,133 @@
+@include export-module('cc-transaction-side-panel-edit-request-details-layout') {
+  .co-transaction-side-panel-edit-request-details {
+    .edit-request-details-wrapper {
+      display: flex;
+      flex-direction: column;
+    }
+
+    .columns-wrapper {
+      display: flex;
+    }
+
+    .details-column {
+      width: 45%;
+    }
+
+    .divider-wrapper {
+      display: flex;
+      width: 10%;
+      justify-content: center;
+      visibility: hidden;
+
+      .divider {
+        border-left: 1px solid;
+        border-color: $tp-color-border;
+        margin: $tp-co-transaction-request-details-input-margin;
+      }
+    }
+
+    .details-input {
+      margin: $tp-co-transaction-request-details-input-margin;
+    }
+
+    .location-wrapper {
+      position: relative;
+      margin-bottom: 13px;
+
+      .required {
+        position: absolute;
+        right: 7px;
+        top: 7px;
+        color: $tp-color-error;
+      }
+    }
+
+    .commit-button-wrapper {
+      width: 100%;
+      display: flex;
+      margin-top: 20px;
+      margin-bottom: 40px;
+      justify-content: center;
+
+      .commit-button {
+        display: flex;
+        width: 125px;
+        height: 35px;
+        background: $tp-color-action;
+        align-items: center;
+        justify-content: center;
+        border-radius: 11px;
+
+        .commit-text {
+          font-size: 12px;
+          font-weight: bold;
+          color: $tp-color-text-light;
+        }
+      }
+    }
+
+    .transaction-line-totals-amount {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border: 1px solid $tp-transaction-line-border-color;
+      border-radius: 10px;
+      margin-bottom: 21px;
+      margin-top: 21px;
+      width: 90px;
+      height: $tp-transaction-line-button-height;
+
+      .co-input-text {
+        width: 80%;
+        height: 95%;
+
+        input {
+          margin: 4px 0 0;
+        }
+      }
+
+      .amount-number-picker {
+        border: none;
+
+        .co-button {
+          height: 18px;
+          width: 20px;
+        }
+      }
+    }
+
+
+    .header-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      height: 50px;
+
+      co-transaction-line-statusbar {
+        margin-right: 55px;
+      }
+
+      .details-header {
+        font-size: $tp-co-transaction-request-details-title-font-size;
+        color: $tp-color-label;
+      }
+
+      .status-bar-wrapper {
+        co-statusbar {
+          display: flex;
+          justify-content: center;
+        }
+      }
+    }
+
+
+    .disabled {
+      cursor: default;
+      opacity: 0.6;
+    }
+
+    .clickable {
+      cursor: pointer;
+    }
+  }
+}

package/lib/component/transaction-side-panel-edit-request-details/style/_material-definition.scss

@@ -0,0 +1,2 @@
+$tp-co-transaction-request-details-title-font-size: 15px !default;
+$tp-co-transaction-request-details-input-margin: 0 0 18px 0 !default;

package/lib/component/transaction-side-panel-edit-request-details/style/_theme.scss

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

package/lib/component/transaction-side-panel-edit-request-details/style/material.scss

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

package/lib/component/transaction-side-panel-edit-request-details/transaction-side-panel-edit-request-details.component.d.ts

@@ -0,0 +1,15 @@
+import { EventEmitter } from "@angular/core";
+import { TransactionTypeCategory } from "../../enum/transaction-type-category.enum";
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
+export declare class TransactionSidePanelEditRequestDetailsComponent {
+    readonly categories: typeof TransactionTypeCategory;
+    category: TransactionTypeCategory;
+    transactionInfo: TransactionInfo;
+    transactionLine: TransactionLineInfo;
+    amountLeftToReceive: number;
+    amountLeftToAllocate: number;
+    reloadReceivingGoodsHistory: EventEmitter<void>;
+    reloadAllocationGoodsHistory: EventEmitter<void>;
+    showClass(): boolean;
+}

package/lib/component/transaction-side-panel-edit-request-details/transaction-side-panel-edit-request-details.module.d.ts

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

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

@@ -4,12 +4,14 @@ import { IconCacheService } from "../../service/icon-cache.service";
 import { Icon } from "../../enum/icon.enum";
 import { TransactionImageService } from "../../service/transaction-image.service";
 import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
+import { TransactionTypeCategory } from "../../enum/transaction-type-category.enum";
 export declare class TransactionTileComponent {
     iconCacheService: IconCacheService;
     private _imageService;
     readonly icon: typeof Icon;
     readonly transactionTypes: typeof TransactionKind;
     transactionType: TransactionKind;
+    activeCategory: TransactionTypeCategory;
     set transactionLine(value: TransactionLineInfo);
     get transactionLine(): TransactionLineInfo;
     showSidePanelClicked: EventEmitter<TransactionLineInfo>;