@colijnit/transaction 261.20.47 → 261.20.48

package/fesm2022/colijnit-transaction.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Injectable, EventEmitter, Pipe, HostBinding, Input, ViewEncapsulation, Component, Injector, InjectionToken, Optional, Inject, Output, ContentChildren, Directive, ElementRef, forwardRef, ViewChild, ViewContainerRef, ChangeDetectionStrategy, HostListener, ViewChildren, NgModule, LOCALE_ID, model } from '@angular/core';
 import { TransactionKind } from '@colijnit/transactionapi/build/enum/transaction-kind.enum';
 import * as i1$1 from '@colijnit/corecomponents_v12';
-import { BaseModuleService, BaseModuleScreenConfigService, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, InputTextComponent, SimpleGridColumnTemplateType, SimpleGridColumnDirective, FormMasterService, ColumnAlign, OverlayService, ContentViewMode, InputCheckboxComponent, FormComponent, InputDatePickerComponent, InputTextareaComponent, CoDialogModule, ButtonModule, CollapsibleModule, InputCheckboxModule, InputTextModule, ListOfValuesModule, InputSearchModule, FormModule, ScreenConfigurationModule, InputRadioButtonModule, IconModule, TooltipDirectiveModule, CheckmarkOverlayModule, PriceDisplayPipeModule, Carousel3dModule, CarouselModule, InputTextareaModule, InputDatePickerModule, FilterPipeModule, ObserveVisibilityModule, CoCurrencyPipeModule, ImageModule, FilterViewmodel, CoreComponentsTranslationModule, ColorPickerModule, ClickoutsideModule, OverlayModule, CalendarComponent, InputNumberPickerModule, SimpleGridModule, GridToolbarButtonModule, InputDateRangePickerModule, HourSchedulingComponentModule, HourSchedulingExpandableComponentModule, HourSchedulingExpandableTemplateModule, ViewModeButtonsModule, FilterItemMode, FilterItemComponent, FilterItemModule, PaginationModule, PaginationBarModule, IconCollapseHandleModule, PopupModule, CoDialogWizardModule, InputScannerModule, CoreComponentsIcon } from '@colijnit/corecomponents_v12';
+import { BaseModuleService, BaseModuleScreenConfigService, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, InputTextComponent, SimpleGridColumnTemplateType, SimpleGridColumnDirective, FormMasterService, ColumnAlign, OverlayService, ContentViewMode, InputCheckboxComponent, FormComponent, InputDatePickerComponent, InputTextareaComponent, CoDialogModule, ButtonModule, CollapsibleModule, InputCheckboxModule, InputTextModule, ListOfValuesModule, InputSearchModule, FormModule, ScreenConfigurationModule, InputRadioButtonModule, IconModule, TooltipDirectiveModule, CheckmarkOverlayModule, PriceDisplayPipeModule, CarouselModule, InputTextareaModule, InputDatePickerModule, FilterPipeModule, ObserveVisibilityModule, CoCurrencyPipeModule, ImageModule, FilterViewmodel, CoreComponentsTranslationModule, ColorPickerModule, ClickoutsideModule, OverlayModule, CalendarComponent, InputNumberPickerModule, SimpleGridModule, GridToolbarButtonModule, InputDateRangePickerModule, HourSchedulingComponentModule, HourSchedulingExpandableComponentModule, HourSchedulingExpandableTemplateModule, ViewModeButtonsModule, FilterItemMode, FilterItemComponent, FilterItemModule, PaginationModule, PaginationBarModule, IconCollapseHandleModule, PopupModule, CoDialogWizardModule, InputScannerModule, CoreComponentsIcon } from '@colijnit/corecomponents_v12';
 import { TransactionInfo } from '@colijnit/transactionapi/build/model/transaction-info.bo';
 import { TransactionInfoResponse } from '@colijnit/transactionapi/build/model/transaction-info-response.bo';
 import { TransactionServiceInfo } from '@colijnit/transactionapi/build/model/transaction-service-info.bo';
@@ -354,8 +354,8 @@ import { DateField } from '@colijnit/ioneconnector/build/factory/decorators/date
 class Version {
     name = "@colijnit/transaction";
     description = "Colijn IT transaction package";
-    symVer = "261.20.47";
-    publishDate = "08/06/2026, 17:30:46";
+    symVer = "261.20.48";
+    publishDate = "10-6-2026, 11:16:03";
 }
 
 class CheckoutModuleService extends BaseModuleService {
@@ -13955,6 +13955,7 @@ var TransactionCfgName;
     TransactionCfgName["DiscountAmount"] = "discountAmount";
     TransactionCfgName["DiscountTransTotal"] = "discountTransTotal";
     TransactionCfgName["DiscountRedistributeButton"] = "discountRedistributeBtn";
+    TransactionCfgName["TransactionDiscountReason"] = "transactionDiscountReason";
     TransactionCfgName["Definitive"] = "definitive";
     TransactionCfgName["OnHoldCodes"] = "onHoldCodes";
     TransactionCfgName["Branch"] = "branch";
@@ -18841,7 +18842,7 @@ class TransactionHistoryGridComponent {
         </co-simple-grid>
       </ng-container>
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.SimpleGridComponent, selector: "co-simple-grid", inputs: ["showAdd", "showDelete", "deselectAllowed", "editOnCellClick", "rightToolbar", "showGridSettings", "rowsPerPage", "rowDisabledFn", "showColumnSort", "showRowButtons", "canRowBeEdittedFn"] }, { kind: "directive", type: i1$1.SimpleGridColumnDirective, selector: "co-simple-grid-column", inputs: ["headerText", "field", "codeField", "displayField", "textAlign", "format", "resizable", "required", "autoFit", "isSelected", "width", "readonly", "collection", "order", "singleColumn"] }, { kind: "directive", type: i1$1.SimpleGridColumnTemplateDirective, selector: "[templateType]", inputs: ["templateType"] }, { kind: "component", type: i1$1.GridToolbarButtonComponent, selector: "co-grid-toolbar-button", inputs: ["iconData", "disabled"], outputs: ["buttonClick"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.SimpleGridComponent, selector: "co-simple-grid", inputs: ["showAdd", "showDelete", "deselectAllowed", "editOnCellClick", "rightToolbar", "showGridSettings", "rowsPerPage", "rowDisabledFn", "showColumnSort", "showRowButtons", "resetPageOnDataChange", "scrollOnRowAction", "scrollDirection", "canRowBeEdittedFn"] }, { kind: "directive", type: i1$1.SimpleGridColumnDirective, selector: "co-simple-grid-column", inputs: ["headerText", "field", "codeField", "displayField", "textAlign", "format", "resizable", "required", "autoFit", "isSelected", "width", "readonly", "collection", "order", "singleColumn"] }, { kind: "directive", type: i1$1.SimpleGridColumnTemplateDirective, selector: "[templateType]", inputs: ["templateType"] }, { kind: "component", type: i1$1.GridToolbarButtonComponent, selector: "co-grid-toolbar-button", inputs: ["iconData", "disabled"], outputs: ["buttonClick"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionHistoryGridComponent, decorators: [{
             type: Component,
@@ -19062,7 +19063,7 @@ class TransactionAvailableStockGridComponent {
         </co-simple-grid-column>
       </co-simple-grid>
     </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.SimpleGridComponent, selector: "co-simple-grid", inputs: ["showAdd", "showDelete", "deselectAllowed", "editOnCellClick", "rightToolbar", "showGridSettings", "rowsPerPage", "rowDisabledFn", "showColumnSort", "showRowButtons", "canRowBeEdittedFn"] }, { kind: "directive", type: i1$1.SimpleGridColumnDirective, selector: "co-simple-grid-column", inputs: ["headerText", "field", "codeField", "displayField", "textAlign", "format", "resizable", "required", "autoFit", "isSelected", "width", "readonly", "collection", "order", "singleColumn"] }, { kind: "directive", type: i1$1.SimpleGridColumnTemplateDirective, selector: "[templateType]", inputs: ["templateType"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.SimpleGridComponent, selector: "co-simple-grid", inputs: ["showAdd", "showDelete", "deselectAllowed", "editOnCellClick", "rightToolbar", "showGridSettings", "rowsPerPage", "rowDisabledFn", "showColumnSort", "showRowButtons", "resetPageOnDataChange", "scrollOnRowAction", "scrollDirection", "canRowBeEdittedFn"] }, { kind: "directive", type: i1$1.SimpleGridColumnDirective, selector: "co-simple-grid-column", inputs: ["headerText", "field", "codeField", "displayField", "textAlign", "format", "resizable", "required", "autoFit", "isSelected", "width", "readonly", "collection", "order", "singleColumn"] }, { kind: "directive", type: i1$1.SimpleGridColumnTemplateDirective, selector: "[templateType]", inputs: ["templateType"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionAvailableStockGridComponent, decorators: [{
             type: Component,
@@ -21080,7 +21081,7 @@ class TransactionConfirmationHistoryComponent {
 -->
       </co-simple-grid>
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.SimpleGridComponent, selector: "co-simple-grid", inputs: ["showAdd", "showDelete", "deselectAllowed", "editOnCellClick", "rightToolbar", "showGridSettings", "rowsPerPage", "rowDisabledFn", "showColumnSort", "showRowButtons", "canRowBeEdittedFn"] }, { kind: "directive", type: i1$1.SimpleGridColumnDirective, selector: "co-simple-grid-column", inputs: ["headerText", "field", "codeField", "displayField", "textAlign", "format", "resizable", "required", "autoFit", "isSelected", "width", "readonly", "collection", "order", "singleColumn"] }, { kind: "directive", type: i1$1.SimpleGridColumnTemplateDirective, selector: "[templateType]", inputs: ["templateType"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.SimpleGridComponent, selector: "co-simple-grid", inputs: ["showAdd", "showDelete", "deselectAllowed", "editOnCellClick", "rightToolbar", "showGridSettings", "rowsPerPage", "rowDisabledFn", "showColumnSort", "showRowButtons", "resetPageOnDataChange", "scrollOnRowAction", "scrollDirection", "canRowBeEdittedFn"] }, { kind: "directive", type: i1$1.SimpleGridColumnDirective, selector: "co-simple-grid-column", inputs: ["headerText", "field", "codeField", "displayField", "textAlign", "format", "resizable", "required", "autoFit", "isSelected", "width", "readonly", "collection", "order", "singleColumn"] }, { kind: "directive", type: i1$1.SimpleGridColumnTemplateDirective, selector: "[templateType]", inputs: ["templateType"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionConfirmationHistoryComponent, decorators: [{
             type: Component,
@@ -22098,7 +22099,7 @@ class TransactionHistoryTransportGridComponent {
         </co-simple-grid>
       </ng-container>
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.SimpleGridComponent, selector: "co-simple-grid", inputs: ["showAdd", "showDelete", "deselectAllowed", "editOnCellClick", "rightToolbar", "showGridSettings", "rowsPerPage", "rowDisabledFn", "showColumnSort", "showRowButtons", "canRowBeEdittedFn"] }, { kind: "directive", type: i1$1.SimpleGridColumnDirective, selector: "co-simple-grid-column", inputs: ["headerText", "field", "codeField", "displayField", "textAlign", "format", "resizable", "required", "autoFit", "isSelected", "width", "readonly", "collection", "order", "singleColumn"] }, { kind: "directive", type: i1$1.SimpleGridColumnTemplateDirective, selector: "[templateType]", inputs: ["templateType"] }, { kind: "component", type: i1$1.GridToolbarButtonComponent, selector: "co-grid-toolbar-button", inputs: ["iconData", "disabled"], outputs: ["buttonClick"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.SimpleGridComponent, selector: "co-simple-grid", inputs: ["showAdd", "showDelete", "deselectAllowed", "editOnCellClick", "rightToolbar", "showGridSettings", "rowsPerPage", "rowDisabledFn", "showColumnSort", "showRowButtons", "resetPageOnDataChange", "scrollOnRowAction", "scrollDirection", "canRowBeEdittedFn"] }, { kind: "directive", type: i1$1.SimpleGridColumnDirective, selector: "co-simple-grid-column", inputs: ["headerText", "field", "codeField", "displayField", "textAlign", "format", "resizable", "required", "autoFit", "isSelected", "width", "readonly", "collection", "order", "singleColumn"] }, { kind: "directive", type: i1$1.SimpleGridColumnTemplateDirective, selector: "[templateType]", inputs: ["templateType"] }, { kind: "component", type: i1$1.GridToolbarButtonComponent, selector: "co-grid-toolbar-button", inputs: ["iconData", "disabled"], outputs: ["buttonClick"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionHistoryTransportGridComponent, decorators: [{
             type: Component,
@@ -26801,7 +26802,7 @@ class TransactionPurchaseInfoGridComponent {
         </co-simple-grid-column>
       </co-simple-grid>
     </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.SimpleGridComponent, selector: "co-simple-grid", inputs: ["showAdd", "showDelete", "deselectAllowed", "editOnCellClick", "rightToolbar", "showGridSettings", "rowsPerPage", "rowDisabledFn", "showColumnSort", "showRowButtons", "canRowBeEdittedFn"] }, { kind: "directive", type: i1$1.SimpleGridColumnDirective, selector: "co-simple-grid-column", inputs: ["headerText", "field", "codeField", "displayField", "textAlign", "format", "resizable", "required", "autoFit", "isSelected", "width", "readonly", "collection", "order", "singleColumn"] }, { kind: "directive", type: i1$1.SimpleGridColumnTemplateDirective, selector: "[templateType]", inputs: ["templateType"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }], encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.SimpleGridComponent, selector: "co-simple-grid", inputs: ["showAdd", "showDelete", "deselectAllowed", "editOnCellClick", "rightToolbar", "showGridSettings", "rowsPerPage", "rowDisabledFn", "showColumnSort", "showRowButtons", "resetPageOnDataChange", "scrollOnRowAction", "scrollDirection", "canRowBeEdittedFn"] }, { kind: "directive", type: i1$1.SimpleGridColumnDirective, selector: "co-simple-grid-column", inputs: ["headerText", "field", "codeField", "displayField", "textAlign", "format", "resizable", "required", "autoFit", "isSelected", "width", "readonly", "collection", "order", "singleColumn"] }, { kind: "directive", type: i1$1.SimpleGridColumnTemplateDirective, selector: "[templateType]", inputs: ["templateType"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionPurchaseInfoGridComponent, decorators: [{
             type: Component,
@@ -28829,6 +28830,7 @@ class DiscountCodesPopupComponent {
     discountCodes;
     selectedDiscountCode;
     discountRemark;
+    cfgNames = TransactionCfgName;
     icons = Icon;
     constructor(iconCacheService, transactionService) {
         this.iconCacheService = iconCacheService;
@@ -28892,7 +28894,7 @@ class DiscountCodesPopupComponent {
             </co-list-of-values>
             <co-input-textarea
                     [placeholder]="'REMARK' | localize"
-                    [required]="true"
+                    [screenConfigurationObject]="cfgNames.TransactionDiscountReason"
                     [(model)]="discountRemark">
             </co-input-textarea>
           </co-form>
@@ -28915,7 +28917,7 @@ class DiscountCodesPopupComponent {
               </co-button>
           </div>
       </ng-template>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.CoDialogComponent, selector: "co-dialog", inputs: ["customCssClass", "headerTemplate", "footerTemplate", "showCloseIcon", "modal", "borderless"], outputs: ["closeClick"] }, { kind: "component", type: i1$1.FormComponent, selector: "co-form", inputs: ["readonly", "keepInView"], outputs: ["onChange", "validSubmit", "anySubmit", "validityChange", "readonlyChange", "invalidSubmit"] }, { kind: "component", type: i1$1.ButtonComponent, selector: "co-button", inputs: ["label", "iconData", "iconDataRight", "isToggleButton", "isToggled", "hidden", "disabled"], outputs: ["onClick", "clickedWhileDisabled", "isToggledChange"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: i1$1.InputTextareaComponent, selector: "co-input-textarea", inputs: ["placeholder"] }, { kind: "component", type: i1$1.ListOfValuesComponent, selector: "co-list-of-values", inputs: ["model", "multiselect", "showToggleAll", "largeCollection", "displayField", "optionIcon", "collection", "collectionLoadFn", "collectionLoadFnProp", "leftIconData", "searchPlaceholder", "searchDisabled", "showChips"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.CoDialogComponent, selector: "co-dialog", inputs: ["customCssClass", "headerTemplate", "footerTemplate", "showCloseIcon", "modal", "borderless"], outputs: ["closeClick"] }, { kind: "component", type: i1$1.FormComponent, selector: "co-form", inputs: ["readonly", "keepInView"], outputs: ["onChange", "validSubmit", "anySubmit", "validityChange", "readonlyChange", "invalidSubmit"] }, { kind: "component", type: i1$1.ButtonComponent, selector: "co-button", inputs: ["label", "iconData", "iconDataRight", "isToggleButton", "isToggled", "hidden", "disabled"], outputs: ["onClick", "clickedWhileDisabled", "isToggledChange"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "component", type: i1$1.InputTextareaComponent, selector: "co-input-textarea", inputs: ["placeholder"] }, { kind: "component", type: i1$1.ListOfValuesComponent, selector: "co-list-of-values", inputs: ["model", "multiselect", "showToggleAll", "largeCollection", "displayField", "optionIcon", "collection", "collectionLoadFn", "collectionLoadFnProp", "leftIconData", "searchPlaceholder", "searchDisabled", "showChips"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DiscountCodesPopupComponent, decorators: [{
             type: Component,
@@ -28939,7 +28941,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             </co-list-of-values>
             <co-input-textarea
                     [placeholder]="'REMARK' | localize"
-                    [required]="true"
+                    [screenConfigurationObject]="cfgNames.TransactionDiscountReason"
                     [(model)]="discountRemark">
             </co-input-textarea>
           </co-form>
@@ -37953,7 +37955,6 @@ class TransactionHeaderDeliveryMethodModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionHeaderDeliveryMethodModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: TransactionHeaderDeliveryMethodModule, declarations: [TransactionHeaderDeliveryMethodComponent], imports: [CommonModule,
             PipeModule,
-            Carousel3dModule,
             DeliveryTypeTileModule,
             InputCheckboxModule,
             TransactionLineCheckboxModule,
@@ -37961,7 +37962,6 @@ class TransactionHeaderDeliveryMethodModule {
             TooltipDirectiveModule], exports: [TransactionHeaderDeliveryMethodComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionHeaderDeliveryMethodModule, imports: [CommonModule,
             PipeModule,
-            Carousel3dModule,
             DeliveryTypeTileModule,
             InputCheckboxModule,
             TransactionLineCheckboxModule,
@@ -37974,7 +37974,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     imports: [
                         CommonModule,
                         PipeModule,
-                        Carousel3dModule,
                         DeliveryTypeTileModule,
                         InputCheckboxModule,
                         TransactionLineCheckboxModule,
@@ -43330,7 +43329,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 class RelationAddressesModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RelationAddressesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: RelationAddressesModule, declarations: [RelationAddressesComponent], imports: [CommonModule,
-            Carousel3dModule,
             RelationAddressTileModule,
             CoreModule,
             PipeModule,
@@ -43341,7 +43339,6 @@ class RelationAddressesModule {
             CarouselModule,
             FilterPipeModule], exports: [RelationAddressesComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: RelationAddressesModule, imports: [CommonModule,
-            Carousel3dModule,
             RelationAddressTileModule,
             CoreModule,
             PipeModule,
@@ -43357,7 +43354,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             args: [{
                     imports: [
                         CommonModule,
-                        Carousel3dModule,
                         RelationAddressTileModule,
                         CoreModule,
                         PipeModule,
@@ -45724,6 +45720,7 @@ class TransactionLineTileComponent {
     transactionService;
     _changeDetector;
     imageService;
+    customerPortal = false;
     line;
     set showPriceAmount(value) {
         this._showPriceAmount = value;
@@ -45755,17 +45752,19 @@ class TransactionLineTileComponent {
         this._changeDetector.detectChanges();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionLineTileComponent, deps: [{ token: TransactionService }, { token: i0.ChangeDetectorRef }, { token: TransactionImageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionLineTileComponent, isStandalone: false, selector: "co-transaction-line-tile", inputs: { line: "line", showPriceAmount: "showPriceAmount" }, host: { properties: { "class.co-transaction-line-tile": "this.showClass" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionLineTileComponent, isStandalone: false, selector: "co-transaction-line-tile", inputs: { customerPortal: "customerPortal", line: "line", showPriceAmount: "showPriceAmount" }, host: { properties: { "class.co-transaction-line-tile": "this.showClass" } }, ngImport: i0, template: `
     <div class="tile-wrapper" observeVisibility #observer=visibilityObserve (visibilityChange)="handleVisibilityChange($event)">
-      <co-image-display [model]="line.image"></co-image-display>
-      <div class="item-info">
-        <span class="good-description" [textContent]="line.goodDescription"></span>
-        @if (showPriceAmount) {
+      <div class="tile-content">
+        <co-image-display [model]="line.image"></co-image-display>
+        <div class="item-info">
+          <span class="good-description" [textContent]="line.goodDescription"></span>
+          @if (showPriceAmount) {
             <span [textContent]="line.quantity + 'x ' + (line.totalPriceWithVat | coCurrency) "></span>
-        }
+          }
+        </div>
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: ImageDisplayComponent, selector: "co-image-display", inputs: ["model", "label"] }, { kind: "directive", type: i1$1.ObserveVisibilityDirective, selector: "[observeVisibility]", inputs: ["threshold"], outputs: ["visibilityChange"], exportAs: ["visibilityObserve"] }, { kind: "pipe", type: i1$1.CoCurrencyPipe, name: "coCurrency" }], encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "component", type: ImageDisplayComponent, selector: "co-image-display", inputs: ["model", "label"] }, { kind: "directive", type: i1$1.ObserveVisibilityDirective, selector: "[observeVisibility]", inputs: ["threshold"], outputs: ["visibilityChange"], exportAs: ["visibilityObserve"] }, { kind: "pipe", type: CoCurrencyPipe, name: "coCurrency" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionLineTileComponent, decorators: [{
             type: Component,
@@ -45773,19 +45772,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     selector: "co-transaction-line-tile",
                     template: `
     <div class="tile-wrapper" observeVisibility #observer=visibilityObserve (visibilityChange)="handleVisibilityChange($event)">
-      <co-image-display [model]="line.image"></co-image-display>
-      <div class="item-info">
-        <span class="good-description" [textContent]="line.goodDescription"></span>
-        @if (showPriceAmount) {
+      <div class="tile-content">
+        <co-image-display [model]="line.image"></co-image-display>
+        <div class="item-info">
+          <span class="good-description" [textContent]="line.goodDescription"></span>
+          @if (showPriceAmount) {
             <span [textContent]="line.quantity + 'x ' + (line.totalPriceWithVat | coCurrency) "></span>
-        }
+          }
+        </div>
       </div>
     </div>
   `,
                     encapsulation: ViewEncapsulation.None,
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: TransactionService }, { type: i0.ChangeDetectorRef }, { type: TransactionImageService }], propDecorators: { line: [{
+        }], ctorParameters: () => [{ type: TransactionService }, { type: i0.ChangeDetectorRef }, { type: TransactionImageService }], propDecorators: { customerPortal: [{
+                type: Input
+            }], line: [{
                 type: Input
             }], showPriceAmount: [{
                 type: Input
@@ -46099,6 +46102,7 @@ class TransactionSearchSalesLineSelectTileComponent extends TransactionSearchTil
     }
     extendedTransactionSearch = false;
     returnWizardLayout = false;
+    customerPortal = false;
     lineClicked = new EventEmitter();
     transactionClick = new EventEmitter();
     lines;
@@ -46150,8 +46154,31 @@ class TransactionSearchSalesLineSelectTileComponent extends TransactionSearchTil
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchSalesLineSelectTileComponent, deps: [{ token: IconCacheService }, { token: TransactionService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionSearchSalesLineSelectTileComponent, isStandalone: false, selector: "co-transaction-search-sales-line-select-tile", inputs: { extendedTransactionSearch: "extendedTransactionSearch", returnWizardLayout: "returnWizardLayout" }, outputs: { lineClicked: "lineClicked", transactionClick: "transactionClick" }, host: { properties: { "class.co-transaction-search-sales-line-select-tile": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
-      @if (!extendedTransactionSearch) {
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionSearchSalesLineSelectTileComponent, isStandalone: false, selector: "co-transaction-search-sales-line-select-tile", inputs: { extendedTransactionSearch: "extendedTransactionSearch", returnWizardLayout: "returnWizardLayout", customerPortal: "customerPortal" }, outputs: { lineClicked: "lineClicked", transactionClick: "transactionClick" }, host: { properties: { "class.co-transaction-search-sales-line-select-tile": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
+      @if (customerPortal) {
+        <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
+             (visibilityChange)="handleVisibilityChange($event)">
+
+          <div class="order-lines-container co-small-scrollbar">
+            <div class="order-header">
+              <span class="trans-nr" [textContent]="transaction.transNr"></span>
+              <span class="trans-date" [textContent]="this.transaction.transDate | date:'dd-MM-yyyy'"></span>
+            </div>
+            <div class="order-lines">
+              @for (line of lines; track line) {
+                <div class="inner-line">
+                  <co-transaction-line-tile
+                    [line]="line"
+                    (click)="tileClicked(line)">
+                  </co-transaction-line-tile>
+                </div>
+              }
+            </div>
+          </div>
+        </div>
+      }
+
+      @if (!extendedTransactionSearch && !customerPortal) {
         <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
           (visibilityChange)="handleVisibilityChange($event)">
           <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
@@ -46167,7 +46194,7 @@ class TransactionSearchSalesLineSelectTileComponent extends TransactionSearchTil
           </div>
         </div>
       }
-      @if (extendedTransactionSearch) {
+      @if (extendedTransactionSearch && !customerPortal) {
         <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
           (visibilityChange)="handleVisibilityChange($event)">
           <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
@@ -46233,14 +46260,37 @@ class TransactionSearchSalesLineSelectTileComponent extends TransactionSearchTil
           </div>
         </div>
       }
-      `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.ObserveVisibilityDirective, selector: "[observeVisibility]", inputs: ["threshold"], outputs: ["visibilityChange"], exportAs: ["visibilityObserve"] }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TransactionLineTileComponent, selector: "co-transaction-line-tile", inputs: ["line", "showPriceAmount"] }, { kind: "component", type: TransactionOrderTileComponent, selector: "co-transaction-order-tile", inputs: ["showAvatar"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
+      `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.ObserveVisibilityDirective, selector: "[observeVisibility]", inputs: ["threshold"], outputs: ["visibilityChange"], exportAs: ["visibilityObserve"] }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TransactionLineTileComponent, selector: "co-transaction-line-tile", inputs: ["customerPortal", "line", "showPriceAmount"] }, { kind: "component", type: TransactionOrderTileComponent, selector: "co-transaction-order-tile", inputs: ["showAvatar"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchSalesLineSelectTileComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'co-transaction-search-sales-line-select-tile',
                     template: `
-      @if (!extendedTransactionSearch) {
+      @if (customerPortal) {
+        <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
+             (visibilityChange)="handleVisibilityChange($event)">
+
+          <div class="order-lines-container co-small-scrollbar">
+            <div class="order-header">
+              <span class="trans-nr" [textContent]="transaction.transNr"></span>
+              <span class="trans-date" [textContent]="this.transaction.transDate | date:'dd-MM-yyyy'"></span>
+            </div>
+            <div class="order-lines">
+              @for (line of lines; track line) {
+                <div class="inner-line">
+                  <co-transaction-line-tile
+                    [line]="line"
+                    (click)="tileClicked(line)">
+                  </co-transaction-line-tile>
+                </div>
+              }
+            </div>
+          </div>
+        </div>
+      }
+
+      @if (!extendedTransactionSearch && !customerPortal) {
         <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
           (visibilityChange)="handleVisibilityChange($event)">
           <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
@@ -46256,7 +46306,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           </div>
         </div>
       }
-      @if (extendedTransactionSearch) {
+      @if (extendedTransactionSearch && !customerPortal) {
         <div class="co-transaction-search-sales-line-select-tile-wrapper " observeVisibility #observer=visibilityObserve
           (visibilityChange)="handleVisibilityChange($event)">
           <co-transaction-order-tile [transaction]="transaction" [showAvatar]="true">
@@ -46333,6 +46383,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Input
             }], returnWizardLayout: [{
                 type: Input
+            }], customerPortal: [{
+                type: Input
             }], lineClicked: [{
                 type: Output
             }], transactionClick: [{
@@ -46398,7 +46450,7 @@ class DialogTransactionSearchComponent {
       </div>
     </div>
   </co-dialog>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.CoDialogComponent, selector: "co-dialog", inputs: ["customCssClass", "headerTemplate", "footerTemplate", "showCloseIcon", "modal", "borderless"], outputs: ["closeClick"] }, { kind: "component", type: TransactionSearchHeaderComponent, selector: "co-transaction-search-header", inputs: ["placeholder"], outputs: ["filterIconClick"] }, { kind: "component", type: TransactionFilterComponent, selector: "co-transaction-filter", outputs: ["totalActiveFiltersChange"] }, { kind: "component", type: TransactionSearchSalesLineSelectTileComponent, selector: "co-transaction-search-sales-line-select-tile", inputs: ["extendedTransactionSearch", "returnWizardLayout"], outputs: ["lineClicked", "transactionClick"] }], encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.CoDialogComponent, selector: "co-dialog", inputs: ["customCssClass", "headerTemplate", "footerTemplate", "showCloseIcon", "modal", "borderless"], outputs: ["closeClick"] }, { kind: "component", type: TransactionSearchHeaderComponent, selector: "co-transaction-search-header", inputs: ["placeholder"], outputs: ["filterIconClick"] }, { kind: "component", type: TransactionFilterComponent, selector: "co-transaction-filter", outputs: ["totalActiveFiltersChange"] }, { kind: "component", type: TransactionSearchSalesLineSelectTileComponent, selector: "co-transaction-search-sales-line-select-tile", inputs: ["extendedTransactionSearch", "returnWizardLayout", "customerPortal"], outputs: ["lineClicked", "transactionClick"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DialogTransactionSearchComponent, decorators: [{
             type: Component,
@@ -47590,11 +47642,14 @@ class TransactionLineTileModule {
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: TransactionLineTileModule, declarations: [TransactionLineTileComponent], imports: [CoreModule,
             ObserveVisibilityModule,
             CoCurrencyPipeModule,
-            TransactionLineDescriptionModule], exports: [TransactionLineTileComponent] });
+            TransactionLineDescriptionModule,
+            PipeModule,
+            DatePipe], exports: [TransactionLineTileComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionLineTileModule, imports: [CoreModule,
             ObserveVisibilityModule,
             CoCurrencyPipeModule,
-            TransactionLineDescriptionModule] });
+            TransactionLineDescriptionModule,
+            PipeModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionLineTileModule, decorators: [{
             type: NgModule,
@@ -47603,7 +47658,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         CoreModule,
                         ObserveVisibilityModule,
                         CoCurrencyPipeModule,
-                        TransactionLineDescriptionModule
+                        TransactionLineDescriptionModule,
+                        PipeModule,
+                        DatePipe
                     ],
                     declarations: [
                         TransactionLineTileComponent
@@ -68978,7 +69035,7 @@ class TransactionSearchPurchaseOrderGridComponent extends TransactionSearchGridB
               </co-simple-grid-column>
           </co-simple-grid>
       </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.SimpleGridComponent, selector: "co-simple-grid", inputs: ["showAdd", "showDelete", "deselectAllowed", "editOnCellClick", "rightToolbar", "showGridSettings", "rowsPerPage", "rowDisabledFn", "showColumnSort", "showRowButtons", "canRowBeEdittedFn"] }, { kind: "directive", type: i1$1.SimpleGridColumnDirective, selector: "co-simple-grid-column", inputs: ["headerText", "field", "codeField", "displayField", "textAlign", "format", "resizable", "required", "autoFit", "isSelected", "width", "readonly", "collection", "order", "singleColumn"] }, { kind: "directive", type: i1$1.SimpleGridColumnTemplateDirective, selector: "[templateType]", inputs: ["templateType"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.SimpleGridComponent, selector: "co-simple-grid", inputs: ["showAdd", "showDelete", "deselectAllowed", "editOnCellClick", "rightToolbar", "showGridSettings", "rowsPerPage", "rowDisabledFn", "showColumnSort", "showRowButtons", "resetPageOnDataChange", "scrollOnRowAction", "scrollDirection", "canRowBeEdittedFn"] }, { kind: "directive", type: i1$1.SimpleGridColumnDirective, selector: "co-simple-grid-column", inputs: ["headerText", "field", "codeField", "displayField", "textAlign", "format", "resizable", "required", "autoFit", "isSelected", "width", "readonly", "collection", "order", "singleColumn"] }, { kind: "directive", type: i1$1.SimpleGridColumnTemplateDirective, selector: "[templateType]", inputs: ["templateType"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchPurchaseOrderGridComponent, decorators: [{
             type: Component,
@@ -69158,7 +69215,7 @@ class TransactionSearchSalesOrderGridComponent extends TransactionSearchGridBase
         </co-simple-grid-column>
       </co-simple-grid>
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.SimpleGridComponent, selector: "co-simple-grid", inputs: ["showAdd", "showDelete", "deselectAllowed", "editOnCellClick", "rightToolbar", "showGridSettings", "rowsPerPage", "rowDisabledFn", "showColumnSort", "showRowButtons", "canRowBeEdittedFn"] }, { kind: "directive", type: i1$1.SimpleGridColumnDirective, selector: "co-simple-grid-column", inputs: ["headerText", "field", "codeField", "displayField", "textAlign", "format", "resizable", "required", "autoFit", "isSelected", "width", "readonly", "collection", "order", "singleColumn"] }, { kind: "directive", type: i1$1.SimpleGridColumnTemplateDirective, selector: "[templateType]", inputs: ["templateType"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.SimpleGridComponent, selector: "co-simple-grid", inputs: ["showAdd", "showDelete", "deselectAllowed", "editOnCellClick", "rightToolbar", "showGridSettings", "rowsPerPage", "rowDisabledFn", "showColumnSort", "showRowButtons", "resetPageOnDataChange", "scrollOnRowAction", "scrollDirection", "canRowBeEdittedFn"] }, { kind: "directive", type: i1$1.SimpleGridColumnDirective, selector: "co-simple-grid-column", inputs: ["headerText", "field", "codeField", "displayField", "textAlign", "format", "resizable", "required", "autoFit", "isSelected", "width", "readonly", "collection", "order", "singleColumn"] }, { kind: "directive", type: i1$1.SimpleGridColumnTemplateDirective, selector: "[templateType]", inputs: ["templateType"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchSalesOrderGridComponent, decorators: [{
             type: Component,
@@ -71646,7 +71703,7 @@ class TransactionSearchResultComponent {
         (close)="showBatchProcessDialog = false">
       </co-batch-process-dialog>
     }
-    `, isInline: true, dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TransactionSearchGridComponent, selector: "co-transaction-search-grid", inputs: ["showCheckbox"], outputs: ["transactionClick"] }, { kind: "component", type: TransactionSearchTileComponent, selector: "co-transaction-search-tile", inputs: ["showCheckbox", "selected", "transaction"], outputs: ["transactionClick", "selectedClick"] }, { kind: "component", type: i1$1.PaginationBarComponent, selector: "co-pagination-bar", inputs: ["directionLinks", "previousLabel", "nextLabel", "currentPage", "itemsPerPage", "totalItems", "paginationRange", "autoHide"], outputs: ["previousClick", "nextClick", "pageClick"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "component", type: QuickSendButtonComponent, selector: "co-quick-send-button", inputs: ["title", "icon", "defaultMethodIcon", "showSendMethodIcon", "showSendMethodDialogIcon", "showLoader", "disabled"], outputs: ["openSendMethodDialog", "sendIconClicked"] }, { kind: "component", type: ShippingMethodDialogComponent, selector: "co-shipping-method-dialog", inputs: ["category", "selectedTransactions"], outputs: ["saveClicked", "cancelClicked"] }, { kind: "component", type: BatchProcessDialogComponent, selector: "co-batch-process-dialog", inputs: ["batchJobProgress"], outputs: ["close"] }, { kind: "component", type: TransactionSearchSalesLineSelectTileComponent, selector: "co-transaction-search-sales-line-select-tile", inputs: ["extendedTransactionSearch", "returnWizardLayout"], outputs: ["lineClicked", "transactionClick"] }, { kind: "component", type: TransactionContainerComponent, selector: "co-transaction-container", inputs: ["fullscreen"], outputs: ["containerChoiceMade", "containerContentModeChanged", "fillContainerClicked", "removeFromContainerClicked"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], animations: [
+    `, isInline: true, dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: TransactionSearchGridComponent, selector: "co-transaction-search-grid", inputs: ["showCheckbox"], outputs: ["transactionClick"] }, { kind: "component", type: TransactionSearchTileComponent, selector: "co-transaction-search-tile", inputs: ["showCheckbox", "selected", "transaction"], outputs: ["transactionClick", "selectedClick"] }, { kind: "component", type: i1$1.PaginationBarComponent, selector: "co-pagination-bar", inputs: ["directionLinks", "previousLabel", "nextLabel", "currentPage", "itemsPerPage", "totalItems", "paginationRange", "autoHide"], outputs: ["previousClick", "nextClick", "pageClick"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "component", type: QuickSendButtonComponent, selector: "co-quick-send-button", inputs: ["title", "icon", "defaultMethodIcon", "showSendMethodIcon", "showSendMethodDialogIcon", "showLoader", "disabled"], outputs: ["openSendMethodDialog", "sendIconClicked"] }, { kind: "component", type: ShippingMethodDialogComponent, selector: "co-shipping-method-dialog", inputs: ["category", "selectedTransactions"], outputs: ["saveClicked", "cancelClicked"] }, { kind: "component", type: BatchProcessDialogComponent, selector: "co-batch-process-dialog", inputs: ["batchJobProgress"], outputs: ["close"] }, { kind: "component", type: TransactionSearchSalesLineSelectTileComponent, selector: "co-transaction-search-sales-line-select-tile", inputs: ["extendedTransactionSearch", "returnWizardLayout", "customerPortal"], outputs: ["lineClicked", "transactionClick"] }, { kind: "component", type: TransactionContainerComponent, selector: "co-transaction-container", inputs: ["fullscreen"], outputs: ["containerChoiceMade", "containerContentModeChanged", "fillContainerClicked", "removeFromContainerClicked"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], animations: [
             trigger('fadeInOut', [
                 transition(':enter', [
                     style({ opacity: 0 }),
@@ -71867,7 +71924,7 @@ class TransactionSearchSalesQuotationGridComponent extends TransactionSearchGrid
           </co-simple-grid-column>
         </co-simple-grid>
       </div>
-    `, isInline: true, dependencies: [{ kind: "component", type: i1$1.SimpleGridComponent, selector: "co-simple-grid", inputs: ["showAdd", "showDelete", "deselectAllowed", "editOnCellClick", "rightToolbar", "showGridSettings", "rowsPerPage", "rowDisabledFn", "showColumnSort", "showRowButtons", "canRowBeEdittedFn"] }, { kind: "directive", type: i1$1.SimpleGridColumnDirective, selector: "co-simple-grid-column", inputs: ["headerText", "field", "codeField", "displayField", "textAlign", "format", "resizable", "required", "autoFit", "isSelected", "width", "readonly", "collection", "order", "singleColumn"] }, { kind: "directive", type: i1$1.SimpleGridColumnTemplateDirective, selector: "[templateType]", inputs: ["templateType"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
+    `, isInline: true, dependencies: [{ kind: "component", type: i1$1.SimpleGridComponent, selector: "co-simple-grid", inputs: ["showAdd", "showDelete", "deselectAllowed", "editOnCellClick", "rightToolbar", "showGridSettings", "rowsPerPage", "rowDisabledFn", "showColumnSort", "showRowButtons", "resetPageOnDataChange", "scrollOnRowAction", "scrollDirection", "canRowBeEdittedFn"] }, { kind: "directive", type: i1$1.SimpleGridColumnDirective, selector: "co-simple-grid-column", inputs: ["headerText", "field", "codeField", "displayField", "textAlign", "format", "resizable", "required", "autoFit", "isSelected", "width", "readonly", "collection", "order", "singleColumn"] }, { kind: "directive", type: i1$1.SimpleGridColumnTemplateDirective, selector: "[templateType]", inputs: ["templateType"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchSalesQuotationGridComponent, decorators: [{
             type: Component,
@@ -72418,7 +72475,7 @@ class TransactionSearchPosGridComponent extends TransactionSearchGridBaseCompone
                 </co-simple-grid-column>
             </co-simple-grid>
         </div>
-    `, isInline: true, dependencies: [{ kind: "component", type: i1$1.SimpleGridComponent, selector: "co-simple-grid", inputs: ["showAdd", "showDelete", "deselectAllowed", "editOnCellClick", "rightToolbar", "showGridSettings", "rowsPerPage", "rowDisabledFn", "showColumnSort", "showRowButtons", "canRowBeEdittedFn"] }, { kind: "directive", type: i1$1.SimpleGridColumnDirective, selector: "co-simple-grid-column", inputs: ["headerText", "field", "codeField", "displayField", "textAlign", "format", "resizable", "required", "autoFit", "isSelected", "width", "readonly", "collection", "order", "singleColumn"] }, { kind: "directive", type: i1$1.SimpleGridColumnTemplateDirective, selector: "[templateType]", inputs: ["templateType"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
+    `, isInline: true, dependencies: [{ kind: "component", type: i1$1.SimpleGridComponent, selector: "co-simple-grid", inputs: ["showAdd", "showDelete", "deselectAllowed", "editOnCellClick", "rightToolbar", "showGridSettings", "rowsPerPage", "rowDisabledFn", "showColumnSort", "showRowButtons", "resetPageOnDataChange", "scrollOnRowAction", "scrollDirection", "canRowBeEdittedFn"] }, { kind: "directive", type: i1$1.SimpleGridColumnDirective, selector: "co-simple-grid-column", inputs: ["headerText", "field", "codeField", "displayField", "textAlign", "format", "resizable", "required", "autoFit", "isSelected", "width", "readonly", "collection", "order", "singleColumn"] }, { kind: "directive", type: i1$1.SimpleGridColumnTemplateDirective, selector: "[templateType]", inputs: ["templateType"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchPosGridComponent, decorators: [{
             type: Component,
@@ -82584,7 +82641,6 @@ class CheckoutModule {
             RelationAddressModule,
             RelationAddressSelectModule,
             RelationAddressTileModule,
-            Carousel3dModule,
             InputTextareaModule,
             PipeModule,
             StepperModule,
@@ -82642,7 +82698,6 @@ class CheckoutModule {
             RelationAddressModule,
             RelationAddressSelectModule,
             RelationAddressTileModule,
-            Carousel3dModule,
             InputTextareaModule,
             PipeModule,
             StepperModule,
@@ -82702,7 +82757,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         RelationAddressModule,
                         RelationAddressSelectModule,
                         RelationAddressTileModule,
-                        Carousel3dModule,
                         InputTextareaModule,
                         PipeModule,
                         StepperModule,
@@ -106651,6 +106705,7 @@ class SimpleVerticalStepperComponent extends StepperBaseComponent {
     stepButtonLabels;
     externalSlaBtn = true;
     afterSalesSystem = false;
+    portalBtn = false;
     set openStep(step) {
         if (step) {
             this._openStep = step;
@@ -106738,7 +106793,7 @@ class SimpleVerticalStepperComponent extends StepperBaseComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SimpleVerticalStepperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: SimpleVerticalStepperComponent, isStandalone: false, selector: "co-simple-vertical-stepper", inputs: { doNotShowOKOnSteps: "doNotShowOKOnSteps", skipSteps: "skipSteps", stepButton: "stepButton", stepButtonLabels: "stepButtonLabels", externalSlaBtn: "externalSlaBtn", afterSalesSystem: "afterSalesSystem", openStep: "openStep" }, host: { properties: { "class.co-simple-vertical-stepper": "this.showClass" } }, providers: [{
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: SimpleVerticalStepperComponent, isStandalone: false, selector: "co-simple-vertical-stepper", inputs: { doNotShowOKOnSteps: "doNotShowOKOnSteps", skipSteps: "skipSteps", stepButton: "stepButton", stepButtonLabels: "stepButtonLabels", externalSlaBtn: "externalSlaBtn", afterSalesSystem: "afterSalesSystem", portalBtn: "portalBtn", openStep: "openStep" }, host: { properties: { "class.co-simple-vertical-stepper": "this.showClass" } }, providers: [{
                 provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
                 useExisting: forwardRef(() => SimpleVerticalStepperComponent)
             }], queries: [{ propertyName: "content", predicate: StepperStepComponent }], usesInheritance: true, ngImport: i0, template: `
@@ -106757,8 +106812,9 @@ class SimpleVerticalStepperComponent extends StepperBaseComponent {
           @if (showOk) {
             <co-button class="stepper-button"
               [class.disabled]="!externalSlaBtn && afterSalesSystem"
+              [class.portal]="portalBtn"
               [label]="currentStepButton"
-            (click)="continueRequested()"></co-button>
+              (click)="continueRequested()"></co-button>
           }
         </div>
       </ng-template>
@@ -106784,8 +106840,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           @if (showOk) {
             <co-button class="stepper-button"
               [class.disabled]="!externalSlaBtn && afterSalesSystem"
+              [class.portal]="portalBtn"
               [label]="currentStepButton"
-            (click)="continueRequested()"></co-button>
+              (click)="continueRequested()"></co-button>
           }
         </div>
       </ng-template>
@@ -106812,6 +106869,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Input
             }], afterSalesSystem: [{
                 type: Input
+            }], portalBtn: [{
+                type: Input
             }], openStep: [{
                 type: Input
             }], content: [{
@@ -107707,6 +107766,115 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Output
             }] } });
 
+class ServiceWizardSearchBundleComponent {
+    transactionSearchService;
+    iconCacheService;
+    icons = Icon;
+    placeholder;
+    set relation(value) {
+        this.transactionSearchService.searchRequest.relationNrTr = Number(value.relationNumber);
+    }
+    filterIconClick = new EventEmitter();
+    closeClick = new EventEmitter();
+    lineClicked = new EventEmitter();
+    showClass() {
+        return true;
+    }
+    showFilters = false;
+    constructor(transactionSearchService, iconCacheService) {
+        this.transactionSearchService = transactionSearchService;
+        this.iconCacheService = iconCacheService;
+    }
+    async ngOnInit() {
+        this.transactionSearchService.transactionsPerPage = 5;
+        await this.searchTransactions();
+    }
+    ngOnDestroy() { }
+    async onPeriodChange() {
+        this.transactionSearchService.currentPage = 1;
+        this.transactionSearchService.transactionsPerPage = 5;
+        await this.searchTransactions();
+    }
+    async readMore() {
+        this.transactionSearchService.transactionsPerPage += 5;
+        this.transactionSearchService.currentPage = 1;
+        await this.searchTransactions();
+    }
+    get hasMoreTransactions() {
+        return this.transactionSearchService.resultCount > this.transactionSearchService.transactions.length;
+    }
+    transLineClicked(line) {
+        this.lineClicked.emit(line);
+    }
+    async searchTransactions() {
+        this.transactionSearchService.searchTransactions();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ServiceWizardSearchBundleComponent, deps: [{ token: TransactionSearchService }, { token: IconCacheService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ServiceWizardSearchBundleComponent, isStandalone: false, selector: "service-wizard-search-bundle", inputs: { placeholder: "placeholder", relation: "relation" }, outputs: { filterIconClick: "filterIconClick", closeClick: "closeClick", lineClicked: "lineClicked" }, host: { properties: { "class.co-dialog-transaction-search": "this.showClass" } }, ngImport: i0, template: `
+
+    <div class="service-bundle-search-wrapper">
+      <div class="search-result-content">
+        @for (transaction of transactionSearchService.transactions; track transaction) {
+          <div class="transaction-tile" [classList]="transaction.transDate">
+            <co-transaction-search-sales-line-select-tile
+              [transaction]="transaction"
+              [customerPortal]="true"
+              (lineClicked)="transLineClicked($event)">
+            </co-transaction-search-sales-line-select-tile>
+          </div>
+        }
+      </div>
+      @if (hasMoreTransactions) {
+        <co-button class="show-more" [label]="'SHOW_MORE' | localize" (click)="readMore()">
+        </co-button>
+      }
+
+    </div>
+  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.ButtonComponent, selector: "co-button", inputs: ["label", "iconData", "iconDataRight", "isToggleButton", "isToggled", "hidden", "disabled"], outputs: ["onClick", "clickedWhileDisabled", "isToggledChange"] }, { kind: "component", type: TransactionSearchSalesLineSelectTileComponent, selector: "co-transaction-search-sales-line-select-tile", inputs: ["extendedTransactionSearch", "returnWizardLayout", "customerPortal"], outputs: ["lineClicked", "transactionClick"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ServiceWizardSearchBundleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "service-wizard-search-bundle",
+                    template: `
+
+    <div class="service-bundle-search-wrapper">
+      <div class="search-result-content">
+        @for (transaction of transactionSearchService.transactions; track transaction) {
+          <div class="transaction-tile" [classList]="transaction.transDate">
+            <co-transaction-search-sales-line-select-tile
+              [transaction]="transaction"
+              [customerPortal]="true"
+              (lineClicked)="transLineClicked($event)">
+            </co-transaction-search-sales-line-select-tile>
+          </div>
+        }
+      </div>
+      @if (hasMoreTransactions) {
+        <co-button class="show-more" [label]="'SHOW_MORE' | localize" (click)="readMore()">
+        </co-button>
+      }
+
+    </div>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: TransactionSearchService }, { type: IconCacheService }], propDecorators: { placeholder: [{
+                type: Input
+            }], relation: [{
+                type: Input
+            }], filterIconClick: [{
+                type: Output
+            }], closeClick: [{
+                type: Output
+            }], lineClicked: [{
+                type: Output
+            }], showClass: [{
+                type: HostBinding,
+                args: ["class.co-dialog-transaction-search"]
+            }] } });
+
 class ServiceWizardArtOrTransComponent {
     formMasterService;
     dictionaryService;
@@ -107737,9 +107905,11 @@ class ServiceWizardArtOrTransComponent {
     articleChosen = new EventEmitter();
     oldOrderIdChange = new EventEmitter();
     oldGoodIdChange = new EventEmitter();
+    resetServiceWizard = new EventEmitter();
     createViaTransLine = false;
     createViaProduct = false;
     createViaOldTrans = false;
+    showCustomerPortalSearchBundle = true;
     //Public variables for creating a service from a sales transaction
     showTransLinePopup = false;
     set chosenTransactionLine(response) {
@@ -107775,6 +107945,9 @@ class ServiceWizardArtOrTransComponent {
     }
     async ngOnInit() {
         this._prepareCatalogRequest();
+        if (this.customerPortal) {
+            this.openTransactionPopUp();
+        }
     }
     submit() {
         return this.formMasterService.submitSlaves();
@@ -107804,10 +107977,13 @@ class ServiceWizardArtOrTransComponent {
         this.goodId = article.goodId;
         this.articleChosen.emit(article);
     }
-    handleTransactinLineClick(line) {
+    handleTransactionLineClick(line) {
         this.clear();
         this.showTransLinePopup = false;
         this.chosenTransactionLine = line;
+        if (this.customerPortal) {
+            this.showCustomerPortalSearchBundle = false;
+        }
         this.transLineChosen.emit(this.chosenTransactionLine);
         this.setTransactionLineImage();
     }
@@ -107831,6 +108007,12 @@ class ServiceWizardArtOrTransComponent {
         this.createViaOldTrans = true;
         this.clear();
     }
+    chooseOtherProduct() {
+        this.chosenTransactionLine = null;
+        this.transactionImage = null;
+        this.showCustomerPortalSearchBundle = true;
+        this.resetServiceWizard.emit();
+    }
     _prepareCatalogRequest() {
         this.catalogParameters.searchOnStart = true;
         this.catalogParameters.doSync = 'A';
@@ -107861,191 +108043,241 @@ class ServiceWizardArtOrTransComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ServiceWizardArtOrTransComponent, deps: [{ token: i1$1.FormMasterService }, { token: DictionaryService }, { token: TransactionService }, { token: TransactionSearchService }, { token: TransactionImageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ServiceWizardArtOrTransComponent, isStandalone: false, selector: "co-service-wizard-art-or-trans", inputs: { forceReadonly: "forceReadonly", relation: "relation", oldOrderId: "oldOrderId", oldGoodId: "oldGoodId", customerPortal: "customerPortal", existingTransaction: "existingTransaction", existingTransactionLine: "existingTransactionLine", buttonsVisible: "buttonsVisible" }, outputs: { transLineChosen: "transLineChosen", articleChosen: "articleChosen", oldOrderIdChange: "oldOrderIdChange", oldGoodIdChange: "oldGoodIdChange" }, host: { properties: { "class.co-transaction-header-popup-create-service": "this.showClass" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ServiceWizardArtOrTransComponent, isStandalone: false, selector: "co-service-wizard-art-or-trans", inputs: { forceReadonly: "forceReadonly", relation: "relation", oldOrderId: "oldOrderId", oldGoodId: "oldGoodId", customerPortal: "customerPortal", existingTransaction: "existingTransaction", existingTransactionLine: "existingTransactionLine", buttonsVisible: "buttonsVisible" }, outputs: { transLineChosen: "transLineChosen", articleChosen: "articleChosen", oldOrderIdChange: "oldOrderIdChange", oldGoodIdChange: "oldGoodIdChange", resetServiceWizard: "resetServiceWizard" }, host: { properties: { "class.co-transaction-header-popup-create-service": "this.showClass" } }, providers: [
             FormMasterService,
             TransactionSearchService
         ], ngImport: i0, template: `
-      <div class="transaction-header-popup-category-wrapper co-small-scrollbar">
-        <co-form>
-          <div class="header-relation-content">
-            <div class="transaction-header-popup-section general">
-              @if (!customerPortal) {
-                <div class="transaction-header-popup-section-label">
-                  <span [textContent]="'02'"></span>
-                  <span class="label-description" [textContent]="'SERVICE_DETAILS' | localize"></span>
-                </div>
-              }
-              @if (customerPortal) {
-                <div class="transaction-header-popup-section-label">
-                  <span class="label-description" [textContent]="'ABOUT_ORDER' | localize"></span>
-                </div>
-              }
-              @if (buttonsVisible) {
-                <div class="create-transaction-buttons">
-                  <co-button [label]="'SEARCH_ORDER' | localize" (click)="createOrderWithTransactionLineClicked()" [disabled]="forceReadonly"></co-button>
-                  @if (!customerPortal) {
-                    <co-button [label]="'SEARCH_PRODUCT' | localize" (click)="createOrderWithArticleClicked()" [disabled]="forceReadonly"></co-button>
-                  }
-                  @if (!customerPortal) {
-                    <co-button [label]="'WITHOUT_PRODUCT' | localize" (click)="createOrderFromOldTrans()" [disabled]="forceReadonly"></co-button>
-                  }
-                </div>
-              }
-              @if (createViaTransLine) {
-                <div class="create-via-transaction">
-                  <div class="service-data-header">
-                    <span class="data-description" [textContent]="existingTransactionTitleText"></span>
-                    <!-- <span class="toggle-change" [textContent]="'CHANGE' | localize" (click)="createOrderWithTransactionLineClicked(); forceReadonly = false"></span>-->
+      @if (!customerPortal) {
+        <div class="transaction-header-popup-category-wrapper co-small-scrollbar">
+          <co-form>
+            <div class="header-relation-content">
+              <div class="transaction-header-popup-section general">
+                @if (!customerPortal) {
+                  <div class="transaction-header-popup-section-label">
+                    <span [textContent]="'02'"></span>
+                    <span class="label-description" [textContent]="'SERVICE_DETAILS' | localize"></span>
+                  </div>
+                }
+                @if (buttonsVisible) {
+                  <div class="create-transaction-buttons">
+                    <co-button [label]="'SEARCH_ORDER' | localize" (click)="createOrderWithTransactionLineClicked()" [disabled]="forceReadonly"></co-button>
+                      <co-button [label]="'SEARCH_PRODUCT' | localize" (click)="createOrderWithArticleClicked()" [disabled]="forceReadonly"></co-button>
+                      <co-button [label]="'WITHOUT_PRODUCT' | localize" (click)="createOrderFromOldTrans()" [disabled]="forceReadonly"></co-button>
                   </div>
-                  @if (existingTransactionLine) {
-                    <div class="create-via-transaction-result-display">
-                      <co-image-display [model]="existingTransactionLine?.articleImageData"></co-image-display>
-                      <span [textContent]="existingTransactionLine?.goodDescription"></span>
-                      <span [textContent]="existingTransactionLine?.articleBoundConcatenatedText"></span>
-                      <span [textContent]="existingTransactionLine?.price | currency: 'EUR'"></span>
+                }
+                @if (createViaTransLine) {
+                  <div class="create-via-transaction">
+                    <div class="service-data-header">
+                      <span class="data-description" [textContent]="existingTransactionTitleText"></span>
+                      <!-- <span class="toggle-change" [textContent]="'CHANGE' | localize" (click)="createOrderWithTransactionLineClicked(); forceReadonly = false"></span>-->
                     </div>
-                  }
-                  @if (chosenTransactionLine) {
-                    <div class="create-via-transaction-result-display">
-                      <co-image-display [model]="transactionImage"></co-image-display>
-                      <span [textContent]="chosenTransactionLine?.goodDescription"></span>
+                    @if (existingTransactionLine) {
+                      <div class="create-via-transaction-result-display">
+                        <co-image-display [model]="existingTransactionLine?.articleImageData"></co-image-display>
+                        <span [textContent]="existingTransactionLine?.goodDescription"></span>
+                        <span [textContent]="existingTransactionLine?.articleBoundConcatenatedText"></span>
+                        <span [textContent]="existingTransactionLine?.price | currency: 'EUR'"></span>
+                      </div>
+                    }
+                    @if (chosenTransactionLine) {
+                      <div class="create-via-transaction-result-display">
+                        <co-image-display [model]="transactionImage"></co-image-display>
+                        <span [textContent]="chosenTransactionLine?.goodDescription"></span>
+                      </div>
+                    }
+                  </div>
+                }
+                @if (createViaProduct) {
+                  <div class="create-via-product">
+                    <div class="create-via-product-result-display">
+                      <co-image-display [model]="chosenArticle?.imageData"></co-image-display>
+                      <span [textContent]="chosenArticle?.description"></span>
+                      <span [textContent]="chosenArticle?.price | currency: 'EUR'"></span>
                     </div>
-                  }
-                </div>
-              }
-              @if (createViaProduct) {
-                <div class="create-via-product">
-                  <div class="create-via-product-result-display">
-                    <co-image-display [model]="chosenArticle?.imageData"></co-image-display>
-                    <span [textContent]="chosenArticle?.description"></span>
-                    <span [textContent]="chosenArticle?.price | currency: 'EUR'"></span>
                   </div>
-                </div>
-              }
-              @if (createViaOldTrans) {
-                <div>
-                  <co-input-text [placeholder]="'TRANSACTION' | localize" [(model)]="oldOrderId" [required]="createViaOldTrans" [disabled]="forceReadonly"
-                  (modelChange)="oldOrderIdChange.emit($event)"></co-input-text>
-                  <co-input-text [placeholder]="'PRODUCT' | localize" [(model)]="oldGoodId" [required]="createViaOldTrans" [disabled]="forceReadonly"
-                  (modelChange)="oldGoodIdChange.emit($event)"></co-input-text>
-                </div>
-              }
+                }
+                @if (createViaOldTrans) {
+                  <div>
+                    <co-input-text [placeholder]="'TRANSACTION' | localize" [(model)]="oldOrderId" [required]="createViaOldTrans" [disabled]="forceReadonly"
+                    (modelChange)="oldOrderIdChange.emit($event)"></co-input-text>
+                    <co-input-text [placeholder]="'PRODUCT' | localize" [(model)]="oldGoodId" [required]="createViaOldTrans" [disabled]="forceReadonly"
+                    (modelChange)="oldGoodIdChange.emit($event)"></co-input-text>
+                  </div>
+                }
+              </div>
             </div>
+          </co-form>
+          @if (showCatalogPopup) {
+            <co-dialog-catalog
+              [showNavigation]="false"
+              [options]="catalogOptions"
+              [parameters]="catalogParameters"
+              [returnArticleOnTileClick]="true"
+              (closeClick)="showCatalogPopup = false"
+              (articleClicked)="handleCatalogArticleClick($event)"
+              >
+            </co-dialog-catalog>
+          }
+          @if (showTransLinePopup) {
+            <co-dialog-transaction-search
+              [relation]="this.relation"
+              (lineClicked)="handleTransactionLineClick($event)"
+              (closeClick)="closeTransactionPopup()">
+            </co-dialog-transaction-search>
+          }
+        </div>
+      }
+      @if (customerPortal) {
+      <div class="transaction-header-popup-category-wrapper co-small-scrollbar">
+        <co-form>
+          <div class="header-relation-content">
+            <div class="transaction-header-popup-section general">
+              <div class="transaction-header-popup-section-label">
+                <span class="label-description" [textContent]="'ABOUT_PRODUCT' | localize"></span>
+              </div>
+            </div>
+            @if (showCustomerPortalSearchBundle) {
+              <service-wizard-search-bundle
+                [relation]="relation"
+                (lineClicked)="handleTransactionLineClick($event)"
+                (closeClick)="closeTransactionPopup()">
+              </service-wizard-search-bundle>
+            }
+            @if (chosenTransactionLine) {
+              <div class="create-via-transaction-result-display">
+                <co-image-display [model]="transactionImage"></co-image-display>
+                <span [textContent]="chosenTransactionLine?.goodDescription"></span>
+                <div class="wizard-change">
+                  <span
+                     [textContent]="'CHOOSE_OTHER_PRODUCT' | localize"
+                     (click)="chooseOtherProduct()">
+                  </span>
+                </div>
+              </div>
+            }
           </div>
         </co-form>
-        @if (showCatalogPopup) {
-          <co-dialog-catalog
-            [showNavigation]="false"
-            [options]="catalogOptions"
-            [parameters]="catalogParameters"
-            [returnArticleOnTileClick]="true"
-            (closeClick)="showCatalogPopup = false"
-            (articleClicked)="handleCatalogArticleClick($event)"
-            >
-          </co-dialog-catalog>
-        }
-        @if (showTransLinePopup) {
-          <co-dialog-transaction-search
-            [relation]="this.relation"
-            (lineClicked)="handleTransactinLineClick($event)"
-            (closeClick)="closeTransactionPopup()">
-          </co-dialog-transaction-search>
-        }
       </div>
-      `, isInline: true, dependencies: [{ kind: "component", type: i1$1.ButtonComponent, selector: "co-button", inputs: ["label", "iconData", "iconDataRight", "isToggleButton", "isToggled", "hidden", "disabled"], outputs: ["onClick", "clickedWhileDisabled", "isToggledChange"] }, { kind: "component", type: i1$1.InputTextComponent, selector: "co-input-text", inputs: ["useContent", "placeholder", "align", "type", "formatPipe", "min", "max", "pattern", "digitsOnly", "excludePlusMinus", "showClearButton", "keyDownWhiteList", "showPlaceholderOnFocus", "leftIcon", "rightIcon", "leftIconData", "rightIconData", "selectOnFocus", "emptyPlace", "firstDayOfWeek", "noStyle", "hideArrowButtons", "model"], outputs: ["leftIconClick", "leftIconMouseDown", "leftIconMouseUp", "rightIconClick", "rightIconMouseDown", "rightIconMouseUp", "clearIconClick", "isFocused"] }, { kind: "component", type: DialogTransactionSearchComponent, selector: "co-dialog-transaction-search", inputs: ["placeholder", "relation"], outputs: ["filterIconClick", "closeClick", "lineClicked"] }, { kind: "component", type: ImageDisplayComponent, selector: "co-image-display", inputs: ["model", "label"] }, { kind: "component", type: i1$1.FormComponent, selector: "co-form", inputs: ["readonly", "keepInView"], outputs: ["onChange", "validSubmit", "anySubmit", "validityChange", "readonlyChange", "invalidSubmit"] }, { kind: "component", type: DialogCatalogComponent, selector: "co-dialog-catalog", inputs: ["handleAddArticleInternally", "options", "parameters", "showNavigation", "returnArticleOnTileClick", "transaction", "isReturn", "showRelatedProductsPopup"], outputs: ["closeClick", "articleClicked", "iFrameFeedback", "addArticleClicked", "addCatFarmArticleClicked", "addExternalArticleClicked"] }, { kind: "pipe", type: i2$1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
+      }
+      `, isInline: true, dependencies: [{ kind: "component", type: i1$1.ButtonComponent, selector: "co-button", inputs: ["label", "iconData", "iconDataRight", "isToggleButton", "isToggled", "hidden", "disabled"], outputs: ["onClick", "clickedWhileDisabled", "isToggledChange"] }, { kind: "component", type: i1$1.InputTextComponent, selector: "co-input-text", inputs: ["useContent", "placeholder", "align", "type", "formatPipe", "min", "max", "pattern", "digitsOnly", "excludePlusMinus", "showClearButton", "keyDownWhiteList", "showPlaceholderOnFocus", "leftIcon", "rightIcon", "leftIconData", "rightIconData", "selectOnFocus", "emptyPlace", "firstDayOfWeek", "noStyle", "hideArrowButtons", "model"], outputs: ["leftIconClick", "leftIconMouseDown", "leftIconMouseUp", "rightIconClick", "rightIconMouseDown", "rightIconMouseUp", "clearIconClick", "isFocused"] }, { kind: "component", type: DialogTransactionSearchComponent, selector: "co-dialog-transaction-search", inputs: ["placeholder", "relation"], outputs: ["filterIconClick", "closeClick", "lineClicked"] }, { kind: "component", type: ImageDisplayComponent, selector: "co-image-display", inputs: ["model", "label"] }, { kind: "component", type: i1$1.FormComponent, selector: "co-form", inputs: ["readonly", "keepInView"], outputs: ["onChange", "validSubmit", "anySubmit", "validityChange", "readonlyChange", "invalidSubmit"] }, { kind: "component", type: DialogCatalogComponent, selector: "co-dialog-catalog", inputs: ["handleAddArticleInternally", "options", "parameters", "showNavigation", "returnArticleOnTileClick", "transaction", "isReturn", "showRelatedProductsPopup"], outputs: ["closeClick", "articleClicked", "iFrameFeedback", "addArticleClicked", "addCatFarmArticleClicked", "addExternalArticleClicked"] }, { kind: "component", type: ServiceWizardSearchBundleComponent, selector: "service-wizard-search-bundle", inputs: ["placeholder", "relation"], outputs: ["filterIconClick", "closeClick", "lineClicked"] }, { kind: "pipe", type: i2$1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ServiceWizardArtOrTransComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'co-service-wizard-art-or-trans',
                     template: `
-      <div class="transaction-header-popup-category-wrapper co-small-scrollbar">
-        <co-form>
-          <div class="header-relation-content">
-            <div class="transaction-header-popup-section general">
-              @if (!customerPortal) {
-                <div class="transaction-header-popup-section-label">
-                  <span [textContent]="'02'"></span>
-                  <span class="label-description" [textContent]="'SERVICE_DETAILS' | localize"></span>
-                </div>
-              }
-              @if (customerPortal) {
-                <div class="transaction-header-popup-section-label">
-                  <span class="label-description" [textContent]="'ABOUT_ORDER' | localize"></span>
-                </div>
-              }
-              @if (buttonsVisible) {
-                <div class="create-transaction-buttons">
-                  <co-button [label]="'SEARCH_ORDER' | localize" (click)="createOrderWithTransactionLineClicked()" [disabled]="forceReadonly"></co-button>
-                  @if (!customerPortal) {
-                    <co-button [label]="'SEARCH_PRODUCT' | localize" (click)="createOrderWithArticleClicked()" [disabled]="forceReadonly"></co-button>
-                  }
-                  @if (!customerPortal) {
-                    <co-button [label]="'WITHOUT_PRODUCT' | localize" (click)="createOrderFromOldTrans()" [disabled]="forceReadonly"></co-button>
-                  }
-                </div>
-              }
-              @if (createViaTransLine) {
-                <div class="create-via-transaction">
-                  <div class="service-data-header">
-                    <span class="data-description" [textContent]="existingTransactionTitleText"></span>
-                    <!-- <span class="toggle-change" [textContent]="'CHANGE' | localize" (click)="createOrderWithTransactionLineClicked(); forceReadonly = false"></span>-->
+      @if (!customerPortal) {
+        <div class="transaction-header-popup-category-wrapper co-small-scrollbar">
+          <co-form>
+            <div class="header-relation-content">
+              <div class="transaction-header-popup-section general">
+                @if (!customerPortal) {
+                  <div class="transaction-header-popup-section-label">
+                    <span [textContent]="'02'"></span>
+                    <span class="label-description" [textContent]="'SERVICE_DETAILS' | localize"></span>
+                  </div>
+                }
+                @if (buttonsVisible) {
+                  <div class="create-transaction-buttons">
+                    <co-button [label]="'SEARCH_ORDER' | localize" (click)="createOrderWithTransactionLineClicked()" [disabled]="forceReadonly"></co-button>
+                      <co-button [label]="'SEARCH_PRODUCT' | localize" (click)="createOrderWithArticleClicked()" [disabled]="forceReadonly"></co-button>
+                      <co-button [label]="'WITHOUT_PRODUCT' | localize" (click)="createOrderFromOldTrans()" [disabled]="forceReadonly"></co-button>
                   </div>
-                  @if (existingTransactionLine) {
-                    <div class="create-via-transaction-result-display">
-                      <co-image-display [model]="existingTransactionLine?.articleImageData"></co-image-display>
-                      <span [textContent]="existingTransactionLine?.goodDescription"></span>
-                      <span [textContent]="existingTransactionLine?.articleBoundConcatenatedText"></span>
-                      <span [textContent]="existingTransactionLine?.price | currency: 'EUR'"></span>
+                }
+                @if (createViaTransLine) {
+                  <div class="create-via-transaction">
+                    <div class="service-data-header">
+                      <span class="data-description" [textContent]="existingTransactionTitleText"></span>
+                      <!-- <span class="toggle-change" [textContent]="'CHANGE' | localize" (click)="createOrderWithTransactionLineClicked(); forceReadonly = false"></span>-->
                     </div>
-                  }
-                  @if (chosenTransactionLine) {
-                    <div class="create-via-transaction-result-display">
-                      <co-image-display [model]="transactionImage"></co-image-display>
-                      <span [textContent]="chosenTransactionLine?.goodDescription"></span>
+                    @if (existingTransactionLine) {
+                      <div class="create-via-transaction-result-display">
+                        <co-image-display [model]="existingTransactionLine?.articleImageData"></co-image-display>
+                        <span [textContent]="existingTransactionLine?.goodDescription"></span>
+                        <span [textContent]="existingTransactionLine?.articleBoundConcatenatedText"></span>
+                        <span [textContent]="existingTransactionLine?.price | currency: 'EUR'"></span>
+                      </div>
+                    }
+                    @if (chosenTransactionLine) {
+                      <div class="create-via-transaction-result-display">
+                        <co-image-display [model]="transactionImage"></co-image-display>
+                        <span [textContent]="chosenTransactionLine?.goodDescription"></span>
+                      </div>
+                    }
+                  </div>
+                }
+                @if (createViaProduct) {
+                  <div class="create-via-product">
+                    <div class="create-via-product-result-display">
+                      <co-image-display [model]="chosenArticle?.imageData"></co-image-display>
+                      <span [textContent]="chosenArticle?.description"></span>
+                      <span [textContent]="chosenArticle?.price | currency: 'EUR'"></span>
                     </div>
-                  }
-                </div>
-              }
-              @if (createViaProduct) {
-                <div class="create-via-product">
-                  <div class="create-via-product-result-display">
-                    <co-image-display [model]="chosenArticle?.imageData"></co-image-display>
-                    <span [textContent]="chosenArticle?.description"></span>
-                    <span [textContent]="chosenArticle?.price | currency: 'EUR'"></span>
                   </div>
-                </div>
-              }
-              @if (createViaOldTrans) {
-                <div>
-                  <co-input-text [placeholder]="'TRANSACTION' | localize" [(model)]="oldOrderId" [required]="createViaOldTrans" [disabled]="forceReadonly"
-                  (modelChange)="oldOrderIdChange.emit($event)"></co-input-text>
-                  <co-input-text [placeholder]="'PRODUCT' | localize" [(model)]="oldGoodId" [required]="createViaOldTrans" [disabled]="forceReadonly"
-                  (modelChange)="oldGoodIdChange.emit($event)"></co-input-text>
-                </div>
-              }
+                }
+                @if (createViaOldTrans) {
+                  <div>
+                    <co-input-text [placeholder]="'TRANSACTION' | localize" [(model)]="oldOrderId" [required]="createViaOldTrans" [disabled]="forceReadonly"
+                    (modelChange)="oldOrderIdChange.emit($event)"></co-input-text>
+                    <co-input-text [placeholder]="'PRODUCT' | localize" [(model)]="oldGoodId" [required]="createViaOldTrans" [disabled]="forceReadonly"
+                    (modelChange)="oldGoodIdChange.emit($event)"></co-input-text>
+                  </div>
+                }
+              </div>
             </div>
+          </co-form>
+          @if (showCatalogPopup) {
+            <co-dialog-catalog
+              [showNavigation]="false"
+              [options]="catalogOptions"
+              [parameters]="catalogParameters"
+              [returnArticleOnTileClick]="true"
+              (closeClick)="showCatalogPopup = false"
+              (articleClicked)="handleCatalogArticleClick($event)"
+              >
+            </co-dialog-catalog>
+          }
+          @if (showTransLinePopup) {
+            <co-dialog-transaction-search
+              [relation]="this.relation"
+              (lineClicked)="handleTransactionLineClick($event)"
+              (closeClick)="closeTransactionPopup()">
+            </co-dialog-transaction-search>
+          }
+        </div>
+      }
+      @if (customerPortal) {
+      <div class="transaction-header-popup-category-wrapper co-small-scrollbar">
+        <co-form>
+          <div class="header-relation-content">
+            <div class="transaction-header-popup-section general">
+              <div class="transaction-header-popup-section-label">
+                <span class="label-description" [textContent]="'ABOUT_PRODUCT' | localize"></span>
+              </div>
+            </div>
+            @if (showCustomerPortalSearchBundle) {
+              <service-wizard-search-bundle
+                [relation]="relation"
+                (lineClicked)="handleTransactionLineClick($event)"
+                (closeClick)="closeTransactionPopup()">
+              </service-wizard-search-bundle>
+            }
+            @if (chosenTransactionLine) {
+              <div class="create-via-transaction-result-display">
+                <co-image-display [model]="transactionImage"></co-image-display>
+                <span [textContent]="chosenTransactionLine?.goodDescription"></span>
+                <div class="wizard-change">
+                  <span
+                     [textContent]="'CHOOSE_OTHER_PRODUCT' | localize"
+                     (click)="chooseOtherProduct()">
+                  </span>
+                </div>
+              </div>
+            }
           </div>
         </co-form>
-        @if (showCatalogPopup) {
-          <co-dialog-catalog
-            [showNavigation]="false"
-            [options]="catalogOptions"
-            [parameters]="catalogParameters"
-            [returnArticleOnTileClick]="true"
-            (closeClick)="showCatalogPopup = false"
-            (articleClicked)="handleCatalogArticleClick($event)"
-            >
-          </co-dialog-catalog>
-        }
-        @if (showTransLinePopup) {
-          <co-dialog-transaction-search
-            [relation]="this.relation"
-            (lineClicked)="handleTransactinLineClick($event)"
-            (closeClick)="closeTransactionPopup()">
-          </co-dialog-transaction-search>
-        }
       </div>
+      }
       `,
                     providers: [
                         FormMasterService,
@@ -108081,6 +108313,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Output
             }], oldGoodIdChange: [{
                 type: Output
+            }], resetServiceWizard: [{
+                type: Output
             }] } });
 
 class ServiceWizardCreateServiceComponent {
@@ -108098,6 +108332,8 @@ class ServiceWizardCreateServiceComponent {
     buttonsVisible = true;
     customerPortal = false;
     slaBtnSelected = new EventEmitter();
+    portalLineSelected = new EventEmitter();
+    resetServiceWizard = new EventEmitter();
     chosenTransactionLine;
     chosenArticle;
     slaProductName;
@@ -108131,59 +108367,66 @@ class ServiceWizardCreateServiceComponent {
     }
     transLineChosen(chosenLine) {
         this.clear();
+        this.portalLineSelected.emit(true);
         this.chosenTransactionLine = chosenLine;
     }
     articleChosen(chosenArticle) {
         this.clear();
         this.chosenArticle = chosenArticle;
     }
+    onResetService() {
+        this.portalLineSelected.emit(false);
+        this.resetServiceWizard.emit();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ServiceWizardCreateServiceComponent, deps: [{ token: DictionaryService }, { token: TransactionService }, { token: TransactionImageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ServiceWizardCreateServiceComponent, isStandalone: false, selector: "co-service-wizard-create-service", inputs: { forceReadonly: "forceReadonly", relation: "relation", afterSalesSystem: "afterSalesSystem", existingTransaction: "existingTransaction", existingTransactionLine: "existingTransactionLine", buttonsVisible: "buttonsVisible", customerPortal: "customerPortal" }, outputs: { slaBtnSelected: "slaBtnSelected" }, host: { properties: { "class.co-transaction-header-popup-create-service": "this.showClass" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ServiceWizardCreateServiceComponent, isStandalone: false, selector: "co-service-wizard-create-service", inputs: { forceReadonly: "forceReadonly", relation: "relation", afterSalesSystem: "afterSalesSystem", existingTransaction: "existingTransaction", existingTransactionLine: "existingTransactionLine", buttonsVisible: "buttonsVisible", customerPortal: "customerPortal" }, outputs: { slaBtnSelected: "slaBtnSelected", portalLineSelected: "portalLineSelected", resetServiceWizard: "resetServiceWizard" }, host: { properties: { "class.co-transaction-header-popup-create-service": "this.showClass" } }, providers: [
             TransactionSearchService
-        ], ngImport: i0, template: `
-        <div class="transaction-header-popup-category-wrapper co-small-scrollbar">
-          @if (!afterSalesSystem) {
-            <co-service-wizard-art-or-trans
-              [forceReadonly]="forceReadonly"
-              [buttonsVisible]="buttonsVisible"
-              [existingTransaction]="existingTransaction"
-              [existingTransactionLine]="existingTransactionLine"
-              [relation]="relation"
-              [(oldOrderId)]="oldOrderId"
-              [(oldGoodId)]="oldGoodId"
-              (transLineChosen)="transLineChosen($event)"
-              (articleChosen)="articleChosen($event)"
-            [customerPortal]="customerPortal"></co-service-wizard-art-or-trans>
-          }
-          @if (afterSalesSystem) {
-            <co-service-wizard-sla (slaSelected)="slaSelected($event)"></co-service-wizard-sla>
-          }
-        </div>
-        `, isInline: true, dependencies: [{ kind: "component", type: ServiceWizardSlaComponent, selector: "co-service-wizard-sla", inputs: ["forceReadonly"], outputs: ["slaSelected"] }, { kind: "component", type: ServiceWizardArtOrTransComponent, selector: "co-service-wizard-art-or-trans", inputs: ["forceReadonly", "relation", "oldOrderId", "oldGoodId", "customerPortal", "existingTransaction", "existingTransactionLine", "buttonsVisible"], outputs: ["transLineChosen", "articleChosen", "oldOrderIdChange", "oldGoodIdChange"] }], encapsulation: i0.ViewEncapsulation.None });
+        ], ngImport: i0, template: `
+        <div class="transaction-header-popup-category-wrapper co-small-scrollbar">
+          @if (!afterSalesSystem) {
+            <co-service-wizard-art-or-trans
+              [forceReadonly]="forceReadonly"
+              [buttonsVisible]="buttonsVisible"
+              [existingTransaction]="existingTransaction"
+              [existingTransactionLine]="existingTransactionLine"
+              [relation]="relation"
+              [(oldOrderId)]="oldOrderId"
+              [(oldGoodId)]="oldGoodId"
+              (transLineChosen)="transLineChosen($event)"
+              (articleChosen)="articleChosen($event)"
+              (resetServiceWizard)="onResetService()"
+              [customerPortal]="customerPortal"></co-service-wizard-art-or-trans>
+          }
+          @if (afterSalesSystem) {
+            <co-service-wizard-sla (slaSelected)="slaSelected($event)"></co-service-wizard-sla>
+          }
+        </div>
+        `, isInline: true, dependencies: [{ kind: "component", type: ServiceWizardSlaComponent, selector: "co-service-wizard-sla", inputs: ["forceReadonly"], outputs: ["slaSelected"] }, { kind: "component", type: ServiceWizardArtOrTransComponent, selector: "co-service-wizard-art-or-trans", inputs: ["forceReadonly", "relation", "oldOrderId", "oldGoodId", "customerPortal", "existingTransaction", "existingTransactionLine", "buttonsVisible"], outputs: ["transLineChosen", "articleChosen", "oldOrderIdChange", "oldGoodIdChange", "resetServiceWizard"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ServiceWizardCreateServiceComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'co-service-wizard-create-service',
-                    template: `
-        <div class="transaction-header-popup-category-wrapper co-small-scrollbar">
-          @if (!afterSalesSystem) {
-            <co-service-wizard-art-or-trans
-              [forceReadonly]="forceReadonly"
-              [buttonsVisible]="buttonsVisible"
-              [existingTransaction]="existingTransaction"
-              [existingTransactionLine]="existingTransactionLine"
-              [relation]="relation"
-              [(oldOrderId)]="oldOrderId"
-              [(oldGoodId)]="oldGoodId"
-              (transLineChosen)="transLineChosen($event)"
-              (articleChosen)="articleChosen($event)"
-            [customerPortal]="customerPortal"></co-service-wizard-art-or-trans>
-          }
-          @if (afterSalesSystem) {
-            <co-service-wizard-sla (slaSelected)="slaSelected($event)"></co-service-wizard-sla>
-          }
-        </div>
+                    template: `
+        <div class="transaction-header-popup-category-wrapper co-small-scrollbar">
+          @if (!afterSalesSystem) {
+            <co-service-wizard-art-or-trans
+              [forceReadonly]="forceReadonly"
+              [buttonsVisible]="buttonsVisible"
+              [existingTransaction]="existingTransaction"
+              [existingTransactionLine]="existingTransactionLine"
+              [relation]="relation"
+              [(oldOrderId)]="oldOrderId"
+              [(oldGoodId)]="oldGoodId"
+              (transLineChosen)="transLineChosen($event)"
+              (articleChosen)="articleChosen($event)"
+              (resetServiceWizard)="onResetService()"
+              [customerPortal]="customerPortal"></co-service-wizard-art-or-trans>
+          }
+          @if (afterSalesSystem) {
+            <co-service-wizard-sla (slaSelected)="slaSelected($event)"></co-service-wizard-sla>
+          }
+        </div>
         `,
                     providers: [
                         TransactionSearchService
@@ -108210,6 +108453,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Input
             }], slaBtnSelected: [{
                 type: Output
+            }], portalLineSelected: [{
+                type: Output
+            }], resetServiceWizard: [{
+                type: Output
             }] } });
 
 class ServiceWizardServiceFieldsComponent {
@@ -108373,6 +108620,7 @@ class TransactionCreateWizardComponent {
     buttonsVisible = true;
     openStep;
     slaBtnSelected = false;
+    portalBtnSelected = false;
     _branch;
     _externallyProvidedTransaction = null;
     _externallyProvidedLineNr;
@@ -108507,9 +108755,15 @@ class TransactionCreateWizardComponent {
         this.transactionSection.clear();
         this.stepper.openToIndex(1);
     }
+    resetService() {
+        this.stepper.openToIndex(2);
+    }
     onSlaButtonChange(selected) {
         this.slaBtnSelected = selected;
     }
+    onPortalButtonChange(selected) {
+        this.portalBtnSelected = selected;
+    }
     _initNewRelation() {
         this.createService.createNewRelation();
         this.createService.initializeRelation();
@@ -108557,6 +108811,7 @@ class TransactionCreateWizardComponent {
         [titleIcon]="Icon.ServiceCartRegular"
         [title]="'CREATE_SERVICE' | localize" [doNotShowOKOnSteps]="[3, 5]"
         [externalSlaBtn]="slaBtnSelected"
+        [portalBtn]="portalBtnSelected"
         [afterSalesSystem]="createService.afterSalesSystemParam">
         <co-stepper-step  #stepRelationSection [index]="1" [label]="'PERSONAL_DATA' | localize" (validateStep)="handleRelationValidation()">
           @if (stepRelationSection.show) {
@@ -108578,7 +108833,9 @@ class TransactionCreateWizardComponent {
             [buttonsVisible]="buttonsVisible"
             [afterSalesSystem]="createService.afterSalesSystemParam"
             [customerPortal]="customerPortal"
-          (slaBtnSelected)="onSlaButtonChange($event)"></co-service-wizard-create-service>
+            (resetServiceWizard)="resetService()"
+            (portalLineSelected)="onPortalButtonChange($event)"
+            (slaBtnSelected)="onSlaButtonChange($event)"></co-service-wizard-create-service>
         </co-stepper-step>
         <co-stepper-step  #stepWizardSection [index]="3" [label]="'SERVICE_WIZARD' | localize" (validateStep)="handleWizardValidation()">
           <co-service-wizard-questions #wizardSection (wizardFinished)="wizardFinished()" (skipWizard)="skipWizard()"></co-service-wizard-questions>
@@ -108590,8 +108847,8 @@ class TransactionCreateWizardComponent {
         </co-stepper-step>
       </co-simple-vertical-stepper>
     }
-    
-    `, isInline: true, dependencies: [{ kind: "component", type: SimpleVerticalStepperComponent, selector: "co-simple-vertical-stepper", inputs: ["doNotShowOKOnSteps", "skipSteps", "stepButton", "stepButtonLabels", "externalSlaBtn", "afterSalesSystem", "openStep"] }, { kind: "component", type: StepperStepComponent, selector: "co-stepper-step", inputs: ["index", "label", "completed", "show"], outputs: ["validateStep"] }, { kind: "component", type: ClickBlockComponent, selector: "co-click-block" }, { kind: "component", type: ServiceWizardRelationComponent, selector: "co-service-wizard-relation", inputs: ["configNames", "forceReadonly", "showPrivacy", "showMessageForChangeCustomer", "showInvoiceAddress", "noLockOnCustomerSet", "customerPortal", "relation", "transaction"], outputs: ["inputChangeForSuggestions", "changeCustomerRequested", "relationChange", "transactionChange"] }, { kind: "component", type: ServiceWizardCreateServiceComponent, selector: "co-service-wizard-create-service", inputs: ["forceReadonly", "relation", "afterSalesSystem", "existingTransaction", "existingTransactionLine", "buttonsVisible", "customerPortal"], outputs: ["slaBtnSelected"] }, { kind: "component", type: ServiceWizardServiceFieldsComponent, selector: "co-service-wizard-service-fields" }, { kind: "component", type: ServiceWizardQuestionsComponent, selector: "co-service-wizard-questions", outputs: ["wizardFinished", "skipWizard"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
+
+    `, isInline: true, dependencies: [{ kind: "component", type: SimpleVerticalStepperComponent, selector: "co-simple-vertical-stepper", inputs: ["doNotShowOKOnSteps", "skipSteps", "stepButton", "stepButtonLabels", "externalSlaBtn", "afterSalesSystem", "portalBtn", "openStep"] }, { kind: "component", type: StepperStepComponent, selector: "co-stepper-step", inputs: ["index", "label", "completed", "show"], outputs: ["validateStep"] }, { kind: "component", type: ClickBlockComponent, selector: "co-click-block" }, { kind: "component", type: ServiceWizardRelationComponent, selector: "co-service-wizard-relation", inputs: ["configNames", "forceReadonly", "showPrivacy", "showMessageForChangeCustomer", "showInvoiceAddress", "noLockOnCustomerSet", "customerPortal", "relation", "transaction"], outputs: ["inputChangeForSuggestions", "changeCustomerRequested", "relationChange", "transactionChange"] }, { kind: "component", type: ServiceWizardCreateServiceComponent, selector: "co-service-wizard-create-service", inputs: ["forceReadonly", "relation", "afterSalesSystem", "existingTransaction", "existingTransactionLine", "buttonsVisible", "customerPortal"], outputs: ["slaBtnSelected", "portalLineSelected", "resetServiceWizard"] }, { kind: "component", type: ServiceWizardServiceFieldsComponent, selector: "co-service-wizard-service-fields" }, { kind: "component", type: ServiceWizardQuestionsComponent, selector: "co-service-wizard-questions", outputs: ["wizardFinished", "skipWizard"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionCreateWizardComponent, decorators: [{
             type: Component,
@@ -108606,6 +108863,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         [titleIcon]="Icon.ServiceCartRegular"
         [title]="'CREATE_SERVICE' | localize" [doNotShowOKOnSteps]="[3, 5]"
         [externalSlaBtn]="slaBtnSelected"
+        [portalBtn]="portalBtnSelected"
         [afterSalesSystem]="createService.afterSalesSystemParam">
         <co-stepper-step  #stepRelationSection [index]="1" [label]="'PERSONAL_DATA' | localize" (validateStep)="handleRelationValidation()">
           @if (stepRelationSection.show) {
@@ -108627,7 +108885,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             [buttonsVisible]="buttonsVisible"
             [afterSalesSystem]="createService.afterSalesSystemParam"
             [customerPortal]="customerPortal"
-          (slaBtnSelected)="onSlaButtonChange($event)"></co-service-wizard-create-service>
+            (resetServiceWizard)="resetService()"
+            (portalLineSelected)="onPortalButtonChange($event)"
+            (slaBtnSelected)="onSlaButtonChange($event)"></co-service-wizard-create-service>
         </co-stepper-step>
         <co-stepper-step  #stepWizardSection [index]="3" [label]="'SERVICE_WIZARD' | localize" (validateStep)="handleWizardValidation()">
           <co-service-wizard-questions #wizardSection (wizardFinished)="wizardFinished()" (skipWizard)="skipWizard()"></co-service-wizard-questions>
@@ -108639,7 +108899,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         </co-stepper-step>
       </co-simple-vertical-stepper>
     }
-    
+
     `,
                     providers: [TransactionCreateService, TransactionHeaderService],
                     encapsulation: ViewEncapsulation.None,
@@ -108775,7 +109035,8 @@ class TransactionCreateWizardModule {
             ServiceWizardCreateServiceComponent,
             ServiceWizardServiceFieldsComponent,
             ServiceWizardArtOrTransComponent,
-            ServiceWizardQuestionsComponent], imports: [StepperModule,
+            ServiceWizardQuestionsComponent,
+            ServiceWizardSearchBundleComponent], imports: [StepperModule,
             CommonModule,
             TransactionHeaderPopupModule,
             PipeModule,
@@ -108800,7 +109061,9 @@ class TransactionCreateWizardModule {
             RelationTypeModule,
             ServiceWizardQaModule,
             DialogCatalogModule,
-            RelationGeneralContactPersonDialogModule], exports: [TransactionCreateWizardComponent] });
+            RelationGeneralContactPersonDialogModule,
+            TransactionSearchSalesLineSelectTileModule,
+            TransactionSearchHeaderModule], exports: [TransactionCreateWizardComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionCreateWizardModule, providers: [
             { provide: BaseModuleScreenConfigService, useExisting: TransactionScreenConfigurationService }
         ], imports: [StepperModule,
@@ -108828,7 +109091,9 @@ class TransactionCreateWizardModule {
             RelationTypeModule,
             ServiceWizardQaModule,
             DialogCatalogModule,
-            RelationGeneralContactPersonDialogModule] });
+            RelationGeneralContactPersonDialogModule,
+            TransactionSearchSalesLineSelectTileModule,
+            TransactionSearchHeaderModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionCreateWizardModule, decorators: [{
             type: NgModule,
@@ -108859,7 +109124,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         RelationTypeModule,
                         ServiceWizardQaModule,
                         DialogCatalogModule,
-                        RelationGeneralContactPersonDialogModule
+                        RelationGeneralContactPersonDialogModule,
+                        TransactionSearchSalesLineSelectTileModule,
+                        TransactionSearchHeaderModule
                     ],
                     declarations: [
                         TransactionCreateWizardComponent,
@@ -108868,7 +109135,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         ServiceWizardCreateServiceComponent,
                         ServiceWizardServiceFieldsComponent,
                         ServiceWizardArtOrTransComponent,
-                        ServiceWizardQuestionsComponent
+                        ServiceWizardQuestionsComponent,
+                        ServiceWizardSearchBundleComponent
                     ],
                     providers: [
                         { provide: BaseModuleScreenConfigService, useExisting: TransactionScreenConfigurationService }
@@ -109076,7 +109344,7 @@ class TransactionInvoiceCheckOrderTileComponent {
               </co-simple-grid>
           </div>
       </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "component", type: i1$1.SimpleGridComponent, selector: "co-simple-grid", inputs: ["showAdd", "showDelete", "deselectAllowed", "editOnCellClick", "rightToolbar", "showGridSettings", "rowsPerPage", "rowDisabledFn", "showColumnSort", "showRowButtons", "canRowBeEdittedFn"] }, { kind: "directive", type: i1$1.SimpleGridColumnDirective, selector: "co-simple-grid-column", inputs: ["headerText", "field", "codeField", "displayField", "textAlign", "format", "resizable", "required", "autoFit", "isSelected", "width", "readonly", "collection", "order", "singleColumn"] }, { kind: "directive", type: i1$1.SimpleGridColumnTemplateDirective, selector: "[templateType]", inputs: ["templateType"] }, { kind: "component", type: i1$1.InputTextComponent, selector: "co-input-text", inputs: ["useContent", "placeholder", "align", "type", "formatPipe", "min", "max", "pattern", "digitsOnly", "excludePlusMinus", "showClearButton", "keyDownWhiteList", "showPlaceholderOnFocus", "leftIcon", "rightIcon", "leftIconData", "rightIconData", "selectOnFocus", "emptyPlace", "firstDayOfWeek", "noStyle", "hideArrowButtons", "model"], outputs: ["leftIconClick", "leftIconMouseDown", "leftIconMouseUp", "rightIconClick", "rightIconMouseDown", "rightIconMouseUp", "clearIconClick", "isFocused"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }, { kind: "pipe", type: CoCurrencyPipe, name: "coCurrency" }], encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "component", type: i1$1.SimpleGridComponent, selector: "co-simple-grid", inputs: ["showAdd", "showDelete", "deselectAllowed", "editOnCellClick", "rightToolbar", "showGridSettings", "rowsPerPage", "rowDisabledFn", "showColumnSort", "showRowButtons", "resetPageOnDataChange", "scrollOnRowAction", "scrollDirection", "canRowBeEdittedFn"] }, { kind: "directive", type: i1$1.SimpleGridColumnDirective, selector: "co-simple-grid-column", inputs: ["headerText", "field", "codeField", "displayField", "textAlign", "format", "resizable", "required", "autoFit", "isSelected", "width", "readonly", "collection", "order", "singleColumn"] }, { kind: "directive", type: i1$1.SimpleGridColumnTemplateDirective, selector: "[templateType]", inputs: ["templateType"] }, { kind: "component", type: i1$1.InputTextComponent, selector: "co-input-text", inputs: ["useContent", "placeholder", "align", "type", "formatPipe", "min", "max", "pattern", "digitsOnly", "excludePlusMinus", "showClearButton", "keyDownWhiteList", "showPlaceholderOnFocus", "leftIcon", "rightIcon", "leftIconData", "rightIconData", "selectOnFocus", "emptyPlace", "firstDayOfWeek", "noStyle", "hideArrowButtons", "model"], outputs: ["leftIconClick", "leftIconMouseDown", "leftIconMouseUp", "rightIconClick", "rightIconMouseDown", "rightIconMouseUp", "clearIconClick", "isFocused"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }, { kind: "pipe", type: CoCurrencyPipe, name: "coCurrency" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionInvoiceCheckOrderTileComponent, decorators: [{
             type: Component,