@colijnit/transaction 300.1.32 → 300.1.34

package/index.d.ts

@@ -336,6 +336,7 @@ import * as i13 from '@angular/cdk/drag-drop';
 import { CdkDrag, CdkDropList, CdkDragEnter, CdkDragDrop } from '@angular/cdk/drag-drop';
 import { TransactionLineType } from '@colijnit/transactionapi/build/enum/transaction-line-type.enum';
 import { TransactionLineMarginInfo } from '@colijnit/transactionapi/build/model/transaction-line-margin-info.bo';
+import { TransactionType } from '@colijnit/transactionapi/build/enum/transaction-type.enum';
 import { PaymentLineType } from '@colijnit/transactionapi/build/enum/payment-line-type';
 import * as i4 from '@angular/cdk/scrolling';
 import { RelationContactLink } from '@colijnit/relationapi/build/model/relation-contact-link.bo';
@@ -960,6 +961,7 @@ declare class TransactionEventService {
     }>;
     readonly refreshHistoricReports: Subject<void>;
     readonly transactionCommitted: BehaviorSubject<boolean>;
+    readonly transactionSaved: Subject<void>;
     readonly transportContainerChosen: BehaviorSubject<Container>;
     readonly transportTransactionRequestUpdated: BehaviorSubject<SetMultipleTransportNotificationsInContainerOnSelectedLinesRequest>;
     readonly transportTransactionRemoveRequestUpdated: BehaviorSubject<RemoveTransactionFromContainerRequest>;
@@ -2231,6 +2233,7 @@ declare enum Icon {
     Remark = "remark",
     Resize = "resize",
     Return = "return",
+    SaveDisk = "save_disk",
     ScrewdriverWrenchLight = "screwdriver_wrench_light",
     ScrewdriverWrenchRegular = "screwdriver_wrench_regular",
     ServiceCartRegular = "service_cart_regular",
@@ -2323,6 +2326,7 @@ declare class TransactionBaseService extends BaseModuleService implements OnDest
     currentTransactionDate: Date;
     autoSave: boolean;
     manualSaveParam: boolean;
+    manualSaveOverride: boolean | undefined;
     applicationUser: boolean;
     invoiceAddressSameAsDelivery: boolean;
     afterSalesSystemParam: boolean;
@@ -2332,6 +2336,7 @@ declare class TransactionBaseService extends BaseModuleService implements OnDest
     headerReadonly: boolean;
     transactionDialogOpen: boolean;
     get manualSaveActive(): boolean;
+    get autoSaveToggleAvailable(): boolean;
     set activeRubric(value: TransactionTypeCategory);
     get activeRubric(): TransactionTypeCategory;
     getRelationOnRememberCurrentTransaction: boolean;
@@ -2414,6 +2419,7 @@ declare class TransactionBaseService extends BaseModuleService implements OnDest
     prepareDirectSellInternalParam(): Promise<void>;
     prepareJsPickingListInternalParam(): Promise<void>;
     prepareManualSaveInternalParam(): void;
+    setManualSave(manualSave: boolean): Promise<void>;
     prepareAfterSalesSystemParam(): Promise<void>;
     prepareCanChangeRelationParam(): Promise<void>;
     prepareCanChangeSalesOrderWhenFullyInvoicedParam(): Promise<void>;
@@ -2445,6 +2451,8 @@ declare class TransactionBaseService extends BaseModuleService implements OnDest
     getRefTransactions(transId: number): Promise<RefTransaction[]>;
     getPurchasePortalLines(request: GetPurchasePortalLine): Promise<PurchasePortalLine[]>;
     saveTransactionAndCommit(response?: TransactionInfoResponse, commitTransaction?: boolean): Promise<boolean>;
+    saveTransactionAndCommitIfAutoSave(response: TransactionInfoResponse): Promise<boolean>;
+    saveTransactionAndCommitIfDirty(): Promise<boolean>;
     rememberCurrentTransaction(value: TransactionInfoResponse, fromHeader?: boolean): Promise<void>;
     checkRefTransaction(): Promise<void>;
     refreshCurrentTransaction(): Promise<void>;
@@ -2552,7 +2560,7 @@ declare class TransactionService extends PendingReasonService {
     changeHeaderTransactionType(uuid: string, transactionType: string, saveTransaction: boolean): Promise<boolean>;
     updateHeaderTransactionProjectCode(uuid: string, projectCode: number, saveTransaction: boolean): Promise<boolean>;
     updateHeaderTransactionPaymentCondition(uuid: string, condition: string, saveTransaction: boolean): Promise<boolean>;
-    updateHeaderTransactionHanldedBy(uuid: string, handledBy: number, saveTransaction: boolean, lock?: boolean): Promise<boolean>;
+    updateHeaderTransactionHandledBy(uuid: string, handledBy: number, saveTransaction: boolean, lock?: boolean): Promise<boolean>;
     updateHeaderTransactionMarketing(uuid: string, code: string, saveTransaction: boolean): Promise<boolean>;
     updateHeaderTransactionDiscount(uuid: string, type: DiscountType, amount: number, saveTransaction: boolean, reason?: string, code?: string): Promise<boolean>;
     updateHeaderTransactionScoringChance(request: ChangeHeaderScoringChanceRequest, saveTransaction: boolean): Promise<boolean>;
@@ -4791,6 +4799,7 @@ interface TransactionBarButton {
 }
 
 interface TransactionButtonBarMappingConfig {
+    buttonPlanning: Map<TransactionKind, TransactionTypeCategory>;
     buttonBarButtons: Map<TransactionKind, any[]>;
 }
 interface TransactionFilterMappingConfig {
@@ -4840,6 +4849,7 @@ declare class TransactionMappingService {
     private _handledByDescription;
     constructor(_buttonBarConfig: TransactionButtonBarMappingConfig, _filterConfig: TransactionFilterMappingConfig, _searchConfig: TransactionSearchMappingConfig, _lineConfig: TransactionLineMappingConfig, _cardConfig: TransactionCardMappingConfig, _sidePanelConfig: TransactionSidePanelMappingConfig, _quickAccessConfig: TransactionQuickAccessMappingConfig);
     getHandledByDescription(type: TransactionKind): string;
+    getPlanningRubricForTransactionKind(type: TransactionKind): TransactionTypeCategory;
     getButtonBar(type: TransactionKind): TransactionBarButton[];
     getSidePanelComponent(type: TransactionKind): any;
     getQuickAccessComponent(type: TransactionKind, category: TransactionTypeCategory): any;
@@ -5108,6 +5118,7 @@ declare class TransactionOverviewLineComponent extends TransactionLineBaseCompon
     protected dictionaryService: DictionaryService;
     protected changeDetector: ChangeDetectorRef;
     readonly category: typeof TransactionTypeCategory;
+    readonly TransactionType: typeof TransactionType;
     readonly icons: typeof Icon;
     readonly isNaN: typeof isNaN;
     readonly TableName: typeof TableName;
@@ -7858,6 +7869,7 @@ declare class TransactionSearchSalesLineSelectTileComponent extends TransactionS
     iconCacheService: IconCacheService;
     transactionService: TransactionService;
     changeDetector: ChangeDetectorRef;
+    readonly TransactionType: typeof TransactionType;
     showClass(): boolean;
     extendedTransactionSearch: boolean;
     returnWizardLayout: boolean;
@@ -7933,6 +7945,7 @@ declare class TransactionLineTileModule {
 declare class TransactionOrderTileComponent extends TransactionSearchTileBaseComponent {
     iconCacheService: IconCacheService;
     changeDetector: ChangeDetectorRef;
+    readonly TransactionType: typeof TransactionType;
     statusBarConfigNames: StatusBarCfgNames;
     set showAvatar(value: boolean);
     get showAvatar(): boolean;
@@ -14344,6 +14357,7 @@ declare class TransactionInternalComponent implements OnInit, OnDestroy {
     private _transactionBaseService;
     private _changeDetector;
     private _overlayService;
+    private _mappingService;
     private _lineSelection;
     readonly categories: typeof TransactionTypeCategory;
     readonly viewModes: typeof ContentViewMode;
@@ -14419,7 +14433,7 @@ declare class TransactionInternalComponent implements OnInit, OnDestroy {
     private _salesPersonInputComponentRef;
     private _salesPersonAvatarComponentRef;
     private _containerForFillMode;
-    constructor(iconCacheService: IconCacheService, service: TransactionService, deliveryPlanningService: DeliveryPlanningService, transactionHeaderService: TransactionHeaderService, _transactionConnectorService: TransactionConnectorService, _transactionEventService: TransactionEventService, _screenConfigurationService: TransactionScreenConfigurationService, _dialogService: TransactionDialogService, _purchaseConfirmationService: PurchaseConfirmationService, _transactionBaseService: TransactionBaseService, _changeDetector: ChangeDetectorRef, _overlayService: OverlayService, _lineSelection: LineSelectionService);
+    constructor(iconCacheService: IconCacheService, service: TransactionService, deliveryPlanningService: DeliveryPlanningService, transactionHeaderService: TransactionHeaderService, _transactionConnectorService: TransactionConnectorService, _transactionEventService: TransactionEventService, _screenConfigurationService: TransactionScreenConfigurationService, _dialogService: TransactionDialogService, _purchaseConfirmationService: PurchaseConfirmationService, _transactionBaseService: TransactionBaseService, _changeDetector: ChangeDetectorRef, _overlayService: OverlayService, _mappingService: TransactionMappingService, _lineSelection: LineSelectionService);
     ngOnInit(): Promise<void>;
     ngOnDestroy(): void;
     handleButtonBarButtonClicked(button: TransactionBarButton): Promise<void>;
@@ -14474,7 +14488,7 @@ declare class TransactionInternalComponent implements OnInit, OnDestroy {
     private _handleCloseSalesPersonInput;
     private _updateUserActionRequired;
     private _commitTransactionSalesPerson;
-    private _fetchPlanOrderIfNeeded;
+    private _handlePlanOrderAndActiveCategoryIfNeeded;
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionInternalComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TransactionInternalComponent, "co-transaction-internal", never, { "confirmationAnalysisId": { "alias": "confirmationAnalysisId"; "required": false; }; "posOrderData": { "alias": "posOrderData"; "required": false; }; "transaction": { "alias": "transaction"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "showViewModeButtons": { "alias": "showViewModeButtons"; "required": false; }; "transactionPlanning": { "alias": "transactionPlanning"; "required": false; }; "customerPortal": { "alias": "customerPortal"; "required": false; }; "resetActiveRubric": { "alias": "resetActiveRubric"; "required": false; }; "showPresets": { "alias": "showPresets"; "required": false; }; "showQuickAccess": { "alias": "showQuickAccess"; "required": false; }; "showButtonBar": { "alias": "showButtonBar"; "required": false; }; }, { "serviceRequested": "serviceRequested"; }, never, never, false, never>;
 }
@@ -14499,6 +14513,7 @@ declare class TransactionSalesReservationPopupComponent implements OnInit {
 
 declare class TransactionHeaderComponent {
     iconCacheService: IconCacheService;
+    transactionService: TransactionService;
     readonly cfgNames: typeof TransactionCfgName;
     readonly icons: typeof Icon;
     toggleHeader: boolean;
@@ -14511,8 +14526,9 @@ declare class TransactionHeaderComponent {
     isCashOrPurchaseQuotationOrder: boolean;
     isSalesQuotationOrder: boolean;
     private _transaction;
-    constructor(iconCacheService: IconCacheService);
+    constructor(iconCacheService: IconCacheService, transactionService: TransactionService);
     expandHeader(): void;
+    toggleAutoSave(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TransactionHeaderComponent, "co-transaction-header", never, { "transaction": { "alias": "transaction"; "required": false; }; }, {}, never, never, false, never>;
 }
@@ -14679,7 +14695,7 @@ declare class TransactionHeaderPaymentModule {
 
 declare class TransactionHeaderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionHeaderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionHeaderModule, [typeof TransactionHeaderComponent], [typeof i2.CommonModule, typeof CoreModule, typeof TransactionHeaderRelationModule, typeof TransactionHeaderDeliveryModule, typeof TransactionHeaderOrderModule, typeof TransactionHeaderPaymentModule, typeof TransactionHeaderPopupModule, typeof i3.CarouselModule, typeof i3.IconModule, typeof i3.ScreenConfigurationModule], [typeof TransactionHeaderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionHeaderModule, [typeof TransactionHeaderComponent], [typeof i2.CommonModule, typeof CoreModule, typeof TransactionHeaderRelationModule, typeof TransactionHeaderDeliveryModule, typeof TransactionHeaderOrderModule, typeof TransactionHeaderPaymentModule, typeof TransactionHeaderPopupModule, typeof i3.CarouselModule, typeof i3.IconModule, typeof i3.ScreenConfigurationModule, typeof PipeModule, typeof i3.TooltipDirectiveModule], [typeof TransactionHeaderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TransactionHeaderModule>;
 }
 
@@ -14695,9 +14711,6 @@ declare class TransactionQuickAccessComponent implements OnInit, OnDestroy {
     get transactionKind(): TransactionKind;
     set activeCategory(value: TransactionTypeCategory);
     get activeCategory(): TransactionTypeCategory;
-    set planningLines(value: boolean);
-    get planningLines(): boolean;
-    private _planningLines;
     showClass(): boolean;
     private _activeCategory;
     private _componentRef;
@@ -14710,7 +14723,7 @@ declare class TransactionQuickAccessComponent implements OnInit, OnDestroy {
     ngOnDestroy(): void;
     private _prepareContent;
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionQuickAccessComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TransactionQuickAccessComponent, "co-transaction-quick-access", never, { "transactionKind": { "alias": "transactionKind"; "required": false; }; "activeCategory": { "alias": "activeCategory"; "required": false; }; "planningLines": { "alias": "planningLines"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TransactionQuickAccessComponent, "co-transaction-quick-access", never, { "transactionKind": { "alias": "transactionKind"; "required": false; }; "activeCategory": { "alias": "activeCategory"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class TransactionQuickAccessOrderConfirmationComponent extends TransactionHeaderBaseComponent implements OnInit, OnDestroy {
@@ -16898,6 +16911,7 @@ declare class TransactionServiceOverviewComponent extends TransactionHeaderBaseC
     setCauseCode(causeCode: CauseCode): Promise<void>;
     setEntryType(entryType: CoDomainValue): Promise<void>;
     upsertDocument(doc: CoDocument): Promise<void>;
+    addedDocument(documents: CoDocument[]): Promise<void>;
     deleteDocument(doc: CoDocument): Promise<void>;
     putDocumentInList(doc: CoDocument): void;
     removeDocumentFromList(doc: CoDocument): void;
@@ -17255,7 +17269,7 @@ declare class TransactionHeaderCustomerPortalComponent {
 
 declare class TransactionHeaderCustomerPortalModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionHeaderCustomerPortalModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionHeaderCustomerPortalModule, [typeof TransactionHeaderCustomerPortalComponent], [typeof i2.CommonModule, typeof CoreModule, typeof TransactionHeaderRelationModule, typeof TransactionHeaderDeliveryModule, typeof TransactionHeaderOrderModule, typeof TransactionHeaderPaymentModule, typeof TransactionHeaderPopupModule, typeof i3.CarouselModule, typeof i3.IconModule, typeof i3.ScreenConfigurationModule, typeof PipeModule, typeof DialogTransactionHeaderPlanningRequest], [typeof TransactionHeaderCustomerPortalComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionHeaderCustomerPortalModule, [typeof TransactionHeaderCustomerPortalComponent], [typeof i2.CommonModule, typeof CoreModule, typeof TransactionHeaderRelationModule, typeof TransactionHeaderDeliveryModule, typeof TransactionHeaderOrderModule, typeof TransactionHeaderPaymentModule, typeof TransactionHeaderPopupModule, typeof i3.CarouselModule, typeof i3.IconModule, typeof i3.ScreenConfigurationModule, typeof PipeModule, typeof DialogTransactionHeaderPlanningRequest, typeof i3.TooltipDirectiveModule], [typeof TransactionHeaderCustomerPortalComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TransactionHeaderCustomerPortalModule>;
 }
 
@@ -17827,6 +17841,7 @@ declare class ServiceWizardServiceFieldsComponent implements OnInit {
     constructor(transactionService: TransactionCreateService);
     ngOnInit(): Promise<void>;
     upsertDocument(document: CoDocument): Promise<void>;
+    addedDocument(docs: CoDocument[]): Promise<void>;
     deleteDocument(document: CoDocument): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ServiceWizardServiceFieldsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ServiceWizardServiceFieldsComponent, "co-service-wizard-service-fields", never, {}, {}, never, never, false, never>;

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

@@ -5,7 +5,6 @@
     display: block;
     font-family: $tp-co-transaction-header-font-family;
     font-size: $tp-co-transaction-header-font-size;
-    cursor: pointer;
     .transaction-header-wrapper {
       display: flex;
       flex-direction: row;
@@ -68,6 +67,23 @@
         margin: $tp-co-transaction-header-divider-margin;
       }
     }
+    .transaction-delivery-carousel-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      .auto-save-toggle-icon-wrapper {
+        cursor: pointer;
+        margin: $tp-co-transaction-header-auto-save-toggle-icon-wrapper-margin;
+        padding: $tp-co-transaction-header-auto-save-toggle-icon-wrapper-padding;
+        border-radius: $tp-co-transaction-header-auto-save-toggle-icon-wrapper-border-radius;
+        border-width: $tp-co-transaction-header-auto-save-toggle-icon-wrapper-border-width;
+        border-style: $tp-co-transaction-header-auto-save-toggle-icon-wrapper-border-style;
+      }
+      .auto-save-toggle-icon {
+        width: $tp-co-transaction-header-auto-save-toggle-icon-size;
+        height: $tp-co-transaction-header-auto-save-toggle-icon-size;
+      }
+    }
     .expand-transaction-header {
       width: $tp-co-transaction-header-expand-button-size;
       height: $tp-co-transaction-header-expand-button-size;
@@ -83,7 +99,7 @@
         height: $tp-co-transaction-header-expand-button-icon-size;
       }
     }
-    co-transaction-header-delivery-date {
+    .co-transaction-header-delivery-date {
       .input-text-wrapper {
         align-items: center;
         .input-wrapper {

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

@@ -18,3 +18,12 @@ $tp-co-transaction-header-expand-button-bottom: -10px !default;
 $tp-co-transaction-header-expand-button-border-radius: 100% !default;
 $tp-co-transaction-header-expand-button-icon-size: 20px !default;
 
+$tp-co-transaction-header-auto-save-toggle-icon-wrapper-padding: 4px !default;
+$tp-co-transaction-header-auto-save-toggle-icon-wrapper-margin: 0 10px 0 0 !default;
+$tp-co-transaction-header-auto-save-toggle-icon-wrapper-border-width: 1px !default;
+$tp-co-transaction-header-auto-save-toggle-icon-wrapper-border-style: solid !default;
+$tp-co-transaction-header-auto-save-toggle-icon-wrapper-border-color: #F4F4F9 !default;
+$tp-co-transaction-header-auto-save-toggle-icon-wrapper-border-radius: 4px !default;
+$tp-co-transaction-header-auto-save-toggle-icon-size: 20px !default;
+$tp-co-transaction-header-auto-save-toggle-icon-background: #F4F4F9 !default;
+$tp-co-transaction-header-auto-save-toggle-icon-background-active: $tp-color-action !default;

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

@@ -10,5 +10,20 @@
     .transaction-header-divider {
       background-color: $tp-co-transaction-header-border-color;
     }
+    .transaction-delivery-carousel-wrapper {
+      .auto-save-toggle-icon-wrapper {
+        border-color: $tp-co-transaction-header-auto-save-toggle-icon-wrapper-border-color;
+      }
+      .auto-save-toggle-icon {
+        &.active {
+          svg { // for fontawesome icons
+            fill: $tp-co-transaction-header-auto-save-toggle-icon-background-active;
+          }
+          & [fill] { // for own icons
+            fill: $tp-co-transaction-header-auto-save-toggle-icon-background-active;
+          }
+        }
+      }
+    }
   }
 }

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

@@ -144,7 +144,7 @@
         border-radius: 4px;
         display: flex;
         gap: 10px;
-        co-icon {
+        .co-icon {
           height: 20px;
           width: 20px;
           &.active {

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

@@ -3,7 +3,6 @@
 @include export-module('co-transaction-header-relation-layout') {
   .co-transaction-header-relation {
     display: flex;
-    cursor: pointer;
     .transaction-header-relation-dialog {
       .co-transaction-header-block {
         padding: 4px 0;

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

@@ -10,11 +10,6 @@
     padding: $tp-transaction-line-padding;
     border-width: $tp-transaction-line-border-width;
     position: relative;
-    &.active {
-      box-shadow: 0 0 3px 2px #1a73e8a3;
-      border-radius: 4px;
-      border-color: #1a73e873;
-    }
     .transaction-base-line-wrapper {
       column-gap: $tp-transaction-line-column-gap;
     }

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

@@ -1,78 +1,78 @@
-@include export-module('co-transaction-line-interbranch-receive-goods-layout') {
-  .co-transaction-line-interbranch-receive-goods {
-    .columns-wrapper {
-      display: flex;
-    }
-
-    .co-input-number-picker {
-      width: 140px;
-    }
-
-    .details-column {
-      width: 45%;
-      display: flex;
-      flex-direction: column;
-
-      .transaction-line-totals-amount {
-        margin: 5px;
-      }
-
-      //.amount-number-picker {
-      //  height: 40px;
-      //  margin: 5px;
-      //}
-    }
-
-    .header-wrapper {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      margin: $tp-co-transaction-line-receive-goods-title-margin;
-
-      .details-header {
-        font-size: $tp-co-transaction-line-receive-goods-title-font-size;
-        font-weight: bold;
-      }
-    }
-
-    .divider-wrapper {
-      display: flex;
-      width: 10%;
-      justify-content: center;
-      visibility: hidden;
-
-      .divider {
-        border-left: 1px solid;
-        border-color: $tp-color-border;
-        margin: 5px; // $tp-co-transaction-request-details-input-margin;
-      }
-    }
-
-    .details-input {
-      margin: 5px; // $tp-co-transaction-request-details-input-margin;
-    }
-
-    .location-wrapper {
-      position: relative;
-
-      .co-transaction-button {
-        width: auto;
-        margin: 5px;
-      }
-    }
-    .disabled {
-      cursor: default;
-      opacity: 0.6;
-    }
-    .clickable {
-      cursor: pointer;
-    }
-
-    .warehouse-buttons {
-      width: 100%;
-      .co-transaction-button {
-        width: 100%;
-      }
-    }
-  }
-}
+@include export-module('co-transaction-line-interbranch-receive-goods-layout') {
+  .co-transaction-line-interbranch-receive-goods {
+    .columns-wrapper {
+      display: flex;
+    }
+
+    .co-input-number-picker {
+      width: 140px;
+    }
+
+    .details-column {
+      width: 45%;
+      display: flex;
+      flex-direction: column;
+
+      .transaction-line-totals-amount {
+        margin: 5px;
+      }
+
+      //.amount-number-picker {
+      //  height: 40px;
+      //  margin: 5px;
+      //}
+    }
+
+    .header-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin: $tp-co-transaction-line-receive-goods-title-margin;
+
+      .details-header {
+        font-size: $tp-co-transaction-line-receive-goods-title-font-size;
+        font-weight: bold;
+      }
+    }
+
+    .divider-wrapper {
+      display: flex;
+      width: 10%;
+      justify-content: center;
+      visibility: hidden;
+
+      .divider {
+        border-left: 1px solid;
+        border-color: $tp-color-border;
+        margin: 5px; // $tp-co-transaction-request-details-input-margin;
+      }
+    }
+
+    .details-input {
+      margin: 5px; // $tp-co-transaction-request-details-input-margin;
+    }
+
+    .location-wrapper {
+      position: relative;
+
+      .co-transaction-button {
+        width: auto;
+        margin: 5px;
+      }
+    }
+    .disabled {
+      cursor: default;
+      opacity: 0.6;
+    }
+    .clickable {
+      cursor: pointer;
+    }
+
+    .warehouse-buttons {
+      width: 100%;
+      .co-transaction-button {
+        width: 100%;
+      }
+    }
+  }
+}

package/lib/component/transaction-line-interbranch-receive-goods/style/_material-definition.scss

@@ -1,2 +1,2 @@
-$tp-co-transaction-line-receive-goods-title-font-size: 12px !default;
-$tp-co-transaction-line-receive-goods-title-margin: 0 0 10px 5px !default;
+$tp-co-transaction-line-receive-goods-title-font-size: 12px !default;
+$tp-co-transaction-line-receive-goods-title-margin: 0 0 10px 5px !default;

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

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

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

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

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

@@ -82,7 +82,7 @@
           gap: 0;
         }
         .button-title {
-          font-size: 9px;
+          font-size: $tp-transaction-line-side-panel-button-wrapper-title-font-size;
         }
         .co-transaction-button-bar-button {
           .button-wrapper {
@@ -254,6 +254,7 @@
     .co-transaction-button-bar {
       .button-wrapper {
         background: $tp-transaction-line-side-panel-background;
+        padding: $tp-transaction-line-side-panel-button-wrapper-padding;
       }
     }
     .co-simple-grid {

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

@@ -24,6 +24,8 @@ $tp-transaction-line-side-panel-simple-grid-background: #f8f8fa !default;
 $tp-transaction-line-side-panel-simple-grid-font-size: 10px !default;
 $tp-transaction-line-side-panel-simple-grid-padding: 5px !default;
 $tp-transaction-line-side-panel-simple-grid-border-radius: 0 !default;
+$tp-transaction-line-side-panel-button-wrapper-padding: 0 3px !default;
+$tp-transaction-line-side-panel-button-wrapper-title-font-size: 8px !default;
 
 $tp-transaction-line-side-history-grid-padding: 15px 30px !default;
 $tp-transaction-line-side-history-grid-header-vertical-align: baseline !default;

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

@@ -31,6 +31,9 @@
     display: flex;
     align-items: center;
     position: relative;
+    &.active {
+      border: solid 2px rgb(26 115 232 / 38%);
+    }
   }
 
   .draggable-transaction-line.cdk-drag-placeholder {
@@ -47,6 +50,9 @@
 
   .draggable-transaction-line:last-child {
     border: none;
+    &.active {
+      border: solid 2px rgb(26 115 232 / 38%);
+    }
   }
   .transaction-lines-drag-drop-list.cdk-drop-list-dragging .draggable-transaction-line:not(.cdk-drag-placeholder) {
     transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);

package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_layout.scss

@@ -1,27 +1,27 @@
-@use "sass:math";
-@import "../../../../style/mixin";
-
-@include export-module('co-transaction-quick-access-interbranch-order-purchase-layout') {
-  .co-transaction-quick-access-interbranch-order-purchase {
-    .select-all-wrapper {
-      display: flex;
-      align-items: center;
-    }
-    .button {
-      padding: 0.25em;
-      background-color: white;
-      border: 1px solid $tp-transaction-quick-access-planning-lsp-mode-button;
-      cursor: pointer;
-      co-icon {
-        fill: $tp-transaction-quick-access-planning-lsp-mode-button;
-      }
-      &.selected {
-        background-color: $tp-transaction-quick-access-planning-lsp-mode-button;
-        co-icon {
-          fill: white;
-        }
-      }
-    }
-
-  }
-}
+@use "sass:math";
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-quick-access-interbranch-order-purchase-layout') {
+  .co-transaction-quick-access-interbranch-order-purchase {
+    .select-all-wrapper {
+      display: flex;
+      align-items: center;
+    }
+    .button {
+      padding: 0.25em;
+      background-color: white;
+      border: 1px solid $tp-transaction-quick-access-planning-lsp-mode-button;
+      cursor: pointer;
+      co-icon {
+        fill: $tp-transaction-quick-access-planning-lsp-mode-button;
+      }
+      &.selected {
+        background-color: $tp-transaction-quick-access-planning-lsp-mode-button;
+        co-icon {
+          fill: white;
+        }
+      }
+    }
+
+  }
+}

package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_material-definition.scss

@@ -1 +1 @@
-$tp-transaction-quick-access-planning-lsp-mode-button: #1A73E8;
+$tp-transaction-quick-access-planning-lsp-mode-button: #1A73E8;

package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('co-transaction-quick-access-interbranch-order-purchase-theme') {
-  .co-transaction-quick-access-interbranch-order-purchase {
-  }
-}
+@include export-module('co-transaction-quick-access-interbranch-order-purchase-theme') {
+  .co-transaction-quick-access-interbranch-order-purchase {
+  }
+}

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

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