@colijnit/transaction 258.1.32 → 258.1.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -33,8 +33,8 @@
33
33
  function Version() {
34
34
  this.name = "@colijnit/transaction";
35
35
  this.description = "Colijn IT transaction package";
36
- this.symVer = "258.1.32";
37
- this.publishDate = "12/06/2025, 17:40:01";
36
+ this.symVer = "258.1.33";
37
+ this.publishDate = "17-6-2025 18:18:30";
38
38
  }
39
39
  return Version;
40
40
  }());
@@ -15756,19 +15756,20 @@
15756
15756
  }
15757
15757
  articleTransLines_1 = this.currentTransaction.transactionLines.filter(function (t) { return t.isArticle; });
15758
15758
  this.getRefTransactions(transId).then(function (refs) { return __awaiter(_this, void 0, void 0, function () {
15759
- var i, refTransactions, refServiceTransactions, transLine, salesOrders, serviceOrders;
15759
+ var i, refTransactions, refServiceTransactions, refInvoiceTransactions, transLine, salesOrders, serviceOrders, invoices;
15760
15760
  return __generator(this, function (_a) {
15761
15761
  switch (_a.label) {
15762
15762
  case 0:
15763
15763
  i = 0;
15764
15764
  _a.label = 1;
15765
15765
  case 1:
15766
- if (!(i < articleTransLines_1.length)) return [3 /*break*/, 6];
15766
+ if (!(i < articleTransLines_1.length)) return [3 /*break*/, 7];
15767
15767
  refTransactions = [];
15768
15768
  refServiceTransactions = [];
15769
+ refInvoiceTransactions = [];
15769
15770
  transLine = articleTransLines_1[i];
15770
15771
  transLine.refTransactions.length = 0;
15771
- if (!(refs && refs.length > 0)) return [3 /*break*/, 4];
15772
+ if (!(refs && refs.length > 0)) return [3 /*break*/, 5];
15772
15773
  salesOrders = refs.filter(function (r) { return r.refTransactionType === transactionKind_enum.TransactionKind.SalesOrder; });
15773
15774
  return [4 /*yield*/, this.makeRefTransactionList(salesOrders)];
15774
15775
  case 2:
@@ -15777,16 +15778,21 @@
15777
15778
  return [4 /*yield*/, this.makeRefTransactionList(serviceOrders, transLine.lineNr)];
15778
15779
  case 3:
15779
15780
  refServiceTransactions = _a.sent();
15780
- _a.label = 4;
15781
+ invoices = refs.filter(function (r) { return r.refTransactionType === transactionKind_enum.TransactionKind.SalesInvoice; });
15782
+ return [4 /*yield*/, this.makeRefTransactionList(invoices, transLine.lineNr)];
15781
15783
  case 4:
15784
+ refInvoiceTransactions = _a.sent();
15785
+ _a.label = 5;
15786
+ case 5:
15782
15787
  transLine.refTransactions = refTransactions;
15783
15788
  transLine.refServiceTransactions = refServiceTransactions;
15789
+ transLine.refTransactionsInvoice = refInvoiceTransactions;
15784
15790
  this.transactionEventService.transactionLineRefTransactionsChanged.next(transLine);
15785
- _a.label = 5;
15786
- case 5:
15791
+ _a.label = 6;
15792
+ case 6:
15787
15793
  i++;
15788
15794
  return [3 /*break*/, 1];
15789
- case 6: return [2 /*return*/];
15795
+ case 7: return [2 /*return*/];
15790
15796
  }
15791
15797
  });
15792
15798
  }); });
@@ -29243,6 +29249,7 @@
29243
29249
  var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
29244
29250
  _this.category = TransactionTypeCategory;
29245
29251
  _this.showCheckboxForLine = false;
29252
+ _this.refTransList = [];
29246
29253
  _this.statusBarConfigNames = {
29247
29254
  statusBarIB: _this.cfgNames.StatusBarIB,
29248
29255
  statusBarNT: _this.cfgNames.StatusBarNT,
@@ -29267,9 +29274,11 @@
29267
29274
  _this.detectChanges();
29268
29275
  }), this.transactionEventService.transactionLineChanged.subscribe(function (line) {
29269
29276
  if (_this.transactionLine && _this.transactionLine.lineNr === line.lineNr) {
29277
+ _this.refTransList = _this.transactionLine.refTransactions.concat(_this.transactionLine.refServiceTransactions);
29270
29278
  _this.detectChanges();
29271
29279
  }
29272
29280
  }), this.transactionEventService.transactionLineRefTransactionsChanged.subscribe(function (line) {
29281
+ _this.refTransList = _this.transactionLine.refTransactions.concat(_this.transactionLine.refServiceTransactions);
29273
29282
  _this.changeDetector.detectChanges();
29274
29283
  }));
29275
29284
  };
@@ -29293,7 +29302,7 @@
29293
29302
  TransactionPurchaseOverviewLineComponent.decorators = [
29294
29303
  { type: i0.Component, args: [{
29295
29304
  selector: "co-transaction-purchase-overview-line",
29296
- template: "\n <co-transaction-base-line\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [preview]=\"preview\"\n [isFirst]=\"isFirst\"\n (checkboxValueChanged)=\"selected = $event\">\n <div class=\"transaction-line-wrapper\">\n <div class=\"transaction-line-extended-wrapper\">\n <div class=\"column-full align-right\">\n <co-transaction-line-statusbar\n [screenConfigurationObject]=\"cfgNames.StatusBar\"\n [configNames]=\"statusBarConfigNames\"\n [activeCategory]=\"category.PurchaseOrderOverview\">\n </co-transaction-line-statusbar>\n <co-transaction-navigation-button-list\n class=\"transaction-field-wrapper multi-list\"\n [refTransactions]=\"transactionLine.refTransactions\"\n (relationClick)=\"handleRelationNavigation($event)\"\n (transactionClick)=\"handleTransactionNavigation($event)\">\n </co-transaction-navigation-button-list>\n <co-transaction-line-warehouse-button\n class=\"transaction-field-wrapper medium\"\n [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n [inputLabel]=\"true\"\n ></co-transaction-line-warehouse-button>\n <co-transaction-line-delivery-button\n class=\"transaction-field-wrapper medium\"\n [screenConfigurationObject]=\"cfgNames.LineDeliveryMethod\"\n [inputLabel]=\"true\"\n ></co-transaction-line-delivery-button>\n <co-transaction-line-delivery-date-button\n class=\"transaction-field-wrapper medium two-column\"\n [screenConfigurationObject]=\"cfgNames.LineDeliveryDate\"\n [inputLabel]=\"true\"\n ></co-transaction-line-delivery-date-button>\n <co-transaction-line-vat-button\n class=\"transaction-field-wrapper small\"\n [screenConfigurationObject]=\"cfgNames.LineVat\"\n [inputLabel]=\"true\"\n ></co-transaction-line-vat-button>\n <co-transaction-line-price\n class=\"transaction-field-wrapper small transaction-line-totals-price price\"\n [screenConfigurationObject]=\"cfgNames.LinePrice\"\n [showLabel]=\"false\"\n [defaultEditMode]=\"false\"\n [inputLabel]=\"true\"\n ></co-transaction-line-price>\n <co-transaction-line-discount-button\n class=\"transaction-field-wrapper small\"\n [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n [inputLabel]=\"true\"\n ></co-transaction-line-discount-button>\n <co-transaction-line-amount\n class=\"transaction-field-wrapper small amount-number-picker\"\n [screenConfigurationObject]=\"cfgNames.LineAmount\"\n [inputLabel]=\"true\">\n </co-transaction-line-amount>\n <co-editable-label\n class=\"transaction-field-wrapper small transaction-line-totals-total price\"\n [model]=\"transactionLine.displayNetLineTotal | coCurrency: true\"\n [editModel]=\"transactionLine.displayNetLineTotal\"\n [commit]=\"!readonly\"\n [readonly]=\"true\"\n [editMode]=\"false\"\n [inputLabel]=\"true\"\n ></co-editable-label>\n\n <div class=\"transaction-field-wrapper small\" *ngIf=\"lineMarginInfo\">\n <div class=\"inside-field\">\n <co-transaction-button [statusColor]=\"true\"\n class=\"no-gap\"\n [insideLabel]=\"'GROSS_PROFIT_PERCENT'\"\n [inputLabel]=\"true\"\n [iconData]=\"iconCacheService.getIcon(icons.ChartPieSimpleRegular)\"\n [title]=\"lineMarginInfo?.grossProfitPercentage / 100 | percent : '1.2-2'\">\n </co-transaction-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper small\" *ngIf=\"lineMarginInfo\">\n <div class=\"inside-field\">\n <co-transaction-button [statusColor]=\"true\"\n class=\"no-gap\"\n [insideLabel]=\"'GROSS_PROFIT_TOTAL'\"\n [inputLabel]=\"true\"\n [iconData]=\"iconCacheService.getIcon(icons.ChartPieSimpleRegular)\"\n [title]=\"lineMarginInfo?.grossProfit | coCurrency: true\">\n </co-transaction-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper small\" *ngIf=\"lineMarginInfo\">\n <div class=\"inside-field\">\n <co-transaction-button [statusColor]=\"true\"\n class=\"no-gap\"\n [inputLabel]=\"true\"\n [insideLabel]=\"'CALCULATION_FACTOR'\"\n [iconData]=\"iconCacheService.getIcon(icons.ChartPieSimpleRegular)\"\n [title]=\"lineMarginInfo?.calculationFactor | number\">\n </co-transaction-button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </co-transaction-base-line>\n ",
29305
+ template: "\n <co-transaction-base-line\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [preview]=\"preview\"\n [isFirst]=\"isFirst\"\n (checkboxValueChanged)=\"selected = $event\">\n <div class=\"transaction-line-wrapper\">\n <div class=\"transaction-line-extended-wrapper\">\n <div class=\"column-full align-right\">\n <co-transaction-line-statusbar\n [screenConfigurationObject]=\"cfgNames.StatusBar\"\n [configNames]=\"statusBarConfigNames\"\n [activeCategory]=\"category.PurchaseOrderOverview\">\n </co-transaction-line-statusbar>\n <co-transaction-navigation-button-list\n class=\"transaction-field-wrapper multi-list\"\n [refTransactions]=\"refTransList\"\n (relationClick)=\"handleRelationNavigation($event)\"\n (transactionClick)=\"handleTransactionNavigation($event)\">\n </co-transaction-navigation-button-list>\n <co-transaction-line-warehouse-button\n class=\"transaction-field-wrapper medium\"\n [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n [inputLabel]=\"true\"\n ></co-transaction-line-warehouse-button>\n <co-transaction-line-delivery-button\n class=\"transaction-field-wrapper medium\"\n [screenConfigurationObject]=\"cfgNames.LineDeliveryMethod\"\n [inputLabel]=\"true\"\n ></co-transaction-line-delivery-button>\n <co-transaction-line-delivery-date-button\n class=\"transaction-field-wrapper medium two-column\"\n [screenConfigurationObject]=\"cfgNames.LineDeliveryDate\"\n [inputLabel]=\"true\"\n ></co-transaction-line-delivery-date-button>\n <co-transaction-line-vat-button\n class=\"transaction-field-wrapper small\"\n [screenConfigurationObject]=\"cfgNames.LineVat\"\n [inputLabel]=\"true\"\n ></co-transaction-line-vat-button>\n <co-transaction-line-price\n class=\"transaction-field-wrapper small transaction-line-totals-price price\"\n [screenConfigurationObject]=\"cfgNames.LinePrice\"\n [showLabel]=\"false\"\n [defaultEditMode]=\"false\"\n [inputLabel]=\"true\"\n ></co-transaction-line-price>\n <co-transaction-line-discount-button\n class=\"transaction-field-wrapper small\"\n [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n [inputLabel]=\"true\"\n ></co-transaction-line-discount-button>\n <co-transaction-line-amount\n class=\"transaction-field-wrapper small amount-number-picker\"\n [screenConfigurationObject]=\"cfgNames.LineAmount\"\n [inputLabel]=\"true\">\n </co-transaction-line-amount>\n <co-editable-label\n class=\"transaction-field-wrapper small transaction-line-totals-total price\"\n [model]=\"transactionLine.displayNetLineTotal | coCurrency: true\"\n [editModel]=\"transactionLine.displayNetLineTotal\"\n [commit]=\"!readonly\"\n [readonly]=\"true\"\n [editMode]=\"false\"\n [inputLabel]=\"true\"\n ></co-editable-label>\n\n <div class=\"transaction-field-wrapper small\" *ngIf=\"lineMarginInfo\">\n <div class=\"inside-field\">\n <co-transaction-button [statusColor]=\"true\"\n class=\"no-gap\"\n [insideLabel]=\"'GROSS_PROFIT_PERCENT'\"\n [inputLabel]=\"true\"\n [iconData]=\"iconCacheService.getIcon(icons.ChartPieSimpleRegular)\"\n [title]=\"lineMarginInfo?.grossProfitPercentage / 100 | percent : '1.2-2'\">\n </co-transaction-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper small\" *ngIf=\"lineMarginInfo\">\n <div class=\"inside-field\">\n <co-transaction-button [statusColor]=\"true\"\n class=\"no-gap\"\n [insideLabel]=\"'GROSS_PROFIT_TOTAL'\"\n [inputLabel]=\"true\"\n [iconData]=\"iconCacheService.getIcon(icons.ChartPieSimpleRegular)\"\n [title]=\"lineMarginInfo?.grossProfit | coCurrency: true\">\n </co-transaction-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper small\" *ngIf=\"lineMarginInfo\">\n <div class=\"inside-field\">\n <co-transaction-button [statusColor]=\"true\"\n class=\"no-gap\"\n [inputLabel]=\"true\"\n [insideLabel]=\"'CALCULATION_FACTOR'\"\n [iconData]=\"iconCacheService.getIcon(icons.ChartPieSimpleRegular)\"\n [title]=\"lineMarginInfo?.calculationFactor | number\">\n </co-transaction-button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </co-transaction-base-line>\n ",
29297
29306
  encapsulation: i0.ViewEncapsulation.None,
29298
29307
  changeDetection: i0.ChangeDetectionStrategy.OnPush
29299
29308
  },] }
@@ -29681,6 +29690,10 @@
29681
29690
  _this.transactionEventService.lineSelectedForInvoice.next({ lineUuid: _this.transactionLine.uuid, selected: _this.transactionLine.selected });
29682
29691
  }
29683
29692
  _this.detectChanges();
29693
+ }), this.transactionEventService.transactionLineRefTransactionsChanged.subscribe(function (line) {
29694
+ if (_this.transactionLine && line && line.lineNr === _this.transactionLine.lineNr) {
29695
+ _this.detectChanges();
29696
+ }
29684
29697
  }));
29685
29698
  this._initialized = true;
29686
29699
  this._checkCheckbox();
@@ -29805,7 +29818,7 @@
29805
29818
  TransactionInvoiceLineComponent.decorators = [
29806
29819
  { type: i0.Component, args: [{
29807
29820
  selector: "co-transaction-invoice-line",
29808
- template: "\n <co-transaction-base-line\n [lineIndex]=\"lineIndex\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [preview]=\"preview\"\n [isFirst]=\"isFirst\"\n [checkbox]=\"showCheckbox && transactionInfo.transactionDefinitive\"\n [checkboxValue]=\"transactionLine.selected\"\n [checkboxReadonly]=\"checkboxReadonly\"\n (checkboxValueChanged)=\"handleSelectCheckboxClick($event)\"\n >\n <div class=\"transaction-line-wrapper\" [class.transaction-not-definitive]=\"!transactionInfo.transactionDefinitive\">\n <div *ngIf=!preview class=\"transaction-line-extended-wrapper\">\n <div class=\"column-full align-right\">\n <co-transaction-line-statusbar\n class=\"status-bar-wrapper\"\n [screenConfigurationObject]=\"cfgNames.StatusBar\"\n [configNames]=\"statusBarConfigNames\"\n [activeCategory]=\"category.SalesOrderInvoice\">\n </co-transaction-line-statusbar>\n <co-transaction-line-warehouse-button\n class=\"transaction-field-wrapper medium\"\n [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n [inputLabel]=\"true\"\n [readonly]=\"readonly\">\n </co-transaction-line-warehouse-button>\n <co-transaction-line-delivery-button\n class=\"transaction-field-wrapper medium\"\n [screenConfigurationObject]=\"cfgNames.LineDeliveryMethod\"\n [inputLabel]=\"true\"\n ></co-transaction-line-delivery-button>\n <co-transaction-line-price\n class=\"transaction-field-wrapper small transaction-line-totals-price price\"\n [screenConfigurationObject]=\"cfgNames.LinePrice\"\n [showLabel]=\"false\"\n [defaultEditMode]=\"false\"\n [inputLabel]=\"true\"\n ></co-transaction-line-price>\n <co-transaction-line-discount-button\n *ngIf=\"!preview\"\n class=\"transaction-field-wrapper small\"\n [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n [configNames]=\"discountConfigNames\"\n [inputLabel]=\"true\"\n ></co-transaction-line-discount-button>\n <div class=\"transaction-field-wrapper small\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'QUANTITY'\"></co-transaction-line-label>\n <co-input-number-picker\n class=\"amount-number-picker\"\n [screenConfigurationObject]=\"cfgNames.LineQuantityToInvoice\"\n [(model)]=\"localAmountSelected\"\n [decimals]=\"decimals\"\n [min]=\"1\"\n [max]=\"transactionLineService?.lineQuantityToInvoice\"\n [forceReadonly]=\"(!transactionLine.selected) || transactionLineService?.lineQuantityToInvoice === 0 || readonly || !transactionInfo.allowPartialDelivery\"\n (modelChange)=\"updateSelectedQuantity(localAmountSelected)\">\n </co-input-number-picker>\n </div>\n </div>\n <co-editable-label\n class=\"transaction-field-wrapper small transaction-line-totals-total price\"\n [model]=\"transactionLine.displayNetLineTotal | coCurrency: true\"\n [editModel]=\"transactionLine.displayNetLineTotal\"\n [readonly]=\"true\"\n [inputLabel]=\"true\"\n ></co-editable-label>\n </div>\n </div>\n </div>\n </co-transaction-base-line>\n ",
29821
+ template: "\n <co-transaction-base-line\n [lineIndex]=\"lineIndex\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [preview]=\"preview\"\n [isFirst]=\"isFirst\"\n [checkbox]=\"showCheckbox && transactionInfo.transactionDefinitive\"\n [checkboxValue]=\"transactionLine.selected\"\n [checkboxReadonly]=\"checkboxReadonly\"\n (checkboxValueChanged)=\"handleSelectCheckboxClick($event)\"\n >\n <div class=\"transaction-line-wrapper\" [class.transaction-not-definitive]=\"!transactionInfo.transactionDefinitive\">\n <div *ngIf=!preview class=\"transaction-line-extended-wrapper\">\n <div class=\"column-full align-right\">\n <co-transaction-navigation-button-list [navigationButtonIcon]=\"null\"\n class=\"transaction-field-wrapper multi-list\" [showRelationButton]=\"false\"\n [refTransactions]=\"transactionLine.refTransactionsInvoice\">\n </co-transaction-navigation-button-list>\n <co-transaction-line-statusbar\n class=\"status-bar-wrapper\"\n [screenConfigurationObject]=\"cfgNames.StatusBar\"\n [configNames]=\"statusBarConfigNames\"\n [activeCategory]=\"category.SalesOrderInvoice\">\n </co-transaction-line-statusbar>\n <co-transaction-line-warehouse-button\n class=\"transaction-field-wrapper medium\"\n [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n [inputLabel]=\"true\"\n [readonly]=\"readonly\">\n </co-transaction-line-warehouse-button>\n <co-transaction-line-delivery-button\n class=\"transaction-field-wrapper medium\"\n [screenConfigurationObject]=\"cfgNames.LineDeliveryMethod\"\n [inputLabel]=\"true\"\n ></co-transaction-line-delivery-button>\n <co-transaction-line-price\n class=\"transaction-field-wrapper small transaction-line-totals-price price\"\n [screenConfigurationObject]=\"cfgNames.LinePrice\"\n [showLabel]=\"false\"\n [defaultEditMode]=\"false\"\n [inputLabel]=\"true\"\n ></co-transaction-line-price>\n <co-transaction-line-discount-button\n *ngIf=\"!preview\"\n class=\"transaction-field-wrapper small\"\n [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n [configNames]=\"discountConfigNames\"\n [inputLabel]=\"true\"\n ></co-transaction-line-discount-button>\n <div class=\"transaction-field-wrapper small\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'QUANTITY'\"></co-transaction-line-label>\n <co-input-number-picker\n class=\"amount-number-picker\"\n [screenConfigurationObject]=\"cfgNames.LineQuantityToInvoice\"\n [(model)]=\"localAmountSelected\"\n [decimals]=\"decimals\"\n [min]=\"1\"\n [max]=\"transactionLineService?.lineQuantityToInvoice\"\n [forceReadonly]=\"(!transactionLine.selected) || transactionLineService?.lineQuantityToInvoice === 0 || readonly || !transactionInfo.allowPartialDelivery\"\n (modelChange)=\"updateSelectedQuantity(localAmountSelected)\">\n </co-input-number-picker>\n </div>\n </div>\n <co-editable-label\n class=\"transaction-field-wrapper small transaction-line-totals-total price\"\n [model]=\"transactionLine.displayNetLineTotal | coCurrency: true\"\n [editModel]=\"transactionLine.displayNetLineTotal\"\n [readonly]=\"true\"\n [inputLabel]=\"true\"\n ></co-editable-label>\n </div>\n </div>\n </div>\n </co-transaction-base-line>\n ",
29809
29822
  encapsulation: i0.ViewEncapsulation.None,
29810
29823
  changeDetection: i0.ChangeDetectionStrategy.OnPush
29811
29824
  },] }
@@ -37035,12 +37048,31 @@
37035
37048
  this.showExtended = false;
37036
37049
  this.transactionClick.emit(transNr);
37037
37050
  };
37051
+ TransactionNavigationButtonListComponent.prototype.orderInsideLabelFunction = function (ref) {
37052
+ switch (ref.refTransactionType) {
37053
+ case transactionKind_enum.TransactionKind.SalesOrder:
37054
+ return 'SALES_ORDER';
37055
+ break;
37056
+ case transactionKind_enum.TransactionKind.PurchaseOrder:
37057
+ return 'PURCHASE_ORDER';
37058
+ break;
37059
+ case transactionKind_enum.TransactionKind.ServiceOrder:
37060
+ return 'SERVICE_ORDER';
37061
+ break;
37062
+ case transactionKind_enum.TransactionKind.SalesInvoice:
37063
+ return 'INVOICE';
37064
+ break;
37065
+ default:
37066
+ return this.insideLabel;
37067
+ break;
37068
+ }
37069
+ };
37038
37070
  return TransactionNavigationButtonListComponent;
37039
37071
  }());
37040
37072
  TransactionNavigationButtonListComponent.decorators = [
37041
37073
  { type: i0.Component, args: [{
37042
37074
  selector: "co-transaction-navigation-button-list",
37043
- template: "\n <ng-container *ngIf=\"refTransactions.length === 0 && emptyLabel\">\n <div class=\"inside-field\">\n <co-transaction-navigation-button\n class=\"disabled-button\"\n [icon]=\"navigationButtonIcon\"\n [label]=\"emptyLabel\"\n ></co-transaction-navigation-button>\n </div>\n </ng-container>\n <ng-container *ngIf=\"refTransactions.length > 1\">\n <div class=\"inside-field\">\n <co-transaction-line-label *ngIf=\"inputLabel\" [class.red-label]=\"redService\"\n [insideLabel]=\"insideLabel\"></co-transaction-line-label>\n <co-transaction-navigation-button [label]=\"'MULTI_SELECT' | localize\" [icon]=\"navigationButtonIcon\" (click)=\"showExtended = !showExtended\" overlayParent #parentForOverlay=\"overlayParent\"></co-transaction-navigation-button>\n </div>\n <div class=\"navigation-button-list-extended-wrapper\" *ngIf=\"showExtended\" [overlay]=\"parentForOverlay\" clickOutside (clickOutside)=\"showExtended = false\">\n <ng-container *ngFor=\"let refTransaction of refTransactions\">\n <ng-container *ngTemplateOutlet=\"refTransactionTemplate; context: { $implicit: refTransaction }\"></ng-container>\n </ng-container>\n </div>\n </ng-container>\n <ng-container *ngIf=\"refTransactions.length === 1\">\n <ng-container *ngTemplateOutlet=\"refTransactionTemplate; context: { $implicit: refTransactions[0] }\"></ng-container>\n </ng-container>\n <ng-template #refTransactionTemplate let-ref>\n <div class=\"navigation-button-list-extended-item\">\n <div class=\"transaction-field-wrapper\" *ngIf=\"ref.refRelationName && showRelationButton\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'RELATION'\"></co-transaction-line-label>\n <co-transaction-navigation-button class=\"navigation-relation-button\"\n [icon]=\"navigationButtonIcon\"\n [label]=\"ref.refRelationName\"\n (buttonClicked)=\"handleRelationClick($event, ref.refRelationId)\"></co-transaction-navigation-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\" *ngIf=\"ref.refTransactionNr\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"insideLabel\"></co-transaction-line-label>\n <co-transaction-navigation-button [icon]=\"navigationButtonIcon\"\n [label]=\"ref.refTransactionNr\"\n (iconClicked)=\"iconClick.emit($event)\"\n (buttonClicked)=\"handleTransactionClick($event, ref.refTransactionNr)\"></co-transaction-navigation-button>\n </div>\n </div>\n </div>\n </ng-template>\n\n ",
37075
+ template: "\n <ng-container *ngIf=\"refTransactions.length === 0 && emptyLabel\">\n <div class=\"inside-field\">\n <co-transaction-navigation-button\n class=\"disabled-button\"\n [icon]=\"navigationButtonIcon\"\n [label]=\"emptyLabel\"\n ></co-transaction-navigation-button>\n </div>\n </ng-container>\n <ng-container *ngIf=\"refTransactions.length > 1\">\n <div class=\"inside-field\">\n <co-transaction-line-label *ngIf=\"inputLabel\" [class.red-label]=\"redService\"\n [insideLabel]=\"insideLabel\"></co-transaction-line-label>\n <co-transaction-navigation-button [label]=\"'MULTI_SELECT' | localize\" [icon]=\"navigationButtonIcon\" (click)=\"showExtended = !showExtended\" overlayParent #parentForOverlay=\"overlayParent\"></co-transaction-navigation-button>\n </div>\n <div class=\"navigation-button-list-extended-wrapper\" *ngIf=\"showExtended\" [overlay]=\"parentForOverlay\" clickOutside (clickOutside)=\"showExtended = false\">\n <ng-container *ngFor=\"let refTransaction of refTransactions\">\n <ng-container *ngTemplateOutlet=\"refTransactionTemplate; context: { $implicit: refTransaction }\"></ng-container>\n </ng-container>\n </div>\n </ng-container>\n <ng-container *ngIf=\"refTransactions.length === 1\">\n <ng-container *ngTemplateOutlet=\"refTransactionTemplate; context: { $implicit: refTransactions[0] }\"></ng-container>\n </ng-container>\n <ng-template #refTransactionTemplate let-ref>\n <div class=\"navigation-button-list-extended-item\">\n <div class=\"transaction-field-wrapper\" *ngIf=\"ref.refRelationName && showRelationButton\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'RELATION'\"></co-transaction-line-label>\n <co-transaction-navigation-button class=\"navigation-relation-button\"\n [icon]=\"navigationButtonIcon\"\n [label]=\"ref.refRelationName\"\n (buttonClicked)=\"handleRelationClick($event, ref.refRelationId)\"></co-transaction-navigation-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\" *ngIf=\"ref.refTransactionNr\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"orderInsideLabelFunction(ref)\"></co-transaction-line-label>\n <co-transaction-navigation-button [icon]=\"navigationButtonIcon\"\n [label]=\"ref.refTransactionNr\"\n (iconClicked)=\"iconClick.emit($event)\"\n (buttonClicked)=\"handleTransactionClick($event, ref.refTransactionNr)\"></co-transaction-navigation-button>\n </div>\n </div>\n </div>\n </ng-template>\n\n ",
37044
37076
  animations: [
37045
37077
  animations.trigger("showHideExtended", [
37046
37078
  animations.state("void", animations.style({ height: 0 })),
@@ -38692,7 +38724,8 @@
38692
38724
  TransactionLinePriceModule,
38693
38725
  TransactionLineDiscountButtonModule,
38694
38726
  TransactionLineAmountModule,
38695
- TransactionLineLabelModule
38727
+ TransactionLineLabelModule,
38728
+ TransactionNavigationButtonListModule
38696
38729
  ],
38697
38730
  declarations: [
38698
38731
  TransactionInvoiceLineComponent