@colijnit/transaction 300.1.12 → 300.1.13

package/fesm2022/colijnit-transaction.mjs

@@ -256,9 +256,9 @@ import { PurchaseAdviceFilters } from '@colijnit/transactionapi/build/model/purc
 import { GetArticlePriceRequest } from '@colijnit/articleapi/build/model/get-article-price-request';
 import { PriceListType } from '@colijnit/articleapi/build/enum/refcode/price-list-type.enum';
 import { RouterModule } from '@angular/router';
+import { SearchType } from '@colijnit/transactionapi/build/enum/search-type.enum';
 import { QuantityInHistoricState } from '@colijnit/transactionapi/build/enum/quantity-in-historic-state.enum';
 import { TagCategory } from '@colijnit/mainapi/build/enum/tab-category.enum';
-import { SearchType } from '@colijnit/transactionapi/build/enum/search-type.enum';
 import { BatchTransactionSendingRequest } from '@colijnit/transactionapi/build/model/batch-transaction-sending-request';
 import { ChangeHeadersTransactionsDefinitiveRequest } from '@colijnit/transactionapi/build/model/change-headers-transactions-definitive-request';
 import { SetMultipleTransportNotificationsInContainerOnSelectedLinesRequest } from '@colijnit/transactionapi/build/model/set-multiple-transport-notifications-in-container-on-selected-lines-request';
@@ -356,8 +356,8 @@ import { DateField } from '@colijnit/ioneconnector/build/factory/decorators/date
 class Version {
     name = "@colijnit/transaction";
     description = "Colijn IT transaction package";
-    symVer = "300.1.12";
-    publishDate = "8/19/2026, 9:58:22 AM";
+    symVer = "300.1.13";
+    publishDate = "19-8-2026, 16:43:20";
 }
 
 class CheckoutModuleService extends BaseModuleService {
@@ -2052,6 +2052,7 @@ class TransactionEventService {
     removeFromContainerRequested = new Subject;
     removeFromContainerSuccess = new Subject;
     requestFocusOnArticleField = new Subject;
+    transportNotificationsSet = new Subject;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionEventService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionEventService, providedIn: "root" });
 }
@@ -10455,21 +10456,17 @@ class TransactionBaseService extends BaseModuleService {
             inputTransactions = inputRefTransactions.filter(r => r.refRowNumbers.split(",").indexOf(lineNr.toString()) > -1);
         }
         for (let i = 0; i < inputTransactions.length; i++) {
-            const request = new TransactionSearchViewRequest();
-            request.transactionKind = inputTransactions[i].refTransactionType;
-            if (inputRefTransactions[i].refTransactionType !== RefTransactionType.PurchaseInvoice) {
+            if (inputTransactions[i].refTransactionType.toString().length === 1) {
+                const request = new TransactionSearchViewRequest();
+                request.transactionKind = inputTransactions[i].refTransactionType;
                 request.transNr = parseInt(inputTransactions[i].refTransactionNr);
+                const transSearchResult = await this.searchTransactions(request);
+                transSearchResult.transactions.forEach((transaction) => {
+                    refTransactions.push(new TransactionRefTransaction(transaction.transId, transaction.transNr.toString(), transaction.transactionKind, transaction.relationNr, transaction.relationName));
+                });
             }
-            const transSearchResult = await this.searchTransactions(request);
-            if (transSearchResult.transactions && transSearchResult.transactions.length > 0) {
-                switch (refTransactionType) {
-                    default:
-                        refTransactions.push(new TransactionRefTransaction(transSearchResult.transactions[0].transId, transSearchResult.transactions[0].transNr.toString(), transSearchResult.transactions[0].transactionKind, transSearchResult.transactions[0].relationNr, transSearchResult.transactions[0].relationName));
-                        break;
-                    case RefTransactionType.PurchaseInvoice:
-                        refTransactions.push(new TransactionRefTransaction(transSearchResult.transactions[0].transId, inputRefTransactions[i].refTransactionNr, inputRefTransactions[i].refTransactionType, transSearchResult.transactions[0].relationNr, transSearchResult.transactions[0].relationName));
-                        break;
-                }
+            else {
+                refTransactions.push(new TransactionRefTransaction(undefined, inputRefTransactions[i].refTransactionNr, inputRefTransactions[i].refTransactionType, undefined, undefined));
             }
         }
         return refTransactions;
@@ -13291,7 +13288,9 @@ class TransactionService extends PendingReasonService {
             request = this.addSelectedLineDetailsToTransportNotificationRequest(request);
             const response = await this.connector.setTransportNotificationOnSelectedLines(request);
             this.transactionDirty = true;
-            return this.handleLineOperationStatuses(response, true);
+            const result = await this.handleLineOperationStatuses(response, true);
+            this.transactionEventService.transportNotificationsSet.next();
+            return result;
         }
         else {
             return false;
@@ -13460,14 +13459,17 @@ class TransactionService extends PendingReasonService {
         if (transactionId && analysisId && lines && lines.length > 0) {
             const selectedLinesForAI = lines.filter(l => l.linkedAnalysisResultId !== null && l.linkedAnalysisResultId !== undefined);
             const orderConfirmationTransactionLinks = [];
-            selectedLinesForAI.forEach(l => {
-                const orderConfirmationTransactionLink = new OrderConfirmationTransactionLink();
-                orderConfirmationTransactionLink.transactionId = transactionId;
-                orderConfirmationTransactionLink.transactionLineNumber = l.lineNr;
-                orderConfirmationTransactionLink.orderConfirmationAnalysisResultId = l.linkedAnalysisResultId;
-                orderConfirmationTransactionLinks.push(orderConfirmationTransactionLink);
-            });
-            return this.connector.linkTransactionToOrderConfirmation(analysisId, orderConfirmationTransactionLinks);
+            //You can have an analysis available and still decide to not actually confirm any lines via AI.
+            if (selectedLinesForAI.length > 0) {
+                selectedLinesForAI.forEach(l => {
+                    const orderConfirmationTransactionLink = new OrderConfirmationTransactionLink();
+                    orderConfirmationTransactionLink.transactionId = transactionId;
+                    orderConfirmationTransactionLink.transactionLineNumber = l.lineNr;
+                    orderConfirmationTransactionLink.orderConfirmationAnalysisResultId = l.linkedAnalysisResultId;
+                    orderConfirmationTransactionLinks.push(orderConfirmationTransactionLink);
+                });
+                return this.connector.linkTransactionToOrderConfirmation(analysisId, orderConfirmationTransactionLinks);
+            }
         }
         return Promise.resolve(true);
     }
@@ -26527,49 +26529,45 @@ class DeliveryPlanningOverviewComponent {
     async planSelectedLines(transportDay, week) {
         let planOrder = await this._transactionCon.getPlanOrder(this._transaction.currentTransaction.transactionInfo.id);
         await this.getSequenceOrderValue(planOrder);
-        // await this.getOrderLinesPlanned(planOrder);
-        await this.getOrderLinesNotPlanned(planOrder);
+        await this.getOrderLinesPlanned(planOrder);
         if (planOrder.partDelivery) {
-            let selectedLines = this._transaction.currentTransaction.transactionLines.filter((transLines) => transLines.selected);
-            //Does the order already exist?
-            if (transportDay?.plannedOrders?.find(order => order.transId === planOrder.transId)) {
-                //Yes the order exists
-                //If the line(s) we're trying to plan already are planned we need to validate if we need to plan anyway
-                let cantPlanSelectedLines = [];
-                if (selectedLines.length > 0) {
-                    transportDay.plannedOrders.find((plannedOrder) => plannedOrder.transId === planOrder.transId).lines.forEach((plannedLine) => {
-                        if (selectedLines.find((selectedLine) => selectedLine.lineNr === plannedLine.originalLineNr)) {
-                            cantPlanSelectedLines.push(plannedLine);
-                        }
-                    });
-                    if (cantPlanSelectedLines.length === planOrder.lines.length) {
-                        await this._dialog.showError('NO_LINES_TO_PLAN', true);
-                        return;
-                    }
-                }
-                else {
-                    await this._dialog.showError('NO_LINES_SELECTED', true);
+            let selectedLines = this._transaction.currentTransaction.transactionLines.filter((transLine) => transLine.selected);
+            if (selectedLines.length === 0) {
+                await this._dialog.showError("NO_LINES_SELECTED", true);
+                return;
+            }
+            let plannedOrder = transportDay?.plannedOrders?.find((plannedOrder) => plannedOrder.transId === planOrder.transId);
+            // Does the order already exist?
+            if (plannedOrder) {
+                // Yes, the order exists.
+                // Check which of the selected lines are already planned.
+                let cantPlanSelectedLines = plannedOrder.lines.filter((plannedLine) => selectedLines.some((selectedLine) => selectedLine.lineNr === plannedLine.originalLineNr));
+                // If all selected lines are already planned there is nothing left to plan.
+                if (cantPlanSelectedLines.length === selectedLines.length) {
+                    await this._dialog.showError("NO_LINES_TO_PLAN", true);
                     return;
                 }
-                let plannedOrder = transportDay.plannedOrders.find((plannedOrder) => plannedOrder.transId === planOrder.transId);
-                //All lines that need to be planned for an order are in planOrder now
-                //Which means that we just filter the lines out that DON'T match a selected line AND are planned
-                planOrder.lines.filter((toPlanLine) => !plannedOrder.lines.find((plannedOrderLine) => plannedOrderLine.originalLineNr === toPlanLine.originalLineNr)
-                    && !selectedLines.find((selectedLine) => selectedLine.lineNr === toPlanLine.originalLineNr));
+                // Only keep lines that are selected and aren't already planned.
+                planOrder.lines = planOrder.lines.filter((toPlanLine) => !plannedOrder.lines.some((plannedOrderLine) => plannedOrderLine.originalLineNr === toPlanLine.originalLineNr)
+                    && selectedLines.some((selectedLine) => selectedLine.lineNr === toPlanLine.originalLineNr));
             }
             else {
-                //Order does not exist, lets prepare it with the selected lines
-                //Filter the lines for only the selected ones
-                planOrder.lines = planOrder.lines.filter(plannedOrderLine => selectedLines.find((selectedLine) => plannedOrderLine.originalLineNr === selectedLine.lineNr));
+                // Order does not exist, prepare it with the selected lines.
+                planOrder.lines = planOrder.lines.filter((plannedOrderLine) => selectedLines.some((selectedLine) => plannedOrderLine.originalLineNr === selectedLine.lineNr));
+            }
+            // Safeguard in case there are no lines remaining after filtering.
+            if (planOrder.lines.length === 0) {
+                await this._dialog.showError("NO_LINES_TO_PLAN", true);
+                return;
             }
         }
-        planOrder.lines.forEach((line, index) => {
-            let matchedTransLine = this._transaction.currentTransaction.transactionLines.find(transLine => transLine.lineNr === line.originalLineNr);
+        planOrder.lines.forEach((line) => {
+            let matchedTransLine = this._transaction.currentTransaction.transactionLines.find((transLine) => transLine.lineNr === line.originalLineNr);
             if (matchedTransLine) {
                 line.amountToPlan = matchedTransLine.amountSelected;
             }
         });
-        //If the mode is transaction planning we need to emit an event
+        // If the mode is transaction planning we need to emit an event.
         if (this.deliveryPlanningService.currentPlanningMode === DeliveryPlanningModes.Transaction) {
             this.deliveryPlanningService.currentPlanningPlanOrder = planOrder;
             this.deliveryPlanningService.currentPlanningTransportDay = transportDay;
@@ -26577,8 +26575,7 @@ class DeliveryPlanningOverviewComponent {
             this.deliveryPlanningService.showPlanningPopup.emit();
         }
         else {
-            //If we're planning from planning then:
-            //Send the prepared order to the
+            // If we're planning from planning, open the planning popup.
             this.openPlanningPopup(planOrder, transportDay, week);
         }
     }
@@ -47090,250 +47087,250 @@ class TransactionOrderTileComponent extends TransactionSearchTileBaseComponent {
         return `Week ${weekNumber}`;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionOrderTileComponent, deps: [{ token: IconCacheService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionOrderTileComponent, isStandalone: false, selector: "co-transaction-order-tile", inputs: { showAvatar: "showAvatar" }, usesInheritance: true, ngImport: i0, template: `
-
-<div class="transaction-order-lines-wrapper">
-  <div class="transaction-order-info">
-    @if (transaction.transType === 'R') {
-      <div class="order-detail-section">
-        <span [textContent]="'CREATED_ON' | localize"></span>
-        <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
-      </div>
-      <div class="order-detail-section">
-        <span [textContent]="'RETURN_NUMBER' | localize"></span>
-        <span [textContent]="transaction.transNr"></span>
-      </div>
-    }
-    @if (transaction.transType !== 'R') {
-      <div class="order-number-info">
-        <span [textContent]="(transaction.transactionKind === 'S' ? ('SERVICE_NUMBER' | localize) : ('ORDER_NUMBER' | localize))"></span>
-        <span [textContent]="transaction.transNr"></span>
-      </div>
-      <div class="order-details-info">
-        <div class="order-detail-section">
-          <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
-          <div class="value">
-            <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
-          </div>
-        </div>
-        @if (transaction.getDeliveryDate()) {
-          <div class="order-detail-section">
-            <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
-            @if (!transaction.deliveryDateDefinitive) {
-              <div class="value">
-                <span [textContent]="getWeekNumber(transaction.getDeliveryDate())"></span>
-                <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
-              </div>
-            }
-            @if (transaction.deliveryDateDefinitive) {
-              <div class="value">
-                <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'" [title]="'DELIVERY_DATE' | localize"></span>
-              </div>
-            }
-          </div>
-        }
-        <div class="order-detail-section">
-          <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
-          <div class="value"><span
-          [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
-          </div>
-        </div>
-      </div>
-    }
-  </div>
-</div>
-
-<!--div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
-<div [class]="'type-indicator color-' + transaction.transactionKind"></div>
-<div class="tile">
-  <div class="tile-header">
-    <div class="tile-upper-left">
-      <div class="transaction-tile-avatar">
-        <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
-        <span [textContent]="transaction.transNr"></span>
-      </div>
-    </div>
-    <div class="tile-upper-middle">
-      <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
-      <div class="text"><span [textContent]="transaction.branchNr"></span></div>
-    </div>
-
-    <div class="tile-upper-right">
-      <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
-        <co-transaction-statusbar
-          [screenConfigurationObject]="cfgNames.StatusBar"
-          [configNames]="statusBarConfigNames"
-          [transaction]="transaction">
-        </co-transaction-statusbar>
-      </div>
-    </div>
-  </div>
-  <div class="tile-body">
-    <div class="tile-middle-left">
-      <co-input-checkbox
-        *ngIf="showCheckbox"
-        [(model)]="transaction.selected"
-        (modelChange)="onSelectedClick(transaction)"
-      ></co-input-checkbox>
-    </div>
-    <div class="tile-middle-middle">
-      <div class="text"><span [textContent]="transaction.relationName"></span></div>
-      <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
-    </div>
-    <div class="tile-middle-right"></div>
-  </div>
-  <div class="tile-footer">
-    <div class="tile-bottom-left order-info-section">
-      <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
-      <div class="value">
-        <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
-      </div>
-    </div>
-    <div class="tile-bottom-middle order-info-section">
-      <div class="value" *ngIf="transaction.getDeliveryDate()">
-        <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
-        <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
-        <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
-        [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
-        <ng-template #indefinite>
-          <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
-        </ng-template>
-      </div>
-    </div>
-    <div class="tile-bottom-right order-info-section">
-      <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
-      <div class="value"><span
-      [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
-    </div>
-  </div>
-</div>
-</div>
-</div-->
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionOrderTileComponent, isStandalone: false, selector: "co-transaction-order-tile", inputs: { showAvatar: "showAvatar" }, usesInheritance: true, ngImport: i0, template: `
+
+<div class="transaction-order-lines-wrapper">
+  <div class="transaction-order-info">
+    @if (transaction.transType === 'R') {
+      <div class="order-detail-section">
+        <span [textContent]="'CREATED_ON' | localize"></span>
+        <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
+      </div>
+      <div class="order-detail-section">
+        <span [textContent]="'RETURN_NUMBER' | localize"></span>
+        <span [textContent]="transaction.transNr"></span>
+      </div>
+    }
+    @if (transaction.transType !== 'R') {
+      <div class="order-number-info">
+        <span [textContent]="(transaction.transactionKind === 'S' ? ('SERVICE_NUMBER' | localize) : ('ORDER_NUMBER' | localize))"></span>
+        <span [textContent]="transaction.transNr"></span>
+      </div>
+      <div class="order-details-info">
+        <div class="order-detail-section">
+          <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
+          <div class="value">
+            <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
+          </div>
+        </div>
+        @if (transaction.getDeliveryDate()) {
+          <div class="order-detail-section">
+            <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
+            @if (!transaction.deliveryDateDefinitive) {
+              <div class="value">
+                <span [textContent]="getWeekNumber(transaction.getDeliveryDate())"></span>
+                <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
+              </div>
+            }
+            @if (transaction.deliveryDateDefinitive) {
+              <div class="value">
+                <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'" [title]="'DELIVERY_DATE' | localize"></span>
+              </div>
+            }
+          </div>
+        }
+        <div class="order-detail-section">
+          <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
+          <div class="value"><span
+          [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
+          </div>
+        </div>
+      </div>
+    }
+  </div>
+</div>
+
+<!--div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
+<div [class]="'type-indicator color-' + transaction.transactionKind"></div>
+<div class="tile">
+  <div class="tile-header">
+    <div class="tile-upper-left">
+      <div class="transaction-tile-avatar">
+        <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
+        <span [textContent]="transaction.transNr"></span>
+      </div>
+    </div>
+    <div class="tile-upper-middle">
+      <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
+      <div class="text"><span [textContent]="transaction.branchNr"></span></div>
+    </div>
+
+    <div class="tile-upper-right">
+      <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
+        <co-transaction-statusbar
+          [screenConfigurationObject]="cfgNames.StatusBar"
+          [configNames]="statusBarConfigNames"
+          [transaction]="transaction">
+        </co-transaction-statusbar>
+      </div>
+    </div>
+  </div>
+  <div class="tile-body">
+    <div class="tile-middle-left">
+      <co-input-checkbox
+        *ngIf="showCheckbox"
+        [(model)]="transaction.selected"
+        (modelChange)="onSelectedClick(transaction)"
+      ></co-input-checkbox>
+    </div>
+    <div class="tile-middle-middle">
+      <div class="text"><span [textContent]="transaction.relationName"></span></div>
+      <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
+    </div>
+    <div class="tile-middle-right"></div>
+  </div>
+  <div class="tile-footer">
+    <div class="tile-bottom-left order-info-section">
+      <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
+      <div class="value">
+        <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
+      </div>
+    </div>
+    <div class="tile-bottom-middle order-info-section">
+      <div class="value" *ngIf="transaction.getDeliveryDate()">
+        <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
+        <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
+        <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
+        [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
+        <ng-template #indefinite>
+          <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
+        </ng-template>
+      </div>
+    </div>
+    <div class="tile-bottom-right order-info-section">
+      <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
+      <div class="value"><span
+      [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
+    </div>
+  </div>
+</div>
+</div>
+</div-->
 `, isInline: true, dependencies: [{ kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "pipe", type: i2$1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionOrderTileComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "co-transaction-order-tile",
-                    template: `
-
-<div class="transaction-order-lines-wrapper">
-  <div class="transaction-order-info">
-    @if (transaction.transType === 'R') {
-      <div class="order-detail-section">
-        <span [textContent]="'CREATED_ON' | localize"></span>
-        <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
-      </div>
-      <div class="order-detail-section">
-        <span [textContent]="'RETURN_NUMBER' | localize"></span>
-        <span [textContent]="transaction.transNr"></span>
-      </div>
-    }
-    @if (transaction.transType !== 'R') {
-      <div class="order-number-info">
-        <span [textContent]="(transaction.transactionKind === 'S' ? ('SERVICE_NUMBER' | localize) : ('ORDER_NUMBER' | localize))"></span>
-        <span [textContent]="transaction.transNr"></span>
-      </div>
-      <div class="order-details-info">
-        <div class="order-detail-section">
-          <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
-          <div class="value">
-            <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
-          </div>
-        </div>
-        @if (transaction.getDeliveryDate()) {
-          <div class="order-detail-section">
-            <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
-            @if (!transaction.deliveryDateDefinitive) {
-              <div class="value">
-                <span [textContent]="getWeekNumber(transaction.getDeliveryDate())"></span>
-                <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
-              </div>
-            }
-            @if (transaction.deliveryDateDefinitive) {
-              <div class="value">
-                <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'" [title]="'DELIVERY_DATE' | localize"></span>
-              </div>
-            }
-          </div>
-        }
-        <div class="order-detail-section">
-          <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
-          <div class="value"><span
-          [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
-          </div>
-        </div>
-      </div>
-    }
-  </div>
-</div>
-
-<!--div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
-<div [class]="'type-indicator color-' + transaction.transactionKind"></div>
-<div class="tile">
-  <div class="tile-header">
-    <div class="tile-upper-left">
-      <div class="transaction-tile-avatar">
-        <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
-        <span [textContent]="transaction.transNr"></span>
-      </div>
-    </div>
-    <div class="tile-upper-middle">
-      <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
-      <div class="text"><span [textContent]="transaction.branchNr"></span></div>
-    </div>
-
-    <div class="tile-upper-right">
-      <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
-        <co-transaction-statusbar
-          [screenConfigurationObject]="cfgNames.StatusBar"
-          [configNames]="statusBarConfigNames"
-          [transaction]="transaction">
-        </co-transaction-statusbar>
-      </div>
-    </div>
-  </div>
-  <div class="tile-body">
-    <div class="tile-middle-left">
-      <co-input-checkbox
-        *ngIf="showCheckbox"
-        [(model)]="transaction.selected"
-        (modelChange)="onSelectedClick(transaction)"
-      ></co-input-checkbox>
-    </div>
-    <div class="tile-middle-middle">
-      <div class="text"><span [textContent]="transaction.relationName"></span></div>
-      <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
-    </div>
-    <div class="tile-middle-right"></div>
-  </div>
-  <div class="tile-footer">
-    <div class="tile-bottom-left order-info-section">
-      <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
-      <div class="value">
-        <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
-      </div>
-    </div>
-    <div class="tile-bottom-middle order-info-section">
-      <div class="value" *ngIf="transaction.getDeliveryDate()">
-        <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
-        <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
-        <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
-        [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
-        <ng-template #indefinite>
-          <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
-        </ng-template>
-      </div>
-    </div>
-    <div class="tile-bottom-right order-info-section">
-      <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
-      <div class="value"><span
-      [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
-    </div>
-  </div>
-</div>
-</div>
-</div-->
+                    template: `
+
+<div class="transaction-order-lines-wrapper">
+  <div class="transaction-order-info">
+    @if (transaction.transType === 'R') {
+      <div class="order-detail-section">
+        <span [textContent]="'CREATED_ON' | localize"></span>
+        <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
+      </div>
+      <div class="order-detail-section">
+        <span [textContent]="'RETURN_NUMBER' | localize"></span>
+        <span [textContent]="transaction.transNr"></span>
+      </div>
+    }
+    @if (transaction.transType !== 'R') {
+      <div class="order-number-info">
+        <span [textContent]="(transaction.transactionKind === 'S' ? ('SERVICE_NUMBER' | localize) : ('ORDER_NUMBER' | localize))"></span>
+        <span [textContent]="transaction.transNr"></span>
+      </div>
+      <div class="order-details-info">
+        <div class="order-detail-section">
+          <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
+          <div class="value">
+            <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
+          </div>
+        </div>
+        @if (transaction.getDeliveryDate()) {
+          <div class="order-detail-section">
+            <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
+            @if (!transaction.deliveryDateDefinitive) {
+              <div class="value">
+                <span [textContent]="getWeekNumber(transaction.getDeliveryDate())"></span>
+                <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
+              </div>
+            }
+            @if (transaction.deliveryDateDefinitive) {
+              <div class="value">
+                <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'" [title]="'DELIVERY_DATE' | localize"></span>
+              </div>
+            }
+          </div>
+        }
+        <div class="order-detail-section">
+          <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
+          <div class="value"><span
+          [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
+          </div>
+        </div>
+      </div>
+    }
+  </div>
+</div>
+
+<!--div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
+<div [class]="'type-indicator color-' + transaction.transactionKind"></div>
+<div class="tile">
+  <div class="tile-header">
+    <div class="tile-upper-left">
+      <div class="transaction-tile-avatar">
+        <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
+        <span [textContent]="transaction.transNr"></span>
+      </div>
+    </div>
+    <div class="tile-upper-middle">
+      <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
+      <div class="text"><span [textContent]="transaction.branchNr"></span></div>
+    </div>
+
+    <div class="tile-upper-right">
+      <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
+        <co-transaction-statusbar
+          [screenConfigurationObject]="cfgNames.StatusBar"
+          [configNames]="statusBarConfigNames"
+          [transaction]="transaction">
+        </co-transaction-statusbar>
+      </div>
+    </div>
+  </div>
+  <div class="tile-body">
+    <div class="tile-middle-left">
+      <co-input-checkbox
+        *ngIf="showCheckbox"
+        [(model)]="transaction.selected"
+        (modelChange)="onSelectedClick(transaction)"
+      ></co-input-checkbox>
+    </div>
+    <div class="tile-middle-middle">
+      <div class="text"><span [textContent]="transaction.relationName"></span></div>
+      <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
+    </div>
+    <div class="tile-middle-right"></div>
+  </div>
+  <div class="tile-footer">
+    <div class="tile-bottom-left order-info-section">
+      <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
+      <div class="value">
+        <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
+      </div>
+    </div>
+    <div class="tile-bottom-middle order-info-section">
+      <div class="value" *ngIf="transaction.getDeliveryDate()">
+        <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
+        <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
+        <co-icon *ngIf="transaction.deliveryDateDefinitive; else indefinite"
+        [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
+        <ng-template #indefinite>
+          <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
+        </ng-template>
+      </div>
+    </div>
+    <div class="tile-bottom-right order-info-section">
+      <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
+      <div class="value"><span
+      [textContent]="transaction.totalPriceWithVat | currency:'EUR'"></span>
+    </div>
+  </div>
+</div>
+</div>
+</div-->
 `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
@@ -61210,236 +61207,236 @@ class TransactionPurchaseOverviewLineComponent extends TransactionLineBaseCompon
         this.transactionEventService.transactionNavigation.next({ transactionNo: ref.refTransactionNr, transactionKind: ref.refTransactionType });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionPurchaseOverviewLineComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionPurchaseOverviewLineComponent, isStandalone: false, selector: "co-transaction-purchase-overview-line", inputs: { lineIndex: "lineIndex" }, host: { properties: { "class.co-transaction-purchase-overview-line": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
-      <co-transaction-base-line
-        [lineIndex]="lineIndex"
-        [transactionInfo]="transactionInfo"
-        [transactionLine]="transactionLine"
-        [preview]="preview"
-        [isFirst]="isFirst"
-        (checkboxValueChanged)="selected = $event">
-        <div class="transaction-line-wrapper">
-          <div class="transaction-line-extended-wrapper">
-            <div class="column-full align-right">
-              <co-transaction-line-statusbar
-                [screenConfigurationObject]="cfgNames.StatusBar"
-                [configNames]="statusBarConfigNames"
-                [activeCategory]="category.PurchaseOrderOverview">
-              </co-transaction-line-statusbar>
-              <co-transaction-navigation-button-list
-                class="transaction-field-wrapper multi-list"
-                [refTransactions]="refTransList"
-                (relationClick)="handleRelationNavigation($event)"
-                (transactionClick)="handleTransactionNavigation($event)">
-              </co-transaction-navigation-button-list>
-              <co-transaction-line-warehouse-button
-                class="transaction-field-wrapper medium"
-                [screenConfigurationObject]="cfgNames.LineWarehouse"
-                [inputLabel]="true"
-              ></co-transaction-line-warehouse-button>
-              <co-transaction-line-delivery-button
-                class="transaction-field-wrapper medium"
-                [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
-                [inputLabel]="true"
-              ></co-transaction-line-delivery-button>
-              <co-transaction-line-delivery-date-button
-                class="transaction-field-wrapper medium two-column"
-                [screenConfigurationObject]="cfgNames.LineDeliveryDate"
-                [inputLabel]="true"
-              ></co-transaction-line-delivery-date-button>
-              <co-transaction-line-vat-button
-                class="transaction-field-wrapper small"
-                [screenConfigurationObject]="cfgNames.LineVat"
-                [inputLabel]="true"
-              ></co-transaction-line-vat-button>
-              <co-transaction-line-price
-                class="transaction-field-wrapper small transaction-line-totals-price price"
-                [screenConfigurationObject]="cfgNames.LinePrice"
-                [showLabel]="false"
-                [defaultEditMode]="false"
-                [inputLabel]="true"
-              ></co-transaction-line-price>
-              <co-transaction-line-discount-button
-                class="transaction-field-wrapper small"
-                [screenConfigurationObject]="cfgNames.LineDiscount"
-                [inputLabel]="true"
-              ></co-transaction-line-discount-button>
-              <co-transaction-line-amount
-                class="transaction-field-wrapper small amount-number-picker"
-                [screenConfigurationObject]="cfgNames.LineAmount"
-                [inputLabel]="true">
-              </co-transaction-line-amount>
-              <co-editable-label
-                class="transaction-field-wrapper small transaction-line-totals-total price"
-                [model]="transactionLine.netLineTotal | coCurrency: true"
-                [editModel]="transactionLine.netLineTotal"
-                [commit]="!readonly"
-                [readonly]="true"
-                [editMode]="false"
-                [inputLabel]="true"
-              ></co-editable-label>
-
-              @if (lineMarginInfo) {
-                <div class="transaction-field-wrapper small">
-                  <div class="inside-field">
-                    <co-transaction-button [statusColor]="true"
-                      class="no-gap"
-                      [insideLabel]="'GROSS_PROFIT_PERCENT'"
-                      [inputLabel]="true"
-                      [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
-                      [title]="lineMarginInfo?.grossProfitPercentage / 100 | percent : '1.2-2'">
-                    </co-transaction-button>
-                  </div>
-                </div>
-              }
-              @if (lineMarginInfo) {
-                <div class="transaction-field-wrapper small">
-                  <div class="inside-field">
-                    <co-transaction-button [statusColor]="true"
-                      class="no-gap"
-                      [insideLabel]="'GROSS_PROFIT_TOTAL'"
-                      [inputLabel]="true"
-                      [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
-                      [title]="lineMarginInfo?.grossProfit | coCurrency: true">
-                    </co-transaction-button>
-                  </div>
-                </div>
-              }
-              @if (lineMarginInfo) {
-                <div class="transaction-field-wrapper small">
-                  <div class="inside-field">
-                    <co-transaction-button [statusColor]="true"
-                      class="no-gap"
-                      [inputLabel]="true"
-                      [insideLabel]="'CALCULATION_FACTOR'"
-                      [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
-                      [title]="lineMarginInfo?.calculationFactor | number">
-                    </co-transaction-button>
-                  </div>
-                </div>
-              }
-            </div>
-          </div>
-        </div>
-      </co-transaction-base-line>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionPurchaseOverviewLineComponent, isStandalone: false, selector: "co-transaction-purchase-overview-line", inputs: { lineIndex: "lineIndex" }, host: { properties: { "class.co-transaction-purchase-overview-line": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
+      <co-transaction-base-line
+        [lineIndex]="lineIndex"
+        [transactionInfo]="transactionInfo"
+        [transactionLine]="transactionLine"
+        [preview]="preview"
+        [isFirst]="isFirst"
+        (checkboxValueChanged)="selected = $event">
+        <div class="transaction-line-wrapper">
+          <div class="transaction-line-extended-wrapper">
+            <div class="column-full align-right">
+              <co-transaction-line-statusbar
+                [screenConfigurationObject]="cfgNames.StatusBar"
+                [configNames]="statusBarConfigNames"
+                [activeCategory]="category.PurchaseOrderOverview">
+              </co-transaction-line-statusbar>
+              <co-transaction-navigation-button-list
+                class="transaction-field-wrapper multi-list"
+                [refTransactions]="refTransList"
+                (relationClick)="handleRelationNavigation($event)"
+                (transactionClick)="handleTransactionNavigation($event)">
+              </co-transaction-navigation-button-list>
+              <co-transaction-line-warehouse-button
+                class="transaction-field-wrapper medium"
+                [screenConfigurationObject]="cfgNames.LineWarehouse"
+                [inputLabel]="true"
+              ></co-transaction-line-warehouse-button>
+              <co-transaction-line-delivery-button
+                class="transaction-field-wrapper medium"
+                [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
+                [inputLabel]="true"
+              ></co-transaction-line-delivery-button>
+              <co-transaction-line-delivery-date-button
+                class="transaction-field-wrapper medium two-column"
+                [screenConfigurationObject]="cfgNames.LineDeliveryDate"
+                [inputLabel]="true"
+              ></co-transaction-line-delivery-date-button>
+              <co-transaction-line-vat-button
+                class="transaction-field-wrapper small"
+                [screenConfigurationObject]="cfgNames.LineVat"
+                [inputLabel]="true"
+              ></co-transaction-line-vat-button>
+              <co-transaction-line-price
+                class="transaction-field-wrapper small transaction-line-totals-price price"
+                [screenConfigurationObject]="cfgNames.LinePrice"
+                [showLabel]="false"
+                [defaultEditMode]="false"
+                [inputLabel]="true"
+              ></co-transaction-line-price>
+              <co-transaction-line-discount-button
+                class="transaction-field-wrapper small"
+                [screenConfigurationObject]="cfgNames.LineDiscount"
+                [inputLabel]="true"
+              ></co-transaction-line-discount-button>
+              <co-transaction-line-amount
+                class="transaction-field-wrapper small amount-number-picker"
+                [screenConfigurationObject]="cfgNames.LineAmount"
+                [inputLabel]="true">
+              </co-transaction-line-amount>
+              <co-editable-label
+                class="transaction-field-wrapper small transaction-line-totals-total price"
+                [model]="transactionLine.netLineTotal | coCurrency: true"
+                [editModel]="transactionLine.netLineTotal"
+                [commit]="!readonly"
+                [readonly]="true"
+                [editMode]="false"
+                [inputLabel]="true"
+              ></co-editable-label>
+
+              @if (lineMarginInfo) {
+                <div class="transaction-field-wrapper small">
+                  <div class="inside-field">
+                    <co-transaction-button [statusColor]="true"
+                      class="no-gap"
+                      [insideLabel]="'GROSS_PROFIT_PERCENT'"
+                      [inputLabel]="true"
+                      [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
+                      [title]="lineMarginInfo?.grossProfitPercentage / 100 | percent : '1.2-2'">
+                    </co-transaction-button>
+                  </div>
+                </div>
+              }
+              @if (lineMarginInfo) {
+                <div class="transaction-field-wrapper small">
+                  <div class="inside-field">
+                    <co-transaction-button [statusColor]="true"
+                      class="no-gap"
+                      [insideLabel]="'GROSS_PROFIT_TOTAL'"
+                      [inputLabel]="true"
+                      [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
+                      [title]="lineMarginInfo?.grossProfit | coCurrency: true">
+                    </co-transaction-button>
+                  </div>
+                </div>
+              }
+              @if (lineMarginInfo) {
+                <div class="transaction-field-wrapper small">
+                  <div class="inside-field">
+                    <co-transaction-button [statusColor]="true"
+                      class="no-gap"
+                      [inputLabel]="true"
+                      [insideLabel]="'CALCULATION_FACTOR'"
+                      [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
+                      [title]="lineMarginInfo?.calculationFactor | number">
+                    </co-transaction-button>
+                  </div>
+                </div>
+              }
+            </div>
+          </div>
+        </div>
+      </co-transaction-base-line>
       `, isInline: true, dependencies: [{ kind: "component", type: TransactionBaseLineComponent, selector: "co-transaction-base-line", inputs: ["lineIndex", "transaction", "transactionInfo", "draggable", "transactionLine", "selected", "preview", "isFirst", "checkboxValue", "showColorIndicator", "colorIndicatorColor", "checkboxReadonly", "checkbox", "actionButtons", "showPurchaseDescAndPrice", "showArticleNr", "customerPortal", "showPriceAmount"], outputs: ["dragStart", "dragEnd", "checkboxValueChanged", "waitingForUserAction"] }, { kind: "component", type: TransactionLineDeliveryDateButtonComponent, selector: "co-transaction-line-delivery-date-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: TransactionLineStatusbarComponent, selector: "co-transaction-line-statusbar", inputs: ["configNames", "activeCategory"] }, { kind: "component", type: TransactionLinePriceComponent, selector: "co-transaction-line-price", inputs: ["showLabel", "showPurchasePrice", "defaultEditMode", "editMode", "inputLabel"] }, { kind: "component", type: TransactionLineDiscountButtonComponent, selector: "co-transaction-line-discount-button", inputs: ["configNames", "inputLabel"] }, { kind: "component", type: TransactionLineAmountComponent, selector: "co-transaction-line-amount", inputs: ["inputLabel"] }, { kind: "component", type: EditableLabelComponent, selector: "co-editable-label", inputs: ["model", "editModel", "commit", "editMode", "readonly", "crossedOut", "inputLabel", "insideLabel"], outputs: ["editModelChange"] }, { kind: "component", type: TransactionLineVatButtonComponent, selector: "co-transaction-line-vat-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: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "component", type: TransactionButtonComponent, selector: "co-transaction-button", inputs: ["label", "title", "statusColor", "readonly", "hidden", "forceReadonly", "iconData", "rightIconData", "showCheckMarkLoader", "checkMarkOverlayVisible", "inputLabel", "insideLabel"], outputs: ["iconClicked"] }, { kind: "pipe", type: i2$1.DecimalPipe, name: "number" }, { kind: "pipe", type: i2$1.PercentPipe, name: "percent" }, { 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: TransactionPurchaseOverviewLineComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "co-transaction-purchase-overview-line",
-                    template: `
-      <co-transaction-base-line
-        [lineIndex]="lineIndex"
-        [transactionInfo]="transactionInfo"
-        [transactionLine]="transactionLine"
-        [preview]="preview"
-        [isFirst]="isFirst"
-        (checkboxValueChanged)="selected = $event">
-        <div class="transaction-line-wrapper">
-          <div class="transaction-line-extended-wrapper">
-            <div class="column-full align-right">
-              <co-transaction-line-statusbar
-                [screenConfigurationObject]="cfgNames.StatusBar"
-                [configNames]="statusBarConfigNames"
-                [activeCategory]="category.PurchaseOrderOverview">
-              </co-transaction-line-statusbar>
-              <co-transaction-navigation-button-list
-                class="transaction-field-wrapper multi-list"
-                [refTransactions]="refTransList"
-                (relationClick)="handleRelationNavigation($event)"
-                (transactionClick)="handleTransactionNavigation($event)">
-              </co-transaction-navigation-button-list>
-              <co-transaction-line-warehouse-button
-                class="transaction-field-wrapper medium"
-                [screenConfigurationObject]="cfgNames.LineWarehouse"
-                [inputLabel]="true"
-              ></co-transaction-line-warehouse-button>
-              <co-transaction-line-delivery-button
-                class="transaction-field-wrapper medium"
-                [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
-                [inputLabel]="true"
-              ></co-transaction-line-delivery-button>
-              <co-transaction-line-delivery-date-button
-                class="transaction-field-wrapper medium two-column"
-                [screenConfigurationObject]="cfgNames.LineDeliveryDate"
-                [inputLabel]="true"
-              ></co-transaction-line-delivery-date-button>
-              <co-transaction-line-vat-button
-                class="transaction-field-wrapper small"
-                [screenConfigurationObject]="cfgNames.LineVat"
-                [inputLabel]="true"
-              ></co-transaction-line-vat-button>
-              <co-transaction-line-price
-                class="transaction-field-wrapper small transaction-line-totals-price price"
-                [screenConfigurationObject]="cfgNames.LinePrice"
-                [showLabel]="false"
-                [defaultEditMode]="false"
-                [inputLabel]="true"
-              ></co-transaction-line-price>
-              <co-transaction-line-discount-button
-                class="transaction-field-wrapper small"
-                [screenConfigurationObject]="cfgNames.LineDiscount"
-                [inputLabel]="true"
-              ></co-transaction-line-discount-button>
-              <co-transaction-line-amount
-                class="transaction-field-wrapper small amount-number-picker"
-                [screenConfigurationObject]="cfgNames.LineAmount"
-                [inputLabel]="true">
-              </co-transaction-line-amount>
-              <co-editable-label
-                class="transaction-field-wrapper small transaction-line-totals-total price"
-                [model]="transactionLine.netLineTotal | coCurrency: true"
-                [editModel]="transactionLine.netLineTotal"
-                [commit]="!readonly"
-                [readonly]="true"
-                [editMode]="false"
-                [inputLabel]="true"
-              ></co-editable-label>
-
-              @if (lineMarginInfo) {
-                <div class="transaction-field-wrapper small">
-                  <div class="inside-field">
-                    <co-transaction-button [statusColor]="true"
-                      class="no-gap"
-                      [insideLabel]="'GROSS_PROFIT_PERCENT'"
-                      [inputLabel]="true"
-                      [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
-                      [title]="lineMarginInfo?.grossProfitPercentage / 100 | percent : '1.2-2'">
-                    </co-transaction-button>
-                  </div>
-                </div>
-              }
-              @if (lineMarginInfo) {
-                <div class="transaction-field-wrapper small">
-                  <div class="inside-field">
-                    <co-transaction-button [statusColor]="true"
-                      class="no-gap"
-                      [insideLabel]="'GROSS_PROFIT_TOTAL'"
-                      [inputLabel]="true"
-                      [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
-                      [title]="lineMarginInfo?.grossProfit | coCurrency: true">
-                    </co-transaction-button>
-                  </div>
-                </div>
-              }
-              @if (lineMarginInfo) {
-                <div class="transaction-field-wrapper small">
-                  <div class="inside-field">
-                    <co-transaction-button [statusColor]="true"
-                      class="no-gap"
-                      [inputLabel]="true"
-                      [insideLabel]="'CALCULATION_FACTOR'"
-                      [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
-                      [title]="lineMarginInfo?.calculationFactor | number">
-                    </co-transaction-button>
-                  </div>
-                </div>
-              }
-            </div>
-          </div>
-        </div>
-      </co-transaction-base-line>
+                    template: `
+      <co-transaction-base-line
+        [lineIndex]="lineIndex"
+        [transactionInfo]="transactionInfo"
+        [transactionLine]="transactionLine"
+        [preview]="preview"
+        [isFirst]="isFirst"
+        (checkboxValueChanged)="selected = $event">
+        <div class="transaction-line-wrapper">
+          <div class="transaction-line-extended-wrapper">
+            <div class="column-full align-right">
+              <co-transaction-line-statusbar
+                [screenConfigurationObject]="cfgNames.StatusBar"
+                [configNames]="statusBarConfigNames"
+                [activeCategory]="category.PurchaseOrderOverview">
+              </co-transaction-line-statusbar>
+              <co-transaction-navigation-button-list
+                class="transaction-field-wrapper multi-list"
+                [refTransactions]="refTransList"
+                (relationClick)="handleRelationNavigation($event)"
+                (transactionClick)="handleTransactionNavigation($event)">
+              </co-transaction-navigation-button-list>
+              <co-transaction-line-warehouse-button
+                class="transaction-field-wrapper medium"
+                [screenConfigurationObject]="cfgNames.LineWarehouse"
+                [inputLabel]="true"
+              ></co-transaction-line-warehouse-button>
+              <co-transaction-line-delivery-button
+                class="transaction-field-wrapper medium"
+                [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
+                [inputLabel]="true"
+              ></co-transaction-line-delivery-button>
+              <co-transaction-line-delivery-date-button
+                class="transaction-field-wrapper medium two-column"
+                [screenConfigurationObject]="cfgNames.LineDeliveryDate"
+                [inputLabel]="true"
+              ></co-transaction-line-delivery-date-button>
+              <co-transaction-line-vat-button
+                class="transaction-field-wrapper small"
+                [screenConfigurationObject]="cfgNames.LineVat"
+                [inputLabel]="true"
+              ></co-transaction-line-vat-button>
+              <co-transaction-line-price
+                class="transaction-field-wrapper small transaction-line-totals-price price"
+                [screenConfigurationObject]="cfgNames.LinePrice"
+                [showLabel]="false"
+                [defaultEditMode]="false"
+                [inputLabel]="true"
+              ></co-transaction-line-price>
+              <co-transaction-line-discount-button
+                class="transaction-field-wrapper small"
+                [screenConfigurationObject]="cfgNames.LineDiscount"
+                [inputLabel]="true"
+              ></co-transaction-line-discount-button>
+              <co-transaction-line-amount
+                class="transaction-field-wrapper small amount-number-picker"
+                [screenConfigurationObject]="cfgNames.LineAmount"
+                [inputLabel]="true">
+              </co-transaction-line-amount>
+              <co-editable-label
+                class="transaction-field-wrapper small transaction-line-totals-total price"
+                [model]="transactionLine.netLineTotal | coCurrency: true"
+                [editModel]="transactionLine.netLineTotal"
+                [commit]="!readonly"
+                [readonly]="true"
+                [editMode]="false"
+                [inputLabel]="true"
+              ></co-editable-label>
+
+              @if (lineMarginInfo) {
+                <div class="transaction-field-wrapper small">
+                  <div class="inside-field">
+                    <co-transaction-button [statusColor]="true"
+                      class="no-gap"
+                      [insideLabel]="'GROSS_PROFIT_PERCENT'"
+                      [inputLabel]="true"
+                      [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
+                      [title]="lineMarginInfo?.grossProfitPercentage / 100 | percent : '1.2-2'">
+                    </co-transaction-button>
+                  </div>
+                </div>
+              }
+              @if (lineMarginInfo) {
+                <div class="transaction-field-wrapper small">
+                  <div class="inside-field">
+                    <co-transaction-button [statusColor]="true"
+                      class="no-gap"
+                      [insideLabel]="'GROSS_PROFIT_TOTAL'"
+                      [inputLabel]="true"
+                      [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
+                      [title]="lineMarginInfo?.grossProfit | coCurrency: true">
+                    </co-transaction-button>
+                  </div>
+                </div>
+              }
+              @if (lineMarginInfo) {
+                <div class="transaction-field-wrapper small">
+                  <div class="inside-field">
+                    <co-transaction-button [statusColor]="true"
+                      class="no-gap"
+                      [inputLabel]="true"
+                      [insideLabel]="'CALCULATION_FACTOR'"
+                      [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
+                      [title]="lineMarginInfo?.calculationFactor | number">
+                    </co-transaction-button>
+                  </div>
+                </div>
+              }
+            </div>
+          </div>
+        </div>
+      </co-transaction-base-line>
       `,
                     encapsulation: ViewEncapsulation.None,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -63302,130 +63299,130 @@ class TransactionCashRegisterOrderLineComponent extends TransactionLineBaseCompo
         return true;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionCashRegisterOrderLineComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionCashRegisterOrderLineComponent, isStandalone: false, selector: "co-transaction-cash-register-order-line", inputs: { lineIndex: "lineIndex" }, host: { properties: { "class.co-transaction-cash-register-order-line": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
-      <co-transaction-base-line
-        [transactionInfo]="transactionInfo"
-        [transactionLine]="transactionLine"
-        [preview]="false"
-        [checkbox]="false"
-        [isFirst]="isFirst"
-        [lineIndex]="lineIndex"
-        [actionButtons]="false">
-
-        <div class="transaction-line-wrapper" [class.payment-line]="transactionLine && transactionLine.isPayment">
-          <div class="transaction-line-extended-wrapper">
-            <div class="column-full align-right">
-              @if (!transactionLine.isPayment) {
-                <co-transaction-line-warehouse-button
-                  class="transaction-field-wrapper medium"
-                  [inputLabel]="true">
-                </co-transaction-line-warehouse-button>
-              }
-              @if (!transactionLine.isPayment) {
-                <co-transaction-line-vat-button
-                  class="transaction-field-wrapper small"
-                  [inputLabel]="true">
-                </co-transaction-line-vat-button>
-              }
-              @if (!transactionLine.isPayment) {
-                <co-transaction-line-price
-                  class="transaction-field-wrapper small transaction-line-totals-price price"
-                  [screenConfigurationObject]="cfgNames.LinePrice"
-                  [showLabel]="false"
-                  [defaultEditMode]="false"
-                  [inputLabel]="true"
-                ></co-transaction-line-price>
-              }
-              @if (!transactionLine.isPayment) {
-                <co-transaction-line-discount-button
-                  class="transaction-field-wrapper small"
-                  [inputLabel]="true">
-                </co-transaction-line-discount-button>
-              }
-              @if (!transactionLine.isPayment) {
-                <co-transaction-line-amount
-                  [inputLabel]="true"
-                  class="transaction-field-wrapper small amount-number-picker">
-                </co-transaction-line-amount>
-              }
-              <co-editable-label
-                class="transaction-field-wrapper small transaction-line-totals-total price"
-                [class.payment-label]="transactionLine && transactionLine.isPayment"
-                [model]="transactionLine.netLineTotal | coCurrency: true"
-                [editModel]="transactionLine.netLineTotal"
-                [readonly]="true"
-                [commit]="!readonly"
-                [inputLabel]="true"
-              ></co-editable-label>
-            </div>
-          </div>
-        </div>
-      </co-transaction-base-line>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionCashRegisterOrderLineComponent, isStandalone: false, selector: "co-transaction-cash-register-order-line", inputs: { lineIndex: "lineIndex" }, host: { properties: { "class.co-transaction-cash-register-order-line": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
+      <co-transaction-base-line
+        [transactionInfo]="transactionInfo"
+        [transactionLine]="transactionLine"
+        [preview]="false"
+        [checkbox]="false"
+        [isFirst]="isFirst"
+        [lineIndex]="lineIndex"
+        [actionButtons]="false">
+
+        <div class="transaction-line-wrapper" [class.payment-line]="transactionLine && transactionLine.isPayment">
+          <div class="transaction-line-extended-wrapper">
+            <div class="column-full align-right">
+              @if (!transactionLine.isPayment) {
+                <co-transaction-line-warehouse-button
+                  class="transaction-field-wrapper medium"
+                  [inputLabel]="true">
+                </co-transaction-line-warehouse-button>
+              }
+              @if (!transactionLine.isPayment) {
+                <co-transaction-line-vat-button
+                  class="transaction-field-wrapper small"
+                  [inputLabel]="true">
+                </co-transaction-line-vat-button>
+              }
+              @if (!transactionLine.isPayment) {
+                <co-transaction-line-price
+                  class="transaction-field-wrapper small transaction-line-totals-price price"
+                  [screenConfigurationObject]="cfgNames.LinePrice"
+                  [showLabel]="false"
+                  [defaultEditMode]="false"
+                  [inputLabel]="true"
+                ></co-transaction-line-price>
+              }
+              @if (!transactionLine.isPayment) {
+                <co-transaction-line-discount-button
+                  class="transaction-field-wrapper small"
+                  [inputLabel]="true">
+                </co-transaction-line-discount-button>
+              }
+              @if (!transactionLine.isPayment) {
+                <co-transaction-line-amount
+                  [inputLabel]="true"
+                  class="transaction-field-wrapper small amount-number-picker">
+                </co-transaction-line-amount>
+              }
+              <co-editable-label
+                class="transaction-field-wrapper small transaction-line-totals-total price"
+                [class.payment-label]="transactionLine && transactionLine.isPayment"
+                [model]="transactionLine.netLineTotal | coCurrency: true"
+                [editModel]="transactionLine.netLineTotal"
+                [readonly]="true"
+                [commit]="!readonly"
+                [inputLabel]="true"
+              ></co-editable-label>
+            </div>
+          </div>
+        </div>
+      </co-transaction-base-line>
       `, isInline: true, dependencies: [{ kind: "component", type: TransactionBaseLineComponent, selector: "co-transaction-base-line", inputs: ["lineIndex", "transaction", "transactionInfo", "draggable", "transactionLine", "selected", "preview", "isFirst", "checkboxValue", "showColorIndicator", "colorIndicatorColor", "checkboxReadonly", "checkbox", "actionButtons", "showPurchaseDescAndPrice", "showArticleNr", "customerPortal", "showPriceAmount"], outputs: ["dragStart", "dragEnd", "checkboxValueChanged", "waitingForUserAction"] }, { kind: "component", type: TransactionLineWarehouseButtonComponent, selector: "co-transaction-line-warehouse-button", inputs: ["inputLabel"] }, { kind: "component", type: EditableLabelComponent, selector: "co-editable-label", inputs: ["model", "editModel", "commit", "editMode", "readonly", "crossedOut", "inputLabel", "insideLabel"], outputs: ["editModelChange"] }, { 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: "component", type: TransactionLineAmountComponent, selector: "co-transaction-line-amount", inputs: ["inputLabel"] }, { kind: "component", type: TransactionLinePriceComponent, selector: "co-transaction-line-price", inputs: ["showLabel", "showPurchasePrice", "defaultEditMode", "editMode", "inputLabel"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "pipe", type: CoCurrencyPipe, name: "coCurrency" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionCashRegisterOrderLineComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "co-transaction-cash-register-order-line",
-                    template: `
-      <co-transaction-base-line
-        [transactionInfo]="transactionInfo"
-        [transactionLine]="transactionLine"
-        [preview]="false"
-        [checkbox]="false"
-        [isFirst]="isFirst"
-        [lineIndex]="lineIndex"
-        [actionButtons]="false">
-
-        <div class="transaction-line-wrapper" [class.payment-line]="transactionLine && transactionLine.isPayment">
-          <div class="transaction-line-extended-wrapper">
-            <div class="column-full align-right">
-              @if (!transactionLine.isPayment) {
-                <co-transaction-line-warehouse-button
-                  class="transaction-field-wrapper medium"
-                  [inputLabel]="true">
-                </co-transaction-line-warehouse-button>
-              }
-              @if (!transactionLine.isPayment) {
-                <co-transaction-line-vat-button
-                  class="transaction-field-wrapper small"
-                  [inputLabel]="true">
-                </co-transaction-line-vat-button>
-              }
-              @if (!transactionLine.isPayment) {
-                <co-transaction-line-price
-                  class="transaction-field-wrapper small transaction-line-totals-price price"
-                  [screenConfigurationObject]="cfgNames.LinePrice"
-                  [showLabel]="false"
-                  [defaultEditMode]="false"
-                  [inputLabel]="true"
-                ></co-transaction-line-price>
-              }
-              @if (!transactionLine.isPayment) {
-                <co-transaction-line-discount-button
-                  class="transaction-field-wrapper small"
-                  [inputLabel]="true">
-                </co-transaction-line-discount-button>
-              }
-              @if (!transactionLine.isPayment) {
-                <co-transaction-line-amount
-                  [inputLabel]="true"
-                  class="transaction-field-wrapper small amount-number-picker">
-                </co-transaction-line-amount>
-              }
-              <co-editable-label
-                class="transaction-field-wrapper small transaction-line-totals-total price"
-                [class.payment-label]="transactionLine && transactionLine.isPayment"
-                [model]="transactionLine.netLineTotal | coCurrency: true"
-                [editModel]="transactionLine.netLineTotal"
-                [readonly]="true"
-                [commit]="!readonly"
-                [inputLabel]="true"
-              ></co-editable-label>
-            </div>
-          </div>
-        </div>
-      </co-transaction-base-line>
+                    template: `
+      <co-transaction-base-line
+        [transactionInfo]="transactionInfo"
+        [transactionLine]="transactionLine"
+        [preview]="false"
+        [checkbox]="false"
+        [isFirst]="isFirst"
+        [lineIndex]="lineIndex"
+        [actionButtons]="false">
+
+        <div class="transaction-line-wrapper" [class.payment-line]="transactionLine && transactionLine.isPayment">
+          <div class="transaction-line-extended-wrapper">
+            <div class="column-full align-right">
+              @if (!transactionLine.isPayment) {
+                <co-transaction-line-warehouse-button
+                  class="transaction-field-wrapper medium"
+                  [inputLabel]="true">
+                </co-transaction-line-warehouse-button>
+              }
+              @if (!transactionLine.isPayment) {
+                <co-transaction-line-vat-button
+                  class="transaction-field-wrapper small"
+                  [inputLabel]="true">
+                </co-transaction-line-vat-button>
+              }
+              @if (!transactionLine.isPayment) {
+                <co-transaction-line-price
+                  class="transaction-field-wrapper small transaction-line-totals-price price"
+                  [screenConfigurationObject]="cfgNames.LinePrice"
+                  [showLabel]="false"
+                  [defaultEditMode]="false"
+                  [inputLabel]="true"
+                ></co-transaction-line-price>
+              }
+              @if (!transactionLine.isPayment) {
+                <co-transaction-line-discount-button
+                  class="transaction-field-wrapper small"
+                  [inputLabel]="true">
+                </co-transaction-line-discount-button>
+              }
+              @if (!transactionLine.isPayment) {
+                <co-transaction-line-amount
+                  [inputLabel]="true"
+                  class="transaction-field-wrapper small amount-number-picker">
+                </co-transaction-line-amount>
+              }
+              <co-editable-label
+                class="transaction-field-wrapper small transaction-line-totals-total price"
+                [class.payment-label]="transactionLine && transactionLine.isPayment"
+                [model]="transactionLine.netLineTotal | coCurrency: true"
+                [editModel]="transactionLine.netLineTotal"
+                [readonly]="true"
+                [commit]="!readonly"
+                [inputLabel]="true"
+              ></co-editable-label>
+            </div>
+          </div>
+        </div>
+      </co-transaction-base-line>
       `,
                     encapsulation: ViewEncapsulation.None,
                     standalone: false
@@ -67527,21 +67524,41 @@ class TransactionFilterContentBaseComponent {
     changeDetector;
     relationService;
     transationConnectorService;
+    dictionaryService;
     filterItems;
     totalActiveFiltersChange = new EventEmitter();
     searchPlaceholder = SearchPlaceholder;
     searchRequest;
     filterButtonLabel = "SEARCH_IMPERATIVE";
     totalActiveFilters = 0;
+    labelBasedOnSearchType = new Map([
+        [SearchType.OpenQuotations, "OPEN_QUOTATIONS"],
+        [SearchType.SalesOrderReadyForFullDelivery, "SALES_ORDERS_READY_FOR_FULL_DELIVERY"],
+        [SearchType.SalesOrderWithPartialDelivery, "SALES_ORDERS_WITH_PARTIAL_DELIVERY"],
+        [SearchType.OutstandingDepositPayments, "OUTSTANDING_DEPOSIT_PAYMENTS"],
+        [SearchType.DelayedDeliveries, "DELAYED_DELIVERIES"],
+        [SearchType.SalesOrdersToBeInvoiced, "SALES_ORDERS_TO_BE_INVOICED"],
+        [SearchType.SalesOrdersToBePlanned, "SALES_ORDERS_TO_BE_PLANNED"],
+        [SearchType.PurchaseOrdersToBeOrdered, "PURCHASE_ORDERS_TO_BE_ORDERED"],
+        [SearchType.PurchaseOrdersNotDelivered, "PURCHASE_ORDERS_NOT_DELIVERED"],
+        [SearchType.PurchaseOrdersUnconfirmed, "PURCHASE_ORDERS_UNCONFIRMED"],
+        [SearchType.PurchaseOrdersPartleUnconfirmed, "PURCHASE_ORDERS_PARTIALLY_UNCONFIRMED"],
+        [SearchType.PurchaseOrdersLateDelivery, "PURCHASE_ORDERS_LATE_DELIVERY"],
+        [SearchType.PurchaseOrdersPartlyDelivered, "PURCHASE_ORDERS_PARTLY_DELIVERED"],
+        [SearchType.PurchaseInvoicesToBeReceived, "PURCHASE_INVOICES_TO_BE_RECEIVED"],
+        [SearchType.GoodsArrivedNotification, "ARRIVED_GOODS"],
+        [SearchType.DeliveryDelayNotification, "DELAYED_DELIVERIES_FOR_NOTIFICATION"],
+    ]);
     _childFilterCounts = [];
     _subs = [];
-    constructor(searchService, filterRequestService, transactionService, changeDetector, relationService, transationConnectorService) {
+    constructor(searchService, filterRequestService, transactionService, changeDetector, relationService, transationConnectorService, dictionaryService) {
         this.searchService = searchService;
         this.filterRequestService = filterRequestService;
         this.transactionService = transactionService;
         this.changeDetector = changeDetector;
         this.relationService = relationService;
         this.transationConnectorService = transationConnectorService;
+        this.dictionaryService = dictionaryService;
         this.searchRequest = this.searchService.searchRequest;
     }
     ngOnInit() {
@@ -67582,12 +67599,12 @@ class TransactionFilterContentBaseComponent {
     _scrollToTop() {
         window.scrollTo({ top: 0, behavior: 'smooth' });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionFilterContentBaseComponent, deps: [{ token: TransactionSearchService }, { token: FilterRequestService }, { token: TransactionService }, { token: i0.ChangeDetectorRef }, { token: TransactionRelationService }, { token: TransactionConnectorService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionFilterContentBaseComponent, deps: [{ token: TransactionSearchService }, { token: FilterRequestService }, { token: TransactionService }, { token: i0.ChangeDetectorRef }, { token: TransactionRelationService }, { token: TransactionConnectorService }, { token: DictionaryService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: TransactionFilterContentBaseComponent, isStandalone: true, outputs: { totalActiveFiltersChange: "totalActiveFiltersChange" }, viewQueries: [{ propertyName: "filterItems", predicate: TransactionFilterItemComponent, descendants: true }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionFilterContentBaseComponent, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: TransactionSearchService }, { type: FilterRequestService }, { type: TransactionService }, { type: i0.ChangeDetectorRef }, { type: TransactionRelationService }, { type: TransactionConnectorService }], propDecorators: { filterItems: [{
+        }], ctorParameters: () => [{ type: TransactionSearchService }, { type: FilterRequestService }, { type: TransactionService }, { type: i0.ChangeDetectorRef }, { type: TransactionRelationService }, { type: TransactionConnectorService }, { type: DictionaryService }], propDecorators: { filterItems: [{
                 type: ViewChildren,
                 args: [TransactionFilterItemComponent]
             }], totalActiveFiltersChange: [{
@@ -68464,7 +68481,7 @@ class TransactionPurchaseOrderFilterContentOrderComponent extends TransactionFil
     }
     _setSearchTypes() {
         const searchTypes = Object.keys(SearchType).map(name => ({
-            name: name,
+            name: this.dictionaryService.get(this.labelBasedOnSearchType.get(SearchType[name])),
             value: SearchType[name]
         }));
         this.searchTypes = new FilterViewmodel(searchTypes, this.searchTypeFields).filterItems;
@@ -69842,6 +69859,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 
 class TransactionSalesOrderFilterContentOrderComponent extends TransactionFilterContentBaseComponent {
     transactionFilterContentService;
+    _dictionaryService;
     modes = FilterItemMode;
     showClass() {
         return true;
@@ -69881,9 +69899,10 @@ class TransactionSalesOrderFilterContentOrderComponent extends TransactionFilter
     handleCollectionChange() {
         this.changeDetector.detectChanges();
     }
-    constructor(searchService, filterRequestService, transactionService, changeDetector, relationService, transationConnectorService, transactionFilterContentService) {
-        super(searchService, filterRequestService, transactionService, changeDetector, relationService, transationConnectorService);
+    constructor(searchService, filterRequestService, transactionService, changeDetector, relationService, transationConnectorService, transactionFilterContentService, _dictionaryService) {
+        super(searchService, filterRequestService, transactionService, changeDetector, relationService, transationConnectorService, _dictionaryService);
         this.transactionFilterContentService = transactionFilterContentService;
+        this._dictionaryService = _dictionaryService;
     }
     loadCustomers = async (nameFilter) => {
         const request = new RelationRequest();
@@ -70014,12 +70033,12 @@ class TransactionSalesOrderFilterContentOrderComponent extends TransactionFilter
     }
     _setSearchTypes() {
         const searchTypes = Object.keys(SearchType).map(name => ({
-            name: name,
+            name: this.dictionaryService.get(this.labelBasedOnSearchType.get(SearchType[name])),
             value: SearchType[name]
         }));
         this.searchTypes = new FilterViewmodel(searchTypes, this.searchTypeFields).filterItems;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSalesOrderFilterContentOrderComponent, deps: [{ token: TransactionSearchService }, { token: FilterRequestService }, { token: TransactionService }, { token: i0.ChangeDetectorRef }, { token: TransactionRelationService }, { token: TransactionConnectorService }, { token: TransactionFilterContentService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSalesOrderFilterContentOrderComponent, deps: [{ token: TransactionSearchService }, { token: FilterRequestService }, { token: TransactionService }, { token: i0.ChangeDetectorRef }, { token: TransactionRelationService }, { token: TransactionConnectorService }, { token: TransactionFilterContentService }, { token: DictionaryService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionSalesOrderFilterContentOrderComponent, isStandalone: false, selector: "co-transaction-sales-order-filter-content-order", host: { properties: { "class.co-transaction-search-filter-content": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
       <div class="transaction-filter-content-order-wrapper transaction-filter-content-wrapper">
 
@@ -70439,7 +70458,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
   `,
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: TransactionSearchService }, { type: FilterRequestService }, { type: TransactionService }, { type: i0.ChangeDetectorRef }, { type: TransactionRelationService }, { type: TransactionConnectorService }, { type: TransactionFilterContentService }], propDecorators: { showClass: [{
+        }], ctorParameters: () => [{ type: TransactionSearchService }, { type: FilterRequestService }, { type: TransactionService }, { type: i0.ChangeDetectorRef }, { type: TransactionRelationService }, { type: TransactionConnectorService }, { type: TransactionFilterContentService }, { type: DictionaryService }], propDecorators: { showClass: [{
                 type: HostBinding,
                 args: ['class.co-transaction-search-filter-content']
             }] } });
@@ -71182,166 +71201,166 @@ class TransactionSearchPurchaseOrderTileComponent extends TransactionSearchTileB
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchPurchaseOrderTileComponent, deps: [{ token: IconCacheService }, { token: i0.ChangeDetectorRef }, { token: TransactionEventService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionSearchPurchaseOrderTileComponent, isStandalone: false, selector: "co-transaction-search-purchase-order-tile", usesInheritance: true, ngImport: i0, template: `
-    <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
-      <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
-      <div class="tile">
-        <div class="tile-header">
-          <div class="tile-upper-left">
-            <div class="transaction-tile-avatar">
-              <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
-              <span [textContent]="transaction.transNr"></span>
-            </div>
-          </div>
-          <div class="tile-upper-middle">
-            <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
-            <div class="text"><span [textContent]="transaction.branchNr"></span></div>
-          </div>
-
-          <div class="tile-upper-right">
-            <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
-              <co-transaction-statusbar
-                [screenConfigurationObject]="cfgNames.StatusBar"
-                [configNames]="statusBarConfigNames"
-                [transaction]="transaction">
-              </co-transaction-statusbar>
-            </div>
-          </div>
-        </div>
-        <div class="tile-body">
-          <div class="tile-middle-left">
-            @if (showCheckbox && !transaction.isInProgressForBatchJob) {
-              <co-input-checkbox
-                [(model)]="transaction.selected"
-                (modelChange)="onSelectedClick(transaction)">
-              </co-input-checkbox>
-            }
-            @if (showCheckbox && transaction.isInProgressForBatchJob) {
-              <co-icon
-                class="batch-info-icon"
-                [title]="'PART_OF_BATCH' | localize"
-                [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)">
-              </co-icon>
-            }
-          </div>
-          <div class="tile-middle-middle">
-            <div class="text"><span [textContent]="transaction.relationName"></span></div>
-            <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
-          </div>
-          <div class="tile-middle-right"></div>
-        </div>
-        <div class="tile-footer">
-          <div class="tile-bottom-left order-info-section">
-            <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
-            <div class="value">
-              <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
-            </div>
-          </div>
-          <div class="tile-bottom-middle order-info-section">
-            @if (transaction.getDeliveryDate()) {
-              <div class="value">
-                <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
-                <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
-                @if (transaction.deliveryDateDefinitive) {
-                  <co-icon
-                  [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
-                } @else {
-                  <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
-                }
-              </div>
-            }
-          </div>
-          <div class="tile-bottom-right order-info-section">
-            <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
-            <div class="value"><span
-            [textContent]="(transaction.totalPriceWithVat - transaction.totalPriceVat) | currency:'EUR'"></span></div>
-          </div>
-        </div>
-      </div>
-    </div>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionSearchPurchaseOrderTileComponent, isStandalone: false, selector: "co-transaction-search-purchase-order-tile", usesInheritance: true, ngImport: i0, template: `
+    <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
+      <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
+      <div class="tile">
+        <div class="tile-header">
+          <div class="tile-upper-left">
+            <div class="transaction-tile-avatar">
+              <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
+              <span [textContent]="transaction.transNr"></span>
+            </div>
+          </div>
+          <div class="tile-upper-middle">
+            <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
+            <div class="text"><span [textContent]="transaction.branchNr"></span></div>
+          </div>
+
+          <div class="tile-upper-right">
+            <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
+              <co-transaction-statusbar
+                [screenConfigurationObject]="cfgNames.StatusBar"
+                [configNames]="statusBarConfigNames"
+                [transaction]="transaction">
+              </co-transaction-statusbar>
+            </div>
+          </div>
+        </div>
+        <div class="tile-body">
+          <div class="tile-middle-left">
+            @if (showCheckbox && !transaction.isInProgressForBatchJob) {
+              <co-input-checkbox
+                [(model)]="transaction.selected"
+                (modelChange)="onSelectedClick(transaction)">
+              </co-input-checkbox>
+            }
+            @if (showCheckbox && transaction.isInProgressForBatchJob) {
+              <co-icon
+                class="batch-info-icon"
+                [title]="'PART_OF_BATCH' | localize"
+                [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)">
+              </co-icon>
+            }
+          </div>
+          <div class="tile-middle-middle">
+            <div class="text"><span [textContent]="transaction.relationName"></span></div>
+            <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
+          </div>
+          <div class="tile-middle-right"></div>
+        </div>
+        <div class="tile-footer">
+          <div class="tile-bottom-left order-info-section">
+            <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
+            <div class="value">
+              <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
+            </div>
+          </div>
+          <div class="tile-bottom-middle order-info-section">
+            @if (transaction.getDeliveryDate()) {
+              <div class="value">
+                <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
+                <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
+                @if (transaction.deliveryDateDefinitive) {
+                  <co-icon
+                  [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
+                } @else {
+                  <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
+                }
+              </div>
+            }
+          </div>
+          <div class="tile-bottom-right order-info-section">
+            <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
+            <div class="value"><span
+            [textContent]="(transaction.totalPriceWithVat - transaction.totalPriceVat) | currency:'EUR'"></span></div>
+          </div>
+        </div>
+      </div>
+    </div>
     `, isInline: true, dependencies: [{ kind: "component", type: AvatarComponent, selector: "co-avatar", inputs: ["image", "relationId", "relation", "showBranchNr"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: TransactionStatusbarComponent, selector: "co-transaction-statusbar", inputs: ["configNames", "transaction"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "pipe", type: i2$1.CurrencyPipe, name: "currency" }, { 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: TransactionSearchPurchaseOrderTileComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "co-transaction-search-purchase-order-tile",
-                    template: `
-    <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
-      <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
-      <div class="tile">
-        <div class="tile-header">
-          <div class="tile-upper-left">
-            <div class="transaction-tile-avatar">
-              <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
-              <span [textContent]="transaction.transNr"></span>
-            </div>
-          </div>
-          <div class="tile-upper-middle">
-            <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
-            <div class="text"><span [textContent]="transaction.branchNr"></span></div>
-          </div>
-
-          <div class="tile-upper-right">
-            <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
-              <co-transaction-statusbar
-                [screenConfigurationObject]="cfgNames.StatusBar"
-                [configNames]="statusBarConfigNames"
-                [transaction]="transaction">
-              </co-transaction-statusbar>
-            </div>
-          </div>
-        </div>
-        <div class="tile-body">
-          <div class="tile-middle-left">
-            @if (showCheckbox && !transaction.isInProgressForBatchJob) {
-              <co-input-checkbox
-                [(model)]="transaction.selected"
-                (modelChange)="onSelectedClick(transaction)">
-              </co-input-checkbox>
-            }
-            @if (showCheckbox && transaction.isInProgressForBatchJob) {
-              <co-icon
-                class="batch-info-icon"
-                [title]="'PART_OF_BATCH' | localize"
-                [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)">
-              </co-icon>
-            }
-          </div>
-          <div class="tile-middle-middle">
-            <div class="text"><span [textContent]="transaction.relationName"></span></div>
-            <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
-          </div>
-          <div class="tile-middle-right"></div>
-        </div>
-        <div class="tile-footer">
-          <div class="tile-bottom-left order-info-section">
-            <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
-            <div class="value">
-              <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
-            </div>
-          </div>
-          <div class="tile-bottom-middle order-info-section">
-            @if (transaction.getDeliveryDate()) {
-              <div class="value">
-                <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
-                <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
-                @if (transaction.deliveryDateDefinitive) {
-                  <co-icon
-                  [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
-                } @else {
-                  <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
-                }
-              </div>
-            }
-          </div>
-          <div class="tile-bottom-right order-info-section">
-            <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
-            <div class="value"><span
-            [textContent]="(transaction.totalPriceWithVat - transaction.totalPriceVat) | currency:'EUR'"></span></div>
-          </div>
-        </div>
-      </div>
-    </div>
+                    template: `
+    <div class="transaction-tile-wrapper" (click)="onTransactionClick(transaction)">
+      <div [class]="'type-indicator color-' + transaction.transactionKind"></div>
+      <div class="tile">
+        <div class="tile-header">
+          <div class="tile-upper-left">
+            <div class="transaction-tile-avatar">
+              <co-avatar [image]="transaction.execImage" [relationId]="transaction.handledBy"></co-avatar>
+              <span [textContent]="transaction.transNr"></span>
+            </div>
+          </div>
+          <div class="tile-upper-middle">
+            <co-icon [iconData]="iconCacheService.getIcon(icons.StoreLight)" class="store-icon"></co-icon>
+            <div class="text"><span [textContent]="transaction.branchNr"></span></div>
+          </div>
+
+          <div class="tile-upper-right">
+            <div class="status-bar-wrapper" (click)="$event.stopPropagation()">
+              <co-transaction-statusbar
+                [screenConfigurationObject]="cfgNames.StatusBar"
+                [configNames]="statusBarConfigNames"
+                [transaction]="transaction">
+              </co-transaction-statusbar>
+            </div>
+          </div>
+        </div>
+        <div class="tile-body">
+          <div class="tile-middle-left">
+            @if (showCheckbox && !transaction.isInProgressForBatchJob) {
+              <co-input-checkbox
+                [(model)]="transaction.selected"
+                (modelChange)="onSelectedClick(transaction)">
+              </co-input-checkbox>
+            }
+            @if (showCheckbox && transaction.isInProgressForBatchJob) {
+              <co-icon
+                class="batch-info-icon"
+                [title]="'PART_OF_BATCH' | localize"
+                [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)">
+              </co-icon>
+            }
+          </div>
+          <div class="tile-middle-middle">
+            <div class="text"><span [textContent]="transaction.relationName"></span></div>
+            <div class="text"><span [textContent]="transaction.getAdres()"></span></div>
+          </div>
+          <div class="tile-middle-right"></div>
+        </div>
+        <div class="tile-footer">
+          <div class="tile-bottom-left order-info-section">
+            <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
+            <div class="value">
+              <span [textContent]="transaction.getTransDate() | date:'dd-MM-yyyy'"></span>
+            </div>
+          </div>
+          <div class="tile-bottom-middle order-info-section">
+            @if (transaction.getDeliveryDate()) {
+              <div class="value">
+                <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
+                <span [textContent]="transaction.getDeliveryDate() | date:'dd-MM-yyyy'"></span>
+                @if (transaction.deliveryDateDefinitive) {
+                  <co-icon
+                  [iconData]="iconCacheService.getIcon(icons.Lock)" class="lock-icon"></co-icon>
+                } @else {
+                  <co-icon [iconData]="iconCacheService.getIcon(icons.Unlock)" class="unlock-icon"></co-icon>
+                }
+              </div>
+            }
+          </div>
+          <div class="tile-bottom-right order-info-section">
+            <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
+            <div class="value"><span
+            [textContent]="(transaction.totalPriceWithVat - transaction.totalPriceVat) | currency:'EUR'"></span></div>
+          </div>
+        </div>
+      </div>
+    </div>
     `,
                     encapsulation: ViewEncapsulation.None,
                     standalone: false
@@ -75283,7 +75302,7 @@ class TransactionSalesQuotationFilterContentOrderComponent extends TransactionFi
     }
     _setSearchTypes() {
         const searchTypes = Object.keys(SearchType).map(name => ({
-            name: name,
+            name: this.dictionaryService.get(this.labelBasedOnSearchType.get(SearchType[name])),
             value: SearchType[name]
         }));
         this.searchTypes = new FilterViewmodel(searchTypes, this.searchTypeFields).filterItems;
@@ -76856,7 +76875,7 @@ class TransactionCashDeskFilterContentOrderComponent extends TransactionFilterCo
     }
     _setSearchTypes() {
         const searchTypes = Object.keys(SearchType).map(name => ({
-            name: name,
+            name: this.dictionaryService.get(this.labelBasedOnSearchType.get(SearchType[name])),
             value: SearchType[name]
         }));
         this.searchTypes = new FilterViewmodel(searchTypes, this.searchTypeFields).filterItems;
@@ -77585,7 +77604,7 @@ class TransactionServiceOrderFilterContentOrderComponent extends TransactionFilt
     }
     _setSearchTypes() {
         const searchTypes = Object.keys(SearchType).map(name => ({
-            name: name,
+            name: this.dictionaryService.get(this.labelBasedOnSearchType.get(SearchType[name])),
             value: SearchType[name]
         }));
         this.searchTypes = new FilterViewmodel(searchTypes, this.searchTypeFields).filterItems;
@@ -78975,7 +78994,7 @@ class TransactionInterBranchOrderFilterContentOrderComponent extends Transaction
     }
     _setSearchTypes() {
         const searchTypes = Object.keys(SearchType).map(name => ({
-            name: name,
+            name: this.dictionaryService.get(this.labelBasedOnSearchType.get(SearchType[name])),
             value: SearchType[name]
         }));
         this.searchTypes = new FilterViewmodel(searchTypes, this.searchTypeFields).filterItems;
@@ -82098,17 +82117,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             }] } });
 
 class TransactionPurchaseTransportLineComponent extends TransactionPurchaseTransportLineBaseComponent {
-    lineIndex;
     showClass() {
         return true;
     }
+    lineIndex;
     totals = new TransportNotificationTotals();
+    _sub;
     async handleVisibilityChange(visible) {
         if (visible) {
-            this.totals = await this.transactionService.getTransportNotificationTotalsByTransactionLine(this.transactionLine.uuid);
-            this.changeDetector.detectChanges();
+            this.addTranportNotificationSub();
+            await this.getTotals();
+        }
+        else {
+            this.removeTranportNotificationSub();
+        }
+    }
+    addTranportNotificationSub() {
+        this._sub = this.transactionEventService.transportNotificationsSet.subscribe(() => {
+            this.getTotals();
+        });
+        this.subs.push(this._sub);
+    }
+    removeTranportNotificationSub() {
+        if (this._sub) {
+            this._sub.unsubscribe();
+            const index = this.subs.indexOf(this._sub);
+            if (index !== -1) {
+                this.subs.splice(index, 1);
+            }
         }
     }
+    async getTotals() {
+        this.totals = await this.transactionService.getTransportNotificationTotalsByTransactionLine(this.transactionLine.uuid);
+        this.changeDetector.detectChanges();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionPurchaseTransportLineComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionPurchaseTransportLineComponent, isStandalone: false, selector: "co-transaction-purchase-transport-line", inputs: { lineIndex: "lineIndex" }, host: { properties: { "class.co-transaction-purchase-order-line": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
       <co-transaction-base-line
@@ -82331,11 +82373,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     standalone: false
                 }]
-        }], propDecorators: { lineIndex: [{
-                type: Input
-            }], showClass: [{
+        }], propDecorators: { showClass: [{
                 type: HostBinding,
                 args: ["class.co-transaction-purchase-order-line"]
+            }], lineIndex: [{
+                type: Input
             }] } });
 
 class TransactionLineDateButtonModule {
@@ -97653,242 +97695,242 @@ class TransactionCardPurchaseOverviewComponent extends TransactionLineBaseCompon
         this.transactionEventService.articleNavigation.next(this.transactionLine.supplierArticleNumber);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionCardPurchaseOverviewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionCardPurchaseOverviewComponent, isStandalone: false, selector: "co-transaction-card-purchase-overview", host: { properties: { "class.co-transaction-card-purchase-overview": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
-      <div class="transaction-card-wrapper">
-        <co-transaction-card-header
-          [showActionButtons]="true"
-          [showCheckbox]="false"
-          [showThumbnail]="false"
-          [expanded]="expanded"
-          (expandClicked)="expanded = !expanded"
-          >
-        </co-transaction-card-header>
-
-        <div class="transaction-card-content-wrapper">
-          <div class="content-base top-base">
-            <div class="transaction-field-wrapper status-bar-purchase">
-              <co-transaction-line-statusbar
-                [screenConfigurationObject]="cfgNames.StatusBar"
-                [configNames]="statusBarConfigNames"
-                [activeCategory]="category.PurchaseOrderOverview">
-              </co-transaction-line-statusbar>
-            </div>
-            <co-transaction-navigation-button-list
-              [refTransactions]="transactionLine.refTransactions"
-              (relationClick)="handleRelationNavigation($event)"
-            (transactionClick)="handleTransactionNavigation($event)"></co-transaction-navigation-button-list>
-            @if (transactionLine.supplierArticleNumber) {
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'ARTICLE_NR_SUPPLIER'"></co-transaction-line-label>
-                  <co-transaction-navigation-button
-                    [screenConfigurationObject]="cfgNames.LineArticleNrSupplier"
-                    [label]="transactionLine.supplierArticleNumber"
-                    (buttonClicked)="handleArticleNavigation($event)">
-                  </co-transaction-navigation-button>
-                </div>
-              </div>
-            }
-          </div>
-          <div class="content-base bottom-base">
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'PRICE'"></co-transaction-line-label>
-                <co-transaction-line-price class="transaction-line-totals-price price"
-                  [screenConfigurationObject]="cfgNames.LinePrice"
-                  [showLabel]="false"
-                  [defaultEditMode]="false"
-                ></co-transaction-line-price>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
-                <co-transaction-line-discount-button
-                  [screenConfigurationObject]="cfgNames.LineDiscount"
-                ></co-transaction-line-discount-button>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'QUANTITY'"></co-transaction-line-label>
-                <co-transaction-line-amount class="amount-number-picker"
-                  [screenConfigurationObject]="cfgNames.LineAmount"
-                  >
-                </co-transaction-line-amount>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'TOTAL'"></co-transaction-line-label>
-                <co-editable-label class="transaction-line-totals-total price"
-                  [model]="transactionLine.netLineTotal | coCurrency: true"
-                  [editModel]="transactionLine.netLineTotal"
-                  [commit]="!readonly"
-                  [readonly]="true"
-                  [editMode]="false"
-                ></co-editable-label>
-              </div>
-            </div>
-          </div>
-
-          @if (expanded) {
-            <div class="content-expanded">
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
-                  <co-transaction-line-warehouse-button
-                    [screenConfigurationObject]="cfgNames.LineWarehouse"
-                    >
-                  </co-transaction-line-warehouse-button>
-                </div>
-              </div>
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
-                  <co-transaction-line-delivery-button
-                    [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
-                  ></co-transaction-line-delivery-button>
-                </div>
-              </div>
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
-                  <co-transaction-line-delivery-date-button class="two-column"
-                    [screenConfigurationObject]="cfgNames.LineDeliveryDate"
-                  ></co-transaction-line-delivery-date-button>
-                </div>
-              </div>
-            </div>
-          }
-        </div>
-
-        <co-transaction-card-footer
-          [transactionTypeCategory]="transactionTypeCategory.SalesOrderPurchase"
-          [expanded]="expanded"
-        ></co-transaction-card-footer>
-      </div>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionCardPurchaseOverviewComponent, isStandalone: false, selector: "co-transaction-card-purchase-overview", host: { properties: { "class.co-transaction-card-purchase-overview": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
+      <div class="transaction-card-wrapper">
+        <co-transaction-card-header
+          [showActionButtons]="true"
+          [showCheckbox]="false"
+          [showThumbnail]="false"
+          [expanded]="expanded"
+          (expandClicked)="expanded = !expanded"
+          >
+        </co-transaction-card-header>
+
+        <div class="transaction-card-content-wrapper">
+          <div class="content-base top-base">
+            <div class="transaction-field-wrapper status-bar-purchase">
+              <co-transaction-line-statusbar
+                [screenConfigurationObject]="cfgNames.StatusBar"
+                [configNames]="statusBarConfigNames"
+                [activeCategory]="category.PurchaseOrderOverview">
+              </co-transaction-line-statusbar>
+            </div>
+            <co-transaction-navigation-button-list
+              [refTransactions]="transactionLine.refTransactions"
+              (relationClick)="handleRelationNavigation($event)"
+            (transactionClick)="handleTransactionNavigation($event)"></co-transaction-navigation-button-list>
+            @if (transactionLine.supplierArticleNumber) {
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'ARTICLE_NR_SUPPLIER'"></co-transaction-line-label>
+                  <co-transaction-navigation-button
+                    [screenConfigurationObject]="cfgNames.LineArticleNrSupplier"
+                    [label]="transactionLine.supplierArticleNumber"
+                    (buttonClicked)="handleArticleNavigation($event)">
+                  </co-transaction-navigation-button>
+                </div>
+              </div>
+            }
+          </div>
+          <div class="content-base bottom-base">
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'PRICE'"></co-transaction-line-label>
+                <co-transaction-line-price class="transaction-line-totals-price price"
+                  [screenConfigurationObject]="cfgNames.LinePrice"
+                  [showLabel]="false"
+                  [defaultEditMode]="false"
+                ></co-transaction-line-price>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
+                <co-transaction-line-discount-button
+                  [screenConfigurationObject]="cfgNames.LineDiscount"
+                ></co-transaction-line-discount-button>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'QUANTITY'"></co-transaction-line-label>
+                <co-transaction-line-amount class="amount-number-picker"
+                  [screenConfigurationObject]="cfgNames.LineAmount"
+                  >
+                </co-transaction-line-amount>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'TOTAL'"></co-transaction-line-label>
+                <co-editable-label class="transaction-line-totals-total price"
+                  [model]="transactionLine.netLineTotal | coCurrency: true"
+                  [editModel]="transactionLine.netLineTotal"
+                  [commit]="!readonly"
+                  [readonly]="true"
+                  [editMode]="false"
+                ></co-editable-label>
+              </div>
+            </div>
+          </div>
+
+          @if (expanded) {
+            <div class="content-expanded">
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
+                  <co-transaction-line-warehouse-button
+                    [screenConfigurationObject]="cfgNames.LineWarehouse"
+                    >
+                  </co-transaction-line-warehouse-button>
+                </div>
+              </div>
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
+                  <co-transaction-line-delivery-button
+                    [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
+                  ></co-transaction-line-delivery-button>
+                </div>
+              </div>
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
+                  <co-transaction-line-delivery-date-button class="two-column"
+                    [screenConfigurationObject]="cfgNames.LineDeliveryDate"
+                  ></co-transaction-line-delivery-date-button>
+                </div>
+              </div>
+            </div>
+          }
+        </div>
+
+        <co-transaction-card-footer
+          [transactionTypeCategory]="transactionTypeCategory.SalesOrderPurchase"
+          [expanded]="expanded"
+        ></co-transaction-card-footer>
+      </div>
       `, isInline: true, dependencies: [{ kind: "component", type: TransactionCardHeaderComponent, selector: "co-transaction-card-header", inputs: ["showCheckbox", "showActionButtons", "showThumbnail"], outputs: ["checkboxValueChanged", "expandClicked"] }, { kind: "component", type: TransactionCardFooterComponent, selector: "co-transaction-card-footer", inputs: ["statusBarConfigNames", "transactionTypeCategory"] }, { kind: "component", type: EditableLabelComponent, selector: "co-editable-label", inputs: ["model", "editModel", "commit", "editMode", "readonly", "crossedOut", "inputLabel", "insideLabel"], outputs: ["editModelChange"] }, { 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: TransactionLineAmountComponent, selector: "co-transaction-line-amount", 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: TransactionNavigationButtonComponent, selector: "co-transaction-navigation-button", inputs: ["label", "icon"], outputs: ["buttonClicked", "iconClicked"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "component", type: TransactionLineStatusbarComponent, selector: "co-transaction-line-statusbar", inputs: ["configNames", "activeCategory"] }, { kind: "component", type: TransactionLineDeliveryDateButtonComponent, selector: "co-transaction-line-delivery-date-button", inputs: ["inputLabel"] }, { kind: "component", type: TransactionLineDiscountButtonComponent, selector: "co-transaction-line-discount-button", inputs: ["configNames", "inputLabel"] }, { kind: "component", type: TransactionLinePriceComponent, selector: "co-transaction-line-price", inputs: ["showLabel", "showPurchasePrice", "defaultEditMode", "editMode", "inputLabel"] }, { kind: "component", type: TransactionLineLabelComponent, selector: "co-transaction-line-label", inputs: ["insideLabel"] }, { kind: "pipe", type: i1$1.CoCurrencyPipe, name: "coCurrency" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionCardPurchaseOverviewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "co-transaction-card-purchase-overview",
-                    template: `
-      <div class="transaction-card-wrapper">
-        <co-transaction-card-header
-          [showActionButtons]="true"
-          [showCheckbox]="false"
-          [showThumbnail]="false"
-          [expanded]="expanded"
-          (expandClicked)="expanded = !expanded"
-          >
-        </co-transaction-card-header>
-
-        <div class="transaction-card-content-wrapper">
-          <div class="content-base top-base">
-            <div class="transaction-field-wrapper status-bar-purchase">
-              <co-transaction-line-statusbar
-                [screenConfigurationObject]="cfgNames.StatusBar"
-                [configNames]="statusBarConfigNames"
-                [activeCategory]="category.PurchaseOrderOverview">
-              </co-transaction-line-statusbar>
-            </div>
-            <co-transaction-navigation-button-list
-              [refTransactions]="transactionLine.refTransactions"
-              (relationClick)="handleRelationNavigation($event)"
-            (transactionClick)="handleTransactionNavigation($event)"></co-transaction-navigation-button-list>
-            @if (transactionLine.supplierArticleNumber) {
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'ARTICLE_NR_SUPPLIER'"></co-transaction-line-label>
-                  <co-transaction-navigation-button
-                    [screenConfigurationObject]="cfgNames.LineArticleNrSupplier"
-                    [label]="transactionLine.supplierArticleNumber"
-                    (buttonClicked)="handleArticleNavigation($event)">
-                  </co-transaction-navigation-button>
-                </div>
-              </div>
-            }
-          </div>
-          <div class="content-base bottom-base">
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'PRICE'"></co-transaction-line-label>
-                <co-transaction-line-price class="transaction-line-totals-price price"
-                  [screenConfigurationObject]="cfgNames.LinePrice"
-                  [showLabel]="false"
-                  [defaultEditMode]="false"
-                ></co-transaction-line-price>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
-                <co-transaction-line-discount-button
-                  [screenConfigurationObject]="cfgNames.LineDiscount"
-                ></co-transaction-line-discount-button>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'QUANTITY'"></co-transaction-line-label>
-                <co-transaction-line-amount class="amount-number-picker"
-                  [screenConfigurationObject]="cfgNames.LineAmount"
-                  >
-                </co-transaction-line-amount>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'TOTAL'"></co-transaction-line-label>
-                <co-editable-label class="transaction-line-totals-total price"
-                  [model]="transactionLine.netLineTotal | coCurrency: true"
-                  [editModel]="transactionLine.netLineTotal"
-                  [commit]="!readonly"
-                  [readonly]="true"
-                  [editMode]="false"
-                ></co-editable-label>
-              </div>
-            </div>
-          </div>
-
-          @if (expanded) {
-            <div class="content-expanded">
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
-                  <co-transaction-line-warehouse-button
-                    [screenConfigurationObject]="cfgNames.LineWarehouse"
-                    >
-                  </co-transaction-line-warehouse-button>
-                </div>
-              </div>
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
-                  <co-transaction-line-delivery-button
-                    [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
-                  ></co-transaction-line-delivery-button>
-                </div>
-              </div>
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
-                  <co-transaction-line-delivery-date-button class="two-column"
-                    [screenConfigurationObject]="cfgNames.LineDeliveryDate"
-                  ></co-transaction-line-delivery-date-button>
-                </div>
-              </div>
-            </div>
-          }
-        </div>
-
-        <co-transaction-card-footer
-          [transactionTypeCategory]="transactionTypeCategory.SalesOrderPurchase"
-          [expanded]="expanded"
-        ></co-transaction-card-footer>
-      </div>
+                    template: `
+      <div class="transaction-card-wrapper">
+        <co-transaction-card-header
+          [showActionButtons]="true"
+          [showCheckbox]="false"
+          [showThumbnail]="false"
+          [expanded]="expanded"
+          (expandClicked)="expanded = !expanded"
+          >
+        </co-transaction-card-header>
+
+        <div class="transaction-card-content-wrapper">
+          <div class="content-base top-base">
+            <div class="transaction-field-wrapper status-bar-purchase">
+              <co-transaction-line-statusbar
+                [screenConfigurationObject]="cfgNames.StatusBar"
+                [configNames]="statusBarConfigNames"
+                [activeCategory]="category.PurchaseOrderOverview">
+              </co-transaction-line-statusbar>
+            </div>
+            <co-transaction-navigation-button-list
+              [refTransactions]="transactionLine.refTransactions"
+              (relationClick)="handleRelationNavigation($event)"
+            (transactionClick)="handleTransactionNavigation($event)"></co-transaction-navigation-button-list>
+            @if (transactionLine.supplierArticleNumber) {
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'ARTICLE_NR_SUPPLIER'"></co-transaction-line-label>
+                  <co-transaction-navigation-button
+                    [screenConfigurationObject]="cfgNames.LineArticleNrSupplier"
+                    [label]="transactionLine.supplierArticleNumber"
+                    (buttonClicked)="handleArticleNavigation($event)">
+                  </co-transaction-navigation-button>
+                </div>
+              </div>
+            }
+          </div>
+          <div class="content-base bottom-base">
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'PRICE'"></co-transaction-line-label>
+                <co-transaction-line-price class="transaction-line-totals-price price"
+                  [screenConfigurationObject]="cfgNames.LinePrice"
+                  [showLabel]="false"
+                  [defaultEditMode]="false"
+                ></co-transaction-line-price>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
+                <co-transaction-line-discount-button
+                  [screenConfigurationObject]="cfgNames.LineDiscount"
+                ></co-transaction-line-discount-button>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'QUANTITY'"></co-transaction-line-label>
+                <co-transaction-line-amount class="amount-number-picker"
+                  [screenConfigurationObject]="cfgNames.LineAmount"
+                  >
+                </co-transaction-line-amount>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'TOTAL'"></co-transaction-line-label>
+                <co-editable-label class="transaction-line-totals-total price"
+                  [model]="transactionLine.netLineTotal | coCurrency: true"
+                  [editModel]="transactionLine.netLineTotal"
+                  [commit]="!readonly"
+                  [readonly]="true"
+                  [editMode]="false"
+                ></co-editable-label>
+              </div>
+            </div>
+          </div>
+
+          @if (expanded) {
+            <div class="content-expanded">
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
+                  <co-transaction-line-warehouse-button
+                    [screenConfigurationObject]="cfgNames.LineWarehouse"
+                    >
+                  </co-transaction-line-warehouse-button>
+                </div>
+              </div>
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
+                  <co-transaction-line-delivery-button
+                    [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
+                  ></co-transaction-line-delivery-button>
+                </div>
+              </div>
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
+                  <co-transaction-line-delivery-date-button class="two-column"
+                    [screenConfigurationObject]="cfgNames.LineDeliveryDate"
+                  ></co-transaction-line-delivery-date-button>
+                </div>
+              </div>
+            </div>
+          }
+        </div>
+
+        <co-transaction-card-footer
+          [transactionTypeCategory]="transactionTypeCategory.SalesOrderPurchase"
+          [expanded]="expanded"
+        ></co-transaction-card-footer>
+      </div>
       `,
                     encapsulation: ViewEncapsulation.None,
                     standalone: false
@@ -98081,214 +98123,214 @@ class TransactionCardSalesOverviewComponent extends TransactionLineBaseComponent
         lineDiscountQuantum: this.cfgNames.LineDiscountQuantum
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionCardSalesOverviewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionCardSalesOverviewComponent, isStandalone: false, selector: "co-transaction-card-sales-overview", host: { properties: { "class.co-transaction-card-sales-overview": "this.showClass" } }, viewQueries: [{ propertyName: "transactionLineActionButtons", first: true, predicate: TransactionLineActionButtonsComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
-      <div class="transaction-card-sales-overview-wrapper transaction-card-wrapper">
-        <co-transaction-card-header
-          [showActionButtons]="true"
-          [showCheckbox]="false"
-          [expanded]="expanded"
-          (expandClicked)="expanded = !expanded">
-        </co-transaction-card-header>
-        <div class="transaction-card-content-wrapper">
-          <div class="content-base top-base">
-            <div class="transaction-field-wrapper status-bar">
-              <co-transaction-line-statusbar
-                [screenConfigurationObject]="cfgNames.StatusBar"
-                [configNames]="statusBarConfigNames"
-                [activeCategory]="category.SalesOrderOverview">
-              </co-transaction-line-statusbar>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'COMMISSION_CODE'"></co-transaction-line-label>
-                <co-transaction-line-commission-button></co-transaction-line-commission-button>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
-                <co-transaction-line-warehouse-button
-                  [screenConfigurationObject]="cfgNames.LineWarehouse"
-                  >
-                </co-transaction-line-warehouse-button>
-              </div>
-            </div>
-          </div>
-          <div class="content-base bottom-base">
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'PRICE'"></co-transaction-line-label>
-                <co-editable-label class="transaction-card-price price"
-                  [model]="transactionLine.price | coCurrency"
-                  [readonly]="true"
-                ></co-editable-label>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'QUANTITY'"></co-transaction-line-label>
-                <co-transaction-line-amount class="amount-number-picker"
-                  [screenConfigurationObject]="cfgNames.LineAmount"
-                ></co-transaction-line-amount>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
-                @if (!preview) {
-                  <co-transaction-line-discount-button
-                    [screenConfigurationObject]="cfgNames.LineDiscount"
-                    [configNames]="discountConfigNames"
-                  ></co-transaction-line-discount-button>
-                }
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'TOTAL'"></co-transaction-line-label>
-                <co-editable-label class="transaction-line-totals-total price"
-                  [model]="transactionLine.netLineTotal | coCurrency"
-                  [editModel]="transactionLine.netLineTotal"
-                  [readonly]="true"
-                ></co-editable-label>
-              </div>
-            </div>
-          </div>
-          @if (expanded) {
-            <div class="content-expanded">
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
-                  <co-transaction-line-delivery-button class="fit-content"></co-transaction-line-delivery-button>
-                </div>
-              </div>
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
-                  <co-transaction-line-delivery-date-button></co-transaction-line-delivery-date-button>
-                </div>
-              </div>
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'VAT'"></co-transaction-line-label>
-                  <co-transaction-line-vat-button></co-transaction-line-vat-button>
-                </div>
-              </div>
-            </div>
-          }
-        </div>
-        <co-transaction-card-footer
-          [transactionTypeCategory]="category.SalesOrderOverview"
-          [expanded]="expanded"
-        ></co-transaction-card-footer>
-      </div>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionCardSalesOverviewComponent, isStandalone: false, selector: "co-transaction-card-sales-overview", host: { properties: { "class.co-transaction-card-sales-overview": "this.showClass" } }, viewQueries: [{ propertyName: "transactionLineActionButtons", first: true, predicate: TransactionLineActionButtonsComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+      <div class="transaction-card-sales-overview-wrapper transaction-card-wrapper">
+        <co-transaction-card-header
+          [showActionButtons]="true"
+          [showCheckbox]="false"
+          [expanded]="expanded"
+          (expandClicked)="expanded = !expanded">
+        </co-transaction-card-header>
+        <div class="transaction-card-content-wrapper">
+          <div class="content-base top-base">
+            <div class="transaction-field-wrapper status-bar">
+              <co-transaction-line-statusbar
+                [screenConfigurationObject]="cfgNames.StatusBar"
+                [configNames]="statusBarConfigNames"
+                [activeCategory]="category.SalesOrderOverview">
+              </co-transaction-line-statusbar>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'COMMISSION_CODE'"></co-transaction-line-label>
+                <co-transaction-line-commission-button></co-transaction-line-commission-button>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
+                <co-transaction-line-warehouse-button
+                  [screenConfigurationObject]="cfgNames.LineWarehouse"
+                  >
+                </co-transaction-line-warehouse-button>
+              </div>
+            </div>
+          </div>
+          <div class="content-base bottom-base">
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'PRICE'"></co-transaction-line-label>
+                <co-editable-label class="transaction-card-price price"
+                  [model]="transactionLine.price | coCurrency"
+                  [readonly]="true"
+                ></co-editable-label>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'QUANTITY'"></co-transaction-line-label>
+                <co-transaction-line-amount class="amount-number-picker"
+                  [screenConfigurationObject]="cfgNames.LineAmount"
+                ></co-transaction-line-amount>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
+                @if (!preview) {
+                  <co-transaction-line-discount-button
+                    [screenConfigurationObject]="cfgNames.LineDiscount"
+                    [configNames]="discountConfigNames"
+                  ></co-transaction-line-discount-button>
+                }
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'TOTAL'"></co-transaction-line-label>
+                <co-editable-label class="transaction-line-totals-total price"
+                  [model]="transactionLine.netLineTotal | coCurrency"
+                  [editModel]="transactionLine.netLineTotal"
+                  [readonly]="true"
+                ></co-editable-label>
+              </div>
+            </div>
+          </div>
+          @if (expanded) {
+            <div class="content-expanded">
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
+                  <co-transaction-line-delivery-button class="fit-content"></co-transaction-line-delivery-button>
+                </div>
+              </div>
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
+                  <co-transaction-line-delivery-date-button></co-transaction-line-delivery-date-button>
+                </div>
+              </div>
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'VAT'"></co-transaction-line-label>
+                  <co-transaction-line-vat-button></co-transaction-line-vat-button>
+                </div>
+              </div>
+            </div>
+          }
+        </div>
+        <co-transaction-card-footer
+          [transactionTypeCategory]="category.SalesOrderOverview"
+          [expanded]="expanded"
+        ></co-transaction-card-footer>
+      </div>
       `, isInline: true, dependencies: [{ kind: "component", type: TransactionCardHeaderComponent, selector: "co-transaction-card-header", inputs: ["showCheckbox", "showActionButtons", "showThumbnail"], outputs: ["checkboxValueChanged", "expandClicked"] }, { kind: "component", type: TransactionLineAmountComponent, selector: "co-transaction-line-amount", inputs: ["inputLabel"] }, { kind: "component", type: TransactionLineCommissionButtonComponent, selector: "co-transaction-line-commission-button", inputs: ["inputLabel"] }, { kind: "component", type: EditableLabelComponent, selector: "co-editable-label", inputs: ["model", "editModel", "commit", "editMode", "readonly", "crossedOut", "inputLabel", "insideLabel"], outputs: ["editModelChange"] }, { 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: TransactionCardFooterComponent, selector: "co-transaction-card-footer", inputs: ["statusBarConfigNames", "transactionTypeCategory"] }, { kind: "component", type: TransactionLineVatButtonComponent, selector: "co-transaction-line-vat-button", inputs: ["inputLabel"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "component", type: TransactionLineStatusbarComponent, selector: "co-transaction-line-statusbar", inputs: ["configNames", "activeCategory"] }, { kind: "component", type: TransactionLineDiscountButtonComponent, selector: "co-transaction-line-discount-button", inputs: ["configNames", "inputLabel"] }, { kind: "component", type: TransactionLineLabelComponent, selector: "co-transaction-line-label", inputs: ["insideLabel"] }, { kind: "component", type: TransactionLineDeliveryDateButtonComponent, selector: "co-transaction-line-delivery-date-button", inputs: ["inputLabel"] }, { kind: "pipe", type: CoCurrencyPipe, name: "coCurrency" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionCardSalesOverviewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "co-transaction-card-sales-overview",
-                    template: `
-      <div class="transaction-card-sales-overview-wrapper transaction-card-wrapper">
-        <co-transaction-card-header
-          [showActionButtons]="true"
-          [showCheckbox]="false"
-          [expanded]="expanded"
-          (expandClicked)="expanded = !expanded">
-        </co-transaction-card-header>
-        <div class="transaction-card-content-wrapper">
-          <div class="content-base top-base">
-            <div class="transaction-field-wrapper status-bar">
-              <co-transaction-line-statusbar
-                [screenConfigurationObject]="cfgNames.StatusBar"
-                [configNames]="statusBarConfigNames"
-                [activeCategory]="category.SalesOrderOverview">
-              </co-transaction-line-statusbar>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'COMMISSION_CODE'"></co-transaction-line-label>
-                <co-transaction-line-commission-button></co-transaction-line-commission-button>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
-                <co-transaction-line-warehouse-button
-                  [screenConfigurationObject]="cfgNames.LineWarehouse"
-                  >
-                </co-transaction-line-warehouse-button>
-              </div>
-            </div>
-          </div>
-          <div class="content-base bottom-base">
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'PRICE'"></co-transaction-line-label>
-                <co-editable-label class="transaction-card-price price"
-                  [model]="transactionLine.price | coCurrency"
-                  [readonly]="true"
-                ></co-editable-label>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'QUANTITY'"></co-transaction-line-label>
-                <co-transaction-line-amount class="amount-number-picker"
-                  [screenConfigurationObject]="cfgNames.LineAmount"
-                ></co-transaction-line-amount>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
-                @if (!preview) {
-                  <co-transaction-line-discount-button
-                    [screenConfigurationObject]="cfgNames.LineDiscount"
-                    [configNames]="discountConfigNames"
-                  ></co-transaction-line-discount-button>
-                }
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'TOTAL'"></co-transaction-line-label>
-                <co-editable-label class="transaction-line-totals-total price"
-                  [model]="transactionLine.netLineTotal | coCurrency"
-                  [editModel]="transactionLine.netLineTotal"
-                  [readonly]="true"
-                ></co-editable-label>
-              </div>
-            </div>
-          </div>
-          @if (expanded) {
-            <div class="content-expanded">
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
-                  <co-transaction-line-delivery-button class="fit-content"></co-transaction-line-delivery-button>
-                </div>
-              </div>
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
-                  <co-transaction-line-delivery-date-button></co-transaction-line-delivery-date-button>
-                </div>
-              </div>
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'VAT'"></co-transaction-line-label>
-                  <co-transaction-line-vat-button></co-transaction-line-vat-button>
-                </div>
-              </div>
-            </div>
-          }
-        </div>
-        <co-transaction-card-footer
-          [transactionTypeCategory]="category.SalesOrderOverview"
-          [expanded]="expanded"
-        ></co-transaction-card-footer>
-      </div>
+                    template: `
+      <div class="transaction-card-sales-overview-wrapper transaction-card-wrapper">
+        <co-transaction-card-header
+          [showActionButtons]="true"
+          [showCheckbox]="false"
+          [expanded]="expanded"
+          (expandClicked)="expanded = !expanded">
+        </co-transaction-card-header>
+        <div class="transaction-card-content-wrapper">
+          <div class="content-base top-base">
+            <div class="transaction-field-wrapper status-bar">
+              <co-transaction-line-statusbar
+                [screenConfigurationObject]="cfgNames.StatusBar"
+                [configNames]="statusBarConfigNames"
+                [activeCategory]="category.SalesOrderOverview">
+              </co-transaction-line-statusbar>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'COMMISSION_CODE'"></co-transaction-line-label>
+                <co-transaction-line-commission-button></co-transaction-line-commission-button>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
+                <co-transaction-line-warehouse-button
+                  [screenConfigurationObject]="cfgNames.LineWarehouse"
+                  >
+                </co-transaction-line-warehouse-button>
+              </div>
+            </div>
+          </div>
+          <div class="content-base bottom-base">
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'PRICE'"></co-transaction-line-label>
+                <co-editable-label class="transaction-card-price price"
+                  [model]="transactionLine.price | coCurrency"
+                  [readonly]="true"
+                ></co-editable-label>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'QUANTITY'"></co-transaction-line-label>
+                <co-transaction-line-amount class="amount-number-picker"
+                  [screenConfigurationObject]="cfgNames.LineAmount"
+                ></co-transaction-line-amount>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
+                @if (!preview) {
+                  <co-transaction-line-discount-button
+                    [screenConfigurationObject]="cfgNames.LineDiscount"
+                    [configNames]="discountConfigNames"
+                  ></co-transaction-line-discount-button>
+                }
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'TOTAL'"></co-transaction-line-label>
+                <co-editable-label class="transaction-line-totals-total price"
+                  [model]="transactionLine.netLineTotal | coCurrency"
+                  [editModel]="transactionLine.netLineTotal"
+                  [readonly]="true"
+                ></co-editable-label>
+              </div>
+            </div>
+          </div>
+          @if (expanded) {
+            <div class="content-expanded">
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
+                  <co-transaction-line-delivery-button class="fit-content"></co-transaction-line-delivery-button>
+                </div>
+              </div>
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
+                  <co-transaction-line-delivery-date-button></co-transaction-line-delivery-date-button>
+                </div>
+              </div>
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'VAT'"></co-transaction-line-label>
+                  <co-transaction-line-vat-button></co-transaction-line-vat-button>
+                </div>
+              </div>
+            </div>
+          }
+        </div>
+        <co-transaction-card-footer
+          [transactionTypeCategory]="category.SalesOrderOverview"
+          [expanded]="expanded"
+        ></co-transaction-card-footer>
+      </div>
       `,
                     encapsulation: ViewEncapsulation.None,
                     standalone: false
@@ -98683,230 +98725,230 @@ class TransactionCardInvoiceComponent extends TransactionInvoiceLineBaseComponen
         statusBarGF: this.cfgNames.StatusBarGF
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionCardInvoiceComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionCardInvoiceComponent, isStandalone: false, selector: "co-transaction-card-invoice", host: { properties: { "class.co-transaction-card-invoice": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
-      <div class="transaction-card-wrapper">
-        <co-transaction-card-header
-          [showActionButtons]="true"
-          [showCheckbox]="showCheckbox && transactionInfo.transactionDefinitive"
-          [showThumbnail]="false"
-          [expanded]="expanded"
-          (checkboxValueChanged)="handleSelectCheckboxClick($event)"
-          (expandClicked)="expanded = !expanded">
-          @if (lineQuantityToInvoice !== 0) {
-            <div class="transaction-line-totals-amount card-button">
-              <co-input-number-picker class="amount-number-picker"
-                [(model)]="transactionLine.amountSelected"
-                [decimals]="decimals"
-                [min]="1"
-                [max]="transactionLine.amount"
-                [readonly]="readonly"
-                (modelChange)="updateSelectedQuantity(transactionLine.amountSelected)">
-              </co-input-number-picker>
-            </div>
-          }
-        </co-transaction-card-header>
-        <div class="transaction-card-content-wrapper">
-          <div class="content-base top-base">
-            <div class="transaction-field-wrapper status-bar">
-              <co-transaction-line-statusbar
-                [screenConfigurationObject]="cfgNames.StatusBar"
-                [configNames]="statusBarConfigNames"
-              [activeCategory]="category.SalesOrderDeliveryNote"></co-transaction-line-statusbar>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
-                <co-transaction-line-warehouse-button></co-transaction-line-warehouse-button>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
-                <co-transaction-line-delivery-button></co-transaction-line-delivery-button>
-              </div>
-            </div>
-          </div>
-          <div class="content-base bottom-base">
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'PRICE'"></co-transaction-line-label>
-                <co-transaction-line-price class="transaction-line-totals-price price"
-                  [screenConfigurationObject]="cfgNames.LinePrice"
-                  [showLabel]="false"
-                  [defaultEditMode]="false"
-                ></co-transaction-line-price>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
-                @if (!preview) {
-                  <co-transaction-line-discount-button
-                    [screenConfigurationObject]="cfgNames.LineDiscount"
-                    [configNames]="discountConfigNames"
-                  ></co-transaction-line-discount-button>
-                }
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'QUANTITY'"></co-transaction-line-label>
-                <co-transaction-line-amount class="amount-number-picker"
-                  [screenConfigurationObject]="cfgNames.LineAmount"
-                ></co-transaction-line-amount>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'TOTAL'"></co-transaction-line-label>
-                <co-editable-label class="transaction-line-totals-total price"
-                  [model]="transactionLine.netLineTotal | coCurrency: true"
-                  [editModel]="transactionLine.netLineTotal"
-                  [readonly]="true"
-                ></co-editable-label>
-              </div>
-            </div>
-          </div>
-          @if (expanded) {
-            <div class="content-expanded">
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
-                  <co-transaction-line-delivery-button
-                    [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
-                  ></co-transaction-line-delivery-button>
-                </div>
-              </div>
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
-                  <co-transaction-line-delivery-date-button></co-transaction-line-delivery-date-button>
-                </div>
-              </div>
-            </div>
-          }
-        </div>
-
-        <co-transaction-card-footer
-          [transactionTypeCategory]="category.SalesOrderInvoice"
-          [expanded]="expanded"
-        ></co-transaction-card-footer>
-      </div>
-      `, isInline: true, dependencies: [{ kind: "component", type: TransactionCardHeaderComponent, selector: "co-transaction-card-header", inputs: ["showCheckbox", "showActionButtons", "showThumbnail"], outputs: ["checkboxValueChanged", "expandClicked"] }, { 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: TransactionLineWarehouseButtonComponent, selector: "co-transaction-line-warehouse-button", inputs: ["inputLabel"] }, { kind: "component", type: TransactionLineDeliveryButtonComponent, selector: "co-transaction-line-delivery-button", inputs: ["inputLabel"] }, { kind: "component", type: TransactionCardFooterComponent, selector: "co-transaction-card-footer", inputs: ["statusBarConfigNames", "transactionTypeCategory"] }, { kind: "component", type: EditableLabelComponent, selector: "co-editable-label", inputs: ["model", "editModel", "commit", "editMode", "readonly", "crossedOut", "inputLabel", "insideLabel"], outputs: ["editModelChange"] }, { kind: "component", type: TransactionLineDiscountButtonComponent, selector: "co-transaction-line-discount-button", inputs: ["configNames", "inputLabel"] }, { kind: "component", type: TransactionLineAmountComponent, selector: "co-transaction-line-amount", inputs: ["inputLabel"] }, { kind: "component", type: TransactionLineStatusbarComponent, selector: "co-transaction-line-statusbar", inputs: ["configNames", "activeCategory"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "component", type: TransactionLineLabelComponent, selector: "co-transaction-line-label", inputs: ["insideLabel"] }, { kind: "component", type: TransactionLineDeliveryDateButtonComponent, selector: "co-transaction-line-delivery-date-button", inputs: ["inputLabel"] }, { kind: "component", type: TransactionLinePriceComponent, selector: "co-transaction-line-price", inputs: ["showLabel", "showPurchasePrice", "defaultEditMode", "editMode", "inputLabel"] }, { kind: "pipe", type: i1$1.CoCurrencyPipe, name: "coCurrency" }], encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionCardInvoiceComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: "co-transaction-card-invoice",
-                    template: `
-      <div class="transaction-card-wrapper">
-        <co-transaction-card-header
-          [showActionButtons]="true"
-          [showCheckbox]="showCheckbox && transactionInfo.transactionDefinitive"
-          [showThumbnail]="false"
-          [expanded]="expanded"
-          (checkboxValueChanged)="handleSelectCheckboxClick($event)"
-          (expandClicked)="expanded = !expanded">
-          @if (lineQuantityToInvoice !== 0) {
-            <div class="transaction-line-totals-amount card-button">
-              <co-input-number-picker class="amount-number-picker"
-                [(model)]="transactionLine.amountSelected"
-                [decimals]="decimals"
-                [min]="1"
-                [max]="transactionLine.amount"
-                [readonly]="readonly"
-                (modelChange)="updateSelectedQuantity(transactionLine.amountSelected)">
-              </co-input-number-picker>
-            </div>
-          }
-        </co-transaction-card-header>
-        <div class="transaction-card-content-wrapper">
-          <div class="content-base top-base">
-            <div class="transaction-field-wrapper status-bar">
-              <co-transaction-line-statusbar
-                [screenConfigurationObject]="cfgNames.StatusBar"
-                [configNames]="statusBarConfigNames"
-              [activeCategory]="category.SalesOrderDeliveryNote"></co-transaction-line-statusbar>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
-                <co-transaction-line-warehouse-button></co-transaction-line-warehouse-button>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
-                <co-transaction-line-delivery-button></co-transaction-line-delivery-button>
-              </div>
-            </div>
-          </div>
-          <div class="content-base bottom-base">
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'PRICE'"></co-transaction-line-label>
-                <co-transaction-line-price class="transaction-line-totals-price price"
-                  [screenConfigurationObject]="cfgNames.LinePrice"
-                  [showLabel]="false"
-                  [defaultEditMode]="false"
-                ></co-transaction-line-price>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
-                @if (!preview) {
-                  <co-transaction-line-discount-button
-                    [screenConfigurationObject]="cfgNames.LineDiscount"
-                    [configNames]="discountConfigNames"
-                  ></co-transaction-line-discount-button>
-                }
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'QUANTITY'"></co-transaction-line-label>
-                <co-transaction-line-amount class="amount-number-picker"
-                  [screenConfigurationObject]="cfgNames.LineAmount"
-                ></co-transaction-line-amount>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'TOTAL'"></co-transaction-line-label>
-                <co-editable-label class="transaction-line-totals-total price"
-                  [model]="transactionLine.netLineTotal | coCurrency: true"
-                  [editModel]="transactionLine.netLineTotal"
-                  [readonly]="true"
-                ></co-editable-label>
-              </div>
-            </div>
-          </div>
-          @if (expanded) {
-            <div class="content-expanded">
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
-                  <co-transaction-line-delivery-button
-                    [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
-                  ></co-transaction-line-delivery-button>
-                </div>
-              </div>
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
-                  <co-transaction-line-delivery-date-button></co-transaction-line-delivery-date-button>
-                </div>
-              </div>
-            </div>
-          }
-        </div>
-
-        <co-transaction-card-footer
-          [transactionTypeCategory]="category.SalesOrderInvoice"
-          [expanded]="expanded"
-        ></co-transaction-card-footer>
-      </div>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionCardInvoiceComponent, isStandalone: false, selector: "co-transaction-card-invoice", host: { properties: { "class.co-transaction-card-invoice": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
+      <div class="transaction-card-wrapper">
+        <co-transaction-card-header
+          [showActionButtons]="true"
+          [showCheckbox]="showCheckbox && transactionInfo.transactionDefinitive"
+          [showThumbnail]="false"
+          [expanded]="expanded"
+          (checkboxValueChanged)="handleSelectCheckboxClick($event)"
+          (expandClicked)="expanded = !expanded">
+          @if (lineQuantityToInvoice !== 0) {
+            <div class="transaction-line-totals-amount card-button">
+              <co-input-number-picker class="amount-number-picker"
+                [(model)]="transactionLine.amountSelected"
+                [decimals]="decimals"
+                [min]="1"
+                [max]="transactionLine.amount"
+                [readonly]="readonly"
+                (modelChange)="updateSelectedQuantity(transactionLine.amountSelected)">
+              </co-input-number-picker>
+            </div>
+          }
+        </co-transaction-card-header>
+        <div class="transaction-card-content-wrapper">
+          <div class="content-base top-base">
+            <div class="transaction-field-wrapper status-bar">
+              <co-transaction-line-statusbar
+                [screenConfigurationObject]="cfgNames.StatusBar"
+                [configNames]="statusBarConfigNames"
+              [activeCategory]="category.SalesOrderDeliveryNote"></co-transaction-line-statusbar>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
+                <co-transaction-line-warehouse-button></co-transaction-line-warehouse-button>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
+                <co-transaction-line-delivery-button></co-transaction-line-delivery-button>
+              </div>
+            </div>
+          </div>
+          <div class="content-base bottom-base">
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'PRICE'"></co-transaction-line-label>
+                <co-transaction-line-price class="transaction-line-totals-price price"
+                  [screenConfigurationObject]="cfgNames.LinePrice"
+                  [showLabel]="false"
+                  [defaultEditMode]="false"
+                ></co-transaction-line-price>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
+                @if (!preview) {
+                  <co-transaction-line-discount-button
+                    [screenConfigurationObject]="cfgNames.LineDiscount"
+                    [configNames]="discountConfigNames"
+                  ></co-transaction-line-discount-button>
+                }
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'QUANTITY'"></co-transaction-line-label>
+                <co-transaction-line-amount class="amount-number-picker"
+                  [screenConfigurationObject]="cfgNames.LineAmount"
+                ></co-transaction-line-amount>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'TOTAL'"></co-transaction-line-label>
+                <co-editable-label class="transaction-line-totals-total price"
+                  [model]="transactionLine.netLineTotal | coCurrency: true"
+                  [editModel]="transactionLine.netLineTotal"
+                  [readonly]="true"
+                ></co-editable-label>
+              </div>
+            </div>
+          </div>
+          @if (expanded) {
+            <div class="content-expanded">
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
+                  <co-transaction-line-delivery-button
+                    [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
+                  ></co-transaction-line-delivery-button>
+                </div>
+              </div>
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
+                  <co-transaction-line-delivery-date-button></co-transaction-line-delivery-date-button>
+                </div>
+              </div>
+            </div>
+          }
+        </div>
+
+        <co-transaction-card-footer
+          [transactionTypeCategory]="category.SalesOrderInvoice"
+          [expanded]="expanded"
+        ></co-transaction-card-footer>
+      </div>
+      `, isInline: true, dependencies: [{ kind: "component", type: TransactionCardHeaderComponent, selector: "co-transaction-card-header", inputs: ["showCheckbox", "showActionButtons", "showThumbnail"], outputs: ["checkboxValueChanged", "expandClicked"] }, { 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: TransactionLineWarehouseButtonComponent, selector: "co-transaction-line-warehouse-button", inputs: ["inputLabel"] }, { kind: "component", type: TransactionLineDeliveryButtonComponent, selector: "co-transaction-line-delivery-button", inputs: ["inputLabel"] }, { kind: "component", type: TransactionCardFooterComponent, selector: "co-transaction-card-footer", inputs: ["statusBarConfigNames", "transactionTypeCategory"] }, { kind: "component", type: EditableLabelComponent, selector: "co-editable-label", inputs: ["model", "editModel", "commit", "editMode", "readonly", "crossedOut", "inputLabel", "insideLabel"], outputs: ["editModelChange"] }, { kind: "component", type: TransactionLineDiscountButtonComponent, selector: "co-transaction-line-discount-button", inputs: ["configNames", "inputLabel"] }, { kind: "component", type: TransactionLineAmountComponent, selector: "co-transaction-line-amount", inputs: ["inputLabel"] }, { kind: "component", type: TransactionLineStatusbarComponent, selector: "co-transaction-line-statusbar", inputs: ["configNames", "activeCategory"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "component", type: TransactionLineLabelComponent, selector: "co-transaction-line-label", inputs: ["insideLabel"] }, { kind: "component", type: TransactionLineDeliveryDateButtonComponent, selector: "co-transaction-line-delivery-date-button", inputs: ["inputLabel"] }, { kind: "component", type: TransactionLinePriceComponent, selector: "co-transaction-line-price", inputs: ["showLabel", "showPurchasePrice", "defaultEditMode", "editMode", "inputLabel"] }, { kind: "pipe", type: i1$1.CoCurrencyPipe, name: "coCurrency" }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionCardInvoiceComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "co-transaction-card-invoice",
+                    template: `
+      <div class="transaction-card-wrapper">
+        <co-transaction-card-header
+          [showActionButtons]="true"
+          [showCheckbox]="showCheckbox && transactionInfo.transactionDefinitive"
+          [showThumbnail]="false"
+          [expanded]="expanded"
+          (checkboxValueChanged)="handleSelectCheckboxClick($event)"
+          (expandClicked)="expanded = !expanded">
+          @if (lineQuantityToInvoice !== 0) {
+            <div class="transaction-line-totals-amount card-button">
+              <co-input-number-picker class="amount-number-picker"
+                [(model)]="transactionLine.amountSelected"
+                [decimals]="decimals"
+                [min]="1"
+                [max]="transactionLine.amount"
+                [readonly]="readonly"
+                (modelChange)="updateSelectedQuantity(transactionLine.amountSelected)">
+              </co-input-number-picker>
+            </div>
+          }
+        </co-transaction-card-header>
+        <div class="transaction-card-content-wrapper">
+          <div class="content-base top-base">
+            <div class="transaction-field-wrapper status-bar">
+              <co-transaction-line-statusbar
+                [screenConfigurationObject]="cfgNames.StatusBar"
+                [configNames]="statusBarConfigNames"
+              [activeCategory]="category.SalesOrderDeliveryNote"></co-transaction-line-statusbar>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
+                <co-transaction-line-warehouse-button></co-transaction-line-warehouse-button>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
+                <co-transaction-line-delivery-button></co-transaction-line-delivery-button>
+              </div>
+            </div>
+          </div>
+          <div class="content-base bottom-base">
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'PRICE'"></co-transaction-line-label>
+                <co-transaction-line-price class="transaction-line-totals-price price"
+                  [screenConfigurationObject]="cfgNames.LinePrice"
+                  [showLabel]="false"
+                  [defaultEditMode]="false"
+                ></co-transaction-line-price>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
+                @if (!preview) {
+                  <co-transaction-line-discount-button
+                    [screenConfigurationObject]="cfgNames.LineDiscount"
+                    [configNames]="discountConfigNames"
+                  ></co-transaction-line-discount-button>
+                }
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'QUANTITY'"></co-transaction-line-label>
+                <co-transaction-line-amount class="amount-number-picker"
+                  [screenConfigurationObject]="cfgNames.LineAmount"
+                ></co-transaction-line-amount>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'TOTAL'"></co-transaction-line-label>
+                <co-editable-label class="transaction-line-totals-total price"
+                  [model]="transactionLine.netLineTotal | coCurrency: true"
+                  [editModel]="transactionLine.netLineTotal"
+                  [readonly]="true"
+                ></co-editable-label>
+              </div>
+            </div>
+          </div>
+          @if (expanded) {
+            <div class="content-expanded">
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
+                  <co-transaction-line-delivery-button
+                    [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
+                  ></co-transaction-line-delivery-button>
+                </div>
+              </div>
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
+                  <co-transaction-line-delivery-date-button></co-transaction-line-delivery-date-button>
+                </div>
+              </div>
+            </div>
+          }
+        </div>
+
+        <co-transaction-card-footer
+          [transactionTypeCategory]="category.SalesOrderInvoice"
+          [expanded]="expanded"
+        ></co-transaction-card-footer>
+      </div>
       `,
                     encapsulation: ViewEncapsulation.None,
                     standalone: false
@@ -99004,248 +99046,248 @@ class TransactionCardPurchaseComponent extends TransactionPurchaseLineBaseCompon
         lineDiscountQuantum: this.cfgNames.LineDiscountQuantum
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionCardPurchaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionCardPurchaseComponent, isStandalone: false, selector: "co-transaction-card-purchase", host: { properties: { "class.co-transaction-card-purchase": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
-      <div class="transaction-card-wrapper">
-        <co-transaction-card-header
-          [showActionButtons]="true"
-          [showCheckbox]="showCheckboxForLine && transactionInfo.transactionDefinitive"
-          [expanded]="expanded"
-          (expandClicked)="expanded = !expanded">
-        </co-transaction-card-header>
-        <div class="transaction-card-content-wrapper">
-          <div class="content-base top-base" [class.commission]="transactionLine.commissionCode === '0'">
-            <div class="transaction-field-wrapper status-bar">
-              <co-transaction-line-statusbar
-                [screenConfigurationObject]="cfgNames.StatusBar"
-                [configNames]="statusBarConfigNames"
-              [activeCategory]="category.SalesOrderPurchase"></co-transaction-line-statusbar>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'SUPPLIER'"></co-transaction-line-label>
-                <co-transaction-line-supplier-button
-                  [screenConfigurationObject]="cfgNames.LineSupplier"
-                [readonly]="hasPurchaseOrder"></co-transaction-line-supplier-button>
-              </div>
-            </div>
-            @if (transactionLine.commissionCode === '0') {
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-navigation-button-list
-                    class="transaction-field-wrapper medium"
-                    [screenConfigurationObject]="cfgNames.LineRefTransactions"
-                    [refTransactions]="transactionLine.refTransactionsPurchase"
-                    [emptyLabel]="'NO_PURCHASE_ORDER' | localize"
-                    [insideLabel]="'PURCHASE_ORDER'"
-                    (transactionClick)="handleExistingOrderNavigation($event)"
-                    [inputLabel]="true"
-                  ></co-transaction-navigation-button-list>
-                </div>
-              </div>
-            }
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
-                <co-transaction-line-warehouse-button
-                  [screenConfigurationObject]="cfgNames.LineWarehouse"
-                ></co-transaction-line-warehouse-button>
-              </div>
-            </div>
-          </div>
-          <div class="content-base bottom-base">
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'PRICE'"></co-transaction-line-label>
-                <co-editable-label class="transaction-card-price price"
-                  [model]="transactionLine.price | coCurrency"
-                  [readonly]="true"
-                ></co-editable-label>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'QUANTITY'"></co-transaction-line-label>
-                <co-transaction-line-amount class="amount-number-picker"
-                  [screenConfigurationObject]="cfgNames.LineAmount"
-                ></co-transaction-line-amount>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
-                @if (!preview) {
-                  <co-transaction-line-discount-button
-                    [screenConfigurationObject]="cfgNames.LineDiscount"
-                    [configNames]="discountConfigNames"
-                  ></co-transaction-line-discount-button>
-                }
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'TOTAL'"></co-transaction-line-label>
-                <co-editable-label class="transaction-line-totals-total price"
-                  [model]="transactionLine.netLineTotal | coCurrency"
-                  [editModel]="transactionLine.netLineTotal"
-                  [readonly]="true"
-                ></co-editable-label>
-              </div>
-            </div>
-          </div>
-          @if (expanded) {
-            <div class="content-expanded">
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
-                  <co-transaction-line-delivery-button class="fit-content"></co-transaction-line-delivery-button>
-                </div>
-              </div>
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
-                  <co-transaction-line-delivery-date-button></co-transaction-line-delivery-date-button>
-                </div>
-              </div>
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-drop-shipment-button
-                    [screenConfigurationObject]="cfgNames.LineDropShipment"
-                    [showLabel]="true"
-                  [class.active]="transactionLine.dropShipment"></co-transaction-line-drop-shipment-button>
-                </div>
-              </div>
-            </div>
-          }
-        </div>
-        <co-transaction-card-footer
-          [transactionTypeCategory]="category.SalesOrderPurchase"
-          [expanded]="expanded"
-        ></co-transaction-card-footer>
-      </div>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionCardPurchaseComponent, isStandalone: false, selector: "co-transaction-card-purchase", host: { properties: { "class.co-transaction-card-purchase": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
+      <div class="transaction-card-wrapper">
+        <co-transaction-card-header
+          [showActionButtons]="true"
+          [showCheckbox]="showCheckboxForLine && transactionInfo.transactionDefinitive"
+          [expanded]="expanded"
+          (expandClicked)="expanded = !expanded">
+        </co-transaction-card-header>
+        <div class="transaction-card-content-wrapper">
+          <div class="content-base top-base" [class.commission]="transactionLine.commissionCode === '0'">
+            <div class="transaction-field-wrapper status-bar">
+              <co-transaction-line-statusbar
+                [screenConfigurationObject]="cfgNames.StatusBar"
+                [configNames]="statusBarConfigNames"
+              [activeCategory]="category.SalesOrderPurchase"></co-transaction-line-statusbar>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'SUPPLIER'"></co-transaction-line-label>
+                <co-transaction-line-supplier-button
+                  [screenConfigurationObject]="cfgNames.LineSupplier"
+                [readonly]="hasPurchaseOrder"></co-transaction-line-supplier-button>
+              </div>
+            </div>
+            @if (transactionLine.commissionCode === '0') {
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-navigation-button-list
+                    class="transaction-field-wrapper medium"
+                    [screenConfigurationObject]="cfgNames.LineRefTransactions"
+                    [refTransactions]="transactionLine.refTransactionsPurchase"
+                    [emptyLabel]="'NO_PURCHASE_ORDER' | localize"
+                    [insideLabel]="'PURCHASE_ORDER'"
+                    (transactionClick)="handleExistingOrderNavigation($event)"
+                    [inputLabel]="true"
+                  ></co-transaction-navigation-button-list>
+                </div>
+              </div>
+            }
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
+                <co-transaction-line-warehouse-button
+                  [screenConfigurationObject]="cfgNames.LineWarehouse"
+                ></co-transaction-line-warehouse-button>
+              </div>
+            </div>
+          </div>
+          <div class="content-base bottom-base">
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'PRICE'"></co-transaction-line-label>
+                <co-editable-label class="transaction-card-price price"
+                  [model]="transactionLine.price | coCurrency"
+                  [readonly]="true"
+                ></co-editable-label>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'QUANTITY'"></co-transaction-line-label>
+                <co-transaction-line-amount class="amount-number-picker"
+                  [screenConfigurationObject]="cfgNames.LineAmount"
+                ></co-transaction-line-amount>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
+                @if (!preview) {
+                  <co-transaction-line-discount-button
+                    [screenConfigurationObject]="cfgNames.LineDiscount"
+                    [configNames]="discountConfigNames"
+                  ></co-transaction-line-discount-button>
+                }
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'TOTAL'"></co-transaction-line-label>
+                <co-editable-label class="transaction-line-totals-total price"
+                  [model]="transactionLine.netLineTotal | coCurrency"
+                  [editModel]="transactionLine.netLineTotal"
+                  [readonly]="true"
+                ></co-editable-label>
+              </div>
+            </div>
+          </div>
+          @if (expanded) {
+            <div class="content-expanded">
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
+                  <co-transaction-line-delivery-button class="fit-content"></co-transaction-line-delivery-button>
+                </div>
+              </div>
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
+                  <co-transaction-line-delivery-date-button></co-transaction-line-delivery-date-button>
+                </div>
+              </div>
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-drop-shipment-button
+                    [screenConfigurationObject]="cfgNames.LineDropShipment"
+                    [showLabel]="true"
+                  [class.active]="transactionLine.dropShipment"></co-transaction-line-drop-shipment-button>
+                </div>
+              </div>
+            </div>
+          }
+        </div>
+        <co-transaction-card-footer
+          [transactionTypeCategory]="category.SalesOrderPurchase"
+          [expanded]="expanded"
+        ></co-transaction-card-footer>
+      </div>
       `, isInline: true, dependencies: [{ kind: "component", type: TransactionCardHeaderComponent, selector: "co-transaction-card-header", inputs: ["showCheckbox", "showActionButtons", "showThumbnail"], outputs: ["checkboxValueChanged", "expandClicked"] }, { 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: TransactionCardFooterComponent, selector: "co-transaction-card-footer", inputs: ["statusBarConfigNames", "transactionTypeCategory"] }, { kind: "component", type: EditableLabelComponent, selector: "co-editable-label", inputs: ["model", "editModel", "commit", "editMode", "readonly", "crossedOut", "inputLabel", "insideLabel"], outputs: ["editModelChange"] }, { kind: "component", type: TransactionLineAmountComponent, selector: "co-transaction-line-amount", inputs: ["inputLabel"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "component", type: TransactionLineDropShipmentButtonComponent, selector: "co-transaction-line-drop-shipment-button", inputs: ["showLabel"] }, { 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: TransactionLineSupplierButtonComponent, selector: "co-transaction-line-supplier-button", inputs: ["inputLabel"] }, { kind: "component", type: TransactionLineDiscountButtonComponent, selector: "co-transaction-line-discount-button", inputs: ["configNames", "inputLabel"] }, { kind: "component", type: TransactionLineStatusbarComponent, selector: "co-transaction-line-statusbar", inputs: ["configNames", "activeCategory"] }, { kind: "component", type: TransactionLineLabelComponent, selector: "co-transaction-line-label", inputs: ["insideLabel"] }, { kind: "component", type: TransactionLineDeliveryDateButtonComponent, selector: "co-transaction-line-delivery-date-button", inputs: ["inputLabel"] }, { kind: "pipe", type: CoCurrencyPipe, name: "coCurrency" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionCardPurchaseComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "co-transaction-card-purchase",
-                    template: `
-      <div class="transaction-card-wrapper">
-        <co-transaction-card-header
-          [showActionButtons]="true"
-          [showCheckbox]="showCheckboxForLine && transactionInfo.transactionDefinitive"
-          [expanded]="expanded"
-          (expandClicked)="expanded = !expanded">
-        </co-transaction-card-header>
-        <div class="transaction-card-content-wrapper">
-          <div class="content-base top-base" [class.commission]="transactionLine.commissionCode === '0'">
-            <div class="transaction-field-wrapper status-bar">
-              <co-transaction-line-statusbar
-                [screenConfigurationObject]="cfgNames.StatusBar"
-                [configNames]="statusBarConfigNames"
-              [activeCategory]="category.SalesOrderPurchase"></co-transaction-line-statusbar>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'SUPPLIER'"></co-transaction-line-label>
-                <co-transaction-line-supplier-button
-                  [screenConfigurationObject]="cfgNames.LineSupplier"
-                [readonly]="hasPurchaseOrder"></co-transaction-line-supplier-button>
-              </div>
-            </div>
-            @if (transactionLine.commissionCode === '0') {
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-navigation-button-list
-                    class="transaction-field-wrapper medium"
-                    [screenConfigurationObject]="cfgNames.LineRefTransactions"
-                    [refTransactions]="transactionLine.refTransactionsPurchase"
-                    [emptyLabel]="'NO_PURCHASE_ORDER' | localize"
-                    [insideLabel]="'PURCHASE_ORDER'"
-                    (transactionClick)="handleExistingOrderNavigation($event)"
-                    [inputLabel]="true"
-                  ></co-transaction-navigation-button-list>
-                </div>
-              </div>
-            }
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
-                <co-transaction-line-warehouse-button
-                  [screenConfigurationObject]="cfgNames.LineWarehouse"
-                ></co-transaction-line-warehouse-button>
-              </div>
-            </div>
-          </div>
-          <div class="content-base bottom-base">
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'PRICE'"></co-transaction-line-label>
-                <co-editable-label class="transaction-card-price price"
-                  [model]="transactionLine.price | coCurrency"
-                  [readonly]="true"
-                ></co-editable-label>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'QUANTITY'"></co-transaction-line-label>
-                <co-transaction-line-amount class="amount-number-picker"
-                  [screenConfigurationObject]="cfgNames.LineAmount"
-                ></co-transaction-line-amount>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
-                @if (!preview) {
-                  <co-transaction-line-discount-button
-                    [screenConfigurationObject]="cfgNames.LineDiscount"
-                    [configNames]="discountConfigNames"
-                  ></co-transaction-line-discount-button>
-                }
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'TOTAL'"></co-transaction-line-label>
-                <co-editable-label class="transaction-line-totals-total price"
-                  [model]="transactionLine.netLineTotal | coCurrency"
-                  [editModel]="transactionLine.netLineTotal"
-                  [readonly]="true"
-                ></co-editable-label>
-              </div>
-            </div>
-          </div>
-          @if (expanded) {
-            <div class="content-expanded">
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
-                  <co-transaction-line-delivery-button class="fit-content"></co-transaction-line-delivery-button>
-                </div>
-              </div>
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
-                  <co-transaction-line-delivery-date-button></co-transaction-line-delivery-date-button>
-                </div>
-              </div>
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-drop-shipment-button
-                    [screenConfigurationObject]="cfgNames.LineDropShipment"
-                    [showLabel]="true"
-                  [class.active]="transactionLine.dropShipment"></co-transaction-line-drop-shipment-button>
-                </div>
-              </div>
-            </div>
-          }
-        </div>
-        <co-transaction-card-footer
-          [transactionTypeCategory]="category.SalesOrderPurchase"
-          [expanded]="expanded"
-        ></co-transaction-card-footer>
-      </div>
+                    template: `
+      <div class="transaction-card-wrapper">
+        <co-transaction-card-header
+          [showActionButtons]="true"
+          [showCheckbox]="showCheckboxForLine && transactionInfo.transactionDefinitive"
+          [expanded]="expanded"
+          (expandClicked)="expanded = !expanded">
+        </co-transaction-card-header>
+        <div class="transaction-card-content-wrapper">
+          <div class="content-base top-base" [class.commission]="transactionLine.commissionCode === '0'">
+            <div class="transaction-field-wrapper status-bar">
+              <co-transaction-line-statusbar
+                [screenConfigurationObject]="cfgNames.StatusBar"
+                [configNames]="statusBarConfigNames"
+              [activeCategory]="category.SalesOrderPurchase"></co-transaction-line-statusbar>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'SUPPLIER'"></co-transaction-line-label>
+                <co-transaction-line-supplier-button
+                  [screenConfigurationObject]="cfgNames.LineSupplier"
+                [readonly]="hasPurchaseOrder"></co-transaction-line-supplier-button>
+              </div>
+            </div>
+            @if (transactionLine.commissionCode === '0') {
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-navigation-button-list
+                    class="transaction-field-wrapper medium"
+                    [screenConfigurationObject]="cfgNames.LineRefTransactions"
+                    [refTransactions]="transactionLine.refTransactionsPurchase"
+                    [emptyLabel]="'NO_PURCHASE_ORDER' | localize"
+                    [insideLabel]="'PURCHASE_ORDER'"
+                    (transactionClick)="handleExistingOrderNavigation($event)"
+                    [inputLabel]="true"
+                  ></co-transaction-navigation-button-list>
+                </div>
+              </div>
+            }
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
+                <co-transaction-line-warehouse-button
+                  [screenConfigurationObject]="cfgNames.LineWarehouse"
+                ></co-transaction-line-warehouse-button>
+              </div>
+            </div>
+          </div>
+          <div class="content-base bottom-base">
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'PRICE'"></co-transaction-line-label>
+                <co-editable-label class="transaction-card-price price"
+                  [model]="transactionLine.price | coCurrency"
+                  [readonly]="true"
+                ></co-editable-label>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'QUANTITY'"></co-transaction-line-label>
+                <co-transaction-line-amount class="amount-number-picker"
+                  [screenConfigurationObject]="cfgNames.LineAmount"
+                ></co-transaction-line-amount>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
+                @if (!preview) {
+                  <co-transaction-line-discount-button
+                    [screenConfigurationObject]="cfgNames.LineDiscount"
+                    [configNames]="discountConfigNames"
+                  ></co-transaction-line-discount-button>
+                }
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'TOTAL'"></co-transaction-line-label>
+                <co-editable-label class="transaction-line-totals-total price"
+                  [model]="transactionLine.netLineTotal | coCurrency"
+                  [editModel]="transactionLine.netLineTotal"
+                  [readonly]="true"
+                ></co-editable-label>
+              </div>
+            </div>
+          </div>
+          @if (expanded) {
+            <div class="content-expanded">
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
+                  <co-transaction-line-delivery-button class="fit-content"></co-transaction-line-delivery-button>
+                </div>
+              </div>
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
+                  <co-transaction-line-delivery-date-button></co-transaction-line-delivery-date-button>
+                </div>
+              </div>
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-drop-shipment-button
+                    [screenConfigurationObject]="cfgNames.LineDropShipment"
+                    [showLabel]="true"
+                  [class.active]="transactionLine.dropShipment"></co-transaction-line-drop-shipment-button>
+                </div>
+              </div>
+            </div>
+          }
+        </div>
+        <co-transaction-card-footer
+          [transactionTypeCategory]="category.SalesOrderPurchase"
+          [expanded]="expanded"
+        ></co-transaction-card-footer>
+      </div>
       `,
                     encapsulation: ViewEncapsulation.None,
                     standalone: false
@@ -99355,242 +99397,242 @@ class TransactionCardOrderDeliveryComponent extends TransactionOrderDeliveryLine
         statusBarGF: this.cfgNames.StatusBarGF
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionCardOrderDeliveryComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionCardOrderDeliveryComponent, isStandalone: false, selector: "co-transaction-card-order-delivery", host: { properties: { "class.co-transaction-card-order-delivery": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
-      <div class="transaction-card-wrapper">
-        <co-transaction-card-header
-          [showActionButtons]="true"
-          [showCheckbox]="showCheckbox && transactionInfo.transactionDefinitive"
-          [showThumbnail]="false"
-          [expanded]="expanded"
-          (checkboxValueChanged)="handleSelectCheckboxClick($event)"
-          (expandClicked)="expanded = !expanded"
-          >
-          <!--div class="transaction-line-totals-amount card-button" *ngIf="lineQuantityToDeliver !== 0 && transactionInfo.allowPartialDelivery">
-          <co-input-number-picker class="amount-number-picker"
-            [(model)]="transactionLine.amountSelected"
-            [decimals]="decimals"
-            [min]="!transactionInfo.allowPartialDelivery ? transactionLine.amount : 1"
-            [max]="transactionLine.amount"
-            [readonly]="readonly || !transactionInfo.allowPartialDelivery"
-            (modelChange)="updateSelectedQuantity()"
-            >
-          </co-input-number-picker>
-        </div>
-        <co-editable-label-- class="transaction-line-totals-total price card-button"
-          *ngIf="lineQuantityToDeliver === 0 || !transactionInfo.allowPartialDelivery"
-          [model]="lineQuantityToDeliver"
-          [readonly]="true"
-        ></co-editable-label-->
-      </co-transaction-card-header>
-      <div class="transaction-card-content-wrapper">
-        <div class="content-base top-base">
-          <div class="transaction-field-wrapper status-bar">
-            <co-transaction-line-statusbar
-              [screenConfigurationObject]="cfgNames.StatusBar"
-              [configNames]="statusBarConfigNames"
-            [activeCategory]="category.SalesOrderDeliveryNote"></co-transaction-line-statusbar>
-          </div>
-          <div class="transaction-field-wrapper">
-            <div class="inside-field">
-              <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
-              <co-transaction-line-warehouse-button></co-transaction-line-warehouse-button>
-            </div>
-          </div>
-          <div class="transaction-field-wrapper">
-            <div class="inside-field">
-              <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
-              <co-transaction-line-delivery-button></co-transaction-line-delivery-button>
-            </div>
-          </div>
-        </div>
-        <div class="content-base bottom-base">
-          <div class="transaction-field-wrapper">
-            <div class="inside-field">
-              <co-transaction-line-label [insideLabel]="'PRICE'"></co-transaction-line-label>
-              <co-transaction-line-price class="transaction-line-totals-price price"
-                [screenConfigurationObject]="cfgNames.LinePrice"
-                [showLabel]="false"
-                [defaultEditMode]="false"
-              ></co-transaction-line-price>
-            </div>
-          </div>
-          <div class="transaction-field-wrapper">
-            <div class="inside-field">
-              <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
-              @if (!preview) {
-                <co-transaction-line-discount-button
-                  [screenConfigurationObject]="cfgNames.LineDiscount"
-                  [configNames]="discountConfigNames"
-                ></co-transaction-line-discount-button>
-              }
-            </div>
-          </div>
-          <div class="transaction-field-wrapper">
-            <div class="inside-field">
-              <co-transaction-line-label [insideLabel]="'QUANTITY'"></co-transaction-line-label>
-              <co-transaction-line-amount class="amount-number-picker"
-                [screenConfigurationObject]="cfgNames.LineAmount"
-              ></co-transaction-line-amount>
-            </div>
-          </div>
-          <div class="transaction-field-wrapper">
-            <div class="inside-field">
-              <co-transaction-line-label [insideLabel]="'TOTAL'"></co-transaction-line-label>
-              <co-editable-label class="transaction-line-totals-total price"
-                [model]="transactionLine.netLineTotal | coCurrency: true"
-                [editModel]="transactionLine.netLineTotal"
-                [readonly]="true"
-              ></co-editable-label>
-            </div>
-          </div>
-        </div>
-        @if (expanded) {
-          <div class="content-expanded">
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
-                <co-transaction-line-delivery-button
-                  [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
-                ></co-transaction-line-delivery-button>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
-                <co-transaction-line-delivery-date-button></co-transaction-line-delivery-date-button>
-              </div>
-            </div>
-          </div>
-        }
-      </div>
-
-      <co-transaction-card-footer
-        [statusBarConfigNames]="statusBarConfigNames"
-        [transactionTypeCategory]="category.SalesOrderDeliveryNote"
-        [expanded]="expanded"
-      ></co-transaction-card-footer>
-      </div>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionCardOrderDeliveryComponent, isStandalone: false, selector: "co-transaction-card-order-delivery", host: { properties: { "class.co-transaction-card-order-delivery": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
+      <div class="transaction-card-wrapper">
+        <co-transaction-card-header
+          [showActionButtons]="true"
+          [showCheckbox]="showCheckbox && transactionInfo.transactionDefinitive"
+          [showThumbnail]="false"
+          [expanded]="expanded"
+          (checkboxValueChanged)="handleSelectCheckboxClick($event)"
+          (expandClicked)="expanded = !expanded"
+          >
+          <!--div class="transaction-line-totals-amount card-button" *ngIf="lineQuantityToDeliver !== 0 && transactionInfo.allowPartialDelivery">
+          <co-input-number-picker class="amount-number-picker"
+            [(model)]="transactionLine.amountSelected"
+            [decimals]="decimals"
+            [min]="!transactionInfo.allowPartialDelivery ? transactionLine.amount : 1"
+            [max]="transactionLine.amount"
+            [readonly]="readonly || !transactionInfo.allowPartialDelivery"
+            (modelChange)="updateSelectedQuantity()"
+            >
+          </co-input-number-picker>
+        </div>
+        <co-editable-label-- class="transaction-line-totals-total price card-button"
+          *ngIf="lineQuantityToDeliver === 0 || !transactionInfo.allowPartialDelivery"
+          [model]="lineQuantityToDeliver"
+          [readonly]="true"
+        ></co-editable-label-->
+      </co-transaction-card-header>
+      <div class="transaction-card-content-wrapper">
+        <div class="content-base top-base">
+          <div class="transaction-field-wrapper status-bar">
+            <co-transaction-line-statusbar
+              [screenConfigurationObject]="cfgNames.StatusBar"
+              [configNames]="statusBarConfigNames"
+            [activeCategory]="category.SalesOrderDeliveryNote"></co-transaction-line-statusbar>
+          </div>
+          <div class="transaction-field-wrapper">
+            <div class="inside-field">
+              <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
+              <co-transaction-line-warehouse-button></co-transaction-line-warehouse-button>
+            </div>
+          </div>
+          <div class="transaction-field-wrapper">
+            <div class="inside-field">
+              <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
+              <co-transaction-line-delivery-button></co-transaction-line-delivery-button>
+            </div>
+          </div>
+        </div>
+        <div class="content-base bottom-base">
+          <div class="transaction-field-wrapper">
+            <div class="inside-field">
+              <co-transaction-line-label [insideLabel]="'PRICE'"></co-transaction-line-label>
+              <co-transaction-line-price class="transaction-line-totals-price price"
+                [screenConfigurationObject]="cfgNames.LinePrice"
+                [showLabel]="false"
+                [defaultEditMode]="false"
+              ></co-transaction-line-price>
+            </div>
+          </div>
+          <div class="transaction-field-wrapper">
+            <div class="inside-field">
+              <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
+              @if (!preview) {
+                <co-transaction-line-discount-button
+                  [screenConfigurationObject]="cfgNames.LineDiscount"
+                  [configNames]="discountConfigNames"
+                ></co-transaction-line-discount-button>
+              }
+            </div>
+          </div>
+          <div class="transaction-field-wrapper">
+            <div class="inside-field">
+              <co-transaction-line-label [insideLabel]="'QUANTITY'"></co-transaction-line-label>
+              <co-transaction-line-amount class="amount-number-picker"
+                [screenConfigurationObject]="cfgNames.LineAmount"
+              ></co-transaction-line-amount>
+            </div>
+          </div>
+          <div class="transaction-field-wrapper">
+            <div class="inside-field">
+              <co-transaction-line-label [insideLabel]="'TOTAL'"></co-transaction-line-label>
+              <co-editable-label class="transaction-line-totals-total price"
+                [model]="transactionLine.netLineTotal | coCurrency: true"
+                [editModel]="transactionLine.netLineTotal"
+                [readonly]="true"
+              ></co-editable-label>
+            </div>
+          </div>
+        </div>
+        @if (expanded) {
+          <div class="content-expanded">
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
+                <co-transaction-line-delivery-button
+                  [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
+                ></co-transaction-line-delivery-button>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
+                <co-transaction-line-delivery-date-button></co-transaction-line-delivery-date-button>
+              </div>
+            </div>
+          </div>
+        }
+      </div>
+
+      <co-transaction-card-footer
+        [statusBarConfigNames]="statusBarConfigNames"
+        [transactionTypeCategory]="category.SalesOrderDeliveryNote"
+        [expanded]="expanded"
+      ></co-transaction-card-footer>
+      </div>
       `, isInline: true, dependencies: [{ kind: "component", type: TransactionCardFooterComponent, selector: "co-transaction-card-footer", inputs: ["statusBarConfigNames", "transactionTypeCategory"] }, { kind: "component", type: TransactionCardHeaderComponent, selector: "co-transaction-card-header", inputs: ["showCheckbox", "showActionButtons", "showThumbnail"], outputs: ["checkboxValueChanged", "expandClicked"] }, { 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: EditableLabelComponent, selector: "co-editable-label", inputs: ["model", "editModel", "commit", "editMode", "readonly", "crossedOut", "inputLabel", "insideLabel"], outputs: ["editModelChange"] }, { kind: "component", type: TransactionLineAmountComponent, selector: "co-transaction-line-amount", inputs: ["inputLabel"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "component", type: TransactionLineDiscountButtonComponent, selector: "co-transaction-line-discount-button", inputs: ["configNames", "inputLabel"] }, { kind: "component", type: TransactionLineStatusbarComponent, selector: "co-transaction-line-statusbar", inputs: ["configNames", "activeCategory"] }, { kind: "component", type: TransactionLineLabelComponent, selector: "co-transaction-line-label", inputs: ["insideLabel"] }, { kind: "component", type: TransactionLinePriceComponent, selector: "co-transaction-line-price", inputs: ["showLabel", "showPurchasePrice", "defaultEditMode", "editMode", "inputLabel"] }, { kind: "component", type: TransactionLineDeliveryDateButtonComponent, selector: "co-transaction-line-delivery-date-button", inputs: ["inputLabel"] }, { kind: "pipe", type: i1$1.CoCurrencyPipe, name: "coCurrency" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionCardOrderDeliveryComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "co-transaction-card-order-delivery",
-                    template: `
-      <div class="transaction-card-wrapper">
-        <co-transaction-card-header
-          [showActionButtons]="true"
-          [showCheckbox]="showCheckbox && transactionInfo.transactionDefinitive"
-          [showThumbnail]="false"
-          [expanded]="expanded"
-          (checkboxValueChanged)="handleSelectCheckboxClick($event)"
-          (expandClicked)="expanded = !expanded"
-          >
-          <!--div class="transaction-line-totals-amount card-button" *ngIf="lineQuantityToDeliver !== 0 && transactionInfo.allowPartialDelivery">
-          <co-input-number-picker class="amount-number-picker"
-            [(model)]="transactionLine.amountSelected"
-            [decimals]="decimals"
-            [min]="!transactionInfo.allowPartialDelivery ? transactionLine.amount : 1"
-            [max]="transactionLine.amount"
-            [readonly]="readonly || !transactionInfo.allowPartialDelivery"
-            (modelChange)="updateSelectedQuantity()"
-            >
-          </co-input-number-picker>
-        </div>
-        <co-editable-label-- class="transaction-line-totals-total price card-button"
-          *ngIf="lineQuantityToDeliver === 0 || !transactionInfo.allowPartialDelivery"
-          [model]="lineQuantityToDeliver"
-          [readonly]="true"
-        ></co-editable-label-->
-      </co-transaction-card-header>
-      <div class="transaction-card-content-wrapper">
-        <div class="content-base top-base">
-          <div class="transaction-field-wrapper status-bar">
-            <co-transaction-line-statusbar
-              [screenConfigurationObject]="cfgNames.StatusBar"
-              [configNames]="statusBarConfigNames"
-            [activeCategory]="category.SalesOrderDeliveryNote"></co-transaction-line-statusbar>
-          </div>
-          <div class="transaction-field-wrapper">
-            <div class="inside-field">
-              <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
-              <co-transaction-line-warehouse-button></co-transaction-line-warehouse-button>
-            </div>
-          </div>
-          <div class="transaction-field-wrapper">
-            <div class="inside-field">
-              <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
-              <co-transaction-line-delivery-button></co-transaction-line-delivery-button>
-            </div>
-          </div>
-        </div>
-        <div class="content-base bottom-base">
-          <div class="transaction-field-wrapper">
-            <div class="inside-field">
-              <co-transaction-line-label [insideLabel]="'PRICE'"></co-transaction-line-label>
-              <co-transaction-line-price class="transaction-line-totals-price price"
-                [screenConfigurationObject]="cfgNames.LinePrice"
-                [showLabel]="false"
-                [defaultEditMode]="false"
-              ></co-transaction-line-price>
-            </div>
-          </div>
-          <div class="transaction-field-wrapper">
-            <div class="inside-field">
-              <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
-              @if (!preview) {
-                <co-transaction-line-discount-button
-                  [screenConfigurationObject]="cfgNames.LineDiscount"
-                  [configNames]="discountConfigNames"
-                ></co-transaction-line-discount-button>
-              }
-            </div>
-          </div>
-          <div class="transaction-field-wrapper">
-            <div class="inside-field">
-              <co-transaction-line-label [insideLabel]="'QUANTITY'"></co-transaction-line-label>
-              <co-transaction-line-amount class="amount-number-picker"
-                [screenConfigurationObject]="cfgNames.LineAmount"
-              ></co-transaction-line-amount>
-            </div>
-          </div>
-          <div class="transaction-field-wrapper">
-            <div class="inside-field">
-              <co-transaction-line-label [insideLabel]="'TOTAL'"></co-transaction-line-label>
-              <co-editable-label class="transaction-line-totals-total price"
-                [model]="transactionLine.netLineTotal | coCurrency: true"
-                [editModel]="transactionLine.netLineTotal"
-                [readonly]="true"
-              ></co-editable-label>
-            </div>
-          </div>
-        </div>
-        @if (expanded) {
-          <div class="content-expanded">
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
-                <co-transaction-line-delivery-button
-                  [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
-                ></co-transaction-line-delivery-button>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
-                <co-transaction-line-delivery-date-button></co-transaction-line-delivery-date-button>
-              </div>
-            </div>
-          </div>
-        }
-      </div>
-
-      <co-transaction-card-footer
-        [statusBarConfigNames]="statusBarConfigNames"
-        [transactionTypeCategory]="category.SalesOrderDeliveryNote"
-        [expanded]="expanded"
-      ></co-transaction-card-footer>
-      </div>
+                    template: `
+      <div class="transaction-card-wrapper">
+        <co-transaction-card-header
+          [showActionButtons]="true"
+          [showCheckbox]="showCheckbox && transactionInfo.transactionDefinitive"
+          [showThumbnail]="false"
+          [expanded]="expanded"
+          (checkboxValueChanged)="handleSelectCheckboxClick($event)"
+          (expandClicked)="expanded = !expanded"
+          >
+          <!--div class="transaction-line-totals-amount card-button" *ngIf="lineQuantityToDeliver !== 0 && transactionInfo.allowPartialDelivery">
+          <co-input-number-picker class="amount-number-picker"
+            [(model)]="transactionLine.amountSelected"
+            [decimals]="decimals"
+            [min]="!transactionInfo.allowPartialDelivery ? transactionLine.amount : 1"
+            [max]="transactionLine.amount"
+            [readonly]="readonly || !transactionInfo.allowPartialDelivery"
+            (modelChange)="updateSelectedQuantity()"
+            >
+          </co-input-number-picker>
+        </div>
+        <co-editable-label-- class="transaction-line-totals-total price card-button"
+          *ngIf="lineQuantityToDeliver === 0 || !transactionInfo.allowPartialDelivery"
+          [model]="lineQuantityToDeliver"
+          [readonly]="true"
+        ></co-editable-label-->
+      </co-transaction-card-header>
+      <div class="transaction-card-content-wrapper">
+        <div class="content-base top-base">
+          <div class="transaction-field-wrapper status-bar">
+            <co-transaction-line-statusbar
+              [screenConfigurationObject]="cfgNames.StatusBar"
+              [configNames]="statusBarConfigNames"
+            [activeCategory]="category.SalesOrderDeliveryNote"></co-transaction-line-statusbar>
+          </div>
+          <div class="transaction-field-wrapper">
+            <div class="inside-field">
+              <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
+              <co-transaction-line-warehouse-button></co-transaction-line-warehouse-button>
+            </div>
+          </div>
+          <div class="transaction-field-wrapper">
+            <div class="inside-field">
+              <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
+              <co-transaction-line-delivery-button></co-transaction-line-delivery-button>
+            </div>
+          </div>
+        </div>
+        <div class="content-base bottom-base">
+          <div class="transaction-field-wrapper">
+            <div class="inside-field">
+              <co-transaction-line-label [insideLabel]="'PRICE'"></co-transaction-line-label>
+              <co-transaction-line-price class="transaction-line-totals-price price"
+                [screenConfigurationObject]="cfgNames.LinePrice"
+                [showLabel]="false"
+                [defaultEditMode]="false"
+              ></co-transaction-line-price>
+            </div>
+          </div>
+          <div class="transaction-field-wrapper">
+            <div class="inside-field">
+              <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
+              @if (!preview) {
+                <co-transaction-line-discount-button
+                  [screenConfigurationObject]="cfgNames.LineDiscount"
+                  [configNames]="discountConfigNames"
+                ></co-transaction-line-discount-button>
+              }
+            </div>
+          </div>
+          <div class="transaction-field-wrapper">
+            <div class="inside-field">
+              <co-transaction-line-label [insideLabel]="'QUANTITY'"></co-transaction-line-label>
+              <co-transaction-line-amount class="amount-number-picker"
+                [screenConfigurationObject]="cfgNames.LineAmount"
+              ></co-transaction-line-amount>
+            </div>
+          </div>
+          <div class="transaction-field-wrapper">
+            <div class="inside-field">
+              <co-transaction-line-label [insideLabel]="'TOTAL'"></co-transaction-line-label>
+              <co-editable-label class="transaction-line-totals-total price"
+                [model]="transactionLine.netLineTotal | coCurrency: true"
+                [editModel]="transactionLine.netLineTotal"
+                [readonly]="true"
+              ></co-editable-label>
+            </div>
+          </div>
+        </div>
+        @if (expanded) {
+          <div class="content-expanded">
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
+                <co-transaction-line-delivery-button
+                  [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
+                ></co-transaction-line-delivery-button>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
+                <co-transaction-line-delivery-date-button></co-transaction-line-delivery-date-button>
+              </div>
+            </div>
+          </div>
+        }
+      </div>
+
+      <co-transaction-card-footer
+        [statusBarConfigNames]="statusBarConfigNames"
+        [transactionTypeCategory]="category.SalesOrderDeliveryNote"
+        [expanded]="expanded"
+      ></co-transaction-card-footer>
+      </div>
       `,
                     encapsulation: ViewEncapsulation.None,
                     standalone: false
@@ -101238,222 +101280,222 @@ class TransactionCardPlanningComponent extends TransactionLineBaseComponent {
         return this.transactionInfo?.allowPartialDelivery;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionCardPlanningComponent, deps: [{ token: TransactionHeaderService }, { token: TransactionLineService }, { token: TransactionEventService }, { token: IconCacheService }, { token: TransactionScreenConfigurationService }, { token: TransactionImageService }, { token: DictionaryService }, { token: TransactionService }, { token: i0.ChangeDetectorRef }, { token: DeliveryPlanningService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionCardPlanningComponent, isStandalone: false, selector: "co-transaction-card-planning", host: { properties: { "class.co-transaction-card-planning": "this.showClass" } }, viewQueries: [{ propertyName: "transactionLineActionButtons", first: true, predicate: TransactionLineActionButtonsComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
-      <div class="transaction-card-wrapper"
-        [draggable]="lineNotPlanned(transactionLine)"
-        (dragstart)="dragStarted($event)">
-        <co-transaction-card-header
-          [showActionButtons]="true"
-          [showCheckbox]="lineNotPlanned(transactionLine)"
-          [expanded]="expanded" [selected]="selected"
-          (checkboxValueChanged)="selected = $event"
-          (expandClicked)="expanded = !expanded"
-          >
-        </co-transaction-card-header>
-        <div class="transaction-card-content-wrapper">
-          <div class="content-base top-base">
-            <div class="transaction-field-wrapper status-bar">
-              <co-transaction-line-statusbar
-                [screenConfigurationObject]="cfgNames.StatusBar"
-                [configNames]="statusBarConfigNames"
-              [activeCategory]="category.SalesOrderPlanning"></co-transaction-line-statusbar>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'COMMISSION_CODE'"></co-transaction-line-label>
-                <co-transaction-line-commission-button></co-transaction-line-commission-button>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'SUPPLIER'"></co-transaction-line-label>
-                <co-transaction-line-supplier-button></co-transaction-line-supplier-button>
-              </div>
-            </div>
-          </div>
-          <div class="content-base bottom-base">
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'PRICE'"></co-transaction-line-label>
-                <co-transaction-line-price class="transaction-line-totals-price price"
-                  [screenConfigurationObject]="cfgNames.LinePrice"
-                  [showLabel]="false"
-                  [defaultEditMode]="false"
-                ></co-transaction-line-price>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
-                @if (!preview) {
-                  <co-transaction-line-discount-button
-                    [screenConfigurationObject]="cfgNames.LineDiscount"
-                    [configNames]="discountConfigNames"
-                  ></co-transaction-line-discount-button>
-                }
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'QUANTITY'"></co-transaction-line-label>
-                <co-transaction-line-amount class="amount-number-picker"
-                  [screenConfigurationObject]="cfgNames.LineAmount"
-                ></co-transaction-line-amount>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'TOTAL'"></co-transaction-line-label>
-                <co-editable-label class="transaction-line-totals-total price"
-                  [model]="transactionLine.netLineTotal | coCurrency: true"
-                  [editModel]="transactionLine.netLineTotal"
-                  [readonly]="true"
-                ></co-editable-label>
-              </div>
-            </div>
-          </div>
-          @if (expanded) {
-            <div class="content-expanded">
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
-                  <co-transaction-line-warehouse-button></co-transaction-line-warehouse-button>
-                </div>
-              </div>
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
-                  <co-transaction-line-delivery-button
-                    [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
-                  ></co-transaction-line-delivery-button>
-                </div>
-              </div>
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
-                  <co-transaction-line-delivery-date-button></co-transaction-line-delivery-date-button>
-                </div>
-              </div>
-            </div>
-          }
-        </div>
-
-        <co-transaction-card-footer
-          [transactionTypeCategory]="category.SalesOrderOverview"
-          [expanded]="expanded"
-        ></co-transaction-card-footer>
-      </div>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionCardPlanningComponent, isStandalone: false, selector: "co-transaction-card-planning", host: { properties: { "class.co-transaction-card-planning": "this.showClass" } }, viewQueries: [{ propertyName: "transactionLineActionButtons", first: true, predicate: TransactionLineActionButtonsComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+      <div class="transaction-card-wrapper"
+        [draggable]="lineNotPlanned(transactionLine)"
+        (dragstart)="dragStarted($event)">
+        <co-transaction-card-header
+          [showActionButtons]="true"
+          [showCheckbox]="lineNotPlanned(transactionLine)"
+          [expanded]="expanded" [selected]="selected"
+          (checkboxValueChanged)="selected = $event"
+          (expandClicked)="expanded = !expanded"
+          >
+        </co-transaction-card-header>
+        <div class="transaction-card-content-wrapper">
+          <div class="content-base top-base">
+            <div class="transaction-field-wrapper status-bar">
+              <co-transaction-line-statusbar
+                [screenConfigurationObject]="cfgNames.StatusBar"
+                [configNames]="statusBarConfigNames"
+              [activeCategory]="category.SalesOrderPlanning"></co-transaction-line-statusbar>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'COMMISSION_CODE'"></co-transaction-line-label>
+                <co-transaction-line-commission-button></co-transaction-line-commission-button>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'SUPPLIER'"></co-transaction-line-label>
+                <co-transaction-line-supplier-button></co-transaction-line-supplier-button>
+              </div>
+            </div>
+          </div>
+          <div class="content-base bottom-base">
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'PRICE'"></co-transaction-line-label>
+                <co-transaction-line-price class="transaction-line-totals-price price"
+                  [screenConfigurationObject]="cfgNames.LinePrice"
+                  [showLabel]="false"
+                  [defaultEditMode]="false"
+                ></co-transaction-line-price>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
+                @if (!preview) {
+                  <co-transaction-line-discount-button
+                    [screenConfigurationObject]="cfgNames.LineDiscount"
+                    [configNames]="discountConfigNames"
+                  ></co-transaction-line-discount-button>
+                }
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'QUANTITY'"></co-transaction-line-label>
+                <co-transaction-line-amount class="amount-number-picker"
+                  [screenConfigurationObject]="cfgNames.LineAmount"
+                ></co-transaction-line-amount>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'TOTAL'"></co-transaction-line-label>
+                <co-editable-label class="transaction-line-totals-total price"
+                  [model]="transactionLine.netLineTotal | coCurrency: true"
+                  [editModel]="transactionLine.netLineTotal"
+                  [readonly]="true"
+                ></co-editable-label>
+              </div>
+            </div>
+          </div>
+          @if (expanded) {
+            <div class="content-expanded">
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
+                  <co-transaction-line-warehouse-button></co-transaction-line-warehouse-button>
+                </div>
+              </div>
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
+                  <co-transaction-line-delivery-button
+                    [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
+                  ></co-transaction-line-delivery-button>
+                </div>
+              </div>
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
+                  <co-transaction-line-delivery-date-button></co-transaction-line-delivery-date-button>
+                </div>
+              </div>
+            </div>
+          }
+        </div>
+
+        <co-transaction-card-footer
+          [transactionTypeCategory]="category.SalesOrderOverview"
+          [expanded]="expanded"
+        ></co-transaction-card-footer>
+      </div>
       `, isInline: true, dependencies: [{ kind: "component", type: TransactionCardHeaderComponent, selector: "co-transaction-card-header", inputs: ["showCheckbox", "showActionButtons", "showThumbnail"], outputs: ["checkboxValueChanged", "expandClicked"] }, { kind: "component", type: TransactionLineAmountComponent, selector: "co-transaction-line-amount", inputs: ["inputLabel"] }, { kind: "component", type: TransactionLineCommissionButtonComponent, selector: "co-transaction-line-commission-button", inputs: ["inputLabel"] }, { kind: "component", type: TransactionLineSupplierButtonComponent, selector: "co-transaction-line-supplier-button", inputs: ["inputLabel"] }, { kind: "component", type: EditableLabelComponent, selector: "co-editable-label", inputs: ["model", "editModel", "commit", "editMode", "readonly", "crossedOut", "inputLabel", "insideLabel"], outputs: ["editModelChange"] }, { 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: TransactionCardFooterComponent, selector: "co-transaction-card-footer", inputs: ["statusBarConfigNames", "transactionTypeCategory"] }, { 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: TransactionLineStatusbarComponent, selector: "co-transaction-line-statusbar", inputs: ["configNames", "activeCategory"] }, { kind: "component", type: TransactionLineLabelComponent, selector: "co-transaction-line-label", inputs: ["insideLabel"] }, { kind: "component", type: TransactionLinePriceComponent, selector: "co-transaction-line-price", inputs: ["showLabel", "showPurchasePrice", "defaultEditMode", "editMode", "inputLabel"] }, { kind: "component", type: TransactionLineDeliveryDateButtonComponent, selector: "co-transaction-line-delivery-date-button", inputs: ["inputLabel"] }, { kind: "pipe", type: CoCurrencyPipe, name: "coCurrency" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionCardPlanningComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "co-transaction-card-planning",
-                    template: `
-      <div class="transaction-card-wrapper"
-        [draggable]="lineNotPlanned(transactionLine)"
-        (dragstart)="dragStarted($event)">
-        <co-transaction-card-header
-          [showActionButtons]="true"
-          [showCheckbox]="lineNotPlanned(transactionLine)"
-          [expanded]="expanded" [selected]="selected"
-          (checkboxValueChanged)="selected = $event"
-          (expandClicked)="expanded = !expanded"
-          >
-        </co-transaction-card-header>
-        <div class="transaction-card-content-wrapper">
-          <div class="content-base top-base">
-            <div class="transaction-field-wrapper status-bar">
-              <co-transaction-line-statusbar
-                [screenConfigurationObject]="cfgNames.StatusBar"
-                [configNames]="statusBarConfigNames"
-              [activeCategory]="category.SalesOrderPlanning"></co-transaction-line-statusbar>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'COMMISSION_CODE'"></co-transaction-line-label>
-                <co-transaction-line-commission-button></co-transaction-line-commission-button>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'SUPPLIER'"></co-transaction-line-label>
-                <co-transaction-line-supplier-button></co-transaction-line-supplier-button>
-              </div>
-            </div>
-          </div>
-          <div class="content-base bottom-base">
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'PRICE'"></co-transaction-line-label>
-                <co-transaction-line-price class="transaction-line-totals-price price"
-                  [screenConfigurationObject]="cfgNames.LinePrice"
-                  [showLabel]="false"
-                  [defaultEditMode]="false"
-                ></co-transaction-line-price>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
-                @if (!preview) {
-                  <co-transaction-line-discount-button
-                    [screenConfigurationObject]="cfgNames.LineDiscount"
-                    [configNames]="discountConfigNames"
-                  ></co-transaction-line-discount-button>
-                }
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'QUANTITY'"></co-transaction-line-label>
-                <co-transaction-line-amount class="amount-number-picker"
-                  [screenConfigurationObject]="cfgNames.LineAmount"
-                ></co-transaction-line-amount>
-              </div>
-            </div>
-            <div class="transaction-field-wrapper">
-              <div class="inside-field">
-                <co-transaction-line-label [insideLabel]="'TOTAL'"></co-transaction-line-label>
-                <co-editable-label class="transaction-line-totals-total price"
-                  [model]="transactionLine.netLineTotal | coCurrency: true"
-                  [editModel]="transactionLine.netLineTotal"
-                  [readonly]="true"
-                ></co-editable-label>
-              </div>
-            </div>
-          </div>
-          @if (expanded) {
-            <div class="content-expanded">
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
-                  <co-transaction-line-warehouse-button></co-transaction-line-warehouse-button>
-                </div>
-              </div>
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
-                  <co-transaction-line-delivery-button
-                    [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
-                  ></co-transaction-line-delivery-button>
-                </div>
-              </div>
-              <div class="transaction-field-wrapper">
-                <div class="inside-field">
-                  <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
-                  <co-transaction-line-delivery-date-button></co-transaction-line-delivery-date-button>
-                </div>
-              </div>
-            </div>
-          }
-        </div>
-
-        <co-transaction-card-footer
-          [transactionTypeCategory]="category.SalesOrderOverview"
-          [expanded]="expanded"
-        ></co-transaction-card-footer>
-      </div>
+                    template: `
+      <div class="transaction-card-wrapper"
+        [draggable]="lineNotPlanned(transactionLine)"
+        (dragstart)="dragStarted($event)">
+        <co-transaction-card-header
+          [showActionButtons]="true"
+          [showCheckbox]="lineNotPlanned(transactionLine)"
+          [expanded]="expanded" [selected]="selected"
+          (checkboxValueChanged)="selected = $event"
+          (expandClicked)="expanded = !expanded"
+          >
+        </co-transaction-card-header>
+        <div class="transaction-card-content-wrapper">
+          <div class="content-base top-base">
+            <div class="transaction-field-wrapper status-bar">
+              <co-transaction-line-statusbar
+                [screenConfigurationObject]="cfgNames.StatusBar"
+                [configNames]="statusBarConfigNames"
+              [activeCategory]="category.SalesOrderPlanning"></co-transaction-line-statusbar>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'COMMISSION_CODE'"></co-transaction-line-label>
+                <co-transaction-line-commission-button></co-transaction-line-commission-button>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'SUPPLIER'"></co-transaction-line-label>
+                <co-transaction-line-supplier-button></co-transaction-line-supplier-button>
+              </div>
+            </div>
+          </div>
+          <div class="content-base bottom-base">
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'PRICE'"></co-transaction-line-label>
+                <co-transaction-line-price class="transaction-line-totals-price price"
+                  [screenConfigurationObject]="cfgNames.LinePrice"
+                  [showLabel]="false"
+                  [defaultEditMode]="false"
+                ></co-transaction-line-price>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'DISCOUNT'"></co-transaction-line-label>
+                @if (!preview) {
+                  <co-transaction-line-discount-button
+                    [screenConfigurationObject]="cfgNames.LineDiscount"
+                    [configNames]="discountConfigNames"
+                  ></co-transaction-line-discount-button>
+                }
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'QUANTITY'"></co-transaction-line-label>
+                <co-transaction-line-amount class="amount-number-picker"
+                  [screenConfigurationObject]="cfgNames.LineAmount"
+                ></co-transaction-line-amount>
+              </div>
+            </div>
+            <div class="transaction-field-wrapper">
+              <div class="inside-field">
+                <co-transaction-line-label [insideLabel]="'TOTAL'"></co-transaction-line-label>
+                <co-editable-label class="transaction-line-totals-total price"
+                  [model]="transactionLine.netLineTotal | coCurrency: true"
+                  [editModel]="transactionLine.netLineTotal"
+                  [readonly]="true"
+                ></co-editable-label>
+              </div>
+            </div>
+          </div>
+          @if (expanded) {
+            <div class="content-expanded">
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'WAREHOUSE'"></co-transaction-line-label>
+                  <co-transaction-line-warehouse-button></co-transaction-line-warehouse-button>
+                </div>
+              </div>
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'DELIVERY_METHOD'"></co-transaction-line-label>
+                  <co-transaction-line-delivery-button
+                    [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
+                  ></co-transaction-line-delivery-button>
+                </div>
+              </div>
+              <div class="transaction-field-wrapper">
+                <div class="inside-field">
+                  <co-transaction-line-label [insideLabel]="'DELIVERY_DATE'"></co-transaction-line-label>
+                  <co-transaction-line-delivery-date-button></co-transaction-line-delivery-date-button>
+                </div>
+              </div>
+            </div>
+          }
+        </div>
+
+        <co-transaction-card-footer
+          [transactionTypeCategory]="category.SalesOrderOverview"
+          [expanded]="expanded"
+        ></co-transaction-card-footer>
+      </div>
       `,
                     encapsulation: ViewEncapsulation.None,
                     standalone: false