@colijnit/transaction 262.1.17 → 262.1.19

package/index.d.ts

@@ -2150,6 +2150,7 @@ declare enum Icon {
     RegularContainerStorageCircleCheck = "regular_container_storage_circle_check",
     RegularContainerStorageCircleInfo = "regular_container_storage_circle_info",
     RegularEuroSignMinus = "regular_euro_sign_minus",
+    RegularGearCircleUser = "regular_gear_circle_user",
     RegularIndustryClock = "regular_industry_clock",
     RegularIndustryTag = "regular_industry_tag",
     RegularReceiptSlash = "regular_receipt_slash",
@@ -6397,7 +6398,7 @@ declare class RelationAddressesComponent extends RelationBaseComponent implement
 
 declare class RelationAddressesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<RelationAddressesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<RelationAddressesModule, [typeof RelationAddressesComponent], [typeof i2.CommonModule, typeof i3.Carousel3dModule, typeof RelationAddressTileModule, typeof CoreModule, typeof PipeModule, typeof i3.CoDialogModule, typeof RelationAddressModule, typeof i3.FormModule, typeof i3.ButtonModule, typeof i3.CarouselModule, typeof i3.FilterPipeModule], [typeof RelationAddressesComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RelationAddressesModule, [typeof RelationAddressesComponent], [typeof i2.CommonModule, typeof RelationAddressTileModule, typeof CoreModule, typeof PipeModule, typeof i3.CoDialogModule, typeof RelationAddressModule, typeof i3.FormModule, typeof i3.ButtonModule, typeof i3.CarouselModule, typeof i3.FilterPipeModule], [typeof RelationAddressesComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<RelationAddressesModule>;
 }
 
@@ -6856,7 +6857,7 @@ declare class DeliveryTypeTileModule {
 
 declare class TransactionHeaderDeliveryMethodModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionHeaderDeliveryMethodModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionHeaderDeliveryMethodModule, [typeof TransactionHeaderDeliveryMethodComponent], [typeof i2.CommonModule, typeof PipeModule, typeof i3.Carousel3dModule, typeof DeliveryTypeTileModule, typeof i3.InputCheckboxModule, typeof TransactionLineCheckboxModule, typeof i3.CarouselModule, typeof i3.TooltipDirectiveModule], [typeof TransactionHeaderDeliveryMethodComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionHeaderDeliveryMethodModule, [typeof TransactionHeaderDeliveryMethodComponent], [typeof i2.CommonModule, typeof PipeModule, typeof DeliveryTypeTileModule, typeof i3.InputCheckboxModule, typeof TransactionLineCheckboxModule, typeof i3.CarouselModule, typeof i3.TooltipDirectiveModule], [typeof TransactionHeaderDeliveryMethodComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TransactionHeaderDeliveryMethodModule>;
 }
 
@@ -9896,7 +9897,7 @@ declare class TransactionSalesOverviewButtonBarButtonComponent extends Transacti
     showCategories: boolean;
     constructor(iconCacheService: IconCacheService, changeDetector: ChangeDetectorRef, _transactionEventService: TransactionEventService, _mappingService: TransactionMappingService, _dictionaryService: DictionaryService, _screenConfigService: TransactionScreenConfigurationService, _transactionService: TransactionService, _elementRef: ElementRef, _renderer: Renderer2, _transactionBaseService: TransactionService);
     currentIcon(): Icon.CartShoppingRegular | Icon.ChartPieSimpleRegular;
-    currentTitle(): "OVERVIEW" | "MARGINS";
+    currentTitle(): "MARGINS" | "OVERVIEW";
     ngOnDestroy(): void;
     handleClickWrapper(event: MouseEvent): void;
     handleMarginClicked(event: MouseEvent, category: TransactionTypeCategory): void;
@@ -9922,7 +9923,7 @@ declare class TransactionPurchaseOverviewButtonBarButtonComponent extends Transa
     constructor(iconCacheService: IconCacheService, transactionHeaderService: TransactionHeaderService, transactionEventService: TransactionEventService, changeDetector: ChangeDetectorRef, _mappingService: TransactionMappingService, _transactionService: TransactionService, _elementRef: ElementRef);
     ngOnDestroy(): void;
     currentIcon(): Icon.CartShoppingRegular | Icon.ChartPieSimpleRegular;
-    currentTitle(): "OVERVIEW" | "MARGINS";
+    currentTitle(): "MARGINS" | "OVERVIEW";
     handleClickWrapper(event: MouseEvent): void;
     handleMarginClicked(event: MouseEvent, category: TransactionTypeCategory): Promise<void>;
     private handleDocumentClick;
@@ -9974,7 +9975,7 @@ declare class TransactionSalesQuotationButtonBarButtonComponent extends Transact
     showCategories: boolean;
     constructor(iconCacheService: IconCacheService, changeDetector: ChangeDetectorRef, _transactionEventService: TransactionEventService, _mappingService: TransactionMappingService, _dictionaryService: DictionaryService, _screenConfigService: TransactionScreenConfigurationService, _transactionService: TransactionService, _elementRef: ElementRef, _renderer: Renderer2, _transactionBaseService: TransactionService);
     currentIcon(): Icon.CartShoppingRegular | Icon.ChartPieSimpleRegular;
-    currentTitle(): "OVERVIEW" | "MARGINS";
+    currentTitle(): "MARGINS" | "OVERVIEW";
     ngOnDestroy(): void;
     handleClickWrapper(event: MouseEvent): void;
     handleMarginClicked(event: MouseEvent, category: TransactionTypeCategory): void;
@@ -13796,7 +13797,7 @@ declare class StepperStepModule {
 
 declare class CheckoutModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckoutModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CheckoutModule, [typeof CheckoutOverviewRelationEditComponent, typeof CheckoutOverviewDeliveryEditComponent, typeof CheckoutOverviewPaymentComponent, typeof CheckoutComponent], [typeof CoreModule, typeof i2.CommonModule, typeof i3.IconModule, typeof i3.InputTextModule, typeof i3.InputCheckboxModule, typeof i3.InputRadioButtonModule, typeof i3.FormModule, typeof i3.InputDatePickerModule, typeof i3.InputNumberPickerModule, typeof i3.CoDialogModule, typeof i3.ButtonModule, typeof i3.PopupModule, typeof i8.ReactiveFormsModule, typeof i8.FormsModule, typeof RelationAddressModule, typeof RelationAddressSelectModule, typeof RelationAddressTileModule, typeof i3.Carousel3dModule, typeof i3.InputTextareaModule, typeof PipeModule, typeof StepperModule, typeof ShoppingCartPreviewModule, typeof AvatarModule, typeof DeliveryTypeTileModule, typeof i3.CollapsibleModule, typeof PaymentModule, typeof RelationTypeModule, typeof RelationGeneralModule, typeof RelationAddressesModule, typeof RelationContactDetailsModule, typeof RelationPreferencesModule, typeof TransactionHeaderDeliveryModule, typeof TransactionHeaderPreferredDeliveryDateModule, typeof TransactionHeaderDeliveryDateModule, typeof TransactionHeaderDeliveryMethodModule, typeof TransactionHeaderPartialDeliveryModule, typeof TransactionHeaderDeliveryOptionsModule, typeof TransactionHeaderRemarksModule, typeof TransactionHeaderReferenceModule, typeof TransactionHeaderRelationReferenceModule, typeof TransactionHeaderDepositPercentageModule, typeof TransactionHeaderDepositAmountModule, typeof TransactionHeaderDefinitiveModule, typeof TransactionHeaderBranchModule, typeof TransactionHeaderAdministrativeRelationModule, typeof TransactionHeaderMarketingModule, typeof TransactionHeaderHoldCodesModule, typeof RelationSuggestionsListModule, typeof i3.ScreenConfigurationModule, typeof SuggestionsSidebarModule, typeof i3.ListOfValuesModule, typeof StepperStepModule, typeof TransactionHeaderSalesPersonModule, typeof TransactionHeaderPaymentConditionModule, typeof i3.InputSearchModule], [typeof CheckoutComponent, typeof CheckoutOverviewRelationEditComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CheckoutModule, [typeof CheckoutOverviewRelationEditComponent, typeof CheckoutOverviewDeliveryEditComponent, typeof CheckoutOverviewPaymentComponent, typeof CheckoutComponent], [typeof CoreModule, typeof i2.CommonModule, typeof i3.IconModule, typeof i3.InputTextModule, typeof i3.InputCheckboxModule, typeof i3.InputRadioButtonModule, typeof i3.FormModule, typeof i3.InputDatePickerModule, typeof i3.InputNumberPickerModule, typeof i3.CoDialogModule, typeof i3.ButtonModule, typeof i3.PopupModule, typeof i8.ReactiveFormsModule, typeof i8.FormsModule, typeof RelationAddressModule, typeof RelationAddressSelectModule, typeof RelationAddressTileModule, typeof i3.InputTextareaModule, typeof PipeModule, typeof StepperModule, typeof ShoppingCartPreviewModule, typeof AvatarModule, typeof DeliveryTypeTileModule, typeof i3.CollapsibleModule, typeof PaymentModule, typeof RelationTypeModule, typeof RelationGeneralModule, typeof RelationAddressesModule, typeof RelationContactDetailsModule, typeof RelationPreferencesModule, typeof TransactionHeaderDeliveryModule, typeof TransactionHeaderPreferredDeliveryDateModule, typeof TransactionHeaderDeliveryDateModule, typeof TransactionHeaderDeliveryMethodModule, typeof TransactionHeaderPartialDeliveryModule, typeof TransactionHeaderDeliveryOptionsModule, typeof TransactionHeaderRemarksModule, typeof TransactionHeaderReferenceModule, typeof TransactionHeaderRelationReferenceModule, typeof TransactionHeaderDepositPercentageModule, typeof TransactionHeaderDepositAmountModule, typeof TransactionHeaderDefinitiveModule, typeof TransactionHeaderBranchModule, typeof TransactionHeaderAdministrativeRelationModule, typeof TransactionHeaderMarketingModule, typeof TransactionHeaderHoldCodesModule, typeof RelationSuggestionsListModule, typeof i3.ScreenConfigurationModule, typeof SuggestionsSidebarModule, typeof i3.ListOfValuesModule, typeof StepperStepModule, typeof TransactionHeaderSalesPersonModule, typeof TransactionHeaderPaymentConditionModule, typeof i3.InputSearchModule], [typeof CheckoutComponent, typeof CheckoutOverviewRelationEditComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CheckoutModule>;
 }
 
@@ -15568,6 +15569,9 @@ declare class TransactionCopyOrderComponent extends TransactionHeaderBaseCompone
     protected imageService: TransactionImageService;
     protected changeDetector: ChangeDetectorRef;
     readonly cfgNames: typeof TransactionCfgName;
+    form: FormComponent;
+    closeDialog: EventEmitter<void>;
+    showClass(): boolean;
     salesPersons: SalesPerson[];
     branches: BranchLov[];
     customers: RelationListObject[];
@@ -15576,14 +15580,13 @@ declare class TransactionCopyOrderComponent extends TransactionHeaderBaseCompone
     selectedCustomer: RelationSmallObject$1 | RelationListObject;
     copyTransactionRequest: CopyTransactionRequest;
     disableCopyOrderButtons: boolean;
-    closeDialog: EventEmitter<void>;
-    showClass(): boolean;
     constructor(transactionHeaderService: TransactionHeaderService, transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, relationService: TransactionRelationService, transactionCreationService: TransactionCreationService, transactionScreenConfigurationService: TransactionScreenConfigurationService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef);
-    protected transactionSet(): void;
     getCustomers: (text: string) => Promise<RelationListObject[]>;
     getHeaderTitle(): string;
     handleOkClick(): Promise<void>;
+    handleFormSubmit(): Promise<void>;
     handleCancelClick(): void;
+    protected transactionSet(): void;
     private _getSalesPersons;
     private _getBranches;
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionCopyOrderComponent, never>;
@@ -15592,7 +15595,7 @@ declare class TransactionCopyOrderComponent extends TransactionHeaderBaseCompone
 
 declare class TransactionCopyOrderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionCopyOrderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionCopyOrderModule, [typeof TransactionCopyOrderComponent], [typeof i2.CommonModule, typeof i3.CoDialogModule, typeof i3.ButtonModule, typeof PipeModule, typeof i3.ListOfValuesModule, typeof i3.InputDatePickerModule, typeof i3.IconModule, typeof DefaultConfirmCancelButtonsModule], [typeof TransactionCopyOrderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionCopyOrderModule, [typeof TransactionCopyOrderComponent], [typeof i2.CommonModule, typeof i3.CoDialogModule, typeof i3.ButtonModule, typeof PipeModule, typeof i3.ListOfValuesModule, typeof i3.InputDatePickerModule, typeof i3.IconModule, typeof DefaultConfirmCancelButtonsModule, typeof i3.FormModule, typeof i3.ScreenConfigurationModule], [typeof TransactionCopyOrderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TransactionCopyOrderModule>;
 }
 
@@ -16230,6 +16233,7 @@ declare class DialogTransactionLineWarehouseCcComponent extends DialogBaseCompon
     iconCacheService: IconCacheService;
     transactionHeaderService: TransactionHeaderService;
     transactionLineService: TransactionLineService;
+    transactionService: TransactionService;
     protected articleService: ArticleService;
     readonly icons: typeof Icon;
     readonly tab: typeof WarehouseCCTab;
@@ -16250,6 +16254,7 @@ declare class DialogTransactionLineWarehouseCcComponent extends DialogBaseCompon
     transactionInfo: TransactionInfo;
     transactionLine: TransactionLineInfo;
     reason: string;
+    articleName: string;
     showDirectSell: boolean;
     directSellSupplier: SupplierLightObject;
     directSellPurchaseOrderNumber: number;
@@ -16259,7 +16264,7 @@ declare class DialogTransactionLineWarehouseCcComponent extends DialogBaseCompon
     chosenConversionUnit: Unit;
     conversionAmount: string;
     readonly TransactionKind: typeof TransactionKind;
-    constructor(iconCacheService: IconCacheService, transactionHeaderService: TransactionHeaderService, transactionLineService: TransactionLineService, articleService: ArticleService);
+    constructor(iconCacheService: IconCacheService, transactionHeaderService: TransactionHeaderService, transactionLineService: TransactionLineService, transactionService: TransactionService, articleService: ArticleService);
     ngOnInit(): Promise<void>;
     handleQuantityChange(value: any): void;
     handleCommissionCodeChange(value: any): void;
@@ -16273,6 +16278,7 @@ declare class DialogTransactionLineWarehouseCcComponent extends DialogBaseCompon
     handleCloseDialog(event: MouseEvent, type: AppPopupButtonType): void;
     private _activeTabValid;
     private _scrollIntoView;
+    private setArticleName;
     protected readonly model: i0.ModelFunction;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogTransactionLineWarehouseCcComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DialogTransactionLineWarehouseCcComponent, "co-dialog-transaction-line-warehouse-cc", never, { "transactionKind": { "alias": "transactionKind"; "required": false; }; }, { "close": "close"; }, never, never, false, never>;
@@ -16448,19 +16454,22 @@ declare class TransactionHeaderHandledByModule {
 declare class TransactionLineActivitiesComponent implements OnInit {
     transactionService: TransactionService;
     private _changeDetector;
+    activityList: ElementRef<HTMLDivElement>;
+    openActivities: ComponentActivityListComponent;
+    transactionId: number;
     readonly tableNames: typeof TableName;
     readonly cfgNames: typeof TransactionCfgName;
     readonly WorkflowCategoryType: typeof WorkflowCategoryType;
     activities: Activity[];
     user: RelationSmallObject$1;
     transactionInfo: TransactionInfo;
-    transactionId: number;
-    openActivities: ComponentActivityListComponent;
+    showActivityHeader: boolean;
     constructor(transactionService: TransactionService, _changeDetector: ChangeDetectorRef);
     showClass(): boolean;
     ngOnInit(): void;
     finishedActivitiesRefreshRequested(): Promise<void>;
     fullActivitiesRefreshRequested(): void;
+    scrollActivitiesToBottom(): void;
     getActivities(): Promise<void>;
     openCreatedTask(taskId: number): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionLineActivitiesComponent, never>;
@@ -16492,7 +16501,7 @@ declare class TransactionLineActivitiesContactMomentsComponent implements OnInit
 
 declare class TransactionLineActivitiesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionLineActivitiesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionLineActivitiesModule, [typeof TransactionLineActivitiesComponent], [typeof i2.CommonModule, typeof CoreModule, typeof i6.ActivityListModule, typeof i6.TaskCreatorModule, typeof i6.ComponentActivityListModule, typeof TransactionLineActivitiesContactMomentsComponent, typeof PipeModule], [typeof TransactionLineActivitiesComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionLineActivitiesModule, [typeof TransactionLineActivitiesComponent], [typeof i2.CommonModule, typeof CoreModule, typeof i6.ActivityListModule, typeof i6.TaskCreatorModule, typeof i6.ComponentActivityListModule, typeof TransactionLineActivitiesContactMomentsComponent, typeof PipeModule, typeof i6.ActivityTimelineModule], [typeof TransactionLineActivitiesComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TransactionLineActivitiesModule>;
 }
 

package/lib/component/checkout/checkout-overview-relation-edit/style/material.scss

@@ -2,5 +2,4 @@
 @import "./material-definition";
 @import "./layout";
 @import "./theme";
-$cc-co-carousel-3d-navigate-button-width: 40px;
 @import "../../../relation/relation-address/style/material";

package/lib/component/relation/relation-addresses/style/_layout.scss

@@ -1,9 +1,5 @@
 @include export-module('cc-relation-addresses-layout') {
   .co-relation-addresses {
-    .co-carousel-3d {
-      max-width: $tp-relation-addresses-carousel-max-width;
-      height: 175px;
-    }
     .default-data-row {
       flex: 1;
       width: 100%;

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

@@ -5,10 +5,6 @@
     display: flex;
     justify-content: flex-start;
     flex-direction: row-reverse;
-    .co-carousel-3d {
-      max-width: 100%;
-      height: 175px;
-    }
     .co-transaction-header-block.in-dialog {
       padding: 4px 0;
     }

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

@@ -330,11 +330,6 @@
       }
     }
 
-    .co-relation-addresses .co-carousel-3d {
-      max-width: 100%;
-      height: 175px;
-    }
-
     .checkbox-list-wrapper {
       overflow: visible;
     }

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

@@ -54,10 +54,6 @@
     .co-transaction-filter-categories .transaction-filter-categories-wrapper {
       justify-content: flex-start;
     }
-    .co-relation-addresses .co-carousel-3d {
-      max-width: 100%;
-      height: 175px;
-    }
     .header-relation-navigation-wrapper {
       display: flex;
       overflow: hidden;

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

@@ -1,7 +1,6 @@
 @import "./material-definition";
 @import "./layout";
 @import "./theme";
-$cc-co-carousel-3d-navigate-button-width: 40px;
 @import "../../../core/base/components/transaction-header-block/style/material";
 @import "../../../relation/relation-type/style/material";
 @import "../../../relation/relation-addresses/style/material";

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

@@ -2,24 +2,164 @@
 
 @include export-module('co-transaction-line-activities-layout') {
   .co-transaction-line-activities {
-    .activities-grid {
-      display: grid;
-      grid-template-columns: 1fr 1fr;
-      gap: 20px;
-      align-items: start;
+    .service-overview-wrapper {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      width: 100%;
     }
-
-    // Right column
-    .historic-activities-wrapper {
-      grid-column: 2;
-      grid-row: 1 / span 10; // keeps it stacked on the right
+    .message-and-task-wrapper {
+      display: flex;
+      gap: 15px;
+      width: 100%;
+      align-items: flex-start;
+      flex-wrap: wrap;
     }
-
-    // Left column
-    .contact-moments-wrapper,
-    .component-activity-list-wrapper,
-    .task-creator-wrapper {
-      grid-column: 1;
+    .timeline-and-message-wrapper {
+      display: flex;
+      flex-direction: column;
+      gap: 30px;
+      padding: 0 0 15px;
+      margin-bottom: 15px;
+      flex: 1;
+      align-self: flex-start;
+    }
+    .activity-list-component-wrapper {
+      padding: 0;
+      margin: 0;
+      display: flex;
+      flex-direction: column;
+      gap: 30px;
+      flex: 1;
+      align-self: flex-start;
+      width: 100%;
+      .activity-list-conv-wrapper {
+        flex: 1;
+        padding-left: 0;
+        max-height: 300px;
+        overflow: auto;
+      }
+      .co-task-creator {
+        position: sticky;
+        bottom: 0;
+      }
+    }
+    .activity-task-creator-wrapper {
+      display: flex;
+      gap: 15px;
+      flex-direction: column;
+      width: 400px;
+      max-width: 100%;
+    }
+    .activity-task-overview-wrapper {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      padding: 15px;
+      border-radius: 5px;
+      box-shadow: 0 2px 5px 1px #0000001a;
+      background: #FFF;
+      .activity-header {
+        font-size: 14px;
+        font-weight: 700;
+        color: #171721;
+        position: relative;
+      }
+      .activity-wrapper-inner {
+        order: 2;
+        display: flex;
+        gap: 5px;
+        margin-top: 0;
+        flex-wrap: wrap;
+        max-height: 300px;
+        overflow: auto;
+        &.bottom-task {
+          .task-box {
+            .co-button {
+              border: 1px solid #1b2874;
+              background: #1b28741a;
+              color: #1b2874;
+              justify-content: center;
+              align-items: center;
+              height: 32px;
+              min-width: 150px;
+              width: 100%;
+              span {
+                text-align: center;
+                font-size: 11px;
+              }
+            }
+          }
+        }
+      }
+      .co-component-activity-overview {
+        order: 1;
+        width: 100%;
+        &.bottom-task {
+          order: 2;
+          width: calc(50% - 3px);
+        }
+        .overview-main {
+          max-width: 100%;
+          .label-date-activity {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+          }
+          .activity-buttons {
+            .co-button {
+              width: 50%;
+              border: 1px solid #1a73e8 !important;
+              color: #1a73e8 !important;
+              background: #fff !important;
+              text-align: center;
+              padding: 5px 10px;
+              justify-content: center;
+              height: 32px;
+              max-width: calc(50% - 3px);
+            }
+          }
+        }
+        .overview-current {
+          .activity-title {
+            background: #d1e3fa;
+            border: 1px solid #1a73e8;
+            color: #1a73e8;
+            padding: 7px 15px;
+            text-transform: uppercase;
+            height: 32px;
+            justify-content: center;
+            align-items: center;
+            display: flex;
+            font-size: 11px;
+          }
+        }
+      }
+    }
+    .overview-task-wrapper {
+      .task-box {
+        display: flex;
+        flex-direction: column;
+        gap: 5px;
+        position: relative;
+        cursor: pointer;
+        width: 100%;
+      }
+    }
+    .message-and-task-wrapper {
+      .co-component-activity-list {
+        margin: 0;
+        height: auto;
+        padding: 0;
+        .activity-wrapper {
+          max-width: 100%;
+          max-height: 100%;
+          padding: 0;
+        }
+      }
+      .activity-list-content {
+        height: auto;
+      }
     }
   }
 }

package/lib/component/transaction-lines-side-panel/transaction-lines-side-panel-service-order/style/_material-definition.scss

@@ -1,6 +1,6 @@
 $tp-transaction-lines-side-panel-service-order-background: transparent !default;
 $tp-transaction-lines-side-panel-service-order-font-family: $tp-font-family !default;
-$tp-transaction-lines-side-panel-service-order-font-size: $tp-font-size !default;
+$tp-transaction-lines-side-panel-service-order-font-size: $tp-font-size-big !default;
 $tp-transaction-lines-side-panel-service-order-font-weight: bold !default;
 $tp-transaction-lines-side-panel-service-order-font-color: $tp-color-dark !default;
 $tp-transaction-lines-side-panel-service-order-label-icon-size: 14px;

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

@@ -4,7 +4,7 @@
       display: flex;
       flex-direction: column;
       position: fixed;
-      z-index: 1;
+      z-index: 2;
       row-gap: $tp-co-transaction-navigation-button-list-row-gap;
       padding: $tp-co-transaction-navigation-button-list-overlay-padding;
       overflow: hidden;

package/lib/component/transaction-service-overview/style/_layout.scss

@@ -146,7 +146,7 @@
           .activity-task-overview-wrapper {
             display: flex;
             flex-direction: column;
-            gap: 15px;
+            gap: 5px;
             padding: 15px;
             border-radius: 5px;
             box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.1);
@@ -154,6 +154,7 @@
               .activity-wrapper {
                 max-width: 100%;
                 max-height: 100%;
+                padding: 0;
               }
             }
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/transaction",
-  "version": "262.1.17",
+  "version": "262.1.19",
   "description": "Colijn IT transaction module for Angular 20",
   "repository": "npm/npm",
   "author": "Colijn IT",
@@ -13,12 +13,12 @@
     "@colijnit/catalog": ">=262.1.0",
     "@colijnit/corecomponents_v12": ">=262.1.5",
     "@colijnit/ioneconnector": ">=262.1.0",
-    "@colijnit/mainapi": ">=262.1.1",
+    "@colijnit/mainapi": ">=262.1.8",
     "@colijnit/product": ">=262.1.0",
     "@colijnit/relation": ">=262.1.0",
     "@colijnit/relationapi": ">=262.1.0",
     "@colijnit/sharedapi": ">=1.0.20",
-    "@colijnit/sharedcomponents": ">=262.1.3",
+    "@colijnit/sharedcomponents": ">=262.1.11",
     "@colijnit/transactionapi": ">=262.1.6"
   },
   "dependencies": {