@colijnit/transaction 256.1.51 → 256.1.53

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.
Files changed (24) hide show
  1. package/bundles/colijnit-transaction.umd.js +25 -11
  2. package/bundles/colijnit-transaction.umd.js.map +1 -1
  3. package/colijnit-transaction.metadata.json +1 -1
  4. package/esm2015/lib/component/transaction-card/transaction-card-purchase-confirmation/transaction-card-purchase-confirmation.component.js +10 -3
  5. package/esm2015/lib/component/transaction-header/transaction-header-popup/cash-on-delivery-modal.component.js +4 -2
  6. package/esm2015/lib/component/transaction-header/transaction-header-popup/transaction-header-popup-payment.component.js +6 -4
  7. package/esm2015/lib/component/transaction-header-fields/transaction-header-deposit-amount.component.js +4 -2
  8. package/esm2015/lib/component/transaction-line-fields/transaction-line-description.component.js +6 -2
  9. package/esm2015/lib/component/transaction-line-fields/transaction-line-price/transaction-line-price.component.js +5 -1
  10. package/esm2015/lib/component/transaction-line-fields/transaction-line-reference.component.js +5 -2
  11. package/esm2015/lib/component/transaction-line-side-panel-default/transaction-line-side-panel-default.component.js +5 -5
  12. package/esm2015/lib/transaction-version.js +3 -3
  13. package/fesm2015/colijnit-transaction.js +35 -15
  14. package/fesm2015/colijnit-transaction.js.map +1 -1
  15. package/lib/component/transaction-card/transaction-card-purchase-confirmation/transaction-card-purchase-confirmation.component.d.ts +2 -0
  16. package/lib/component/transaction-header/transaction-header-popup/cash-on-delivery-modal.component.d.ts +2 -0
  17. package/lib/component/transaction-header/transaction-header-popup/transaction-header-popup-payment.component.d.ts +2 -0
  18. package/lib/component/transaction-header-fields/transaction-header-deposit-amount.component.d.ts +2 -0
  19. package/lib/component/transaction-line/transaction-line/style/_layout.scss +1 -0
  20. package/lib/component/transaction-line-fields/transaction-line-description.component.d.ts +1 -0
  21. package/lib/component/transaction-line-fields/transaction-line-price/transaction-line-price.component.d.ts +1 -0
  22. package/lib/component/transaction-line-fields/transaction-line-reference.component.d.ts +1 -0
  23. package/lib/component/transaction-line-image-and-description/style/_layout.scss +10 -1
  24. package/package.json +5 -5
@@ -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 = "256.1.51";
37
- this.publishDate = "6-2-2025 17:57:45";
36
+ this.symVer = "256.1.53";
37
+ this.publishDate = "11-2-2025 20:02:28";
38
38
  }
39
39
  return Version;
40
40
  }());
@@ -22966,6 +22966,9 @@
22966
22966
  });
22967
22967
  });
22968
22968
  };
22969
+ TransactionLineDescriptionComponent.prototype.cancelClicked = function () {
22970
+ this.detectChanges();
22971
+ };
22969
22972
  TransactionLineDescriptionComponent.prototype.needsUpdate = function (description) {
22970
22973
  if (!this.showPurchaseDesc) {
22971
22974
  return (this.transactionLine.goodDescription !== description);
@@ -23024,7 +23027,7 @@
23024
23027
  TransactionLineDescriptionComponent.decorators = [
23025
23028
  { type: i0.Component, args: [{
23026
23029
  selector: "co-transaction-line-description",
23027
- template: "\n <div class=\"co-transaction-default-flex-row\" *ngIf=\"(!editMode || readonly) && !defaultEditMode\">\n <div class=\"co-transaction-overflow-ellipsis\" [textContent]=\"description\"\n [screenConfigurationObject]=\"configNames?.description\" screenConfigNativeElement\n ></div>\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.EditPencil)\" *ngIf=\"!readonly && !editMode && !customerPortal\" (click)=\"editMode = true\"\n [screenConfigurationObject]=\"configNames?.descriptionEditBtn\" screenConfigNativeElement\n ></co-icon>\n </div>\n <co-input-text #input *ngIf=\"!customerPortal && (editMode || defaultEditMode)\"\n class=\"input-description\"\n [screenConfigurationObject]=\"configNames?.description\"\n [noStyle]=\"false\"\n [placeholder]=\"showLabel ? ('GOOD_DESCRIPTION' | localize) : ''\"\n [showSaveCancel]=\"!readonly\"\n [hidden]=\"hidden\"\n [readonly]=\"readonly\"\n [model]=\"description\"\n (blur)=\"editMode = false\"\n ></co-input-text>\n ",
23030
+ template: "\n <div class=\"co-transaction-default-flex-row\" *ngIf=\"(!editMode || readonly) && !defaultEditMode\">\n <div class=\"co-transaction-overflow-ellipsis\" [textContent]=\"description\"\n [screenConfigurationObject]=\"configNames?.description\" [title]=\"description\" screenConfigNativeElement\n ></div>\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.EditPencil)\" *ngIf=\"!readonly && !editMode && !customerPortal\" (click)=\"editMode = true\"\n [screenConfigurationObject]=\"configNames?.descriptionEditBtn\" screenConfigNativeElement\n ></co-icon>\n </div>\n <co-input-text #input *ngIf=\"!customerPortal && (editMode || defaultEditMode)\"\n class=\"input-description\"\n [screenConfigurationObject]=\"configNames?.description\"\n [noStyle]=\"false\"\n [placeholder]=\"showLabel ? ('GOOD_DESCRIPTION' | localize) : ''\"\n [showSaveCancel]=\"!readonly\"\n [hidden]=\"hidden\"\n [readonly]=\"readonly\"\n [model]=\"description\"\n (blur)=\"editMode = false\"\n (cancelClicked)=\"cancelClicked()\"\n ></co-input-text>\n ",
23028
23031
  providers: [{
23029
23032
  provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
23030
23033
  useExisting: i0.forwardRef(function () { return TransactionLineDescriptionComponent; })
@@ -29858,7 +29861,9 @@
29858
29861
  var TransactionCardPurchaseConfirmationComponent = /** @class */ (function (_super) {
29859
29862
  __extends(TransactionCardPurchaseConfirmationComponent, _super);
29860
29863
  function TransactionCardPurchaseConfirmationComponent() {
29861
- return _super !== null && _super.apply(this, arguments) || this;
29864
+ var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
29865
+ _this.currencyPipe = CoCurrencyPipe;
29866
+ return _this;
29862
29867
  }
29863
29868
  TransactionCardPurchaseConfirmationComponent.prototype.showClass = function () {
29864
29869
  return true;
@@ -29868,7 +29873,7 @@
29868
29873
  TransactionCardPurchaseConfirmationComponent.decorators = [
29869
29874
  { type: i0.Component, args: [{
29870
29875
  selector: 'co-transaction-card-purchase-confirmation',
29871
- template: "\n <co-transaction-base-card\n [showColorIndicator]=\"showColorIndicator\"\n [colorIndicatorColor]=\"colorIndicatorColor\"\n (dragover)=\"handleDragOver($event)\"\n (drop)=\"handleDrop($event)\"\n (dragleave)=\"handleDragLeave($event)\"\n >\n <div class=\"transaction-card-wrapper\">\n <co-transaction-card-header\n [showActionButtons]=\"true\"\n [showCheckbox]=\"showCheckboxForLine\"\n [showThumbnail]=\"false\"\n [expanded]=\"expanded\"\n (expandClicked)=\"expanded = !expanded\"\n >\n </co-transaction-card-header>\n\n <div class=\"transaction-card-content-wrapper\">\n <div class=\"content-base top-base\">\n <div class=\"transaction-field-wrapper status-bar-purchase\">\n <co-transaction-line-statusbar [screenConfigurationObject]=\"cfgNames.StatusBar\"\n [configNames]=\"statusBarConfigNames\"\n [activeCategory]=\"transactionTypeCategory.PurchaseOrderOrderConfirmation\"\n ></co-transaction-line-statusbar>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'SUPPLIER'\"></co-transaction-line-label>\n <co-transaction-line-supplier-button></co-transaction-line-supplier-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'ARTICLE_NR_SUPPLIER'\"></co-transaction-line-label>\n <co-input-text\n [model]=\"transactionLine.purchasePortalLine.articleNoSupplier ? transactionLine.purchasePortalLine.articleNoSupplier : '-'\"\n [leftIconData]=\"iconCacheService.getIcon(icons.RegularIndustryTag)\"\n [customHeight]=\"true\"\n [readonly]=\"true\"\n ></co-input-text>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE_SUPPLIER'\"></co-transaction-line-label>\n <co-transaction-line-supplier-delivery-date-button\n [screenConfigurationObject]=\"cfgNames.LineConfirmedDate\"\n ></co-transaction-line-supplier-delivery-date-button>\n </div>\n </div>\n </div>\n <div class=\"content-base bottom-base\">\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE_SUPPLIER'\"></co-transaction-line-label>\n <co-input-text\n class=\"transaction-line-totals-price\"\n [class.warning]=\"showColorIndicator && transactionLine.purchasePortalLine.grossOrderPrice != transactionLine.purchasePortalLine.confirmedPrice\"\n [model]=\"transactionLine.purchasePortalLine.grossOrderPrice | coCurrency\"\n [readonly]=\"true\"\n [customHeight]=\"true\">\n </co-input-text>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE_SUPPLIER'\"></co-transaction-line-label>\n <co-transaction-line-discount-button\n [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n ></co-transaction-line-discount-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE_SUPPLIER'\"></co-transaction-line-label>\n <co-input-text\n [class.warning]=\"showColorIndicator && transactionLine.amount !== transactionLine.quantityPurchaseToConfirm\"\n [model]=\"transactionLine.amount\"\n [leftIconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n [readonly]=\"true\"\n [customHeight]=\"true\"\n ></co-input-text>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE_SUPPLIER'\"></co-transaction-line-label>\n <co-input-text class=\"transaction-line-totals-total\"\n [model]=\"transactionLine.displayNetLineTotal | coCurrency\"\n [readonly]=\"true\"\n [customHeight]=\"true\"\n ></co-input-text>\n </div>\n </div>\n </div>\n <div class=\"content-expanded\" *ngIf=\"expanded\">\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_METHOD'\"></co-transaction-line-label>\n <co-transaction-line-delivery-button\n [screenConfigurationObject]=\"cfgNames.LineDeliveryMethod\"\n ></co-transaction-line-delivery-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE'\"></co-transaction-line-label>\n <co-transaction-line-delivery-date-button class=\"two-column\"\n [screenConfigurationObject]=\"cfgNames.LineDeliveryDate\"\n ></co-transaction-line-delivery-date-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'CONFIRMED_AMOUNT'\"></co-transaction-line-label>\n <co-input-number-picker class=\"amount-number-picker\"\n [screenConfigurationObject]=\"cfgNames.LineConfirmedAmount\"\n [required]=\"true\"\n [(model)]=\"+transactionLine.quantityPurchaseToConfirm\"\n [decimals]=\"decimals\"\n [min]=\"1\"\n [max]=\"+transactionLine.purchasePortalLine.amountOrdered\"\n [leftIconData]=\"iconCacheService.getIcon(icons.FileCircleInfoRegular)\"\n ></co-input-number-picker>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'CONFIRMED_PRICE'\"></co-transaction-line-label>\n <co-transaction-line-confirmed-price class=\"transaction-line-confirmed-price price\"\n [screenConfigurationObject]=\"cfgNames.LineConfirmedPrice\"\n [(price)]=\"transactionLine.purchasePortalLine.confirmedPrice\"\n [showLabel]=\"false\"\n [defaultEditMode]=\"false\"\n ></co-transaction-line-confirmed-price>\n </div>\n </div>\n </div>\n </div>\n\n <co-transaction-card-footer\n [statusBarConfigNames]=\"statusBarConfigNames\"\n [transactionTypeCategory]=\"transactionTypeCategory.SalesOrderPurchase\"\n [expanded]=\"expanded\"\n ></co-transaction-card-footer>\n </div>\n </co-transaction-base-card>\n ",
29876
+ template: "\n <co-transaction-base-card\n [showColorIndicator]=\"showColorIndicator\"\n [colorIndicatorColor]=\"colorIndicatorColor\"\n (dragover)=\"handleDragOver($event)\"\n (drop)=\"handleDrop($event)\"\n (dragleave)=\"handleDragLeave($event)\"\n >\n <div class=\"transaction-card-wrapper\">\n <co-transaction-card-header\n [showActionButtons]=\"true\"\n [showCheckbox]=\"showCheckboxForLine\"\n [showThumbnail]=\"false\"\n [expanded]=\"expanded\"\n (expandClicked)=\"expanded = !expanded\"\n >\n </co-transaction-card-header>\n\n <div class=\"transaction-card-content-wrapper\">\n <div class=\"content-base top-base\">\n <div class=\"transaction-field-wrapper status-bar-purchase\">\n <co-transaction-line-statusbar [screenConfigurationObject]=\"cfgNames.StatusBar\"\n [configNames]=\"statusBarConfigNames\"\n [activeCategory]=\"transactionTypeCategory.PurchaseOrderOrderConfirmation\"\n ></co-transaction-line-statusbar>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'SUPPLIER'\"></co-transaction-line-label>\n <co-transaction-line-supplier-button></co-transaction-line-supplier-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'ARTICLE_NR_SUPPLIER'\"></co-transaction-line-label>\n <co-input-text\n [model]=\"transactionLine.purchasePortalLine.articleNoSupplier ? transactionLine.purchasePortalLine.articleNoSupplier : '-'\"\n [leftIconData]=\"iconCacheService.getIcon(icons.RegularIndustryTag)\"\n [customHeight]=\"true\"\n [readonly]=\"true\"\n ></co-input-text>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE_SUPPLIER'\"></co-transaction-line-label>\n <co-transaction-line-supplier-delivery-date-button\n [screenConfigurationObject]=\"cfgNames.LineConfirmedDate\"\n ></co-transaction-line-supplier-delivery-date-button>\n </div>\n </div>\n </div>\n <div class=\"content-base bottom-base\">\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE_SUPPLIER'\"></co-transaction-line-label>\n <co-input-text\n class=\"transaction-line-totals-price\"\n [class.warning]=\"showColorIndicator && transactionLine.purchasePortalLine.grossOrderPrice != transactionLine.purchasePortalLine.confirmedPrice\"\n [model]=\"transactionLine.purchasePortalLine.grossOrderPrice\"\n [formatPipe]=\"currencyPipe\"\n [readonly]=\"true\"\n [customHeight]=\"true\">\n </co-input-text>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE_SUPPLIER'\"></co-transaction-line-label>\n <co-transaction-line-discount-button\n [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n ></co-transaction-line-discount-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE_SUPPLIER'\"></co-transaction-line-label>\n <co-input-text\n [class.warning]=\"showColorIndicator && transactionLine.amount !== transactionLine.quantityPurchaseToConfirm\"\n [model]=\"transactionLine.amount\"\n [leftIconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n [readonly]=\"true\"\n [customHeight]=\"true\"\n ></co-input-text>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE_SUPPLIER'\"></co-transaction-line-label>\n <co-input-text class=\"transaction-line-totals-total\"\n [model]=\"transactionLine.displayNetLineTotal\"\n [formatPipe]=\"currencyPipe\"\n [readonly]=\"true\"\n [customHeight]=\"true\"\n ></co-input-text>\n </div>\n </div>\n </div>\n <div class=\"content-expanded\" *ngIf=\"expanded\">\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_METHOD'\"></co-transaction-line-label>\n <co-transaction-line-delivery-button\n [screenConfigurationObject]=\"cfgNames.LineDeliveryMethod\"\n ></co-transaction-line-delivery-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DELIVERY_DATE'\"></co-transaction-line-label>\n <co-transaction-line-delivery-date-button class=\"two-column\"\n [screenConfigurationObject]=\"cfgNames.LineDeliveryDate\"\n ></co-transaction-line-delivery-date-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'CONFIRMED_AMOUNT'\"></co-transaction-line-label>\n <co-input-number-picker class=\"amount-number-picker\"\n [screenConfigurationObject]=\"cfgNames.LineConfirmedAmount\"\n [required]=\"true\"\n [(model)]=\"+transactionLine.quantityPurchaseToConfirm\"\n [decimals]=\"decimals\"\n [min]=\"1\"\n [max]=\"+transactionLine.purchasePortalLine.amountOrdered\"\n [leftIconData]=\"iconCacheService.getIcon(icons.FileCircleInfoRegular)\"\n ></co-input-number-picker>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'CONFIRMED_PRICE'\"></co-transaction-line-label>\n <co-transaction-line-confirmed-price class=\"transaction-line-confirmed-price price\"\n [screenConfigurationObject]=\"cfgNames.LineConfirmedPrice\"\n [(price)]=\"transactionLine.purchasePortalLine.confirmedPrice\"\n [showLabel]=\"false\"\n [defaultEditMode]=\"false\"\n ></co-transaction-line-confirmed-price>\n </div>\n </div>\n </div>\n </div>\n\n <co-transaction-card-footer\n [statusBarConfigNames]=\"statusBarConfigNames\"\n [transactionTypeCategory]=\"transactionTypeCategory.SalesOrderPurchase\"\n [expanded]=\"expanded\"\n ></co-transaction-card-footer>\n </div>\n </co-transaction-base-card>\n ",
29872
29877
  encapsulation: i0.ViewEncapsulation.None
29873
29878
  },] }
29874
29879
  ];
@@ -33501,12 +33506,15 @@
33501
33506
  return !isNaN(this.transactionLine.purchasePrice) ? this.transactionLine.purchasePrice : this.transactionLine.defaultPurchasePrice;
33502
33507
  }
33503
33508
  };
33509
+ TransactionLinePriceComponent.prototype.cancelClicked = function () {
33510
+ this.detectChanges();
33511
+ };
33504
33512
  return TransactionLinePriceComponent;
33505
33513
  }(TransactionLineBaseComponent));
33506
33514
  TransactionLinePriceComponent.decorators = [
33507
33515
  { type: i0.Component, args: [{
33508
33516
  selector: "co-transaction-line-price",
33509
- template: "\n <span *ngIf=\"(!editMode || readonly) && !defaultEditMode\" [textContent]=\"getPrice() | coCurrency: true\"\n [tooltip]=\"tooltipMessage\"></span>\n <co-input-text #input *ngIf=\"editMode || defaultEditMode\"\n [hidden]=\"hidden\"\n [noStyle]=\"false\"\n [hideArrowButtons]=\"true\"\n [placeholder]=\"showLabel ? ('PRICE' | localize) : ''\"\n [type]=\"'number'\"\n [showSaveCancel]=\"!readonly\"\n [readonly]=\"readonly\"\n [model]=\"getPrice()\"\n (blur)=\"editMode = false\"\n ></co-input-text>\n ",
33517
+ template: "\n <span *ngIf=\"(!editMode || readonly) && !defaultEditMode\" [textContent]=\"getPrice() | coCurrency: true\"\n [tooltip]=\"tooltipMessage\"></span>\n <co-input-text #input *ngIf=\"editMode || defaultEditMode\"\n [hidden]=\"hidden\"\n [noStyle]=\"false\"\n [hideArrowButtons]=\"true\"\n [placeholder]=\"showLabel ? ('PRICE' | localize) : ''\"\n [type]=\"'number'\"\n [showSaveCancel]=\"!readonly\"\n [readonly]=\"readonly\"\n [model]=\"getPrice()\"\n (blur)=\"editMode = false\"\n (cancelClicked)=\"cancelClicked()\"\n ></co-input-text>\n ",
33510
33518
  providers: [{
33511
33519
  provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
33512
33520
  useExisting: i0.forwardRef(function () { return TransactionLinePriceComponent; })
@@ -36419,7 +36427,7 @@
36419
36427
  TransactionLineSidePanelDefaultComponent.decorators = [
36420
36428
  { type: i0.Component, args: [{
36421
36429
  selector: "co-transaction-line-side-panel-default",
36422
- template: "\n <div class=\"default-details-wrapper form-and-buttons\">\n <co-collapsible\n [iconData]=\"iconCacheService.getIcon(icons.TriangleUp)\"\n [headerTitle]=\"'PRICING' | localize\"\n [expandButtonLast]=\"true\"\n [expanded]=\"true\"\n >\n <div class=\"collapsible-content-wrapper\">\n <div class=\"side-panel-input-row\">\n <co-transaction-line-quantity class=\"side-panel-input\"></co-transaction-line-quantity>\n <co-transaction-line-price class=\"side-panel-input\"></co-transaction-line-price>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'NET_LINE_TOTAL' | localize\" [model]=\"transactionLine.netLineTotal\" [readonly]=\"true\"></co-input-text>\n </div>\n </div>\n </co-collapsible>\n <co-collapsible\n [iconData]=\"iconCacheService.getIcon(icons.TriangleUp)\"\n [headerTitle]=\"'LOGISTICS_AND_PLANNING' | localize\"\n [expandButtonLast]=\"true\"\n [expanded]=\"true\"\n >\n <div class=\"collapsible-content-wrapper\">\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'ASSEMBLY_TIME' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'ASSEMBLY_COSTS' | localize\" [type]=\"'number'\" [model]=\"transactionLine.assemblyCost\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'MODIFICATION_TIME' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'IN_OUT_COLLECTION' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-transaction-line-supplier-button class=\"side-panel-input\"></co-transaction-line-supplier-button>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'ARTICLE_NR_SUPPLIER' | localize\" [model]=\"transactionLine.supplierArticleNumber\" [readonly]=\"readonly\"></co-input-text>\n </div>\n </div>\n </co-collapsible>\n\n <co-collapsible\n [iconData]=\"iconCacheService.getIcon(icons.TriangleUp)\"\n [headerTitle]=\"'OTHER' | localize\"\n [expandButtonLast]=\"true\"\n [expanded]=\"true\"\n >\n <div class=\"collapsible-content-wrapper\">\n <div class=\"side-panel-input-row\">\n <co-transaction-line-description class=\"side-panel-input\"\n [customHeight]=\"false\"></co-transaction-line-description>\n </div>\n <div class=\"side-panel-input-row\">\n <co-transaction-line-reference class=\"side-panel-input\"></co-transaction-line-reference>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'CUSTOMER' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [model]=\"transactionLine.orderLineSetCode\" [placeholder]=\"'ORDER_RULESET' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'LAST_EDITED_DATE' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'LAST_EDITED_USER' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'FABRICATION_COST' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'FABRICATION_COST_LINE_TOTAL' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'TRANSPORT_COST' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'TRANSPORT_COST_LINE_TOTAL' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n </div>\n </co-collapsible>\n </div>\n ",
36430
+ template: "\n <div class=\"default-details-wrapper form-and-buttons\">\n <co-collapsible\n [iconData]=\"iconCacheService.getIcon(icons.TriangleUp)\"\n [headerTitle]=\"'PRICING' | localize\"\n [expandButtonLast]=\"true\"\n [expanded]=\"true\"\n >\n <div class=\"collapsible-content-wrapper\">\n <div class=\"side-panel-input-row\">\n <co-transaction-line-quantity class=\"side-panel-input\"></co-transaction-line-quantity>\n <co-transaction-line-price class=\"side-panel-input\"></co-transaction-line-price>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'NET_LINE_TOTAL' | localize\" [model]=\"transactionLine.netLineTotal\" [readonly]=\"true\"></co-input-text>\n </div>\n </div>\n </co-collapsible>\n <!--<co-collapsible\n [iconData]=\"iconCacheService.getIcon(icons.TriangleUp)\"\n [headerTitle]=\"'LOGISTICS_AND_PLANNING' | localize\"\n [expandButtonLast]=\"true\"\n [expanded]=\"true\"\n >\n <div class=\"collapsible-content-wrapper\">\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'ASSEMBLY_TIME' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'ASSEMBLY_COSTS' | localize\" [type]=\"'number'\" [model]=\"transactionLine.assemblyCost\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'MODIFICATION_TIME' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'IN_OUT_COLLECTION' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-transaction-line-supplier-button class=\"side-panel-input\"></co-transaction-line-supplier-button>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'ARTICLE_NR_SUPPLIER' | localize\" [model]=\"transactionLine.supplierArticleNumber\" [readonly]=\"readonly\"></co-input-text>\n </div>\n </div>\n </co-collapsible>-->\n\n <co-collapsible\n [iconData]=\"iconCacheService.getIcon(icons.TriangleUp)\"\n [headerTitle]=\"'OTHER' | localize\"\n [expandButtonLast]=\"true\"\n [expanded]=\"true\"\n >\n <div class=\"collapsible-content-wrapper\">\n <div class=\"side-panel-input-row\">\n <co-transaction-line-description class=\"side-panel-input\"\n [customHeight]=\"false\"></co-transaction-line-description>\n </div>\n <div class=\"side-panel-input-row\">\n <co-transaction-line-reference class=\"side-panel-input\"></co-transaction-line-reference>\n </div>\n <!--<div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'CUSTOMER' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [model]=\"transactionLine.orderLineSetCode\" [placeholder]=\"'ORDER_RULESET' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'LAST_EDITED_DATE' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'LAST_EDITED_USER' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'FABRICATION_COST' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'FABRICATION_COST_LINE_TOTAL' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'TRANSPORT_COST' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'TRANSPORT_COST_LINE_TOTAL' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>-->\n </div>\n </co-collapsible>\n </div>\n ",
36423
36431
  encapsulation: i0.ViewEncapsulation.None
36424
36432
  },] }
36425
36433
  ];
@@ -36524,12 +36532,15 @@
36524
36532
  });
36525
36533
  });
36526
36534
  };
36535
+ TransactionLineReferenceComponent.prototype.cancelClicked = function () {
36536
+ this.detectChanges();
36537
+ };
36527
36538
  return TransactionLineReferenceComponent;
36528
36539
  }(TransactionInputLineFieldBaseComponent));
36529
36540
  TransactionLineReferenceComponent.decorators = [
36530
36541
  { type: i0.Component, args: [{
36531
36542
  selector: "co-transaction-line-reference",
36532
- template: "\n <co-input-text #input\n [placeholder]=\"'REFERENCE' | localize\"\n [type]=\"'text'\"\n [readonly]=\"readonly\" [model]=\"transactionLine.reference\"\n [showSaveCancel]=\"true\"\n ></co-input-text>\n ",
36543
+ template: "\n <co-input-text #input\n [placeholder]=\"'REFERENCE' | localize\"\n [type]=\"'text'\"\n [readonly]=\"readonly\" [model]=\"transactionLine.reference\"\n [showSaveCancel]=\"true\" (cancelClicked)=\"cancelClicked()\"\n ></co-input-text>\n ",
36533
36544
  encapsulation: i0.ViewEncapsulation.None
36534
36545
  },] }
36535
36546
  ];
@@ -49723,6 +49734,7 @@
49723
49734
  _this.formMasterService = formMasterService;
49724
49735
  _this.relationService = relationService;
49725
49736
  _this._paymentConnectorService = _paymentConnectorService;
49737
+ _this.currencyPipe = CoCurrencyPipe;
49726
49738
  _this.paidDown = 0;
49727
49739
  _this.settled = 0;
49728
49740
  _this.cashOnDelivery = 0;
@@ -49837,7 +49849,7 @@
49837
49849
  TransactionHeaderPopupPaymentComponent.decorators = [
49838
49850
  { type: i0.Component, args: [{
49839
49851
  selector: 'co-transaction-header-popup-payment',
49840
- template: "\n <div class=\"transaction-header-popup-category-wrapper co-small-scrollbar\">\n <co-form>\n <div class=\"transaction-header-popup-section\">\n <div\n class=\"transaction-header-popup-section-label\"\n *ngIf=\"showPayDownLabel\"\n [textContent]=\"'TO_PAY_DOWN' | localize\">\n </div>\n\n <div class=\"transaction-header-popup-two-column-grid\">\n <co-transaction-header-deposit-percentage\n [screenConfigurationObject]=\"cfgNames.DepositPercentage\"\n [lockAndSave]=\"true\"\n (depositUpdated)=\"showOutstandingAmounts()\">\n </co-transaction-header-deposit-percentage>\n <co-transaction-header-deposit-amount class=\"transaction-line-totals-price price\"\n [screenConfigurationObject]=\"cfgNames.DepositAmount\"\n [lockAndSave]=\"true\"\n (businessRuleApplied)=\"showBusinessRuleInfo = $event\"\n (click)=\"$event.target.select()\">\n </co-transaction-header-deposit-amount>\n </div>\n\n <div class=\"transaction-header-popup-three-column-grid\">\n <co-transaction-header-use-deposit-rule\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.UseDepositRule\"\n [lockAndSave]=\"false\">\n </co-transaction-header-use-deposit-rule>\n <co-transaction-header-auto-recalculate-deposit\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.AutoRecalculateDeposit\"\n [lockAndSave]=\"false\">\n </co-transaction-header-auto-recalculate-deposit>\n <co-transaction-header-divide-evenly\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.DivideEvenly\"\n [lockAndSave]=\"false\">\n </co-transaction-header-divide-evenly>\n <div class=\"transaction-header-popup-business-rule-applied\" *ngIf=\"showBusinessRuleInfo\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.CircleExclamationRegular)\"></co-icon>\n <span [textContent]=\"'DEPOSIT_BUSINESS_RULE_APPLIED' | localize\"></span>\n </div>\n </div>\n\n <div class=\"transaction-header-popup-two-column-grid\">\n <co-transaction-header-amount-to-settle\n [screenConfigurationObject]=\"cfgNames.AmountToSettle\"\n [lockAndSave]=\"false\">\n </co-transaction-header-amount-to-settle>\n <div class=\"transaction-header-popup-already-paid\">\n <co-input-text\n [screenConfigurationObject]=\"cfgNames.TotalPaidDown\"\n [placeholder]=\"'TOTAL_PAID_DOWN' | localize\" [forceReadonly]=\"true\"\n [model]=\"paidDown | coCurrency\">\n </co-input-text>\n <co-input-text\n [screenConfigurationObject]=\"cfgNames.SettledSoFar\"\n [placeholder]=\"'SETTLED_SO_FAR' | localize\" [forceReadonly]=\"true\"\n [model]=\"settled | coCurrency\">\n </co-input-text>\n </div>\n </div>\n\n <div class=\"transaction-header-popup-two-column-grid\" *ngIf=\"showCashOnDelivery\">\n <div class=\"cash-on-delivery-row\">\n <co-input-text\n [placeholder]=\"'CASH_ON_DELIVERY' | localize\"\n [forceReadonly]=\"true\"\n [model]=\"cashOnDelivery | coCurrency\">\n </co-input-text>\n <co-button\n class=\"save-button\"\n [iconData]=\"iconCacheService.getIcon(icons.TruckMovingRegular)\"\n (click)=\"cashOnDeliveryModalVisible = true\">\n </co-button>\n </div>\n <div></div>\n </div>\n\n <div\n class=\"transaction-header-popup-two-column-grid\"\n [screenConfigurationObject]=\"cfgNames.PaymentBtn\"\n screenConfigNativeElement>\n <co-transaction-header-payment-button\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [label]=\"('DELIVERY_TOTAL' | localize) | append:' / ' | append:('TO_SETTLE' | localize:false)\"\n [lockAndSave]=\"false\">\n </co-transaction-header-payment-button>\n </div>\n </div>\n\n <ng-container *ngIf=\"outstandingCustomerAmount.length > 0\">\n <div class=\"transaction-header-popup-section\">\n <div class=\"transaction-header-popup-section-label\" [textContent]=\"'TO_INVOICE' | localize\"></div>\n <div class=\"still-top-pay-stats\">\n <div class=\"payment-item\">\n <label [textContent]=\"'TO_BE_INVOICED' | localize\"></label>\n <div class=\"amount\">{{ paymentAnalysis?.totalToInvoice | coCurrency:true }}</div>\n </div>\n <div class=\"payment-item\">\n <label [textContent]=\"'ALREADY_INVOICED' | localize\"></label>\n <div class=\"amount\">{{ paymentAnalysis?.totalDepositInvoice | coCurrency:true }}</div>\n </div>\n <div class=\"payment-item\">\n <label [textContent]=\"'STILL_TO_PAY' | localize\"></label>\n <div class=\"amount\" [class.outstanding]=\"paymentAnalysis?.totalToPay > 0\">\n <strong>{{ paymentAnalysis?.totalToPay | coCurrency }}</strong>\n </div>\n </div>\n </div>\n </div>\n <div class=\"payment-information\">\n <div class=\"payment-categories\">\n <div\n class=\"payment-category\"\n [class.selected]=\"activeCategory.index === category.index\"\n *ngFor=\"let category of paymentCategories\"\n (click)=\"handleCategoryClick(category)\">\n <div class=\"title\" [textContent]=\"category.title | localize\"></div>\n </div>\n </div>\n\n <table *ngIf=\"activeCategory.index === 0\">\n <thead>\n <tr>\n <th [textContent]=\"'DESCRIPTION' | localize\"></th>\n <th [textContent]=\"'AMOUNT2' | localize\"></th>\n <th [textContent]=\"'PAID' | localize\"></th>\n <th [textContent]=\"'SETTLED' | localize\"></th>\n <th [textContent]=\"'OUTSTANDING' | localize\"></th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let paymentInfo of outstandingCustomerAmount\">\n <td>\n <span *ngIf=\"paymentInfo.downPayment\" [textContent]=\"'DEPOSIT' | localize\"></span>\n <span *ngIf=\"!paymentInfo.downPayment\">\n <span [textContent]=\"'INVOICE' | localize\"></span>\n <span> {{ paymentInfo.invoiceNumber }}</span>\n </span>\n </td>\n <td><strong>{{ paymentInfo.invoiceAmount | coCurrency }}</strong></td>\n <td [class.paid]=\"paymentInfo.paidAmount > 0\">\n <strong>{{ paymentInfo.paidAmount | coCurrency:true }}</strong>\n </td>\n <td>{{ paymentInfo.reservedOutstandingAmount | coCurrency:true }}</td>\n <td [class.outstanding]=\"paymentInfo.outstandingAmount > 0\">\n <strong>{{ paymentInfo.outstandingAmount | coCurrency }}</strong>\n </td>\n </tr>\n </tbody>\n </table>\n\n <co-deposit-payment\n *ngIf=\"activeCategory.index === 1\"\n [branch]=\"transactionInfo.branch?.relationNr\"\n [transactionUuid]=\"transactionInfo.uuid\"\n [showTitle]=\"false\"\n [transactionKind]=\"transKind.SalesOrder\"\n ></co-deposit-payment>\n </div>\n </ng-container>\n </co-form>\n\n <co-cash-on-delivery-modal\n *ngIf=\"cashOnDeliveryModalVisible\"\n [transactionInfoUuid]=\"transactionInfo.uuid\"\n (cashAmount)=\"getCashAmount($event)\"\n (showCashOnDeliveryModal)=\"showCashOnDeliveryModal($event)\">\n </co-cash-on-delivery-modal>\n </div>\n ",
49852
+ template: "\n <div class=\"transaction-header-popup-category-wrapper co-small-scrollbar\">\n <co-form>\n <div class=\"transaction-header-popup-section\">\n <div\n class=\"transaction-header-popup-section-label\"\n *ngIf=\"showPayDownLabel\"\n [textContent]=\"'TO_PAY_DOWN' | localize\">\n </div>\n\n <div class=\"transaction-header-popup-two-column-grid\">\n <co-transaction-header-deposit-percentage\n [screenConfigurationObject]=\"cfgNames.DepositPercentage\"\n [lockAndSave]=\"true\"\n (depositUpdated)=\"showOutstandingAmounts()\">\n </co-transaction-header-deposit-percentage>\n <co-transaction-header-deposit-amount class=\"transaction-line-totals-price price\"\n [screenConfigurationObject]=\"cfgNames.DepositAmount\"\n [lockAndSave]=\"true\"\n (businessRuleApplied)=\"showBusinessRuleInfo = $event\"\n (click)=\"$event.target.select()\">\n </co-transaction-header-deposit-amount>\n </div>\n\n <div class=\"transaction-header-popup-three-column-grid\">\n <co-transaction-header-use-deposit-rule\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.UseDepositRule\"\n [lockAndSave]=\"false\">\n </co-transaction-header-use-deposit-rule>\n <co-transaction-header-auto-recalculate-deposit\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.AutoRecalculateDeposit\"\n [lockAndSave]=\"false\">\n </co-transaction-header-auto-recalculate-deposit>\n <co-transaction-header-divide-evenly\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.DivideEvenly\"\n [lockAndSave]=\"false\">\n </co-transaction-header-divide-evenly>\n <div class=\"transaction-header-popup-business-rule-applied\" *ngIf=\"showBusinessRuleInfo\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.CircleExclamationRegular)\"></co-icon>\n <span [textContent]=\"'DEPOSIT_BUSINESS_RULE_APPLIED' | localize\"></span>\n </div>\n </div>\n\n <div class=\"transaction-header-popup-two-column-grid\">\n <co-transaction-header-amount-to-settle\n [screenConfigurationObject]=\"cfgNames.AmountToSettle\"\n [lockAndSave]=\"false\">\n </co-transaction-header-amount-to-settle>\n <div class=\"transaction-header-popup-already-paid\">\n <co-input-text\n [screenConfigurationObject]=\"cfgNames.TotalPaidDown\"\n [placeholder]=\"'TOTAL_PAID_DOWN' | localize\" [forceReadonly]=\"true\"\n [model]=\"paidDown\" [formatPipe]=\"currencyPipe\">\n </co-input-text>\n <co-input-text\n [screenConfigurationObject]=\"cfgNames.SettledSoFar\"\n [placeholder]=\"'SETTLED_SO_FAR' | localize\" [forceReadonly]=\"true\"\n [model]=\"settled\" [formatPipe]=\"currencyPipe\">\n </co-input-text>\n </div>\n </div>\n\n <div class=\"transaction-header-popup-two-column-grid\" *ngIf=\"showCashOnDelivery\">\n <div class=\"cash-on-delivery-row\">\n <co-input-text\n [placeholder]=\"'CASH_ON_DELIVERY' | localize\"\n [forceReadonly]=\"true\"\n [model]=\"cashOnDelivery\" [formatPipe]=\"currencyPipe\">\n </co-input-text>\n <co-button\n class=\"save-button\"\n [iconData]=\"iconCacheService.getIcon(icons.TruckMovingRegular)\"\n (click)=\"cashOnDeliveryModalVisible = true\">\n </co-button>\n </div>\n <div></div>\n </div>\n\n <div\n class=\"transaction-header-popup-two-column-grid\"\n [screenConfigurationObject]=\"cfgNames.PaymentBtn\"\n screenConfigNativeElement>\n <co-transaction-header-payment-button\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [label]=\"('DELIVERY_TOTAL' | localize) | append:' / ' | append:('TO_SETTLE' | localize:false)\"\n [lockAndSave]=\"false\">\n </co-transaction-header-payment-button>\n </div>\n </div>\n\n <ng-container *ngIf=\"outstandingCustomerAmount.length > 0\">\n <div class=\"transaction-header-popup-section\">\n <div class=\"transaction-header-popup-section-label\" [textContent]=\"'TO_INVOICE' | localize\"></div>\n <div class=\"still-top-pay-stats\">\n <div class=\"payment-item\">\n <label [textContent]=\"'TO_BE_INVOICED' | localize\"></label>\n <div class=\"amount\">{{ paymentAnalysis?.totalToInvoice | coCurrency:true }}</div>\n </div>\n <div class=\"payment-item\">\n <label [textContent]=\"'ALREADY_INVOICED' | localize\"></label>\n <div class=\"amount\">{{ paymentAnalysis?.totalDepositInvoice | coCurrency:true }}</div>\n </div>\n <div class=\"payment-item\">\n <label [textContent]=\"'STILL_TO_PAY' | localize\"></label>\n <div class=\"amount\" [class.outstanding]=\"paymentAnalysis?.totalToPay > 0\">\n <strong>{{ paymentAnalysis?.totalToPay | coCurrency }}</strong>\n </div>\n </div>\n </div>\n </div>\n <div class=\"payment-information\">\n <div class=\"payment-categories\">\n <div\n class=\"payment-category\"\n [class.selected]=\"activeCategory.index === category.index\"\n *ngFor=\"let category of paymentCategories\"\n (click)=\"handleCategoryClick(category)\">\n <div class=\"title\" [textContent]=\"category.title | localize\"></div>\n </div>\n </div>\n\n <table *ngIf=\"activeCategory.index === 0\">\n <thead>\n <tr>\n <th [textContent]=\"'DESCRIPTION' | localize\"></th>\n <th [textContent]=\"'AMOUNT2' | localize\"></th>\n <th [textContent]=\"'PAID' | localize\"></th>\n <th [textContent]=\"'SETTLED' | localize\"></th>\n <th [textContent]=\"'OUTSTANDING' | localize\"></th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let paymentInfo of outstandingCustomerAmount\">\n <td>\n <span *ngIf=\"paymentInfo.downPayment\" [textContent]=\"'DEPOSIT' | localize\"></span>\n <span *ngIf=\"!paymentInfo.downPayment\">\n <span [textContent]=\"'INVOICE' | localize\"></span>\n <span> {{ paymentInfo.invoiceNumber }}</span>\n </span>\n </td>\n <td><strong>{{ paymentInfo.invoiceAmount | coCurrency }}</strong></td>\n <td [class.paid]=\"paymentInfo.paidAmount > 0\">\n <strong>{{ paymentInfo.paidAmount | coCurrency:true }}</strong>\n </td>\n <td>{{ paymentInfo.reservedOutstandingAmount | coCurrency:true }}</td>\n <td [class.outstanding]=\"paymentInfo.outstandingAmount > 0\">\n <strong>{{ paymentInfo.outstandingAmount | coCurrency }}</strong>\n </td>\n </tr>\n </tbody>\n </table>\n\n <co-deposit-payment\n *ngIf=\"activeCategory.index === 1\"\n [branch]=\"transactionInfo.branch?.relationNr\"\n [transactionUuid]=\"transactionInfo.uuid\"\n [showTitle]=\"false\"\n [transactionKind]=\"transKind.SalesOrder\"\n ></co-deposit-payment>\n </div>\n </ng-container>\n </co-form>\n\n <co-cash-on-delivery-modal\n *ngIf=\"cashOnDeliveryModalVisible\"\n [transactionInfoUuid]=\"transactionInfo.uuid\"\n (cashAmount)=\"getCashAmount($event)\"\n (showCashOnDeliveryModal)=\"showCashOnDeliveryModal($event)\">\n </co-cash-on-delivery-modal>\n </div>\n ",
49841
49853
  encapsulation: i0.ViewEncapsulation.None
49842
49854
  },] }
49843
49855
  ];
@@ -49863,6 +49875,7 @@
49863
49875
  __extends(CashOnDeliveryModalComponent, _super);
49864
49876
  function CashOnDeliveryModalComponent() {
49865
49877
  var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
49878
+ _this.currencyPipe = CoCurrencyPipe;
49866
49879
  _this.showCashOnDeliveryModal = new i0.EventEmitter();
49867
49880
  _this.cashAmount = new i0.EventEmitter();
49868
49881
  _this.cashOnDeliveryData = new cashOnDeliveryData.CashOnDeliveryData();
@@ -49908,7 +49921,7 @@
49908
49921
  CashOnDeliveryModalComponent.decorators = [
49909
49922
  { type: i0.Component, args: [{
49910
49923
  selector: 'co-cash-on-delivery-modal',
49911
- template: "\n <co-dialog\n class=\"cash-on-delivery-modal\"\n [showCloseIcon]=\"true\"\n [modal]=\"true\"\n [headerTemplate]=\"headerTemplate\"\n [footerTemplate]=\"footerTemplate\"\n (closeClick)=\"hideModal()\">\n\n <section>\n <h4>Rembours Berekening</h4>\n <div class=\"stat-row\">\n <div class=\"stat-info\">\n <div class=\"label\">Totaal Netto</div>\n <div class=\"value\">{{ cashOnDeliveryData.netOrderTotal }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Totaal CM</div>\n <div class=\"value\">{{ cashOnDeliveryData.dropshipmentLinesTotal }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Aan te betalen</div>\n <div class=\"value\">{{ cashOnDeliveryData.depositAmount }}</div>\n </div>\n </div>\n <div class=\"stat-row\">\n <div class=\"stat-info\">\n <div class=\"label\">Min Rembours</div>\n <div class=\"value\">{{ cashOnDeliveryData.minCashOnDeliveryAmount }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Max Rembours</div>\n <div class=\"value\">{{ cashOnDeliveryData.maxCashOnDeliveryAmount }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Voorstel Rembours</div>\n <div class=\"value\">{{ cashOnDeliveryData.proposedCashOnDeliveryAmount }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Verrekend</div>\n <div class=\"value\">{{ cashOnDeliveryData.toBeSettledAmount }}</div>\n </div>\n </div>\n </section>\n <section>\n <h4>Remboursbedrag voor order</h4>\n <div class=\"cash-on-delivery-field\">\n <co-input-text\n #input\n type=\"number\"\n [placeholder]=\"'CASH_ON_DELIVERY_AMOUNT' | localize\"\n [model]=\"cashOnDeliveryAmount | coCurrency\">\n </co-input-text>\n </div>\n </section>\n </co-dialog>\n <ng-template #headerTemplate>\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.TruckMovingRegular)\"></co-icon>\n <div class=\"co-dialog-header-title\" [textContent]=\"'CASH_ON_DELIVERY' | localize\"></div>\n </ng-template>\n <ng-template #footerTemplate>\n <div class=\"co-dialog-footer-button-wrapper\">\n <co-button\n class=\"save-button\"\n [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n (click)=\"updateCashOnDeliveryAmount()\">\n </co-button>\n <co-button\n class=\"close-button\"\n [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n (click)=\"hideModal()\">\n </co-button>\n </div>\n </ng-template>\n ",
49924
+ template: "\n <co-dialog\n class=\"cash-on-delivery-modal\"\n [showCloseIcon]=\"true\"\n [modal]=\"true\"\n [headerTemplate]=\"headerTemplate\"\n [footerTemplate]=\"footerTemplate\"\n (closeClick)=\"hideModal()\">\n\n <section>\n <h4>Rembours Berekening</h4>\n <div class=\"stat-row\">\n <div class=\"stat-info\">\n <div class=\"label\">Totaal Netto</div>\n <div class=\"value\">{{ cashOnDeliveryData.netOrderTotal }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Totaal CM</div>\n <div class=\"value\">{{ cashOnDeliveryData.dropshipmentLinesTotal }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Aan te betalen</div>\n <div class=\"value\">{{ cashOnDeliveryData.depositAmount }}</div>\n </div>\n </div>\n <div class=\"stat-row\">\n <div class=\"stat-info\">\n <div class=\"label\">Min Rembours</div>\n <div class=\"value\">{{ cashOnDeliveryData.minCashOnDeliveryAmount }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Max Rembours</div>\n <div class=\"value\">{{ cashOnDeliveryData.maxCashOnDeliveryAmount }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Voorstel Rembours</div>\n <div class=\"value\">{{ cashOnDeliveryData.proposedCashOnDeliveryAmount }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Verrekend</div>\n <div class=\"value\">{{ cashOnDeliveryData.toBeSettledAmount }}</div>\n </div>\n </div>\n </section>\n <section>\n <h4>Remboursbedrag voor order</h4>\n <div class=\"cash-on-delivery-field\">\n <co-input-text\n #input\n type=\"number\"\n [placeholder]=\"'CASH_ON_DELIVERY_AMOUNT' | localize\"\n [model]=\"cashOnDeliveryAmount\" [formatPipe]=\"currencyPipe\">\n </co-input-text>\n </div>\n </section>\n </co-dialog>\n <ng-template #headerTemplate>\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.TruckMovingRegular)\"></co-icon>\n <div class=\"co-dialog-header-title\" [textContent]=\"'CASH_ON_DELIVERY' | localize\"></div>\n </ng-template>\n <ng-template #footerTemplate>\n <div class=\"co-dialog-footer-button-wrapper\">\n <co-button\n class=\"save-button\"\n [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n (click)=\"updateCashOnDeliveryAmount()\">\n </co-button>\n <co-button\n class=\"close-button\"\n [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n (click)=\"hideModal()\">\n </co-button>\n </div>\n </ng-template>\n ",
49912
49925
  encapsulation: i0.ViewEncapsulation.None,
49913
49926
  providers: [TransactionLineService]
49914
49927
  },] }
@@ -51079,6 +51092,7 @@
51079
51092
  __extends(TransactionHeaderDepositAmountComponent, _super);
51080
51093
  function TransactionHeaderDepositAmountComponent() {
51081
51094
  var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
51095
+ _this.currencyPipe = CoCurrencyPipe;
51082
51096
  _this.businessRuleApplied = new i0.EventEmitter();
51083
51097
  _this.showClass = true;
51084
51098
  return _this;
@@ -51126,7 +51140,7 @@
51126
51140
  TransactionHeaderDepositAmountComponent.decorators = [
51127
51141
  { type: i0.Component, args: [{
51128
51142
  selector: "co-transaction-header-deposit-amount",
51129
- template: "\n <span\n *ngIf=\"(!editMode || transactionHeaderService.readonly) && !defaultEditMode\"\n [textContent]=\"(transactionInfo.depositAmount | coCurrency) || '...'\"\n [tooltip]=\"tooltipMessage\">\n </span>\n <co-input-text\n #input\n *ngIf=\"editMode || defaultEditMode\"\n [placeholder]=\"showLabel ? ('DOWNPAYMENT' | localize) : ''\"\n [showSaveCancel]=\"!transactionHeaderService.readonly\"\n [hidden]=\"hidden\"\n [readonly]=\"readonly || transactionHeaderService.readonly\"\n [model]=\"transactionInfo.depositAmount | coCurrency\"\n (blur)=\"editMode = false\">\n </co-input-text>\n ",
51143
+ template: "\n <span\n *ngIf=\"(!editMode || transactionHeaderService.readonly) && !defaultEditMode\"\n [textContent]=\"(transactionInfo.depositAmount | coCurrency) || '...'\"\n [tooltip]=\"tooltipMessage\">\n </span>\n <co-input-text\n #input\n *ngIf=\"editMode || defaultEditMode\"\n [placeholder]=\"showLabel ? ('DOWNPAYMENT' | localize) : ''\"\n [showSaveCancel]=\"!transactionHeaderService.readonly\"\n [hidden]=\"hidden\"\n [readonly]=\"readonly || transactionHeaderService.readonly\"\n [model]=\"transactionInfo.depositAmount\" [formatPipe]=\"currencyPipe\"\n (blur)=\"editMode = false\">\n </co-input-text>\n ",
51130
51144
  providers: [{
51131
51145
  provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
51132
51146
  useExisting: i0.forwardRef(function () { return TransactionHeaderDepositAmountComponent; })