@colijnit/transaction 262.1.26 → 262.1.27

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, inject, 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, 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, IconModule, ListOfValuesModule, InputSearchModule, FormModule, ScreenConfigurationModule, InputRadioButtonModule, 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';
@@ -355,8 +355,8 @@ import { DateField } from '@colijnit/ioneconnector/build/factory/decorators/date
 class Version {
     name = "@colijnit/transaction";
     description = "Colijn IT transaction package";
-    symVer = "262.1.26";
-    publishDate = "30-6-2026, 17:55:19";
+    symVer = "262.1.27";
+    publishDate = "2-7-2026, 17:51:36";
 }
 
 class CheckoutModuleService extends BaseModuleService {
@@ -669,6 +669,7 @@ var Icon;
     Icon["UpFromLineRegular"] = "up_from_line_regular";
     Icon["UpFromLineRegularFull"] = "up_from_line_regular_full";
     Icon["UserRegular"] = "user_regular";
+    Icon["VoucherRegular"] = "voucher_regular";
     Icon["Warehouse"] = "warehouse";
     Icon["WorkInProgressCircleLarge"] = "work_in_progress_circle_large";
     Icon["XSolid"] = "x_solid";
@@ -1377,6 +1378,7 @@ const IconSvg = {
     "up_from_line_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M82.2 192L192 82 301.8 192H248c-13.3 0-24 10.7-24 24V336H160V216c0-13.3-10.7-24-24-24H82.2zM192 32c-11.5 0-22.5 4.6-30.6 12.7L45.6 160.8C36.9 169.5 32 181.3 32 193.6C32 219.2 52.8 240 78.4 240H112v96c0 26.5 21.5 48 48 48h64c26.5 0 48-21.5 48-48V240h33.6c25.6 0 46.4-20.8 46.4-46.4c0-12.3-4.9-24.1-13.6-32.8L222.6 44.7C214.5 36.6 203.5 32 192 32zM24 432c-13.3 0-24 10.7-24 24s10.7 24 24 24H360c13.3 0 24-10.7 24-24s-10.7-24-24-24H24z\"/></svg>",
     "up_from_line_regular_full": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\"><path d=\"M337 71C327.6 61.6 312.4 61.6 303.1 71L159 215C152.1 221.9 150.1 232.2 153.8 241.2C157.5 250.2 166.3 256 176 256L240 256L240 320L240 320L240 400C240 426.5 261.5 448 288 448L352 448C378.5 448 400 426.5 400 400L400 256L464 256C473.7 256 482.5 250.2 486.2 241.2C489.9 232.2 487.9 221.9 481 215L337 71zM352 320L352 400L288 400L288 320L288 320L288 232C288 218.7 277.3 208 264 208L233.9 208L320 121.9L406.1 208L376 208C362.7 208 352 218.7 352 232L352 320zM128 552C128 565.3 138.7 576 152 576L488 576C501.3 576 512 565.3 512 552C512 538.7 501.3 528 488 528L152 528C138.7 528 128 538.7 128 552z\"/></svg>",
     "user_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M304 128a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM49.3 464H398.7c-8.9-63.3-63.3-112-129-112H178.3c-65.7 0-120.1 48.7-129 112zM0 482.3C0 383.8 79.8 304 178.3 304h91.4C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3z\"/></svg>",
+    "voucher_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 640\"><path d=\"M80 192L80 236.9C108.7 253.5 128 284.5 128 320C128 355.5 108.7 386.6 80 403.1L80 448C80 456.8 87.2 464 96 464L544 464C552.8 464 560 456.8 560 448L560 403.1C531.3 386.5 512 355.5 512 320C512 284.5 531.3 253.4 560 236.9L560 192C560 183.2 552.8 176 544 176L96 176C87.2 176 80 183.2 80 192zM32 192C32 156.7 60.7 128 96 128L544 128C579.3 128 608 156.7 608 192L608 256C608 264.8 600.6 271.7 592.3 274.6C573.5 281.1 560 299 560 320C560 341 573.5 358.9 592.3 365.4C600.6 368.3 608 375.2 608 384L608 448C608 483.3 579.3 512 544 512L96 512C60.7 512 32 483.3 32 448L32 384C32 375.2 39.4 368.3 47.7 365.4C66.5 358.9 80 341 80 320C80 299 66.5 281.1 47.7 274.6C39.4 271.7 32 264.8 32 256L32 192zM432 368L432 272L208 272L208 368L432 368zM160 256C160 238.3 174.3 224 192 224L448 224C465.7 224 480 238.3 480 256L480 384C480 401.7 465.7 416 448 416L192 416C174.3 416 160 401.7 160 384L160 256z\"/></svg>",
     "warehouse": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M323 51.1c-1.9-.8-4.1-.8-6 0L63 154.1c-9.1 3.7-15 12.5-15 22.2L48 488c0 13.3-10.7 24-24 24s-24-10.7-24-24L0 176.3c0-29.3 17.8-55.7 44.9-66.7L299 6.6c13.5-5.5 28.6-5.5 42.1 0l254 103c27.2 11 45 37.4 45 66.7L640 488c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-311.7c0-9.8-5.9-18.6-15-22.2L323 51.1zM144 328l0 48 352 0 0-48-352 0zm0 136l352 0 0-40-352 0 0 40zm-23.7 48l-.3 0c-13.3 0-24-10.7-24-24l0-256c0-22.1 17.9-40 40-40l368 0c22.1 0 40 17.9 40 40l0 256c0 13.3-10.7 24-24 24l-.3 0-399.4 0zM144 280l352 0 0-40-352 0 0 40z\"/></svg>",
     "work_in_progress_circle_large": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 40 40\"><g ><g><path d=\"M20,40.17C8.97,40.17,0,31.19,0,20.17S8.97,.17,20,.17s20,8.97,20,20-8.97,20-20,20ZM20,1.46C9.68,1.46,1.29,9.85,1.29,20.17s8.39,18.71,18.71,18.71,18.71-8.39,18.71-18.71S30.32,1.46,20,1.46Z\" fill=\"#484f60\"/><g><path d=\"M31.74,27.25l-.08-1.41-.91-.48-1.55-.58-2.13-.1-1.45,.78-.78,.78-.19,1.55v1.36l-.1,.97-1.36,.29-1.16,.68-.97,.97-1.26,1.45h6.03c1.24-1.04,5-4.91,5.92-6.25Z\" fill=\"#484f60\"/><path d=\"M18.25,19.05l.29-4.65-.1-2.23-1.55-1.07-1.65-.48-2.33,.97-2.52,.97-1.94,.39-.19,.68,.58,2.33,.87,2.23-.68,1.36-.1,10.74,2.23,3.23,.1-1.65,.58-4.56,.39-4.07,1.84,3.49,.1,6.79h2.23v-6.21l-.1-1.94-1.55-3.3,6.73,5.76,.68-.1,.1-1.36-3.82-3.33-.19-3.98Zm-7.18-2.72l-.58-1.16,.1-1.16,2.81-.29-2.33,2.62Zm3.68,3.49l2.04-3.01-.19,2.91,.48,2.23-2.33-2.13Z\" fill=\"#484f60\"/><path d=\"M19.6,6.83c-1.29,0-2.33,1.04-2.33,2.33s1.04,2.33,2.33,2.33,2.33-1.04,2.33-2.33-1.04-2.33-2.33-2.33Z\" fill=\"#484f60\"/></g></g></g></svg>",
     "x_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M376.6 84.5c11.3-13.6 9.5-33.8-4.1-45.1s-33.8-9.5-45.1 4.1L192 206 56.6 43.5C45.3 29.9 25.1 28.1 11.5 39.4S-3.9 70.9 7.4 84.5L150.3 256 7.4 427.5c-11.3 13.6-9.5 33.8 4.1 45.1s33.8 9.5 45.1-4.1L192 306 327.4 468.5c11.3 13.6 31.5 15.4 45.1 4.1s15.4-31.5 4.1-45.1L233.7 256 376.6 84.5z\"/></svg>"
@@ -1978,6 +1980,7 @@ class TransactionEventService {
     interbranchExistingOrderNavigation = new Subject();
     serviceExistingOrderNavigation = new Subject();
     salesQuotationOrderNavigation = new Subject();
+    relationNavigationRequested = new Subject();
     relationNavigation = new Subject();
     articleNavigation = new Subject();
     transactionNavigation = new Subject();
@@ -19061,18 +19064,16 @@ class TransactionReceivingGoodsHistoryComponent {
     SimpleGridColumnTemplateType = SimpleGridColumnTemplateType;
     showDeleteButton = true;
     set goodsReceiptHistory(value) {
-        if (value) {
-            this._goodsReceiptHistory = value.reverse();
-        }
+        this._goodsReceiptHistory = value ? [...value].reverse() : [];
     }
     get goodsReceiptHistory() {
         return this._goodsReceiptHistory;
     }
+    _goodsReceiptHistory = [];
     deleteRow = new EventEmitter();
     showClass() {
         return true;
     }
-    _goodsReceiptHistory;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionReceivingGoodsHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TransactionReceivingGoodsHistoryComponent, isStandalone: false, selector: "co-transaction-receiving-goods-history", inputs: { showDeleteButton: "showDeleteButton", goodsReceiptHistory: "goodsReceiptHistory" }, outputs: { deleteRow: "deleteRow" }, host: { properties: { "class.co-transaction-receiving-goods-history": "this.showClass" } }, ngImport: i0, template: `
     <co-transaction-history-grid [showDeleteButton]="showDeleteButton"
@@ -20678,10 +20679,11 @@ class TransactionLinePurchaseReceiveGoodsComponent extends TransactionLineBaseCo
     }
     async getGoodsReceiptHistory() {
         if (this.transactionInfo.id && this.transactionLine.lineNr) {
-            this.transactionService.getGoodsReceiptHistory(this.transactionInfo.id, this.transactionLine.lineNr)
-                .then((result) => {
-                this.goodsReceiptHistory = result.goodsReceiptHistory ? result.goodsReceiptHistory : undefined;
-            });
+            const result = await this.transactionService.getGoodsReceiptHistory(this.transactionInfo.id, this.transactionLine.lineNr);
+            this.goodsReceiptHistory = result.goodsReceiptHistory
+                ? [...result.goodsReceiptHistory]
+                : [];
+            this.detectChanges();
         }
     }
     handleSaveDetailsEdit() {
@@ -37380,11 +37382,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             }] } });
 
 class VoucherCodePendingReasonDialogComponent extends DialogBaseComponent {
+    iconCacheService;
     showClass() {
         return true;
     }
+    icons = Icon;
     voucherCode = "";
     pendingReason;
+    constructor(iconCacheService) {
+        super();
+        this.iconCacheService = iconCacheService;
+    }
     handleOkClick() {
         if (this.voucherCode && this.voucherCode.length > 0) {
             this.onClose(AppPopupButtonType.Ok, this.voucherCode);
@@ -37398,44 +37406,70 @@ class VoucherCodePendingReasonDialogComponent extends DialogBaseComponent {
             this.handleOkClick();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: VoucherCodePendingReasonDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: VoucherCodePendingReasonDialogComponent, deps: [{ token: IconCacheService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: VoucherCodePendingReasonDialogComponent, isStandalone: false, selector: "co-voucher-code-pending-reason-dialog", host: { properties: { "class.co-voucher-code-pending-reason-dialog": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
-      <co-dialog [headerTemplate]="headerTemplate" (closeClick)="handleCloseClick()">
-          
+      <co-dialog
+        [headerTemplate]="headerTemplate"
+        [footerTemplate]="footerTemplate"
+        (closeClick)="handleCloseClick()"
+        [customCssClass]="'co-small-scrollbar'">
+
           <ng-template #headerTemplate >
-              <span [textContent]="'INPUT_VOUCHER_CODE' | localize"></span>
+            <div class="co-dialog-header-title-icon">
+              <co-icon [iconData]="iconCacheService.getIcon(icons.VoucherRegular)"></co-icon>
+              <div class="co-dialog-header-title" [textContent]="'INPUT_VOUCHER_CODE' | localize"></div>
+            </div>
           </ng-template>
-          
           <span class="bold" [textContent]="pendingReason"></span>
-          
           <co-input-text [(model)]="voucherCode" (keydown)="onKeyDown($event)"></co-input-text>
-          <co-button [label]="'SUBMIT' | localize" (onClick)="handleOkClick()"></co-button>
-          
+        <ng-template #footerTemplate>
+          <div class="co-dialog-footer-button-wrapper">
+            <co-button class="save-button"
+                       [iconData]="iconCacheService.getIcon(icons.CheckDuotone)"
+                       (click)="handleOkClick()"></co-button>
+            <co-button class="close-button"
+                       [iconData]="iconCacheService.getIcon(icons.Crossskinny)"
+                       (click)="handleCloseClick()"></co-button>
+          </div>
+        </ng-template>
       </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: 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: i1$1.ButtonComponent, selector: "co-button", inputs: ["label", "iconData", "iconDataRight", "isToggleButton", "isToggled", "hidden", "disabled"], outputs: ["onClick", "clickedWhileDisabled", "isToggledChange"] }, { 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.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: 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: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: VoucherCodePendingReasonDialogComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'co-voucher-code-pending-reason-dialog',
                     template: `
-      <co-dialog [headerTemplate]="headerTemplate" (closeClick)="handleCloseClick()">
-          
+      <co-dialog
+        [headerTemplate]="headerTemplate"
+        [footerTemplate]="footerTemplate"
+        (closeClick)="handleCloseClick()"
+        [customCssClass]="'co-small-scrollbar'">
+
           <ng-template #headerTemplate >
-              <span [textContent]="'INPUT_VOUCHER_CODE' | localize"></span>
+            <div class="co-dialog-header-title-icon">
+              <co-icon [iconData]="iconCacheService.getIcon(icons.VoucherRegular)"></co-icon>
+              <div class="co-dialog-header-title" [textContent]="'INPUT_VOUCHER_CODE' | localize"></div>
+            </div>
           </ng-template>
-          
           <span class="bold" [textContent]="pendingReason"></span>
-          
           <co-input-text [(model)]="voucherCode" (keydown)="onKeyDown($event)"></co-input-text>
-          <co-button [label]="'SUBMIT' | localize" (onClick)="handleOkClick()"></co-button>
-          
+        <ng-template #footerTemplate>
+          <div class="co-dialog-footer-button-wrapper">
+            <co-button class="save-button"
+                       [iconData]="iconCacheService.getIcon(icons.CheckDuotone)"
+                       (click)="handleOkClick()"></co-button>
+            <co-button class="close-button"
+                       [iconData]="iconCacheService.getIcon(icons.Crossskinny)"
+                       (click)="handleCloseClick()"></co-button>
+          </div>
+        </ng-template>
       </co-dialog>
   `,
                     encapsulation: ViewEncapsulation.None,
                     standalone: false
                 }]
-        }], propDecorators: { showClass: [{
+        }], ctorParameters: () => [{ type: IconCacheService }], propDecorators: { showClass: [{
                 type: HostBinding,
                 args: ['class.co-voucher-code-pending-reason-dialog']
             }] } });
@@ -37446,12 +37480,14 @@ class VoucherCodePendingReasonDialogModule {
             CoDialogModule,
             InputTextModule,
             PipeModule,
-            ButtonModule], exports: [VoucherCodePendingReasonDialogComponent] });
+            ButtonModule,
+            IconModule], exports: [VoucherCodePendingReasonDialogComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: VoucherCodePendingReasonDialogModule, imports: [CommonModule,
             CoDialogModule,
             InputTextModule,
             PipeModule,
-            ButtonModule] });
+            ButtonModule,
+            IconModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: VoucherCodePendingReasonDialogModule, decorators: [{
             type: NgModule,
@@ -37461,7 +37497,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         CoDialogModule,
                         InputTextModule,
                         PipeModule,
-                        ButtonModule
+                        ButtonModule,
+                        IconModule
                     ],
                     declarations: [
                         VoucherCodePendingReasonDialogComponent
@@ -38669,7 +38706,14 @@ class TransactionHeaderPopupBaseComponent extends TransactionHeaderBaseComponent
                 await this._askForSave();
             }
             else {
-                this.transactionEventService.headerPopupClose.next(false);
+                this.transactionEventService.headerPopupClose.next({ commit: false, relationData: null });
+            }
+        }), this.transactionEventService.relationNavigationRequested.subscribe(async (relationData) => {
+            if (this.dirty) {
+                await this._askForSave(relationData);
+            }
+            else {
+                this.transactionEventService.headerPopupClose.next({ commit: false, relationData: relationData });
             }
         }));
         if (this.transactionHeaderService.readonly) {
@@ -38683,7 +38727,7 @@ class TransactionHeaderPopupBaseComponent extends TransactionHeaderBaseComponent
         this._subs.forEach(s => s.unsubscribe());
         super.ngOnDestroy();
     }
-    async saveObjects() {
+    async saveObjects(relationInfo = null) {
         const updatedAddressForNewRelation = this.selectedDeliveryLocalHash && !this.relation.relationId;
         if (this.formMasterService.submitSlaves()) {
             this.transactionEventService.headerPopupSaving.next(true);
@@ -38718,7 +38762,10 @@ class TransactionHeaderPopupBaseComponent extends TransactionHeaderBaseComponent
             finally {
                 this.transactionEventService.headerPopupSaving.next(false);
             }
-            this.transactionEventService.headerPopupClose.next(true);
+            if (relationInfo) {
+                this.transactionEventService.headerPopupClose.next({ commit: true, relationData: relationInfo });
+            }
+            this.transactionEventService.headerPopupClose.next({ commit: true, relationData: null });
         }
     }
     async saveRelation() {
@@ -38758,13 +38805,13 @@ class TransactionHeaderPopupBaseComponent extends TransactionHeaderBaseComponent
         this.dirty = true;
         this.transactionEventService.headerPopupSaveButtonEnableChange.next(this.dirty);
     }
-    async _askForSave() {
+    async _askForSave(relationInfo = null) {
         const response = await this.dialogService.showYesNo('SAVE', 'MESSAGE_SAVE_CHANGES');
         if (response.button === AppPopupButtonType.Yes) {
-            await this.saveObjects();
+            await this.saveObjects(relationInfo);
         }
         else {
-            this.transactionEventService.headerPopupClose.next(false);
+            this.transactionEventService.headerPopupClose.next({ commit: false, relationData: relationInfo });
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionHeaderPopupBaseComponent, deps: [{ token: TransactionHeaderService }, { token: TransactionEventService }, { token: TransactionService }, { token: IconCacheService }, { token: TransactionScreenConfigurationService }, { token: DictionaryService }, { token: TransactionImageService }, { token: i0.ChangeDetectorRef }, { token: TransactionDialogService }, { token: i1$1.FormMasterService }, { token: TransactionRelationService }], target: i0.ɵɵFactoryTarget.Directive });
@@ -39450,7 +39497,7 @@ class TransactionHeaderPopupRelationComponent extends TransactionHeaderPopupBase
         if (!clonedRelation || !clonedRelation.relationType) {
             return;
         }
-        this.transactionEventService.relationNavigation.next({ relationNr: Number(clonedRelation.relationNumber), relationKind: clonedRelation.relationType });
+        this.transactionEventService.relationNavigationRequested.next({ relationNr: Number(clonedRelation.relationNumber), relationKind: clonedRelation.relationType });
     }
     // protected transactionSet() {
     //     super.transactionSet();
@@ -43274,9 +43321,12 @@ class TransactionHeaderPopupComponent {
             this.okButtonEnabled = enabled;
         }), this._transactionEventService.headerPopupSaving.subscribe((isSaving) => {
             this.saving = isSaving;
-        }), this._transactionEventService.headerPopupClose.subscribe(async (commit) => {
-            const result = commit ? true : await this._transactionService.rollback(true);
+        }), this._transactionEventService.headerPopupClose.subscribe(async (eventInfo) => {
+            const result = eventInfo.commit ? true : await this._transactionService.rollback(true);
             if (result) {
+                if (eventInfo.relationData) {
+                    this._transactionEventService.relationNavigation.next(eventInfo.relationData);
+                }
                 this.closeClick.emit();
             }
         }));
@@ -103968,6 +104018,7 @@ class TransactionLineWarehouseCcGeneralComponent extends TransactionLineWarehous
     commissionCodeDisplayList = [];
     warehouseDescription;
     commissionCodeDescription;
+    commissionCodeReadonly = false;
     constructor(element, iconCacheService, _transactionService, _changeDetector) {
         super(element);
         this.element = element;
@@ -104018,7 +104069,7 @@ class TransactionLineWarehouseCcGeneralComponent extends TransactionLineWarehous
         this._changeDetector.detectChanges();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionLineWarehouseCcGeneralComponent, deps: [{ token: i0.ElementRef }, { token: IconCacheService }, { token: TransactionService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionLineWarehouseCcGeneralComponent, isStandalone: false, selector: "co-transaction-line-warehouse-cc-general", host: { properties: { "class.co-transaction-line-warehouse-cc-general": "this.showClass" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionLineWarehouseCcGeneralComponent, isStandalone: false, selector: "co-transaction-line-warehouse-cc-general", inputs: { commissionCodeReadonly: "commissionCodeReadonly" }, host: { properties: { "class.co-transaction-line-warehouse-cc-general": "this.showClass" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
       <div class="warehouse-cc-tab-content-wrapper co-small-scrollbar" [class.purchase]="transKind.PurchaseOrder">
         @if (transactionKind !== transKind.PurchaseOrder && transactionKind !== transKind.CashDesk) {
           <div class="transaction-line-warehouse-cc-section">
@@ -104030,6 +104081,7 @@ class TransactionLineWarehouseCcGeneralComponent extends TransactionLineWarehous
               </div>
             </div>
             <co-transaction-line-commission-code
+              [readonly]="commissionCodeReadonly"
               [value]="commissionCode"
               [useModel]="false"
               [forceWritable]="true"
@@ -104069,6 +104121,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
               </div>
             </div>
             <co-transaction-line-commission-code
+              [readonly]="commissionCodeReadonly"
               [value]="commissionCode"
               [useModel]="false"
               [forceWritable]="true"
@@ -104097,6 +104150,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: IconCacheService }, { type: TransactionService }, { type: i0.ChangeDetectorRef }], propDecorators: { showClass: [{
                 type: HostBinding,
                 args: ['class.co-transaction-line-warehouse-cc-general']
+            }], commissionCodeReadonly: [{
+                type: Input
             }] } });
 
 class TransactionLineWarehouseCcDirectsellComponent extends TransactionLineWarehouseCcBaseComponent {
@@ -104601,6 +104656,7 @@ class DialogTransactionLineWarehouseCcComponent extends DialogBaseComponent {
         <div class="warehouse-cc-tabs-content">
           <co-transaction-line-warehouse-cc-general #general class="tab-content"
             [showing]="activeTab === tab.General"
+            [commissionCodeReadonly]="transactionLine.articleFreeCommissionCode === false"
             [transactionKind]="transactionKind"
             [(commissionCode)]="commissionCode"
             [(warehouse)]="warehouse"
@@ -104664,7 +104720,7 @@ class DialogTransactionLineWarehouseCcComponent extends DialogBaseComponent {
           (click)="handleCloseDialog($event, buttonType.Cancel)"></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.InputNumberPickerComponent, selector: "co-input-number-picker", inputs: ["model", "modelChangeOnEnter", "showPermanentLabel", "leftIconData", "min", "step", "max", "ngModelOptions", "minusIcon", "plusIcon", "buttonShowMode", "noValidation", "decimals"], outputs: ["modelChange", "iconClick"] }, { 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.ListOfValuesComponent, selector: "co-list-of-values", inputs: ["model", "multiselect", "showToggleAll", "largeCollection", "displayField", "optionIcon", "collection", "collectionLoadFn", "collectionLoadFnProp", "leftIconData", "searchPlaceholder", "searchDisabled", "showChips"] }, { 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: TransactionLineWarehouseCcGeneralComponent, selector: "co-transaction-line-warehouse-cc-general" }, { kind: "component", type: TransactionLineWarehouseCcDirectsellComponent, selector: "co-transaction-line-warehouse-cc-directsell", inputs: ["selectedSupplier", "directSellPurchaseOrderNumber", "stockForecastDeliveryDate"], outputs: ["selectedSupplierChange", "directSellPurchaseOrderNumberChange", "stockForecastDeliveryDateChange"] }, { kind: "component", type: TransactionLineWarehouseCcInterbranchComponent, selector: "co-transaction-line-warehouse-cc-interbranch" }, { 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.InputNumberPickerComponent, selector: "co-input-number-picker", inputs: ["model", "modelChangeOnEnter", "showPermanentLabel", "leftIconData", "min", "step", "max", "ngModelOptions", "minusIcon", "plusIcon", "buttonShowMode", "noValidation", "decimals"], outputs: ["modelChange", "iconClick"] }, { 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.ListOfValuesComponent, selector: "co-list-of-values", inputs: ["model", "multiselect", "showToggleAll", "largeCollection", "displayField", "optionIcon", "collection", "collectionLoadFn", "collectionLoadFnProp", "leftIconData", "searchPlaceholder", "searchDisabled", "showChips"] }, { 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: TransactionLineWarehouseCcGeneralComponent, selector: "co-transaction-line-warehouse-cc-general", inputs: ["commissionCodeReadonly"] }, { kind: "component", type: TransactionLineWarehouseCcDirectsellComponent, selector: "co-transaction-line-warehouse-cc-directsell", inputs: ["selectedSupplier", "directSellPurchaseOrderNumber", "stockForecastDeliveryDate"], outputs: ["selectedSupplierChange", "directSellPurchaseOrderNumberChange", "stockForecastDeliveryDateChange"] }, { kind: "component", type: TransactionLineWarehouseCcInterbranchComponent, selector: "co-transaction-line-warehouse-cc-interbranch" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DialogTransactionLineWarehouseCcComponent, decorators: [{
             type: Component,
@@ -104713,6 +104769,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         <div class="warehouse-cc-tabs-content">
           <co-transaction-line-warehouse-cc-general #general class="tab-content"
             [showing]="activeTab === tab.General"
+            [commissionCodeReadonly]="transactionLine.articleFreeCommissionCode === false"
             [transactionKind]="transactionKind"
             [(commissionCode)]="commissionCode"
             [(warehouse)]="warehouse"