@colijnit/transaction 12.1.65 → 12.1.67

package/lib/component/checkout/checkout.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from "@angular/core";
+import { EventEmitter, OnInit } from "@angular/core";
 import { TransactionService } from "../../service/transaction.service";
 import { DictionaryService } from "../../service/dictionary.service";
 import { TransactionInfoResponse } from "@colijnit/transactionapi/build/model/transaction-info-response.bo";
@@ -8,7 +8,8 @@ import { StepperStepComponent } from "../stepper/component/stepper-step.componen
 import { DialogService } from "../../service/dialog.service";
 import { PaymentComponent } from "../payment/payment.component";
 import { StepperComponent } from "../stepper/stepper.component";
-export declare class CheckoutComponent {
+import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
+export declare class CheckoutComponent implements OnInit {
     service: TransactionService;
     private _dictionary;
     private _dialogService;
@@ -21,16 +22,22 @@ export declare class CheckoutComponent {
     checkoutDelivery: CheckoutOverviewDeliveryEditComponent;
     checkoutPayment: PaymentComponent;
     sellerId: number;
-    transactionFinished: EventEmitter<number>;
+    transactionType: TransactionKind;
+    showCreateTransactionButton: boolean;
+    transactionFinished: EventEmitter<{
+        id: number;
+        fromCheckout: boolean;
+    }>;
     showClass(): boolean;
     get userIsApplicationUser(): boolean;
     transaction: TransactionInfoResponse;
     deliveryAddressNawNr: number;
     invoiceAddressNawNr: number;
     constructor(service: TransactionService, _dictionary: DictionaryService, _dialogService: DialogService);
-    handleRelationValidation(): Promise<void>;
-    handleDeliveryValidation(): Promise<void>;
-    handleFinishStep(): Promise<void>;
+    ngOnInit(): void;
+    handleCreateTransaction(event: MouseEvent): Promise<void>;
+    handleRelationValidation(): Promise<boolean>;
+    handleDeliveryValidation(): Promise<boolean>;
     saveRelation(): Promise<boolean>;
     handleSaveDelivery(): Promise<boolean>;
     handleDeliveryAddressChange(nawNr: number): void;

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

@@ -2,6 +2,7 @@ import { EventEmitter } from "@angular/core";
 import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
 import { BehaviorSubject } from "rxjs";
 import { Icon } from "../../../enum/icon.enum";
+import { TransactionTypeCategory } from "../../../enum/transaction-type-category.enum";
 export declare abstract class TransactionLinesLineBaseComponent {
     readonly icons: typeof Icon;
     set line(value: TransactionLineInfo);
@@ -11,11 +12,12 @@ export declare abstract class TransactionLinesLineBaseComponent {
     waitingForUserAction: EventEmitter<boolean>;
     showClass(): boolean;
     preview: boolean;
-    isSelected: boolean;
+    selected: boolean;
     isText: boolean;
     isArticle: boolean;
     _line: TransactionLineInfo;
     readonly: boolean;
     lineVisible: BehaviorSubject<boolean>;
+    activeCategory: TransactionTypeCategory;
     protected transactionLineSet(): void;
 }

package/lib/component/dialog/catalog/dialog-catalog/dialog-catalog.component.d.ts

@@ -0,0 +1,15 @@
+import { EventEmitter, OnInit } from "@angular/core";
+import { ArticleExtended } from "@colijnit/articleapi/build/model/article-extended.bo";
+import { OptionsService } from "../../../../service/options.service";
+export declare class DialogCatalogComponent implements OnInit {
+    private _optionsService;
+    options: any;
+    parameters: any;
+    showNavigation: boolean;
+    closeClick: EventEmitter<MouseEvent>;
+    articleClicked: EventEmitter<ArticleExtended>;
+    showClass(): boolean;
+    catalogSettings: any;
+    constructor(_optionsService: OptionsService);
+    ngOnInit(): void;
+}

package/lib/component/dialog/catalog/dialog-catalog/dialog-catalog.module.d.ts

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

package/lib/component/dialog/catalog/dialog-catalog/style/_layout.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-dialog-catalog-layout') {
+  .co-dialog-catalog {
+  }
+}

package/lib/component/dialog/catalog/dialog-catalog/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-dialog-catalog-theme') {
+  .co-dialog-catalog {
+  }
+}

package/lib/component/dialog/catalog/dialog-catalog/style/material.scss

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

package/lib/component/stepper/stepper.component.d.ts

@@ -11,7 +11,8 @@ export declare class StepperComponent {
     set content(children: any);
     set child(child: any);
     finishButtonLabel: string;
-    finishStep: EventEmitter<void>;
+    showCreate: boolean;
+    createClicked: EventEmitter<MouseEvent>;
     showClass(): boolean;
     set stepChildren(value: StepperStepComponent[]);
     get stepChildren(): StepperStepComponent[];

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

@@ -20,6 +20,7 @@ export declare class TransactionComponent implements OnDestroy {
     private _transactionEventService;
     readonly viewModes: typeof ContentViewMode;
     readonly icons: typeof Icon;
+    sidePanelComponents: QueryList<TransactionLineSidePanelComponent>;
     relation: RelationAnyType;
     set transaction(value: TransactionInfoResponse);
     get transaction(): TransactionInfoResponse;
@@ -29,7 +30,6 @@ export declare class TransactionComponent implements OnDestroy {
     showQuickAccess: boolean;
     showButtonBar: boolean;
     showClass(): boolean;
-    sidePanelComponents: QueryList<TransactionLineSidePanelComponent>;
     activeViewMode: ContentViewMode;
     activeCategory: TransactionTypeCategory;
     sidePanelTransactionLine: TransactionLineInfo;

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

@@ -0,0 +1,4 @@
+@include export-module('cc-transaction-allocate-goods-history-layout') {
+  .co-transaction-allocate-goods-history {
+  }
+}

package/lib/component/transaction-allocate-goods-history/style/_theme.scss

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

package/lib/component/transaction-allocate-goods-history/style/material.scss

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

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

@@ -0,0 +1,18 @@
+import { AfterViewInit, EventEmitter } from "@angular/core";
+import { LogisticalStateDetail } from "@colijnit/transactionapi/build/model/logistical-state-detail.bo";
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import { TransactionService } from "../../service/transaction.service";
+import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
+export declare class TransactionAllocateGoodsHistoryComponent implements AfterViewInit {
+    private _service;
+    set goodsAllocationHistory(value: LogisticalStateDetail[]);
+    transactionInfo: TransactionInfo;
+    transactionLine: TransactionLineInfo;
+    reloadAllocationGoodsHistory: EventEmitter<void>;
+    get goodsAllocationHistory(): LogisticalStateDetail[];
+    private _goodsAllocationHistory;
+    showClass(): boolean;
+    constructor(_service: TransactionService);
+    ngAfterViewInit(): void;
+    handleDeleteSelectedRow(row: LogisticalStateDetail): void;
+}

package/lib/component/transaction-allocate-goods-history/transaction-allocate-goods-history.module.d.ts

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

package/lib/component/transaction-confirmation-details/style/_layout.scss

@@ -56,7 +56,7 @@
 
       .divider {
         border-left: 0px solid #dce4ea;
-        margin: $tp-co-transaction-receiving-goods-details-input-margin;
+        margin: 0 0 18px 0;
       }
 
     }

package/lib/component/transaction-confirmation-details/transaction-confirmation-details.component.d.ts

@@ -10,7 +10,6 @@ export declare class TransactionConfirmationDetailsComponent {
     readonly icons: typeof Icon;
     transactionLines: TransactionLineInfo;
     transactionInfoNr: number;
-    testLines: any;
     showClass(): boolean;
     showAddOrder: boolean;
     newDocBatchArray: DocDeliveryBatch;

package/lib/component/transaction-confirmation-history/style/_layout.scss

@@ -6,5 +6,9 @@
       height: 40%;
       width: 100%;
     }
+
+    .greyed-out {
+      background: grey;
+    }
   }
 }

package/lib/component/transaction-confirmation-history/transaction-confirmation-history.component.d.ts

@@ -5,6 +5,7 @@ import { IconCacheService } from "../../service/icon-cache.service";
 import { TransactionService } from "../../service/transaction.service";
 import { GetPurchasePortalLine } from "@colijnit/transactionapi/build/model/get-purchase-portal-line";
 import { PurchasePortalFilters } from "@colijnit/transactionapi/build/model/purchase-portal-filters.bo";
+import { DocDeliveryBatch } from "@colijnit/transactionapi/build/model/doc-delivery-batch.bo";
 export declare class TransactionConfirmationHistoryComponent implements OnInit {
     iconCacheService: IconCacheService;
     transactionService: TransactionService;
@@ -18,6 +19,7 @@ export declare class TransactionConfirmationHistoryComponent implements OnInit {
     docBatchApplied: EventEmitter<boolean>;
     getPurchasePortalLine: GetPurchasePortalLine;
     purchasePortalFilter: PurchasePortalFilters;
+    filteredDocBatchArray: DocDeliveryBatch[];
     showClass(): boolean;
     constructor(iconCacheService: IconCacheService, transactionService: TransactionService);
     ngOnInit(): void;

package/lib/component/transaction-grid/transaction-available-stock-grid/transaction-available-stock-grid.component.d.ts

@@ -5,13 +5,14 @@ import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transa
 import { TransactionReceiveGoodsService } from "../../transaction-line/transaction-receive-goods-line/service/transaction-receive-goods.service";
 import { TransactionService } from "../../../service/transaction.service";
 import { AvailableStock } from "@colijnit/transactionapi/build/model/available-stock.bo";
+import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
 export declare class TransactionAvailableStockGridComponent implements OnInit, OnDestroy {
     iconsService: IconCacheService;
     private _transactionService;
     private _transactionReceiveGoodsService;
     readonly icons: typeof Icon;
+    transactionInfo: TransactionInfo;
     transactionLine: TransactionLineInfo;
-    transactionId: number;
     showClass(): boolean;
     selectedStock: AvailableStock;
     collection: AvailableStock[];

package/lib/component/transaction-grid/transaction-received-goods-grid/transaction-received-goods-grid.component.d.ts

@@ -5,10 +5,10 @@ import { ReceiveGoodsViewModel } from "../../../model/received-goods-view-model"
 import { TransactionImageService } from "../../../service/transaction-image.service";
 import { TransactionService } from "../../../service/transaction.service";
 import { ArticleService } from "../../../service/article.service";
-import { GoodsReceiptStatusWithHistory } from "@colijnit/transactionapi/build/model/goods-receipt-status-with-history.bo";
 import { TransactionEventService } from "../../../service/transaction-event.service";
 import { DialogService } from "../../../service/dialog.service";
 import { ColumnAlign } from "@colijnit/corecomponents_v12";
+import { ExtendedTransactionLineViewModel } from "../../../model/extended-transaction-line-view-model";
 export declare class TransactionReceivedGoodsGridComponent extends TransactionGridBaseComponent implements OnInit, OnDestroy {
     private _imageService;
     private _transactionService;
@@ -33,8 +33,5 @@ export declare class TransactionReceivedGoodsGridComponent extends TransactionGr
         id: string;
     }): void;
     private _handleAfterCommitReceivedOrders;
-    handleTransactionLineChanged(change: {
-        transactionLine: TransactionLineInfo;
-        goodsReceiptStatus: GoodsReceiptStatusWithHistory;
-    }): void;
+    handleTransactionLineChanged(viewModel: ExtendedTransactionLineViewModel): void;
 }

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

@@ -7,5 +7,6 @@ export declare class TransactionHeaderComponent {
     set transaction(value: TransactionInfoResponse);
     get transaction(): TransactionInfoResponse;
     showClass(): boolean;
+    isPurchaseOrder: boolean;
     private _transaction;
 }

package/lib/component/transaction-line/transaction-goods-allocation-line/service/transaction-allocate-goods.service.d.ts

@@ -0,0 +1,12 @@
+import { ExtendedTransactionLineViewModel } from "../../../../model/extended-transaction-line-view-model";
+import { TransactionService } from "../../../../service/transaction.service";
+import { TransactionEventService } from "../../../../service/transaction-event.service";
+export declare class TransactionAllocateGoodsService {
+    private _transactionService;
+    private _transactionEventService;
+    lines: ExtendedTransactionLineViewModel[];
+    private _subscriptions;
+    constructor(_transactionService: TransactionService, _transactionEventService: TransactionEventService);
+    handleAllocateSelectedPurchaseOrders(): Promise<boolean>;
+    private _handleAfterCommitReceivedOrders;
+}

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

@@ -0,0 +1,27 @@
+@include export-module('cc-transaction-goods-allocation-line-layout') {
+  .co-transaction-goods-allocation-line {
+
+    .line-content-wrapper {
+      display: grid;
+      grid-template-columns:
+        $tp-transaction-line-button-width
+        $tp-transaction-line-button-width
+        $tp-transaction-line-button-width
+        180px
+        100px
+        100px;
+      grid-template-rows: $tp-transaction-line-button-height;
+      gap: 0 10px;
+      grid-template-areas:
+    ". . . . . .";
+      padding: 8px;
+    }
+
+    .status-bar-wrapper {
+      co-statusbar {
+        display: flex;
+        justify-content: center;
+      }
+    }
+  }
+}

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

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

package/lib/component/transaction-line/transaction-goods-allocation-line/style/material.scss

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

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

@@ -0,0 +1,27 @@
+import { OnDestroy, OnInit } from "@angular/core";
+import { TransactionLinesLineBaseComponent } from "../../core/base/transaction-lines-line-base.component";
+import { Icon } from "../../../enum/icon.enum";
+import { ExtendedTransactionLineViewModel } from "../../../model/extended-transaction-line-view-model";
+import { IconCacheService } from "../../../service/icon-cache.service";
+import { TransactionService } from "../../../service/transaction.service";
+import { TransactionEventService } from "../../../service/transaction-event.service";
+import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
+import { TransactionAllocateGoodsService } from "./service/transaction-allocate-goods.service";
+export declare class TransactionGoodsAllocationLineComponent extends TransactionLinesLineBaseComponent implements OnInit, OnDestroy {
+    iconCacheService: IconCacheService;
+    service: TransactionService;
+    private _transactionService;
+    private _transactionEventService;
+    private _transactionAllocateGoodsService;
+    readonly icons: typeof Icon;
+    viewModel: ExtendedTransactionLineViewModel;
+    transactionKind: TransactionKind;
+    private _subscriptions;
+    showClass(): boolean;
+    constructor(iconCacheService: IconCacheService, service: TransactionService, _transactionService: TransactionService, _transactionEventService: TransactionEventService, _transactionAllocateGoodsService: TransactionAllocateGoodsService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    handleRowVisible(): Promise<void>;
+    handleLineClicked(mouseClick: PointerEvent): void;
+    private _initViewModel;
+}

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

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

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

@@ -3,7 +3,7 @@ import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction
 import { TransactionTypeCategory } from "../../../enum/transaction-type-category.enum";
 import { TransactionMappingService } from "../../../service/transaction-mapping.service";
 import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
-import { ReceiveGoodViewModel } from "../../../model/receive-good-view-model";
+import { ExtendedTransactionLineViewModel } from "../../../model/extended-transaction-line-view-model";
 export declare class TransactionLineComponent implements OnChanges {
     private _mappingService;
     private _compFactoryResolver;
@@ -16,7 +16,7 @@ export declare class TransactionLineComponent implements OnChanges {
     get activeCategory(): TransactionTypeCategory;
     preview: boolean;
     selected: boolean;
-    line: TransactionLineInfo | ReceiveGoodViewModel;
+    line: TransactionLineInfo | ExtendedTransactionLineViewModel;
     transactionId: number;
     waitingForUserAction: EventEmitter<boolean>;
     lineVisible: EventEmitter<void>;

package/lib/component/transaction-line/transaction-receive-goods-line/service/transaction-receive-goods.service.d.ts

@@ -1,12 +1,12 @@
 import { TransactionService } from "../../../../service/transaction.service";
 import { Subject } from "rxjs";
 import { TransactionEventService } from "../../../../service/transaction-event.service";
-import { ReceiveGoodViewModel } from "../../../../model/receive-good-view-model";
 import { AvailableStock } from "@colijnit/transactionapi/build/model/available-stock.bo";
+import { ExtendedTransactionLineViewModel } from "../../../../model/extended-transaction-line-view-model";
 export declare class TransactionReceiveGoodsService {
     private _transactionService;
     private _transactionEventService;
-    lines: ReceiveGoodViewModel[];
+    lines: ExtendedTransactionLineViewModel[];
     returnArticleSelected: Subject<AvailableStock>;
     reloadAvailableStockData: Subject<void>;
     private _subscriptions;
@@ -16,5 +16,4 @@ export declare class TransactionReceiveGoodsService {
         id: string;
     }): Promise<boolean>;
     private _handleAfterCommitReceivedOrders;
-    private _handleTransactionLineChanged;
 }

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

@@ -5,7 +5,7 @@ import { IconCacheService } from "../../../service/icon-cache.service";
 import { TransactionService } from "../../../service/transaction.service";
 import { TransactionEventService } from "../../../service/transaction-event.service";
 import { TransactionReceiveGoodsService } from "./service/transaction-receive-goods.service";
-import { ReceiveGoodViewModel } from "../../../model/receive-good-view-model";
+import { ExtendedTransactionLineViewModel } from "../../../model/extended-transaction-line-view-model";
 export declare class TransactionReceiveGoodsLineComponent extends TransactionLinesLineBaseComponent implements OnInit {
     iconCacheService: IconCacheService;
     service: TransactionService;
@@ -14,7 +14,7 @@ export declare class TransactionReceiveGoodsLineComponent extends TransactionLin
     private _transactionReceiveGoodsService;
     readonly icons: typeof Icon;
     allowPartialDelivery: boolean;
-    viewModel: ReceiveGoodViewModel;
+    viewModel: ExtendedTransactionLineViewModel;
     showClass(): boolean;
     private _subscriptions;
     constructor(iconCacheService: IconCacheService, service: TransactionService, _transactionService: TransactionService, _transactionEventService: TransactionEventService, _transactionReceiveGoodsService: TransactionReceiveGoodsService);

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

@@ -84,8 +84,8 @@
       }
 
       &.bottom {
-        transform: translate(0, calc(50% + (#{$tp-transaction-line-action-buttons-action-button-size} / 2) +
-        #{$tp-transaction-line-action-buttons-action-button-margin}));
+        //transform: translate(0, calc(50% + (#{$tp-transaction-line-action-buttons-action-button-size} / 2) +
+        transform: translate(0, 50%);
       }
 
       &.top {

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

@@ -15,10 +15,11 @@ export declare class TransactionLineActionButtonsComponent implements OnInit {
     set transactionLine(value: TransactionLineInfo);
     get transactionLine(): TransactionLineInfo;
     alignDirection: Direction;
+    set showActionButtons(value: boolean);
+    get showActionButtons(): boolean;
     waitingForUserAction: EventEmitter<boolean>;
     sidePanelButtonClicked: EventEmitter<TransactionLineInfo>;
     showClass(): boolean;
-    showActionButtons: boolean;
     showActionButtonsDelayed: boolean;
     transactionKind: TransactionKind;
     showTransactionArticleText: boolean;
@@ -27,6 +28,7 @@ export declare class TransactionLineActionButtonsComponent implements OnInit {
     textToEdit: string;
     readonly: boolean;
     private _transactionLine;
+    private _showActionButtons;
     constructor(iconCacheService: IconCacheService, _transactionService: TransactionService, _dictionaryService: DictionaryService);
     ngOnInit(): void;
     handleShowHideClick(): void;

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

@@ -1,14 +1,18 @@
+import { EventEmitter } from "@angular/core";
 import { Icon } from "../../enum/icon.enum";
 import { IconCacheService } from "../../service/icon-cache.service";
 import { DialogService } from "../../service/dialog.service";
-import { ReceiveGoodViewModel } from "../../model/receive-good-view-model";
+import { ExtendedTransactionLineViewModel } from "../../model/extended-transaction-line-view-model";
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
 export declare class TransactionLineWarehouseLocationButtonComponent {
     iconCacheService: IconCacheService;
     private _dialogService;
     readonly icons: typeof Icon;
-    line: ReceiveGoodViewModel;
+    line: TransactionLineInfo | ExtendedTransactionLineViewModel;
+    locationNr: string;
     readonly: boolean;
+    locationSelected: EventEmitter<string>;
     showClass(): boolean;
     constructor(iconCacheService: IconCacheService, _dialogService: DialogService);
-    openWarehouseLocationDialog(line: ReceiveGoodViewModel): void;
+    openWarehouseLocationDialog(): Promise<void>;
 }

package/lib/component/transaction-line-image-and-description/style/_layout.scss

@@ -10,6 +10,7 @@
       height: $tp-transaction-line-image-and-description-image-height;
       justify-content: center;
       align-items: center;
+      align-self: $tp-transaction-line-image-and-description-image-align;
       flex-shrink: 0;
       &.preview {
         flex-basis: $tp-transaction-line-image-and-description-preview-image-width;

package/lib/component/transaction-line-image-and-description/style/_material-definition.scss

@@ -4,6 +4,7 @@ $tp-transaction-line-image-and-description-article-text-font-color: $tp-color-la
 $tp-transaction-line-image-and-description-image-width: 67px !default;
 $tp-transaction-line-image-and-description-image-height: 50px !default;
 $tp-transaction-line-image-and-description-image-border: none !default;
+$tp-transaction-line-image-and-description-image-align: flex-start !default;
 $tp-transaction-line-image-and-description-preview-image-width: 75px !default;
 $tp-transaction-line-image-and-description-preview-image-height: 50px !default;
 $tp-transaction-line-image-and-description-description-row-gap: 5px !default;

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

@@ -22,6 +22,7 @@
     .transaction-line-side-panel-header {
       display: flex;
       justify-content: space-between;
+      margin-top: $tp-transaction-line-side-panel-header-top-margin;
       .transaction-line-side-panel-header-item {
         display: flex;
         flex-direction: column;
@@ -40,6 +41,7 @@
       }
     }
     .close-button {
+      position: absolute;
       display: flex;
       align-self: flex-end;
       width: 25px;
@@ -66,5 +68,8 @@
         margin: 5px;
       }
     }
+    .hidden {
+      visibility: hidden;
+    }
   }
 }

package/lib/component/transaction-line-side-panel/style/_material-definition.scss

@@ -8,3 +8,4 @@ $tp-transaction-line-side-panel-padding: 10px !default;
 $tp-transaction-line-side-panel-header-label-font-family: $tp-font-family !default;
 $tp-transaction-line-side-panel-header-label-font-size: $tp-font-size-small !default;
 $tp-transaction-line-side-panel-header-divider-color: $tp-color-border !default;
+$tp-transaction-line-side-panel-header-top-margin: 5px !default;

package/lib/component/transaction-line-side-panel/style/material.scss

@@ -3,6 +3,6 @@
 @import "./theme";
 @import "../../transaction-line-side-panel-default/style/material";
 @import "../../transaction-receiving-goods-history/style/material";
-@import "../../transaction-receiving-goods-details/style/material";
 @import "../../transaction-history-grid-status/style/material";
 @import "../../transaction-confirmation-history/style/material";
+@import "../../transaction-side-panel-edit-request-details/style/material";

package/lib/component/transaction-line-side-panel-purchase/transaction-line-side-panel-purchase.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, EventEmitter } from "@angular/core";
+import { EventEmitter } from "@angular/core";
 import { GoodsReceiptStatusWithHistory } from "@colijnit/transactionapi/build/model/goods-receipt-status-with-history.bo";
 import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
 import { TransactionTypeCategory } from "../../enum/transaction-type-category.enum";
@@ -6,7 +6,7 @@ import { TransactionService } from "../../service/transaction.service";
 import { TransactionEventService } from "../../service/transaction-event.service";
 import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
 import { DocDeliveryBatch } from "@colijnit/transactionapi/build/model/doc-delivery-batch.bo";
-export declare class TransactionLineSidePanelPurchaseComponent implements AfterViewInit {
+export declare class TransactionLineSidePanelPurchaseComponent {
     private _service;
     private _transactionEventService;
     readonly categories: typeof TransactionTypeCategory;
@@ -21,7 +21,6 @@ export declare class TransactionLineSidePanelPurchaseComponent implements AfterV
     isDocBatchSaved: boolean;
     private _transactionInfo;
     constructor(_service: TransactionService, _transactionEventService: TransactionEventService);
-    ngAfterViewInit(): void;
     getGoodsReceiptStatusWithHistory(): Promise<void>;
     fillInputOnClick(data: any): void;
     docBatchSaved(data: any): void;

package/lib/component/transaction-line-side-panel-sales/style/_layout.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-transaction-line-side-panel-sales-layout') {
+  .co-transaction-line-side-panel-sales {
+  }
+}

package/lib/component/transaction-line-side-panel-sales/style/_theme.scss

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

package/lib/component/transaction-line-side-panel-sales/style/material.scss

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

package/lib/component/transaction-line-side-panel-sales/transaction-line-side-panel-sales.component.d.ts

@@ -0,0 +1,20 @@
+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";
+import { TransactionService } from "../../service/transaction.service";
+import { TransactionEventService } from "../../service/transaction-event.service";
+import { GoodsAllocationStatusWithHistory } from "@colijnit/transactionapi/build/model/goods-allocation-status-with-history.bo";
+export declare class TransactionLineSidePanelSalesComponent {
+    private _service;
+    private _transactionEventService;
+    readonly categories: typeof TransactionTypeCategory;
+    transactionLine: TransactionLineInfo;
+    set transactionInfo(value: TransactionInfo);
+    get transactionInfo(): TransactionInfo;
+    category: TransactionTypeCategory;
+    showClass(): boolean;
+    goodsAllocationStatus: GoodsAllocationStatusWithHistory;
+    private _transactionInfo;
+    constructor(_service: TransactionService, _transactionEventService: TransactionEventService);
+    getGoodsAllocationStatusWithHistory(): Promise<void>;
+}

package/lib/component/transaction-line-side-panel-sales/transaction-line-side-panel-sales.module.d.ts

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