@colijnit/transaction 261.20.58 → 261.20.60

package/fesm2022/colijnit-transaction.mjs

@@ -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.58";
-    publishDate = "9-7-2026, 12:14:05";
+    symVer = "261.20.60";
+    publishDate = "10-7-2026, 16:29:20";
 }
 
 class CheckoutModuleService extends BaseModuleService {
@@ -9841,6 +9841,7 @@ class TransactionBaseService extends BaseModuleService {
     internalParameterSellDirectlyFromSupp = false;
     internalParameterStockMutBeforeDelivery = false;
     printColliStickerDefault = false;
+    internalPlanDaysParam = 0;
     contactPersonId = 0;
     firstDayOfWeek = '1';
     articleAmountChange = new BehaviorSubject(0);
@@ -9942,6 +9943,12 @@ class TransactionBaseService extends BaseModuleService {
     prepareReceiveGoodsWithDataTerminalInternalParam() {
         this.getInternalParameter(InternalParam.ReceiveGoodsWithDataTerminal).then((value) => this.internalParameterReceiveGoodsWithDataTerminal = value);
     }
+    async prepareInternalPlanDaysParam() {
+        const response = await this.connector.getInternalParameterValue(InternalParam.InternalPlanDays);
+        if (response && response.length > 0 && !isNaN(Number(response))) {
+            this.internalPlanDaysParam = Number(response);
+        }
+    }
     preparePrintColliStickerDefault() {
         this.getInternalDefault(InternalDefault.PrintColliStickers).then((value) => {
             this.printColliStickerDefault = (value === "J");
@@ -13166,6 +13173,7 @@ class TransactionService extends PendingReasonService {
         this.prepareDirectSellInternalParam();
         this.prepareCanChangeSalesOrderWhenFullyInvoicedParam();
         this.prepareCanChangeRelationParam();
+        this.prepareInternalPlanDaysParam();
     }
     async _handleAfterRememberCurrentTransaction() {
         this.remainingAmount = 0;
@@ -13843,7 +13851,7 @@ class StepperComponent extends StepperBaseComponent {
               [screenConfigurationObject]="cfgNames.OrderButton"
               [iconData]="iconCacheService.getIcon(icons.DetailView)"
               [label]="title | localize"
-            (click)="createClicked.emit($event)"></co-button>
+              (click)="createClicked.emit($event)"></co-button>
           }
         </div>
       </ng-template>
@@ -13898,7 +13906,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
               [screenConfigurationObject]="cfgNames.OrderButton"
               [iconData]="iconCacheService.getIcon(icons.DetailView)"
               [label]="title | localize"
-            (click)="createClicked.emit($event)"></co-button>
+              (click)="createClicked.emit($event)"></co-button>
           }
         </div>
       </ng-template>
@@ -14090,6 +14098,7 @@ var TransactionCfgName;
     TransactionCfgName["LineNetLineTotal"] = "lineNetLineTotal";
     TransactionCfgName["LinePurchasePrice"] = "linePurchasePrice";
     TransactionCfgName["LinePurchaseDescription"] = "linePurchaseDescription";
+    TransactionCfgName["LineExpectedDeliveryDateCP"] = "lineExpectedDeliveryDateCP";
     /* Purchase rubric */
     TransactionCfgName["LineSupplier"] = "lineSupplier";
     TransactionCfgName["LineRefTransactions"] = "lineRefTransactions";
@@ -36236,7 +36245,7 @@ class CheckoutComponent {
       <co-stepper #stepper
         [title]="service.titleForCheckout"
         [showStepper]="transactionType !== transKind.PurchaseOrder"
-        [showCreate]="(this.showCreateOnFirstPages || stepper.activeStep === 2)"
+        [showCreate]="((transactionType === transKind.PurchaseOrder) || this.showCreateOnFirstPages || (stepper.activeStep === 2))"
         [titleIcon]="service.iconForCheckout"
         [finishButtonLabel]="'CHECKOUT_FINISH' | localize"
         [class.no-cart]="showCreateTransactionButton"
@@ -36310,7 +36319,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
       <co-stepper #stepper
         [title]="service.titleForCheckout"
         [showStepper]="transactionType !== transKind.PurchaseOrder"
-        [showCreate]="(this.showCreateOnFirstPages || stepper.activeStep === 2)"
+        [showCreate]="((transactionType === transKind.PurchaseOrder) || this.showCreateOnFirstPages || (stepper.activeStep === 2))"
         [titleIcon]="service.iconForCheckout"
         [finishButtonLabel]="'CHECKOUT_FINISH' | localize"
         [class.no-cart]="showCreateTransactionButton"
@@ -53122,6 +53131,127 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 args: ["class.co-transaction-hidden"]
             }] } });
 
+class TransactionLineExpectedDeliveryDateButtonComponent extends TransactionLineBaseComponent {
+    transactionHeaderService;
+    transactionLineService;
+    transactionEventService;
+    service;
+    iconCacheService;
+    transactionScreenConfigurationService;
+    dictionaryService;
+    imageService;
+    changeDetector;
+    icons = Icon;
+    parentComponent;
+    showClass() {
+        return true;
+    }
+    inputLabel = false;
+    showConfirmedDeliveryDateChange = new EventEmitter();
+    expectedDeliveryDate;
+    _handled = false;
+    constructor(transactionHeaderService, transactionLineService, transactionEventService, service, iconCacheService, transactionScreenConfigurationService, dictionaryService, imageService, changeDetector) {
+        super(transactionHeaderService, transactionLineService, transactionEventService, iconCacheService, transactionScreenConfigurationService, imageService, dictionaryService, service, changeDetector);
+        this.transactionHeaderService = transactionHeaderService;
+        this.transactionLineService = transactionLineService;
+        this.transactionEventService = transactionEventService;
+        this.service = service;
+        this.iconCacheService = iconCacheService;
+        this.transactionScreenConfigurationService = transactionScreenConfigurationService;
+        this.dictionaryService = dictionaryService;
+        this.imageService = imageService;
+        this.changeDetector = changeDetector;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+    }
+    transactionInfoSet() {
+        super.transactionInfoSet();
+        this._checkConfirmedDeliveryDate();
+    }
+    transactionLineSet() {
+        super.transactionLineSet();
+        this._checkConfirmedDeliveryDate();
+    }
+    async _checkConfirmedDeliveryDate() {
+        if (this.transactionInfo && this.transactionLine && this.transactionLine.lineNr && !this.expectedDeliveryDate && !this._handled) {
+            const result = await this.transactionService.getFirstConfirmedDeliveryDateForTransactionLine(this.transactionInfo.id, this.transactionLine.lineNr);
+            if (result) {
+                this.expectedDeliveryDate = new Date(result);
+                this.expectedDeliveryDate.setDate(this.expectedDeliveryDate.getDate() + this.service.internalPlanDaysParam);
+            }
+            this._handled = true;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionLineExpectedDeliveryDateButtonComponent, deps: [{ token: TransactionHeaderService }, { token: TransactionLineService }, { token: TransactionEventService }, { token: TransactionService }, { token: IconCacheService }, { token: TransactionScreenConfigurationService }, { token: DictionaryService }, { token: TransactionImageService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionLineExpectedDeliveryDateButtonComponent, isStandalone: false, selector: "co-transaction-line-expected-delivery-date-button", inputs: { inputLabel: "inputLabel" }, outputs: { showConfirmedDeliveryDateChange: "showConfirmedDeliveryDateChange" }, host: { properties: { "class.co-transaction-line-expected-delivery-date-button": "this.showClass" } }, providers: [
+            OverlayService,
+            {
+                provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                useExisting: forwardRef(() => TransactionLineExpectedDeliveryDateButtonComponent)
+            }
+        ], viewQueries: [{ propertyName: "parentComponent", first: true, predicate: ["parentComponent"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
+    <div class="inside-field">
+      @if (inputLabel) {
+        <co-transaction-line-label [insideLabel]="'ESTIMATED_DELIVERY_DATE' | localize"></co-transaction-line-label>
+      }
+      <co-transaction-button #parentComponent
+        class="big center-align"
+        [hidden]="hidden"
+        [readonly]="true"
+        [iconData]="iconCacheService.getIcon(icons.RegularIndustryClock)"
+        [label]="expectedDeliveryDate | date:'d MMM yyyy'"
+        [rightIconData]="iconCacheService.getIcon(icons.CalendarDayRegular)"
+      ></co-transaction-button>
+    </div>
+
+    `, isInline: true, dependencies: [{ kind: "component", type: TransactionButtonComponent, selector: "co-transaction-button", inputs: ["label", "title", "statusColor", "readonly", "hidden", "forceReadonly", "iconData", "rightIconData", "showCheckMarkLoader", "checkMarkOverlayVisible", "inputLabel", "insideLabel"], outputs: ["iconClicked"] }, { kind: "component", type: TransactionLineLabelComponent, selector: "co-transaction-line-label", inputs: ["insideLabel"] }, { 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: TransactionLineExpectedDeliveryDateButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'co-transaction-line-expected-delivery-date-button',
+                    template: `
+    <div class="inside-field">
+      @if (inputLabel) {
+        <co-transaction-line-label [insideLabel]="'ESTIMATED_DELIVERY_DATE' | localize"></co-transaction-line-label>
+      }
+      <co-transaction-button #parentComponent
+        class="big center-align"
+        [hidden]="hidden"
+        [readonly]="true"
+        [iconData]="iconCacheService.getIcon(icons.RegularIndustryClock)"
+        [label]="expectedDeliveryDate | date:'d MMM yyyy'"
+        [rightIconData]="iconCacheService.getIcon(icons.CalendarDayRegular)"
+      ></co-transaction-button>
+    </div>
+
+    `,
+                    providers: [
+                        OverlayService,
+                        {
+                            provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                            useExisting: forwardRef(() => TransactionLineExpectedDeliveryDateButtonComponent)
+                        }
+                    ],
+                    encapsulation: ViewEncapsulation.None,
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: TransactionHeaderService }, { type: TransactionLineService }, { type: TransactionEventService }, { type: TransactionService }, { type: IconCacheService }, { type: TransactionScreenConfigurationService }, { type: DictionaryService }, { type: TransactionImageService }, { type: i0.ChangeDetectorRef }], propDecorators: { parentComponent: [{
+                type: ViewChild,
+                args: ['parentComponent', { read: ElementRef }]
+            }], showClass: [{
+                type: HostBinding,
+                args: ['class.co-transaction-line-expected-delivery-date-button']
+            }], inputLabel: [{
+                type: Input
+            }], showConfirmedDeliveryDateChange: [{
+                type: Output
+            }] } });
+
 class TransactionOverviewLineComponent extends TransactionLineBaseComponent {
     orderLineSetService;
     transactionHeaderService;
@@ -53148,6 +53278,7 @@ class TransactionOverviewLineComponent extends TransactionLineBaseComponent {
     }
     stock = StockStatus.Low;
     noLabel = false; // Temp test without labels
+    showEstimatedDeliveryDate = false;
     statusBarConfigNames = {
         statusBarBT: this.cfgNames.StatusBarBT,
         statusBarTG: this.cfgNames.StatusBarTG,
@@ -53197,6 +53328,11 @@ class TransactionOverviewLineComponent extends TransactionLineBaseComponent {
                 this.transactionLine.isFormFinal = response.final ? response.final : false;
                 this.detectChanges();
             }
+        }), this.screenConfigService.configSet.subscribe((configObjects) => {
+            if (configObjects && configObjects.length > 0) {
+                this.showEstimatedDeliveryDate = (this.screenConfigService.getObjectConfigurationFor(this.cfgNames.LineExpectedDeliveryDateCP) &&
+                    this.screenConfigService.getObjectConfigurationFor(this.cfgNames.LineExpectedDeliveryDateCP).immediatelyVisible());
+            }
         }));
     }
     ngOnDestroy() {
@@ -53224,7 +53360,7 @@ class TransactionOverviewLineComponent extends TransactionLineBaseComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionOverviewLineComponent, deps: [{ token: OrderLineSetService }, { token: TransactionHeaderService }, { token: TransactionLineService }, { token: TransactionEventService }, { token: TransactionConnectorService }, { token: IconCacheService }, { token: TransactionScreenConfigurationService }, { token: TransactionService }, { token: TransactionImageService }, { token: DictionaryService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TransactionOverviewLineComponent, isStandalone: false, selector: "co-transaction-overview-line", inputs: { lineIndex: "lineIndex" }, outputs: { descriptionDblClick: "descriptionDblClick" }, host: { properties: { "class.co-transaction-overview-line": "this.showClass" } }, viewQueries: [{ propertyName: "transactionLineActionButtons", first: true, predicate: TransactionLineActionButtonsComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionOverviewLineComponent, isStandalone: false, selector: "co-transaction-overview-line", inputs: { lineIndex: "lineIndex" }, outputs: { descriptionDblClick: "descriptionDblClick" }, host: { properties: { "class.co-transaction-overview-line": "this.showClass" } }, viewQueries: [{ propertyName: "transactionLineActionButtons", first: true, predicate: TransactionLineActionButtonsComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
       <co-transaction-base-line
               [lineIndex]="lineIndex"
               [transactionInfo]="transactionInfo"
@@ -53278,6 +53414,13 @@ class TransactionOverviewLineComponent extends TransactionLineBaseComponent {
                                   [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
                                   [inputLabel]="true"
                           ></co-transaction-line-delivery-button>
+                          @if (showEstimatedDeliveryDate) {
+                            <co-transaction-line-expected-delivery-date-button
+                                    class="transaction-field-wrapper medium transaction-line-delivery-date two-column"
+                                    [screenConfigurationObject]="cfgNames.LineExpectedDeliveryDateCP"
+                                    [inputLabel]="true"
+                            ></co-transaction-line-expected-delivery-date-button>
+                          }
                           <co-transaction-line-delivery-date-button
                                   class="transaction-field-wrapper medium transaction-line-delivery-date two-column"
                                   [screenConfigurationObject]="cfgNames.LineDeliveryDate"
@@ -53321,7 +53464,7 @@ class TransactionOverviewLineComponent extends TransactionLineBaseComponent {
               </div>
           </ng-container>
       </co-transaction-base-line>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: EditableLabelComponent, selector: "co-editable-label", inputs: ["model", "editModel", "commit", "editMode", "readonly", "crossedOut", "inputLabel", "insideLabel"], outputs: ["editModelChange"] }, { kind: "component", type: TransactionLinePriceComponent, selector: "co-transaction-line-price", inputs: ["showLabel", "showPurchasePrice", "defaultEditMode", "editMode", "inputLabel"] }, { kind: "component", type: TransactionBaseLineComponent, selector: "co-transaction-base-line", inputs: ["lineIndex", "transaction", "transactionInfo", "transactionLine", "selected", "preview", "isFirst", "checkboxValue", "showColorIndicator", "colorIndicatorColor", "checkboxReadonly", "checkbox", "actionButtons", "showPurchaseDescAndPrice", "showArticleNr", "customerPortal", "showPriceAmount"], outputs: ["checkboxValueChanged", "waitingForUserAction"] }, { kind: "component", type: TransactionLineCommissionButtonComponent, selector: "co-transaction-line-commission-button", inputs: ["inputLabel"] }, { kind: "component", type: TransactionLineWarehouseButtonComponent, selector: "co-transaction-line-warehouse-button", inputs: ["inputLabel"] }, { kind: "component", type: TransactionLineDeliveryButtonComponent, selector: "co-transaction-line-delivery-button", inputs: ["inputLabel"] }, { kind: "component", type: TransactionLineDeliveryDateButtonComponent, selector: "co-transaction-line-delivery-date-button", inputs: ["inputLabel"] }, { kind: "component", type: TransactionLineStatusbarComponent, selector: "co-transaction-line-statusbar", inputs: ["configNames", "activeCategory"] }, { kind: "component", type: TransactionLineAmountComponent, selector: "co-transaction-line-amount", inputs: ["inputLabel"] }, { kind: "component", type: TransactionLineVatButtonComponent, selector: "co-transaction-line-vat-button", inputs: ["inputLabel"] }, { kind: "component", type: TransactionLineDiscountButtonComponent, selector: "co-transaction-line-discount-button", inputs: ["configNames", "inputLabel"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "component", type: TransactionLineDirectSellButtonComponent, selector: "co-transaction-line-direct-sell-button", inputs: ["inputLabel"] }, { kind: "component", type: TransactionNavigationButtonListComponent, selector: "co-transaction-navigation-button-list", inputs: ["emptyLabel", "insideLabel", "navigationButtonIcon", "refTransactions", "showRelationButton", "inputLabel", "redService"], outputs: ["relationClick", "transactionClick", "iconClick"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }, { kind: "pipe", type: CoCurrencyPipe, name: "coCurrency" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: EditableLabelComponent, selector: "co-editable-label", inputs: ["model", "editModel", "commit", "editMode", "readonly", "crossedOut", "inputLabel", "insideLabel"], outputs: ["editModelChange"] }, { kind: "component", type: TransactionLinePriceComponent, selector: "co-transaction-line-price", inputs: ["showLabel", "showPurchasePrice", "defaultEditMode", "editMode", "inputLabel"] }, { kind: "component", type: TransactionBaseLineComponent, selector: "co-transaction-base-line", inputs: ["lineIndex", "transaction", "transactionInfo", "transactionLine", "selected", "preview", "isFirst", "checkboxValue", "showColorIndicator", "colorIndicatorColor", "checkboxReadonly", "checkbox", "actionButtons", "showPurchaseDescAndPrice", "showArticleNr", "customerPortal", "showPriceAmount"], outputs: ["checkboxValueChanged", "waitingForUserAction"] }, { kind: "component", type: TransactionLineCommissionButtonComponent, selector: "co-transaction-line-commission-button", inputs: ["inputLabel"] }, { kind: "component", type: TransactionLineWarehouseButtonComponent, selector: "co-transaction-line-warehouse-button", inputs: ["inputLabel"] }, { kind: "component", type: TransactionLineDeliveryButtonComponent, selector: "co-transaction-line-delivery-button", inputs: ["inputLabel"] }, { kind: "component", type: TransactionLineDeliveryDateButtonComponent, selector: "co-transaction-line-delivery-date-button", inputs: ["inputLabel"] }, { kind: "component", type: TransactionLineStatusbarComponent, selector: "co-transaction-line-statusbar", inputs: ["configNames", "activeCategory"] }, { kind: "component", type: TransactionLineAmountComponent, selector: "co-transaction-line-amount", inputs: ["inputLabel"] }, { kind: "component", type: TransactionLineVatButtonComponent, selector: "co-transaction-line-vat-button", inputs: ["inputLabel"] }, { kind: "component", type: TransactionLineDiscountButtonComponent, selector: "co-transaction-line-discount-button", inputs: ["configNames", "inputLabel"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "component", type: TransactionLineDirectSellButtonComponent, selector: "co-transaction-line-direct-sell-button", inputs: ["inputLabel"] }, { kind: "component", type: TransactionNavigationButtonListComponent, selector: "co-transaction-navigation-button-list", inputs: ["emptyLabel", "insideLabel", "navigationButtonIcon", "refTransactions", "showRelationButton", "inputLabel", "redService"], outputs: ["relationClick", "transactionClick", "iconClick"] }, { kind: "component", type: TransactionLineExpectedDeliveryDateButtonComponent, selector: "co-transaction-line-expected-delivery-date-button", inputs: ["inputLabel"], outputs: ["showConfirmedDeliveryDateChange"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }, { kind: "pipe", type: CoCurrencyPipe, name: "coCurrency" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionOverviewLineComponent, decorators: [{
             type: Component,
@@ -53381,6 +53524,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                                   [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
                                   [inputLabel]="true"
                           ></co-transaction-line-delivery-button>
+                          @if (showEstimatedDeliveryDate) {
+                            <co-transaction-line-expected-delivery-date-button
+                                    class="transaction-field-wrapper medium transaction-line-delivery-date two-column"
+                                    [screenConfigurationObject]="cfgNames.LineExpectedDeliveryDateCP"
+                                    [inputLabel]="true"
+                            ></co-transaction-line-expected-delivery-date-button>
+                          }
                           <co-transaction-line-delivery-date-button
                                   class="transaction-field-wrapper medium transaction-line-delivery-date two-column"
                                   [screenConfigurationObject]="cfgNames.LineDeliveryDate"
@@ -54952,6 +55102,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 }]
         }] });
 
+class TransactionLineExpectedDeliveryDateButtonModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionLineExpectedDeliveryDateButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: TransactionLineExpectedDeliveryDateButtonModule, declarations: [TransactionLineExpectedDeliveryDateButtonComponent], imports: [CommonModule,
+            TransactionButtonModule,
+            TransactionLineLabelModule,
+            PipeModule], exports: [TransactionLineExpectedDeliveryDateButtonComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionLineExpectedDeliveryDateButtonModule, imports: [CommonModule,
+            TransactionButtonModule,
+            TransactionLineLabelModule,
+            PipeModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionLineExpectedDeliveryDateButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        TransactionButtonModule,
+                        TransactionLineLabelModule,
+                        PipeModule
+                    ],
+                    declarations: [
+                        TransactionLineExpectedDeliveryDateButtonComponent
+                    ],
+                    exports: [
+                        TransactionLineExpectedDeliveryDateButtonComponent
+                    ]
+                }]
+        }] });
+
 class TransactionOverviewLineModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionOverviewLineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: TransactionOverviewLineModule, declarations: [TransactionOverviewLineComponent], imports: [CommonModule,
@@ -54984,7 +55163,8 @@ class TransactionOverviewLineModule {
             ScreenConfigurationModule,
             TransactionLineLabelModule,
             TransactionLineDirectSellButtonModule,
-            TransactionNavigationButtonListModule], exports: [TransactionOverviewLineComponent] });
+            TransactionNavigationButtonListModule,
+            TransactionLineExpectedDeliveryDateButtonModule], exports: [TransactionOverviewLineComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionOverviewLineModule, imports: [CommonModule,
             CoreModule,
             ButtonModule,
@@ -55015,7 +55195,8 @@ class TransactionOverviewLineModule {
             ScreenConfigurationModule,
             TransactionLineLabelModule,
             TransactionLineDirectSellButtonModule,
-            TransactionNavigationButtonListModule] });
+            TransactionNavigationButtonListModule,
+            TransactionLineExpectedDeliveryDateButtonModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionOverviewLineModule, decorators: [{
             type: NgModule,
@@ -55051,7 +55232,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         ScreenConfigurationModule,
                         TransactionLineLabelModule,
                         TransactionLineDirectSellButtonModule,
-                        TransactionNavigationButtonListModule
+                        TransactionNavigationButtonListModule,
+                        TransactionLineExpectedDeliveryDateButtonModule
                     ],
                     declarations: [
                         TransactionOverviewLineComponent,
@@ -63776,6 +63958,7 @@ class TransactionButtonBarModule {
                         [TransactionKind.PurchaseOrder, [
                                 { title: 'OVERVIEW', icon: Icon.CartShoppingRegular, category: TransactionTypeCategory.PurchaseOrderOverview, component: TransactionPurchaseOverviewButtonBarButtonComponent, cfgName: TransactionCfgName.RubricOverview },
                                 { title: 'CONFIRMATION', icon: Icon.MemoCircleCheckRegular, category: TransactionTypeCategory.PurchaseOrderOrderConfirmation, component: TransactionPurchaseConfirmationButtonBarButtonComponent, cfgName: TransactionCfgName.RubricConfirmation },
+                                { title: 'ACTIVITIES', icon: Icon.RegularGearCircleUser, category: TransactionTypeCategory.PurchaseOrderActivities, component: TransactionActivitiesButtonBarButtonComponent, cfgName: TransactionCfgName.RubricActivities },
                                 { title: 'ORDERING_STICKER', icon: Icon.PrintPriceTag, category: TransactionTypeCategory.PurchaseOrderSticker, cfgName: TransactionCfgName.RubricOrdering },
                                 { title: 'TRANSPORT', icon: Icon.TruckContainerSolid, category: TransactionTypeCategory.PurchaseOrderTransport, cfgName: TransactionCfgName.RubricTransport },
                                 { title: 'RECEIVED', icon: Icon.CartFlatbedBoxesSolid, category: TransactionTypeCategory.PurchaseOrderReceivedGoods, component: TransactionPurchaseReceiveGoodsButtonBarButtonComponent, cfgName: TransactionCfgName.RubricReceived },
@@ -63866,6 +64049,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                                     [TransactionKind.PurchaseOrder, [
                                             { title: 'OVERVIEW', icon: Icon.CartShoppingRegular, category: TransactionTypeCategory.PurchaseOrderOverview, component: TransactionPurchaseOverviewButtonBarButtonComponent, cfgName: TransactionCfgName.RubricOverview },
                                             { title: 'CONFIRMATION', icon: Icon.MemoCircleCheckRegular, category: TransactionTypeCategory.PurchaseOrderOrderConfirmation, component: TransactionPurchaseConfirmationButtonBarButtonComponent, cfgName: TransactionCfgName.RubricConfirmation },
+                                            { title: 'ACTIVITIES', icon: Icon.RegularGearCircleUser, category: TransactionTypeCategory.PurchaseOrderActivities, component: TransactionActivitiesButtonBarButtonComponent, cfgName: TransactionCfgName.RubricActivities },
                                             { title: 'ORDERING_STICKER', icon: Icon.PrintPriceTag, category: TransactionTypeCategory.PurchaseOrderSticker, cfgName: TransactionCfgName.RubricOrdering },
                                             { title: 'TRANSPORT', icon: Icon.TruckContainerSolid, category: TransactionTypeCategory.PurchaseOrderTransport, cfgName: TransactionCfgName.RubricTransport },
                                             { title: 'RECEIVED', icon: Icon.CartFlatbedBoxesSolid, category: TransactionTypeCategory.PurchaseOrderReceivedGoods, component: TransactionPurchaseReceiveGoodsButtonBarButtonComponent, cfgName: TransactionCfgName.RubricReceived },
@@ -83821,7 +84005,7 @@ class TransactionHeaderPaymentComponent extends TransactionHeaderBaseComponent {
       </div>
     </ng-template>
     <ng-template #firstBlockRest>
-      <div class="transaction-header-block-row" [screenConfigurationObject]="cfgNames.RemainingPayment">
+      <div class="transaction-header-block-row">
         <div class="header-remaining-payment-amount-wrapper"
              [screenConfigNativeElement]="true"
              [screenConfigurationObject]="cfgNames.HeaderPaymentAmountHeader"
@@ -83872,6 +84056,7 @@ class TransactionHeaderPaymentComponent extends TransactionHeaderBaseComponent {
         </div>
         <div
           class="header-payment-button-wrapper"
+          [screenConfigNativeElement]="true"
           [screenConfigurationObject]="cfgNames.HeaderPaymentPaymentHeader"
           (click)="openPayment($event)">
           <co-icon class="header-order-icon" [iconData]="iconCacheService.getIcon(icons.CreditCardRegularCheck)"></co-icon>
@@ -83963,7 +84148,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
       </div>
     </ng-template>
     <ng-template #firstBlockRest>
-      <div class="transaction-header-block-row" [screenConfigurationObject]="cfgNames.RemainingPayment">
+      <div class="transaction-header-block-row">
         <div class="header-remaining-payment-amount-wrapper"
              [screenConfigNativeElement]="true"
              [screenConfigurationObject]="cfgNames.HeaderPaymentAmountHeader"
@@ -84014,6 +84199,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         </div>
         <div
           class="header-payment-button-wrapper"
+          [screenConfigNativeElement]="true"
           [screenConfigurationObject]="cfgNames.HeaderPaymentPaymentHeader"
           (click)="openPayment($event)">
           <co-icon class="header-order-icon" [iconData]="iconCacheService.getIcon(icons.CreditCardRegularCheck)"></co-icon>
@@ -88060,8 +88246,12 @@ class TransactionInternalComponent {
                                 [screenConfigNativeElement]="true"
                                 [showBranchNr]="true">
                         </co-avatar>
-                        @if (!shouldShowTiles() && showViewModeButtons) {
-                            <co-view-mode-buttons
+                      @if (!shouldShowTiles() &&
+                           showViewModeButtons &&
+                           activeCategory !== category.SalesOrderActivities &&
+                           activeCategory !== category.PurchaseOrderActivities &&
+                           activeCategory !== category.SalesOrderQuotationActivities) {
+                        <co-view-mode-buttons
                                     [showViewModes]="[viewModes.List, viewModes.Tiles]"
                                     (viewModeChange)="handleViewModeChange($event)">
                             </co-view-mode-buttons>
@@ -88077,8 +88267,12 @@ class TransactionInternalComponent {
                             <co-transaction-service-overview [posOrderData]="posOrderData"></co-transaction-service-overview>
                         </div>
                     }
-                    @if (activeCategory === category.SalesOrderActivities || activeCategory === category.SalesOrderQuotationActivities && transaction && transaction.transactionInfo && transaction.transactionInfo.transactionKind === 'O') {
-                        <div>
+                  @if (activeCategory === category.SalesOrderActivities ||
+                       activeCategory === category.PurchaseOrderActivities ||
+                       activeCategory === category.SalesOrderQuotationActivities &&
+                       transaction && transaction.transactionInfo &&
+                       transaction.transactionInfo.transactionKind === 'O') {
+                    <div>
                             <co-transaction-line-activities [transactionId]="transaction.transactionInfo.id"></co-transaction-line-activities>
                         </div>
                     }
@@ -88093,6 +88287,7 @@ class TransactionInternalComponent {
                     @if ((activeViewMode === viewModes.List && !shouldShowTiles()) &&
                           activeCategory !== category.ServiceOrderService &&
                           activeCategory !== category.SalesOrderActivities &&
+                          activeCategory !== category.PurchaseOrderActivities &&
                           activeCategory !== category.SalesOrderQuotationActivities) {
                         <div class="transaction-lines-wrapper"
                         >
@@ -88105,7 +88300,8 @@ class TransactionInternalComponent {
                     }
 
                     @if (activeCategory !== category.SalesOrderQuotationActivities &&
-                    activeCategory !== category.SalesOrderActivities) {
+                         activeCategory !== category.SalesOrderActivities &&
+                         activeCategory !== category.PurchaseOrderActivities) {
                         <div class="transaction-footer-wrapper">
                             <div class="transaction-footer-left">
                                 @if (!service.invalidTransaction) {
@@ -88304,8 +88500,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                                 [screenConfigNativeElement]="true"
                                 [showBranchNr]="true">
                         </co-avatar>
-                        @if (!shouldShowTiles() && showViewModeButtons) {
-                            <co-view-mode-buttons
+                      @if (!shouldShowTiles() &&
+                           showViewModeButtons &&
+                           activeCategory !== category.SalesOrderActivities &&
+                           activeCategory !== category.PurchaseOrderActivities &&
+                           activeCategory !== category.SalesOrderQuotationActivities) {
+                        <co-view-mode-buttons
                                     [showViewModes]="[viewModes.List, viewModes.Tiles]"
                                     (viewModeChange)="handleViewModeChange($event)">
                             </co-view-mode-buttons>
@@ -88321,8 +88521,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                             <co-transaction-service-overview [posOrderData]="posOrderData"></co-transaction-service-overview>
                         </div>
                     }
-                    @if (activeCategory === category.SalesOrderActivities || activeCategory === category.SalesOrderQuotationActivities && transaction && transaction.transactionInfo && transaction.transactionInfo.transactionKind === 'O') {
-                        <div>
+                  @if (activeCategory === category.SalesOrderActivities ||
+                       activeCategory === category.PurchaseOrderActivities ||
+                       activeCategory === category.SalesOrderQuotationActivities &&
+                       transaction && transaction.transactionInfo &&
+                       transaction.transactionInfo.transactionKind === 'O') {
+                    <div>
                             <co-transaction-line-activities [transactionId]="transaction.transactionInfo.id"></co-transaction-line-activities>
                         </div>
                     }
@@ -88337,6 +88541,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     @if ((activeViewMode === viewModes.List && !shouldShowTiles()) &&
                           activeCategory !== category.ServiceOrderService &&
                           activeCategory !== category.SalesOrderActivities &&
+                          activeCategory !== category.PurchaseOrderActivities &&
                           activeCategory !== category.SalesOrderQuotationActivities) {
                         <div class="transaction-lines-wrapper"
                         >
@@ -88349,7 +88554,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     }
 
                     @if (activeCategory !== category.SalesOrderQuotationActivities &&
-                    activeCategory !== category.SalesOrderActivities) {
+                         activeCategory !== category.SalesOrderActivities &&
+                         activeCategory !== category.PurchaseOrderActivities) {
                         <div class="transaction-footer-wrapper">
                             <div class="transaction-footer-left">
                                 @if (!service.invalidTransaction) {