@colijnit/transaction 256.1.2 → 256.1.3

package/fesm2015/colijnit-transaction.js

@@ -87,6 +87,7 @@ import { RelationListObject } from '@colijnit/relationapi/build/model/relation-l
 import { BranchLov } from '@colijnit/relationapi/build/model/branch-lov.bo';
 import { Address } from '@colijnit/relationapi/build/model/address.bo';
 import { RelationSmallObject } from '@colijnit/mainapi/build/model/relation-small-object.bo';
+import { SupplierLightObject } from '@colijnit/relationapi/build/model/supplier-light-object.bo';
 import { Articles } from '@colijnit/articleapi/build/articles';
 import { StockLocation } from '@colijnit/articleapi/build/model/stock-location.bo';
 import { ArticleExtendedRequest } from '@colijnit/articleapi/build/model/article-extended-request';
@@ -277,8 +278,8 @@ class Version {
     constructor() {
         this.name = "@colijnit/transaction";
         this.description = "Colijn IT transaction package";
-        this.symVer = "256.1.2";
-        this.publishDate = "21-10-2024 09:58:53";
+        this.symVer = "256.1.3";
+        this.publishDate = "22-10-2024 14:22:51";
     }
 }
 
@@ -1691,6 +1692,18 @@ class TransactionRelationConnectorService {
             }
         });
     }
+    getSupplierLightById(supplierId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const result = yield this.connector.getSupplierLightById(supplierId);
+            if (result.validationResult && result.validationResult.success) {
+                return this._boFactory.makeWithRawBackendData(SupplierLightObject, result.resultObject);
+            }
+            else {
+                this._handleExceptionFromResponse(result);
+                return null;
+            }
+        });
+    }
     getRelationListObjects(relationRequest) {
         return __awaiter(this, void 0, void 0, function* () {
             const result = yield this.connector.getRelationListObjects(relationRequest);
@@ -5581,6 +5594,18 @@ class TransactionConnectorAdapterService {
             }
         });
     }
+    getReportHeadersByTransIdAndLayoutCode(transId, documentCode) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.getReportHeadersByTransIdAndLayoutCode(transId, documentCode);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeBOArrayFromRawBackendDataArray(HistoricReport, response.resultObject);
+            }
+            else {
+                this._handleExceptionFromResponse(response);
+                return null;
+            }
+        });
+    }
     getPackageStickerPrintLayouts() {
         return __awaiter(this, void 0, void 0, function* () {
             const response = yield this.mainConnector.getPackageStickerPrintLayouts();
@@ -6655,29 +6680,47 @@ class TransactionConnectorService {
     }
     getInOutCollection(languageCode) {
         return __awaiter(this, void 0, void 0, function* () {
-            return this._adapterService.getInOutCollection(languageCode);
+            const domainName = DomainName.InOutCollection;
+            return this._selectMultipleParameterizedCacheService.requestCache(CoDomainValue, (languageCode, domainName) => {
+                return this._adapterService.getInOutCollection(languageCode);
+            }).getValue(languageCode, domainName);
         });
     }
     getYesNoCollection(languageCode) {
         return __awaiter(this, void 0, void 0, function* () {
-            return this._adapterService.getYesNoCollection(languageCode);
+            const domainName = DomainName.YesNo;
+            return this._selectMultipleParameterizedCacheService.requestCache(CoDomainValue, (languageCode, domainName) => {
+                return this._adapterService.getYesNoCollection(languageCode);
+            }).getValue(languageCode, domainName);
         });
     }
     getPriceKindCollection(languageCode) {
         return __awaiter(this, void 0, void 0, function* () {
-            return this._adapterService.getPriceKindCollection(languageCode);
+            const domainName = DomainName.PriceKind;
+            return this._selectMultipleParameterizedCacheService.requestCache(CoDomainValue, (languageCode, domainName) => {
+                return this._adapterService.getPriceKindCollection(languageCode);
+            }).getValue(languageCode, domainName);
         });
     }
     getPriorityCollection(languageCode) {
         return __awaiter(this, void 0, void 0, function* () {
-            return this._adapterService.getPriorityCollection(languageCode);
+            const domainName = DomainName.Priority;
+            return this._selectMultipleParameterizedCacheService.requestCache(CoDomainValue, (languageCode, domainName) => {
+                return this._adapterService.getPriorityCollection(languageCode);
+            }).getValue(languageCode, domainName);
         });
     }
     getEntryTypes(languageCode) {
-        return this._adapterService.getEntryTypes(languageCode);
+        const domainName = DomainName.ServiceCommunicationType;
+        return this._selectMultipleParameterizedCacheService.requestCache(CoDomainValue, (languageCode, domainName) => {
+            return this._adapterService.getEntryTypes(languageCode);
+        }).getValue(languageCode, domainName);
     }
     getDomainTypes(languageCode) {
-        return this._adapterService.getDomainTypes(languageCode);
+        const domainName = DomainName.TransType;
+        return this._selectMultipleParameterizedCacheService.requestCache(CoDomainValue, (languageCode, domainName) => {
+            return this._adapterService.getDomainTypes(languageCode);
+        }).getValue(languageCode, domainName);
     }
     getCauseCodes() {
         return this._adapterService.getCauseCodes();
@@ -7582,6 +7625,11 @@ class TransactionConnectorService {
             return yield this._adapterService.getHistoricDocuments(transId, documentCode);
         });
     }
+    getReportHeadersByTransIdAndLayoutCode(transId, documentCode) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._adapterService.getReportHeadersByTransIdAndLayoutCode(transId, documentCode);
+        });
+    }
     getPackageStickerPrintLayouts() {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this._adapterService.getPackageStickerPrintLayouts();
@@ -8308,12 +8356,14 @@ class TransactionBaseComponent {
     get transactionLine() {
         return this._transactionLine;
     }
-    set transactionMarginInfo(marginInfo) {
-        this._transactionMarginInfo = marginInfo;
-    }
-    get transactionMarginInfo() {
-        return this._transactionMarginInfo;
-    }
+    // @Input()
+    // public set transactionMarginInfo(marginInfo: TransactionMarginInfo) {
+    //   this._transactionMarginInfo = marginInfo;
+    // }
+    //
+    // public get transactionMarginInfo(): TransactionMarginInfo {
+    //   return this._transactionMarginInfo;
+    // }
     set transactionInfo(value) {
         if (value) {
             this.headerReadonly = false;
@@ -8509,7 +8559,6 @@ TransactionBaseComponent.propDecorators = {
     forceWritable: [{ type: Input }],
     transaction: [{ type: Input }],
     transactionLine: [{ type: Input }],
-    transactionMarginInfo: [{ type: Input }],
     transactionInfo: [{ type: Input }],
     orderLineSets: [{ type: Input }],
     transactionTotal: [{ type: Input }],
@@ -9260,6 +9309,11 @@ class TransactionRelationService {
         return this._adapterService.getSupplierFullObject(relationNo);
         // }).getValue();
     }
+    getSupplierLightById(supplierId) {
+        // return this._selectSingleCacheService.requestCache<SupplierFullObject>(SupplierFullObject, relationNo, () => {
+        return this._adapterService.getSupplierLightById(supplierId);
+        // }).getValue();
+    }
     insertAddress(address) {
         return this._adapterService.insertAddress(address);
     }
@@ -9457,6 +9511,7 @@ class TransactionBaseService extends BaseModuleService {
         this.transactionUpdated = new BehaviorSubject(undefined);
         this.relationUpdated = new BehaviorSubject(undefined);
         this.transactionKindSet = new BehaviorSubject(false);
+        this.transactionMargeViewClicked = new Subject();
         this.currentBranch = "1"; // current user branch, needs to be set before we can do anything with transactions
         this.autoSave = false;
         this.manualSaveParam = false;
@@ -9518,6 +9573,12 @@ class TransactionBaseService extends BaseModuleService {
     get transactionKind() {
         return this._transactionKind;
     }
+    set transactionLocalMarginInfo(marginInfo) {
+        this._transactionMarginInfo = marginInfo;
+    }
+    get transactionLocalMarginInfo() {
+        return this._transactionMarginInfo;
+    }
     set purchaseOrdersCompleted(value) {
         this._purchaseOrdersCompleted = value;
         this.transactionEventService.salesOrderGeneratePurchaseOrdersCompletedChanged.next(this._purchaseOrdersCompleted);
@@ -9876,6 +9937,13 @@ class TransactionBaseService extends BaseModuleService {
         this._alreadyLocked = false;
         this.transactionDirty = false;
     }
+    loadTransactionMargeInfoList(uuid) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (uuid) {
+                return yield this.connector.getTransactionMarginInfo(uuid);
+            }
+        });
+    }
     _handleBeforeRememberCurrentTransaction(transactionInfoResponse) {
         return Promise.resolve();
     }
@@ -9944,8 +10012,9 @@ class TransactionBaseService extends BaseModuleService {
                 this.currentTransaction.transactionInfo.transactionKind === TransactionKind.SalesQuotation);
     }
 }
+TransactionBaseService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TransactionBaseService_Factory() { return new TransactionBaseService(i0.ɵɵinject(TransactionSettingsService), i0.ɵɵinject(DialogService), i0.ɵɵinject(TransactionConnectorService), i0.ɵɵinject(ArticleConnectorService), i0.ɵɵinject(DictionaryService), i0.ɵɵinject(TransactionEventService), i0.ɵɵinject(TransactionRelationService), i0.ɵɵinject(TransactionScreenConfigurationService), i0.ɵɵinject(i9.RelationService), i0.ɵɵinject(i10.SharedService)); }, token: TransactionBaseService, providedIn: "root" });
 TransactionBaseService.decorators = [
-    { type: Injectable }
+    { type: Injectable, args: [{ providedIn: "root" },] }
 ];
 TransactionBaseService.ctorParameters = () => [
     { type: TransactionSettingsService },
@@ -9958,7 +10027,10 @@ TransactionBaseService.ctorParameters = () => [
     { type: TransactionScreenConfigurationService },
     { type: RelationService },
     { type: SharedService }
-];
+];
+TransactionBaseService.propDecorators = {
+    transactionLocalMarginInfo: [{ type: Input }]
+};
 
 class PendingReasonService extends TransactionBaseService {
     cancelAddTransactionLine(lineUuid) {
@@ -12154,6 +12226,11 @@ class TransactionService extends PendingReasonService {
             return yield this.connector.getHistoricDocuments(transId, documentCode);
         });
     }
+    getReportHeadersByTransIdAndLayoutCode(transId, documentCode) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getReportHeadersByTransIdAndLayoutCode(transId, documentCode);
+        });
+    }
     undoDeliveryByReportId(reportId) {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this.connector.undoDeliveryByReportId(reportId);
@@ -17786,7 +17863,7 @@ class TransactionSendDocumentsComponent extends TransactionBaseComponent {
         super.ngOnDestroy();
     }
     getHistoricDocuments() {
-        this.transactionService.getHistoricDocuments(this.transactionInfo.id, this.getLayoutCode())
+        this.transactionService.getReportHeadersByTransIdAndLayoutCode(this.transactionInfo.id, this.getLayoutCode())
             .then((result) => {
             if (result) {
                 this.historicReports = result;
@@ -22138,7 +22215,7 @@ TransactionQuickAccessPickedComponent.propDecorators = {
 };
 
 class TransactionSalesOverviewButtonBarButtonComponent extends TransactionButtonBarButtonBaseComponent {
-    constructor(iconCacheService, _transactionEventService, _mappingService, _dictionaryService, _screenConfigService, _transactionService, _elementRef, _renderer) {
+    constructor(iconCacheService, _transactionEventService, _mappingService, _dictionaryService, _screenConfigService, _transactionService, _elementRef, _renderer, _transactionBaseService) {
         super();
         this.iconCacheService = iconCacheService;
         this._transactionEventService = _transactionEventService;
@@ -22148,6 +22225,7 @@ class TransactionSalesOverviewButtonBarButtonComponent extends TransactionButton
         this._transactionService = _transactionService;
         this._elementRef = _elementRef;
         this._renderer = _renderer;
+        this._transactionBaseService = _transactionBaseService;
         this.icons = Icon;
         this.category = TransactionTypeCategory;
         this.cfgNames = TransactionCfgName;
@@ -22203,6 +22281,7 @@ class TransactionSalesOverviewButtonBarButtonComponent extends TransactionButton
             overviewButton.title = "MARGINS";
             overviewButton.category = TransactionTypeCategory.SalesOrderMarginInfo;
             this.buttonClicked.next(overviewButton);
+            this._transactionBaseService.transactionMargeViewClicked.next(true);
         }
         else {
             const marginButton = this._mappingService.getButtonBar(TransactionKind.SalesOrder)
@@ -22249,7 +22328,8 @@ TransactionSalesOverviewButtonBarButtonComponent.ctorParameters = () => [
     { type: TransactionScreenConfigurationService },
     { type: TransactionService },
     { type: ElementRef },
-    { type: Renderer2 }
+    { type: Renderer2 },
+    { type: TransactionService }
 ];
 TransactionSalesOverviewButtonBarButtonComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ['class.co-transaction-sales-overview-button-bar-button',] }]
@@ -24822,12 +24902,13 @@ TransactionSalesPlanningButtonBarButtonComponent.propDecorators = {
 };
 
 class TransactionMarginInfoLineComponent extends TransactionBaseComponent {
-    constructor(transactionEventService, iconCacheService, screenConfigService, orderLineSetService, imageService, dictionaryService, transactionService, changeDetector) {
+    constructor(transactionEventService, iconCacheService, screenConfigService, orderLineSetService, _transactionBaseService, imageService, dictionaryService, transactionService, changeDetector) {
         super(transactionEventService, iconCacheService, screenConfigService, imageService, dictionaryService, transactionService, changeDetector);
         this.transactionEventService = transactionEventService;
         this.iconCacheService = iconCacheService;
         this.screenConfigService = screenConfigService;
         this.orderLineSetService = orderLineSetService;
+        this._transactionBaseService = _transactionBaseService;
         this.imageService = imageService;
         this.dictionaryService = dictionaryService;
         this.transactionService = transactionService;
@@ -24865,13 +24946,9 @@ class TransactionMarginInfoLineComponent extends TransactionBaseComponent {
     handleMouseLeave(event) {
         this.mouseOver = false;
     }
-    ngAfterViewInit() {
-        if (!this.transactionMarginInfo.lineMarginInfos) {
-            this.transactionService.getTransactionMarginInfo(this.transactionInfo.uuid).then(marginInfo => {
-                this.transactionMarginInfo = marginInfo;
-                this.lineMarginInfo = marginInfo.lineMarginInfos.find(line => line.lineNr === this.transactionLine.lineNr);
-            });
-        }
+    get lineMarginInfo() {
+        return this._transactionBaseService.transactionLocalMarginInfo.lineMarginInfos.find(line => line.lineNr === this.transactionLine.lineNr);
+        ;
     }
     handleCheckBoxValueChanged(value) {
         if (value) {
@@ -24890,97 +24967,101 @@ TransactionMarginInfoLineComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-overview-line",
                 template: `
-      <co-transaction-base-line
-              [transactionInfo]="transactionInfo"
-              [transactionLine]="transactionLine"
-              [preview]="false"
-              [isFirst]="isFirst"
-              [checkbox]="orderLineSetService.currentOrderLineSetCode && (!transactionLine.orderLineSetCode || transactionLine.orderLineSetCode === orderLineSetService.currentOrderLineSetCode)"
-              [checkboxValue]="orderLineSetService.currentOrderLineSetCode === transactionLine.orderLineSetCode"
-              (checkboxValueChanged)="handleCheckBoxValueChanged($event)"
-              observeVisibility #observer=visibilityObserve
-              (visibilityChange)="handleVisibilityChange(transactionLine, $event)">
-          <ng-container *ngIf="transactionLine.isArticle">
-              <div class="transaction-line-wrapper">
-                  <div *ngIf=!preview class="transaction-line-extended-wrapper">
-                      <div class="column1">
+    <co-transaction-base-line
+      [transactionInfo]="transactionInfo"
+      [transactionLine]="transactionLine"
+      [preview]="false"
+      [isFirst]="isFirst"
+      [checkbox]="orderLineSetService.currentOrderLineSetCode && (!transactionLine.orderLineSetCode || transactionLine.orderLineSetCode === orderLineSetService.currentOrderLineSetCode)"
+      [checkboxValue]="orderLineSetService.currentOrderLineSetCode === transactionLine.orderLineSetCode"
+      (checkboxValueChanged)="handleCheckBoxValueChanged($event)"
+      observeVisibility #observer=visibilityObserve
+      (visibilityChange)="handleVisibilityChange(transactionLine, $event)">
+      <ng-container *ngIf="transactionLine.isArticle">
+        <div class="transaction-line-wrapper">
+          <div *ngIf=!preview class="transaction-line-extended-wrapper">
+            <div class="column1">
                           <span class="transaction-field-label" [textContent]="'COMMISSION_CODE' | localize"
                                 *ngIf="isFirst"></span>
-                          <co-transaction-line-commission-button
-                                  [screenConfigurationObject]="cfgNames.LineCommission"
-                                  [transactionLine]="transactionLine"
-                                  [transactionInfo]="transactionInfo"
-                          ></co-transaction-line-commission-button>
-                      </div>
-                      <div class="column2">
+              <co-transaction-line-commission-button
+                [screenConfigurationObject]="cfgNames.LineCommission"
+                [transactionLine]="transactionLine"
+                [transactionInfo]="transactionInfo"
+              ></co-transaction-line-commission-button>
+            </div>
+            <div class="column2">
                           <span class="transaction-field-label" [textContent]="'WAREHOUSE_AND_STATUS' | localize"
                                 *ngIf="isFirst"></span>
-                          <co-transaction-line-warehouse-button
-                                  [screenConfigurationObject]="cfgNames.LineWarehouse"
-                                  [transactionLine]="transactionLine"
-                                  [transactionInfo]="transactionInfo"
-                          ></co-transaction-line-warehouse-button>
-                          <co-transaction-line-statusbar
-                                  [screenConfigurationObject]="cfgNames.StatusBar"
-                                  [configNames]="statusBarConfigNames"
-                                  [transactionInfo]="transactionInfo"
-                                  [transactionLine]="transactionLine"
-                                  [activeCategory]="category.SalesOrderOverview"></co-transaction-line-statusbar>
-                      </div>
-                      <div class="column3">
+              <co-transaction-line-warehouse-button
+                [screenConfigurationObject]="cfgNames.LineWarehouse"
+                [transactionLine]="transactionLine"
+                [transactionInfo]="transactionInfo"
+              ></co-transaction-line-warehouse-button>
+              <co-transaction-line-statusbar
+                [screenConfigurationObject]="cfgNames.StatusBar"
+                [configNames]="statusBarConfigNames"
+                [transactionInfo]="transactionInfo"
+                [transactionLine]="transactionLine"
+                [activeCategory]="category.SalesOrderOverview"></co-transaction-line-statusbar>
+            </div>
+            <div class="column3">
                           <span class="transaction-field-label" [textContent]="'DELIVERY_INFORMATION' | localize"
                                 *ngIf="isFirst"></span>
-                          <co-transaction-line-delivery-button
-                                  [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
-                                  [transactionLine]="transactionLine"
-                                  [transactionInfo]="transactionInfo"
-                          ></co-transaction-line-delivery-button>
-                          <co-transaction-line-delivery-date-button class="transaction-line-delivery-date two-column"
-                                                                    [screenConfigurationObject]="cfgNames.LineDeliveryDate"
-                                                                    [transactionInfo]="transactionInfo"
-                                                                    [transactionLine]="transactionLine"
-                          ></co-transaction-line-delivery-date-button>
-                      </div>
-                  </div>
-                  <div class="transaction-margin-section">
-                    <div class="transaction-line-section">
-                      <span class="transaction-field-label" *ngIf="isFirst" [textContent]="'NET_PURCHASE' | localize"></span>
-                      <co-editable-label class="transaction-line-totals-total price"
-                                         [model]="lineMarginInfo?.calculationFactor | coCurrency: true"
-                                         [editModel]="transactionLine.displayNetLineTotal"
-                                         [readonly]="true"
-                      ></co-editable-label>
-                    </div>
-                    <div class="transaction-line-section">
-                      <span class="transaction-field-label" *ngIf="isFirst" [textContent]="'GROSS_PROFIT_PERCENT' | localize"></span>
-                      <co-transaction-button [statusColor]="true"
-                                               class="no-gap"
-                                               [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
-                                               [title]="lineMarginInfo?.grossProfitPercentage / 100 | percent : '1.2-2'">
-                      </co-transaction-button>
-                    </div>
-                    <div class="transaction-line-section">
-                      <span class="transaction-field-label" *ngIf="isFirst" [textContent]="'GROSS_PROFIT_TOTAL' | localize"></span>
-                      <co-transaction-button [statusColor]="true"
-                                               class="no-gap"
-                                               [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
-                                               [title]="lineMarginInfo?.grossProfit | coCurrency: true">
-                      </co-transaction-button>
-                    </div>
-                    <div class="transaction-line-section">
-                      <span class="transaction-field-label" *ngIf="isFirst" [textContent]="'CALCULATION_FACTOR' | localize"></span>
-                      <co-transaction-button [statusColor]="true"
-                                               class="no-gap"
-                                               [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
-                                               [title]="lineMarginInfo?.calculationFactor | number">
-                      </co-transaction-button>
-                    </div>
-                  </div>
-              </div>
-          </ng-container>
-      </co-transaction-base-line>
+              <co-transaction-line-delivery-button
+                [screenConfigurationObject]="cfgNames.LineDeliveryMethod"
+                [transactionLine]="transactionLine"
+                [transactionInfo]="transactionInfo"
+              ></co-transaction-line-delivery-button>
+              <co-transaction-line-delivery-date-button class="transaction-line-delivery-date two-column"
+                                                        [screenConfigurationObject]="cfgNames.LineDeliveryDate"
+                                                        [transactionInfo]="transactionInfo"
+                                                        [transactionLine]="transactionLine"
+              ></co-transaction-line-delivery-date-button>
+            </div>
+          </div>
+          <div class="transaction-margin-section">
+            <div class="transaction-line-section">
+              <span class="transaction-field-label" *ngIf="isFirst" [textContent]="'NET_PURCHASE' | localize"></span>
+              <co-editable-label class="transaction-line-totals-total price"
+                                 [model]="lineMarginInfo?.calculationFactor | coCurrency: true"
+                                 [editModel]="transactionLine.displayNetLineTotal"
+                                 [readonly]="true"
+              ></co-editable-label>
+            </div>
+            <div class="transaction-line-section">
+              <span class="transaction-field-label" *ngIf="isFirst"
+                    [textContent]="'GROSS_PROFIT_PERCENT' | localize"></span>
+              <co-transaction-button [statusColor]="true"
+                                     class="no-gap"
+                                     [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
+                                     [title]="lineMarginInfo?.grossProfitPercentage / 100 | percent : '1.2-2'">
+              </co-transaction-button>
+            </div>
+            <div class="transaction-line-section">
+              <span class="transaction-field-label" *ngIf="isFirst"
+                    [textContent]="'GROSS_PROFIT_TOTAL' | localize"></span>
+              <co-transaction-button [statusColor]="true"
+                                     class="no-gap"
+                                     [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
+                                     [title]="lineMarginInfo?.grossProfit | coCurrency: true">
+              </co-transaction-button>
+            </div>
+            <div class="transaction-line-section">
+              <span class="transaction-field-label" *ngIf="isFirst"
+                    [textContent]="'CALCULATION_FACTOR' | localize"></span>
+              <co-transaction-button [statusColor]="true"
+                                     class="no-gap"
+                                     [iconData]="iconCacheService.getIcon(icons.ChartPieSimpleRegular)"
+                                     [title]="lineMarginInfo?.calculationFactor | number">
+              </co-transaction-button>
+            </div>
+          </div>
+        </div>
+      </ng-container>
+    </co-transaction-base-line>
   `,
                 encapsulation: ViewEncapsulation.None
+                //changeDetection: ChangeDetectionStrategy.OnPush
             },] }
 ];
 TransactionMarginInfoLineComponent.ctorParameters = () => [
@@ -24988,6 +25069,7 @@ TransactionMarginInfoLineComponent.ctorParameters = () => [
     { type: IconCacheService },
     { type: TransactionScreenConfigurationService },
     { type: OrderLineSetService },
+    { type: TransactionBaseService },
     { type: TransactionImageService },
     { type: DictionaryService },
     { type: TransactionService },
@@ -25002,12 +25084,13 @@ TransactionMarginInfoLineComponent.propDecorators = {
 };
 
 class TransactionCardMarginComponent extends TransactionBaseComponent {
-    constructor(transactionEventService, iconCacheService, screenConfigService, orderLineSetService, imageService, dictionaryService, transactionService, changeDetector) {
+    constructor(transactionEventService, iconCacheService, screenConfigService, orderLineSetService, _transactionBaseService, imageService, dictionaryService, transactionService, changeDetector) {
         super(transactionEventService, iconCacheService, screenConfigService, imageService, dictionaryService, transactionService, changeDetector);
         this.transactionEventService = transactionEventService;
         this.iconCacheService = iconCacheService;
         this.screenConfigService = screenConfigService;
         this.orderLineSetService = orderLineSetService;
+        this._transactionBaseService = _transactionBaseService;
         this.imageService = imageService;
         this.dictionaryService = dictionaryService;
         this.transactionService = transactionService;
@@ -25039,12 +25122,15 @@ class TransactionCardMarginComponent extends TransactionBaseComponent {
         this.transactionEventService.openSidePanel.next(line);
     }
     ngAfterViewInit() {
-        if (!this.transactionMarginInfo.lineMarginInfos) {
+        if (!this._transactionBaseService.transactionLocalMarginInfo) {
             this.transactionService.getTransactionMarginInfo(this.transactionInfo.uuid).then(marginInfo => {
-                this.transactionMarginInfo = marginInfo;
+                this._transactionBaseService.transactionLocalMarginInfo = marginInfo;
                 this.lineMarginInfo = marginInfo.lineMarginInfos.find(line => line.lineNr === this.transactionLine.lineNr);
             });
         }
+        else {
+            this.lineMarginInfo = this._transactionBaseService.transactionLocalMarginInfo.lineMarginInfos.find(line => line.lineNr === this.transactionLine.lineNr);
+        }
     }
 }
 TransactionCardMarginComponent.decorators = [
@@ -25114,6 +25200,7 @@ TransactionCardMarginComponent.ctorParameters = () => [
     { type: IconCacheService },
     { type: TransactionScreenConfigurationService },
     { type: OrderLineSetService },
+    { type: TransactionBaseService },
     { type: TransactionImageService },
     { type: DictionaryService },
     { type: TransactionService },
@@ -25230,7 +25317,6 @@ class TransactionMappingService {
         ]);
         this._transactionLineComponent = new Map([
             [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderOverview }, TransactionOverviewLineComponent],
-            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderMarginInfo }, TransactionMarginInfoLineComponent],
             [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderPurchase }, TransactionPurchaseLineComponent],
             [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderAllocation }, TransactionGoodsAllocationLineComponent],
             [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderDeliveryNote }, TransactionOrderDeliveryLineComponent],
@@ -25238,7 +25324,6 @@ class TransactionMappingService {
             [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderPicked }, TransactionPickedLineComponent],
             [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderToBePicked }, TransactionToBePickedLineComponent],
             [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderPlanning }, TransactionPlanningLineComponent],
-            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderMarginInfo }, TransactionMarginInfoLineComponent],
             [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderOverview }, TransactionPurchaseOverviewLineComponent],
             [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderReceivedGoods }, TransactionReceiveGoodsLineComponent],
             [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderOrderConfirmation }, TransactionPurchaseOrderLineComponent],
@@ -25251,6 +25336,7 @@ class TransactionMappingService {
             [{ type: TransactionKind.ServiceOrder, category: TransactionTypeCategory.ServiceOrderInvoice }, TransactionInvoiceLineComponent],
             [{ type: TransactionKind.ServiceOrder, category: TransactionTypeCategory.ServiceOrderPicked }, TransactionPickedLineComponent],
             [{ type: TransactionKind.ServiceOrder, category: TransactionTypeCategory.ServiceOrderToBePicked }, TransactionToBePickedLineComponent],
+            [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderMarginInfo }, TransactionMarginInfoLineComponent],
         ]);
         this._transactionCardComponent = new Map([
             [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderOverview }, TransactionCardSalesOverviewComponent],
@@ -29023,17 +29109,21 @@ class TransactionLineDropShipmentButtonComponent extends TransactionBaseComponen
     }
     _getSupplierAllowsDropShipmentParameter() {
         if (this.transactionLine && this.visible) {
-            this._relationService.getRelationById(this.transactionLine.supplierId).then((relations) => {
-                const relation = relations && relations.length > 0 ? relations[0] : null;
-                if (relation) {
-                    this._relationService.getSupplierFullObject(+relation.relationNr).then((result) => {
-                        if (result) {
-                            this.supplierAllowsDropShipment = result.dropshipment;
-                            this.detectChanges();
-                        }
-                    });
-                }
+            this._relationService.getSupplierLightById(this.transactionLine.supplierId).then(result => {
+                this.supplierAllowsDropShipment = result.dropshipment;
+                this.detectChanges();
             });
+            // this._relationService.getRelationById(this.transactionLine.supplierId).then((relations: RelationListObject[]) => {
+            //   const relation: RelationListObject = relations && relations.length > 0 ? relations[0] : null;
+            //   if (relation) {
+            //     this._relationService.getSupplierFullObject(+relation.relationNr).then((result) => {
+            //       if (result) {
+            //         this.supplierAllowsDropShipment = result.dropshipment;
+            //         this.detectChanges();
+            //       }
+            //     });
+            //   }
+            // });
         }
     }
 }
@@ -30803,7 +30893,20 @@ class AvatarComponent {
         return this._initials;
     }
     ngOnInit() {
-        this._setImageForAvatar();
+        // this._setImageForAvatar();
+        this._setAvatar();
+    }
+    _setAvatar() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.image && this.image.documentId) {
+                if (!(yield this._getImageContent(this.image.documentId))) {
+                    this._setRelationInitials();
+                }
+            }
+            else {
+                this._setRelationInitials();
+            }
+        });
     }
     _setImageForAvatar() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -39532,7 +39635,7 @@ LineSelectionService.ctorParameters = () => [
 ];
 
 class TransactionInternalComponent {
-    constructor(iconCacheService, service, transactionEventService, _appRef, _dynamicComponentService, _transactionConnectorService, _transactionEventService, _screenConfigurationService, _dialogService, _lineSelectionService, _purchaseConfirmationService, _deliveryPlanningService) {
+    constructor(iconCacheService, service, transactionEventService, _appRef, _dynamicComponentService, _transactionConnectorService, _transactionEventService, _screenConfigurationService, _dialogService, _lineSelectionService, _purchaseConfirmationService, _deliveryPlanningService, _transactionBaseService) {
         this.iconCacheService = iconCacheService;
         this.service = service;
         this.transactionEventService = transactionEventService;
@@ -39545,6 +39648,7 @@ class TransactionInternalComponent {
         this._lineSelectionService = _lineSelectionService;
         this._purchaseConfirmationService = _purchaseConfirmationService;
         this._deliveryPlanningService = _deliveryPlanningService;
+        this._transactionBaseService = _transactionBaseService;
         this.categories = TransactionTypeCategory;
         this.deliveryPlanningModes = DeliveryPlanningModes;
         this.viewModes = ContentViewMode;
@@ -39587,18 +39691,22 @@ class TransactionInternalComponent {
         this._subs = [];
         this._transaction = new TransactionInfoResponse();
         this._subs.push(this.service.transactionUpdated.subscribe((transaction) => {
-            var _a, _b;
             if (transaction) {
                 this.shouldShowSidePanel = false;
                 this._transaction = transaction;
                 this.updateTransactionLine();
-                if ((_a = transaction === null || transaction === void 0 ? void 0 : transaction.transactionInfo) === null || _a === void 0 ? void 0 : _a.uuid) {
-                    this.getTransactionMarginInfo((_b = transaction === null || transaction === void 0 ? void 0 : transaction.transactionInfo) === null || _b === void 0 ? void 0 : _b.uuid);
-                }
+                // if (transaction?.transactionInfo?.uuid) {
+                //   this.getTransactionMarginInfo(transaction?.transactionInfo?.uuid);
+                // }
                 if ((transaction === null || transaction === void 0 ? void 0 : transaction.transactionInfo.id) && transaction.transactionInfo.transactionKind === TransactionKind.SalesOrder) {
                     this.getPlanOrderForTransaction(transaction);
                 }
             }
+        }), this.service.transactionMargeViewClicked.subscribe((load) => {
+            var _a, _b, _c, _d;
+            if (load && ((_b = (_a = this._transaction) === null || _a === void 0 ? void 0 : _a.transactionInfo) === null || _b === void 0 ? void 0 : _b.uuid)) {
+                this.getTransactionMarginInfo((_d = (_c = this._transaction) === null || _c === void 0 ? void 0 : _c.transactionInfo) === null || _d === void 0 ? void 0 : _d.uuid);
+            }
         }), this.service.relationUpdated.subscribe((relation) => {
             if (relation) {
                 this.relation = relation;
@@ -39841,11 +39949,12 @@ class TransactionInternalComponent {
     //     }
     // }
     getTransactionMarginInfo(transactionUUID) {
-        if (transactionUUID) {
-            this._transactionConnectorService.getTransactionMarginInfo(transactionUUID).then((result) => {
-                this.transactionMarginInfo = result;
-            });
-        }
+        return __awaiter(this, void 0, void 0, function* () {
+            if (transactionUUID) {
+                const result = yield this._transactionBaseService.loadTransactionMargeInfoList(transactionUUID);
+                this._transactionBaseService.transactionLocalMarginInfo = result;
+            }
+        });
     }
     handleViewModeChange(mode) {
         this.activeViewMode = mode;
@@ -39956,7 +40065,6 @@ TransactionInternalComponent.decorators = [
             <div class="transaction-footer-center">
               <co-transaction-margin *ngIf="activeCategory === categories.SalesOrderMarginInfo"
                                      [transactionInfo]="transaction.transactionInfo"
-                                     [transactionMarginInfo]="transactionMarginInfo"
               ></co-transaction-margin>
             </div>
 
@@ -40048,7 +40156,8 @@ TransactionInternalComponent.ctorParameters = () => [
     { type: DialogService },
     { type: LineSelectionService },
     { type: PurchaseConfirmationService },
-    { type: DeliveryPlanningService }
+    { type: DeliveryPlanningService },
+    { type: TransactionBaseService }
 ];
 TransactionInternalComponent.propDecorators = {
     sidePanelComponents: [{ type: ViewChildren, args: [TransactionLineSidePanelComponent,] }],
@@ -54840,9 +54949,25 @@ TransactionCardsModule.decorators = [
 ];
 
 class TransactionMarginComponent extends TransactionBaseComponent {
+    constructor(transactionEventService, iconCacheService, screenConfigService, _transactionBaseService, imageService, dictionaryService, transactionService, changeDetector) {
+        super(transactionEventService, iconCacheService, screenConfigService, imageService, dictionaryService, transactionService, changeDetector);
+        this.transactionEventService = transactionEventService;
+        this.iconCacheService = iconCacheService;
+        this.screenConfigService = screenConfigService;
+        this._transactionBaseService = _transactionBaseService;
+        this.imageService = imageService;
+        this.dictionaryService = dictionaryService;
+        this.transactionService = transactionService;
+        this.changeDetector = changeDetector;
+    }
     showClass() {
         return true;
     }
+    get transactionMarginInfo() {
+        return this._transactionBaseService.transactionLocalMarginInfo;
+    }
+    ngOnInit() {
+    }
 }
 TransactionMarginComponent.decorators = [
     { type: Component, args: [{
@@ -54857,11 +54982,20 @@ TransactionMarginComponent.decorators = [
         <co-transaction-margin-block [state]="true" [header]="'GROSS_PROFIT_PERCENTAGE' | localize" [originalValue]="transactionMarginInfo?.grossProfitPercentage" [value]="transactionMarginInfo?.grossProfitPercentage / 100 | percent : '1.2-2'" ></co-transaction-margin-block>
       </div>
     </div>
-
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
+TransactionMarginComponent.ctorParameters = () => [
+    { type: TransactionEventService },
+    { type: IconCacheService },
+    { type: TransactionScreenConfigurationService },
+    { type: TransactionBaseService },
+    { type: TransactionImageService },
+    { type: DictionaryService },
+    { type: TransactionService },
+    { type: ChangeDetectorRef }
+];
 TransactionMarginComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ["class.co-transaction-margin",] }]
 };
@@ -55074,6 +55208,7 @@ class TransactionComponent {
         this.saveCancelMovable = false;
         this.transactionPlanning = false;
         this.screenConfigLoaded = false;
+        this._fetching = false;
     }
     set confirmationAnalysisId(value) {
         this._confirmationAnalysisId = value;
@@ -55120,13 +55255,11 @@ class TransactionComponent {
         return !(this.service.transactionDirty && this.service.manualSaveParam);
     }
     _getTransaction() {
-        if (this.transactionKind) {
+        if (this.transactionKind && this.transactionNr) {
             this._transactionConnectorService.connectionInitialized.pipe(take(1)).subscribe((loaded) => {
                 if (loaded) {
                     this._screenConfigurationService.loadConfig([this.transactionKind]).then(() => __awaiter(this, void 0, void 0, function* () {
-                        if (this.transactionNr) {
-                            yield this.service.getTransactionByNrAndKind(this.transactionNr, this.transactionKind);
-                        }
+                        yield this.service.getTransactionByNrAndKind(this.transactionNr, this.transactionKind);
                         this._prepareHeader();
                         this.screenConfigLoaded = true;
                     }));