@colijnit/transaction 256.1.20 → 256.1.21

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 (20) hide show
  1. package/bundles/colijnit-transaction.umd.js +15 -10
  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-margin/transaction-card-margin.component.js +90 -31
  5. package/esm2015/lib/component/transaction-card/transaction-card-margin/transaction-card-margin.module.js +6 -2
  6. package/esm2015/lib/component/transaction-card/transaction-card-purchase/transaction-card-purchase.component.js +2 -2
  7. package/esm2015/lib/component/transaction-line/transaction-purchase-line/transaction-purchase-line.component.js +12 -2
  8. package/esm2015/lib/component/transaction-line-fields/transaction-line-drop-shipment-button.component.js +6 -2
  9. package/esm2015/lib/component/transaction-line-fields/transaction-line-drop-shipment-button.module.js +4 -2
  10. package/esm2015/lib/component/transaction-navigation-button-list/transaction-navigation-button-list.component.js +6 -6
  11. package/esm2015/lib/component/transaction-search/service/transaction-search.service.js +2 -2
  12. package/esm2015/lib/transaction-version.js +3 -3
  13. package/fesm2015/colijnit-transaction.js +118 -42
  14. package/fesm2015/colijnit-transaction.js.map +1 -1
  15. package/lib/component/transaction-button-bar/style/_layout.scss +1 -1
  16. package/lib/component/transaction-card/transaction-card/style/_layout.scss +3 -2
  17. package/lib/component/transaction-card/transaction-card/style/_material-definition.scss +3 -1
  18. package/lib/component/transaction-card/transaction-card-sales-overview/style/_layout.scss +4 -4
  19. package/lib/component/transaction-line-fields/transaction-line-drop-shipment-button.component.d.ts +1 -0
  20. package/package.json +1 -1
@@ -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.20";
37
- this.publishDate = "28-11-2024 16:14:28";
36
+ this.symVer = "256.1.21";
37
+ this.publishDate = "29-11-2024 16:02:28";
38
38
  }
39
39
  return Version;
40
40
  }());
@@ -22288,7 +22288,7 @@
22288
22288
  [transactionKind_enum.TransactionKind.SalesQuotation, "SEARCH_NUMBER_OR_CUSTOMER"],
22289
22289
  [transactionKind_enum.TransactionKind.CashDesk, "SEARCH_NUMBER_OR_CUSTOMER"]
22290
22290
  ]);
22291
- this.transactionsPerPage = 20;
22291
+ this.transactionsPerPage = 40;
22292
22292
  this.resultSubject = new rxjs.BehaviorSubject(false);
22293
22293
  this.resultsUpdated = this.resultSubject.asObservable();
22294
22294
  this._currentPage = 1;
@@ -24639,7 +24639,7 @@
24639
24639
  TransactionPurchaseLineComponent.decorators = [
24640
24640
  { type: i0.Component, args: [{
24641
24641
  selector: "co-transaction-purchase-line",
24642
- template: "\n <co-transaction-base-line\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [preview]=\"preview\"\n [checkbox]=\"showCheckboxForLine && transactionInfo.transactionDefinitive\"\n [checkboxValue]=\"transactionLine.selected\"\n (checkboxValueChanged)=\"transactionLineSelectedChanged($event)\"\n [isFirst]=\"isFirst\"\n [showPurchaseDescAndPrice]=\"true\"\n observeVisibility #observer=visibilityObserve\n (visibilityChange)=\"handleVisibilityChange(transactionLine, $event)\">\n <span *ngIf=\"reservationMode && purchaseReservationLines().length > 0\" class=\"button reservation-button\"><co-icon (click)=\"handleReservationModeClick($event)\"\n [iconData]=\"iconCacheService.getIcon(icons.PalletBoxesRotate)\"></co-icon></span>\n <div class=\"transaction-line-wrapper\" [class.transaction-not-definitive]=\"!transactionInfo.transactionDefinitive\">\n <div *ngIf=!preview class=\"transaction-line-extended-wrapper\">\n <div class=\"column1\">\n <co-transaction-line-statusbar\n class=\"status-bar-wrapper\"\n [screenConfigurationObject]=\"cfgNames.StatusBar\"\n [configNames]=\"statusBarConfigNames\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [activeCategory]=\"category.SalesOrderPurchase\"></co-transaction-line-statusbar>\n\n </div>\n <div class=\"column2\">\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\n [screenConfigurationObject]=\"cfgNames.LineSupplier\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"\n [readonly]=\"hasPurchaseOrder\"></co-transaction-line-supplier-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\" *ngIf=\"transactionLine.commissionCode === '0'\">\n <co-transaction-line-label [insideLabel]=\"'PURCHASE_ORDER'\"></co-transaction-line-label>\n <co-transaction-navigation-button-list\n [screenConfigurationObject]=\"cfgNames.LineRefTransactions\"\n [refTransactions]=\"transactionLine.refTransactions\"\n [emptyLabel]=\"'NO_PURCHASE_ORDER' | localize\"\n (transactionClick)=\"handlePurchaseExistingOrderNavigation($event)\"\n ></co-transaction-navigation-button-list>\n </div>\n </div>\n </div>\n <div class=\"column3\">\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'WAREHOUSE'\"></co-transaction-line-label>\n <co-transaction-line-warehouse-button\n [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\">\n </co-transaction-line-warehouse-button>\n </div>\n </div>\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 [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"></co-transaction-line-delivery-button>\n </div>\n </div>\n <co-transaction-line-confirmed-delivery-date-button\n [screenConfigurationObject]=\"cfgNames.LineConfirmedDeliveryDate\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"\n ></co-transaction-line-confirmed-delivery-date-button>\n <co-transaction-line-drop-shipment-button\n [screenConfigurationObject]=\"cfgNames.LineDropShipment\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"\n [class.active]=\"transactionLine.dropShipment\"></co-transaction-line-drop-shipment-button>\n </div>\n <div class=\"column4 less-then-four\">\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'PRICE'\"></co-transaction-line-label>\n <co-transaction-line-price class=\"transaction-line-totals-price price\"\n [screenConfigurationObject]=\"cfgNames.LinePrice\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [showLabel]=\"false\"\n [defaultEditMode]=\"false\"\n [showPurchasePrice]=\"true\"\n\n ></co-transaction-line-price>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DISCOUNT'\"></co-transaction-line-label>\n <co-transaction-line-discount-button *ngIf=\"!preview\"\n [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n [configNames]=\"discountConfigNames\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"\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]=\"'QUANTITY'\"></co-transaction-line-label>\n <co-transaction-line-amount class=\"amount-number-picker\"\n [screenConfigurationObject]=\"cfgNames.LineAmount\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"></co-transaction-line-amount>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'TOTAL'\"></co-transaction-line-label>\n <co-editable-label class=\"transaction-line-totals-total price\"\n [model]=\"transactionLine.displayNetLineTotal | coCurrency: true\"\n [editModel]=\"transactionLine.displayNetLineTotal\"\n [readonly]=\"true\"\n ></co-editable-label>\n </div>\n </div>\n </div>\n </div>\n </div>\n </co-transaction-base-line>\n ",
24642
+ template: "\n <co-transaction-base-line\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [preview]=\"preview\"\n [checkbox]=\"showCheckboxForLine && transactionInfo.transactionDefinitive\"\n [checkboxValue]=\"transactionLine.selected\"\n (checkboxValueChanged)=\"transactionLineSelectedChanged($event)\"\n [isFirst]=\"isFirst\"\n [showPurchaseDescAndPrice]=\"true\"\n observeVisibility #observer=visibilityObserve\n (visibilityChange)=\"handleVisibilityChange(transactionLine, $event)\">\n <span *ngIf=\"reservationMode && purchaseReservationLines().length > 0\" class=\"button reservation-button\"><co-icon (click)=\"handleReservationModeClick($event)\"\n [iconData]=\"iconCacheService.getIcon(icons.PalletBoxesRotate)\"></co-icon></span>\n <div class=\"transaction-line-wrapper\" [class.transaction-not-definitive]=\"!transactionInfo.transactionDefinitive\">\n <div *ngIf=!preview class=\"transaction-line-extended-wrapper\">\n <div class=\"column1\">\n <co-transaction-line-statusbar\n class=\"status-bar-wrapper\"\n [screenConfigurationObject]=\"cfgNames.StatusBar\"\n [configNames]=\"statusBarConfigNames\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [activeCategory]=\"category.SalesOrderPurchase\"></co-transaction-line-statusbar>\n\n </div>\n <div class=\"column2\">\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\n [screenConfigurationObject]=\"cfgNames.LineSupplier\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"\n [readonly]=\"hasPurchaseOrder\"></co-transaction-line-supplier-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\" *ngIf=\"transactionLine.commissionCode === '0'\">\n <co-transaction-line-label *ngIf=\"transactionLine.refTransactions.length > 1\" [insideLabel]=\"'PURCHASE_ORDERS'\"></co-transaction-line-label>\n <co-transaction-navigation-button-list\n [screenConfigurationObject]=\"cfgNames.LineRefTransactions\"\n [refTransactions]=\"transactionLine.refTransactions\"\n [emptyLabel]=\"'NO_PURCHASE_ORDER' | localize\"\n (transactionClick)=\"handlePurchaseExistingOrderNavigation($event)\"\n ></co-transaction-navigation-button-list>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-drop-shipment-button\n [screenConfigurationObject]=\"cfgNames.LineDropShipment\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"\n [showLabel]=\"true\"\n [class.active]=\"transactionLine.dropShipment\"></co-transaction-line-drop-shipment-button>\n </div>\n </div>\n </div>\n <div class=\"column3\">\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'WAREHOUSE'\"></co-transaction-line-label>\n <co-transaction-line-warehouse-button\n [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\">\n </co-transaction-line-warehouse-button>\n </div>\n </div>\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 [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"></co-transaction-line-delivery-button>\n </div>\n </div>\n <co-transaction-line-confirmed-delivery-date-button\n [screenConfigurationObject]=\"cfgNames.LineConfirmedDeliveryDate\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"\n ></co-transaction-line-confirmed-delivery-date-button>\n <co-transaction-line-drop-shipment-button\n [screenConfigurationObject]=\"cfgNames.LineDropShipment\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"\n [class.active]=\"transactionLine.dropShipment\"></co-transaction-line-drop-shipment-button>\n </div>\n <div class=\"column4 less-then-four\">\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'PRICE'\"></co-transaction-line-label>\n <co-transaction-line-price class=\"transaction-line-totals-price price\"\n [screenConfigurationObject]=\"cfgNames.LinePrice\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [showLabel]=\"false\"\n [defaultEditMode]=\"false\"\n [showPurchasePrice]=\"true\"\n\n ></co-transaction-line-price>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DISCOUNT'\"></co-transaction-line-label>\n <co-transaction-line-discount-button *ngIf=\"!preview\"\n [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n [configNames]=\"discountConfigNames\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"\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]=\"'QUANTITY'\"></co-transaction-line-label>\n <co-transaction-line-amount class=\"amount-number-picker\"\n [screenConfigurationObject]=\"cfgNames.LineAmount\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"></co-transaction-line-amount>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'TOTAL'\"></co-transaction-line-label>\n <co-editable-label class=\"transaction-line-totals-total price\"\n [model]=\"transactionLine.displayNetLineTotal | coCurrency: true\"\n [editModel]=\"transactionLine.displayNetLineTotal\"\n [readonly]=\"true\"\n ></co-editable-label>\n </div>\n </div>\n </div>\n </div>\n </div>\n </co-transaction-base-line>\n ",
24643
24643
  encapsulation: i0.ViewEncapsulation.None,
24644
24644
  changeDetection: i0.ChangeDetectionStrategy.OnPush
24645
24645
  },] }
@@ -26167,7 +26167,7 @@
26167
26167
  TransactionCardPurchaseComponent.decorators = [
26168
26168
  { type: i0.Component, args: [{
26169
26169
  selector: "co-transaction-card-purchase",
26170
- template: "\n <div class=\"transaction-card-wrapper\">\n <co-transaction-card-header\n [transactionLine]=\"transactionLine\"\n [showActionButtons]=\"true\"\n [showCheckbox]=\"showCheckboxForLine && transactionInfo.transactionDefinitive\"\n [expanded]=\"expanded\"\n (expandClicked)=\"expanded = !expanded\">\n </co-transaction-card-header>\n <div class=\"transaction-card-content-wrapper\">\n <div class=\"content-base top-base\" [class.commission]=\"transactionLine.commissionCode === '0'\">\n <div class=\"transaction-field-wrapper status-bar\">\n <co-transaction-line-statusbar\n [screenConfigurationObject]=\"cfgNames.StatusBar\"\n [configNames]=\"statusBarConfigNames\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [activeCategory]=\"category.SalesOrderPurchase\"></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\n [screenConfigurationObject]=\"cfgNames.LineSupplier\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"\n [readonly]=\"hasPurchaseOrder\"></co-transaction-line-supplier-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\" *ngIf=\"transactionLine.commissionCode === '0'\">\n <div class=\"inside-field\">\n <co-transaction-navigation-button-list\n [screenConfigurationObject]=\"cfgNames.LineRefTransactions\"\n [refTransactions]=\"transactionLine.refTransactions\"\n (transactionClick)=\"handlePurchaseOrderNavigation($event)\"\n class=\"card-tile-button\"\n ></co-transaction-navigation-button-list>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'WAREHOUSE'\"></co-transaction-line-label>\n <co-transaction-line-warehouse-button\n [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"></co-transaction-line-warehouse-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]=\"'PRICE'\"></co-transaction-line-label>\n <co-editable-label class=\"transaction-card-price price\"\n [model]=\"transactionLine.price | coCurrency\"\n [readonly]=\"true\"\n ></co-editable-label>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'QUANTITY'\"></co-transaction-line-label>\n <co-transaction-line-amount class=\"amount-number-picker\"\n [screenConfigurationObject]=\"cfgNames.LineAmount\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"\n ></co-transaction-line-amount>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DISCOUNT'\"></co-transaction-line-label>\n <co-transaction-line-discount-button *ngIf=\"!preview\"\n [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n [configNames]=\"discountConfigNames\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"\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]=\"'TOTAL'\"></co-transaction-line-label>\n <co-editable-label class=\"transaction-line-totals-total price\"\n [model]=\"transactionLine.displayNetLineTotal | coCurrency\"\n [editModel]=\"transactionLine.displayNetLineTotal\"\n [readonly]=\"true\"\n ></co-editable-label>\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 class=\"fit-content\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\">\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\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\">\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]=\"'DROP_SHIPMENT'\"></co-transaction-line-label>\n <co-transaction-line-drop-shipment-button\n [screenConfigurationObject]=\"cfgNames.LineDropShipment\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"\n [class.active]=\"transactionLine.dropShipment\"></co-transaction-line-drop-shipment-button>\n </div>\n </div>\n </div>\n </div>\n <co-transaction-card-footer\n [transaction]=\"transaction\"\n [transactionLine]=\"transactionLine\"\n [transactionTypeCategory]=\"category.SalesOrderPurchase\"\n [expanded]=\"expanded\"\n ></co-transaction-card-footer>\n </div>\n ",
26170
+ template: "\n <div class=\"transaction-card-wrapper\">\n <co-transaction-card-header\n [transactionLine]=\"transactionLine\"\n [showActionButtons]=\"true\"\n [showCheckbox]=\"showCheckboxForLine && transactionInfo.transactionDefinitive\"\n [expanded]=\"expanded\"\n (expandClicked)=\"expanded = !expanded\">\n </co-transaction-card-header>\n <div class=\"transaction-card-content-wrapper\">\n <div class=\"content-base top-base\" [class.commission]=\"transactionLine.commissionCode === '0'\">\n <div class=\"transaction-field-wrapper status-bar\">\n <co-transaction-line-statusbar\n [screenConfigurationObject]=\"cfgNames.StatusBar\"\n [configNames]=\"statusBarConfigNames\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [activeCategory]=\"category.SalesOrderPurchase\"></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\n [screenConfigurationObject]=\"cfgNames.LineSupplier\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"\n [readonly]=\"hasPurchaseOrder\"></co-transaction-line-supplier-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\" *ngIf=\"transactionLine.commissionCode === '0'\">\n <div class=\"inside-field\">\n <co-transaction-navigation-button-list\n [screenConfigurationObject]=\"cfgNames.LineRefTransactions\"\n [refTransactions]=\"transactionLine.refTransactions\"\n (transactionClick)=\"handlePurchaseOrderNavigation($event)\"\n class=\"card-tile-button\"\n ></co-transaction-navigation-button-list>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'WAREHOUSE'\"></co-transaction-line-label>\n <co-transaction-line-warehouse-button\n [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"></co-transaction-line-warehouse-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]=\"'PRICE'\"></co-transaction-line-label>\n <co-editable-label class=\"transaction-card-price price\"\n [model]=\"transactionLine.price | coCurrency\"\n [readonly]=\"true\"\n ></co-editable-label>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'QUANTITY'\"></co-transaction-line-label>\n <co-transaction-line-amount class=\"amount-number-picker\"\n [screenConfigurationObject]=\"cfgNames.LineAmount\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"\n ></co-transaction-line-amount>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'DISCOUNT'\"></co-transaction-line-label>\n <co-transaction-line-discount-button *ngIf=\"!preview\"\n [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n [configNames]=\"discountConfigNames\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"\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]=\"'TOTAL'\"></co-transaction-line-label>\n <co-editable-label class=\"transaction-line-totals-total price\"\n [model]=\"transactionLine.displayNetLineTotal | coCurrency\"\n [editModel]=\"transactionLine.displayNetLineTotal\"\n [readonly]=\"true\"\n ></co-editable-label>\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 class=\"fit-content\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\">\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\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\">\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-drop-shipment-button\n [screenConfigurationObject]=\"cfgNames.LineDropShipment\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"\n [showLabel]=\"true\"\n [class.active]=\"transactionLine.dropShipment\"></co-transaction-line-drop-shipment-button>\n </div>\n </div>\n </div>\n </div>\n <co-transaction-card-footer\n [transaction]=\"transaction\"\n [transactionLine]=\"transactionLine\"\n [transactionTypeCategory]=\"category.SalesOrderPurchase\"\n [expanded]=\"expanded\"\n ></co-transaction-card-footer>\n </div>\n ",
26171
26171
  encapsulation: i0.ViewEncapsulation.None
26172
26172
  },] }
26173
26173
  ];
@@ -28831,7 +28831,7 @@
28831
28831
  TransactionCardMarginComponent.decorators = [
28832
28832
  { type: i0.Component, args: [{
28833
28833
  selector: "co-transaction-card-margin",
28834
- template: "\n <div class=\"transaction-card-wrapper\"\n observeVisibility #observer=visibilityObserve\n (visibilityChange)=\"handleVisibilityChange(transactionLine, $event)\"\n >\n <co-transaction-card-header\n [transactionLine]=\"transactionLine\"\n [showActionButtons]=\"true\"\n [showCheckbox]=\"orderLineSetService.currentOrderLineSetCode && (!transactionLine.orderLineSetCode || transactionLine.orderLineSetCode === orderLineSetService.currentOrderLineSetCode)\"\n [expanded]=\"expanded\">\n </co-transaction-card-header>\n <div class=\"transaction-card-content-wrapper\" *ngIf=\"transactionLine.isArticle\">\n <div class=\"content-base top-base\">\n <co-transaction-line-commission-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-commission-button>\n <co-transaction-line-warehouse-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-warehouse-button>\n <co-transaction-line-statusbar\n [screenConfigurationObject]=\"cfgNames.StatusBar\"\n [configNames]=\"statusBarConfigNames\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [activeCategory]=\"category.SalesOrderPlanning\"></co-transaction-line-statusbar>\n </div>\n <div class=\"content-base bottom-base no-gap\">\n <co-editable-label class=\"transaction-line-totals-total price\"\n [model]=\"lineMarginInfo?.calculationFactor | coCurrency: true\"\n [editModel]=\"transactionLine.displayNetLineTotal\"\n [readonly]=\"true\"\n ></co-editable-label>\n <co-transaction-button [statusColor]=\"true\"\n class=\"no-gap\"\n [iconData]=\"iconCacheService.getIcon(icons.ChartPieSimpleRegular)\"\n [title]=\"lineMarginInfo?.grossProfitPercentage | percent\">\n </co-transaction-button>\n <co-transaction-button [statusColor]=\"true\"\n class=\"no-gap\"\n [iconData]=\"iconCacheService.getIcon(icons.ChartPieSimpleRegular)\"\n [title]=\"lineMarginInfo?.grossProfit | coCurrency: true\"></co-transaction-button>\n <co-transaction-button [statusColor]=\"true\"\n class=\"no-gap\"\n [iconData]=\"iconCacheService.getIcon(icons.ChartPieSimpleRegular)\"\n [title]=\"lineMarginInfo?.calculationFactor | number\"></co-transaction-button>\n </div>\n <div class=\"content-expanded\" *ngIf=\"expanded\">\n <co-transaction-line-delivery-button class=\"fit-content\" [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-delivery-button>\n </div>\n </div>\n\n <co-transaction-card-footer\n [transaction]=\"transaction\"\n [transactionLine]=\"transactionLine\"\n [transactionTypeCategory]=\"category.SalesOrderOverview\"\n [expanded]=\"expanded\"\n (expandClicked)=\"expanded = !expanded\"\n ></co-transaction-card-footer>\n </div>\n ",
28834
+ template: "\n <div class=\"transaction-card-wrapper\"\n observeVisibility #observer=visibilityObserve\n (visibilityChange)=\"handleVisibilityChange(transactionLine, $event)\"\n >\n <co-transaction-card-header\n [transactionLine]=\"transactionLine\"\n [showActionButtons]=\"true\"\n [showCheckbox]=\"orderLineSetService.currentOrderLineSetCode && (!transactionLine.orderLineSetCode || transactionLine.orderLineSetCode === orderLineSetService.currentOrderLineSetCode)\"\n [expanded]=\"expanded\"\n (expandClicked)=\"expanded = !expanded\">\n </co-transaction-card-header>\n <div class=\"transaction-card-content-wrapper\" *ngIf=\"transactionLine.isArticle\">\n <div class=\"content-base top-base\">\n <div class=\"transaction-field-wrapper status-bar\">\n <co-transaction-line-statusbar\n [screenConfigurationObject]=\"cfgNames.StatusBar\"\n [configNames]=\"statusBarConfigNames\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [activeCategory]=\"category.SalesOrderPlanning\"></co-transaction-line-statusbar>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'COMMISSION_CODE'\"></co-transaction-line-label>\n <co-transaction-line-commission-button\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\">\n </co-transaction-line-commission-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'WAREHOUSE'\"></co-transaction-line-label>\n <co-transaction-line-warehouse-button\n [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\">\n </co-transaction-line-warehouse-button>\n </div>\n </div>\n </div>\n <div class=\"content-base bottom-base no-gap\">\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'NET_PURCHASE'\"></co-transaction-line-label>\n <co-editable-label class=\"transaction-line-totals-total price\"\n [model]=\"lineMarginInfo?.calculationFactor | coCurrency: true\"\n [editModel]=\"transactionLine.displayNetLineTotal\"\n [readonly]=\"true\"\n ></co-editable-label>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'GROSS_PROFIT_PERCENT'\"></co-transaction-line-label>\n <co-transaction-button [statusColor]=\"true\"\n class=\"no-gap\"\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\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'GROSS_PROFIT_TOTAL'\"></co-transaction-line-label>\n <co-transaction-button [statusColor]=\"true\"\n class=\"no-gap\"\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\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'CALCULATION_FACTOR'\"></co-transaction-line-label>\n <co-transaction-button [statusColor]=\"true\"\n class=\"no-gap\"\n [iconData]=\"iconCacheService.getIcon(icons.ChartPieSimpleRegular)\"\n [title]=\"lineMarginInfo?.calculationFactor | number\">\n </co-transaction-button>\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 [transactionLine]=\"transactionLine\"\n [transactionInfo]=\"transactionInfo\"\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=\"transaction-line-delivery-date two-column\"\n [screenConfigurationObject]=\"cfgNames.LineDeliveryDate\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n ></co-transaction-line-delivery-date-button>\n </div>\n </div>\n </div>\n </div>\n <co-transaction-card-footer\n [transaction]=\"transaction\"\n [transactionLine]=\"transactionLine\"\n [transactionTypeCategory]=\"category.SalesOrderOverview\"\n [expanded]=\"expanded\"\n ></co-transaction-card-footer>\n </div>\n ",
28835
28835
  encapsulation: i0.ViewEncapsulation.None
28836
28836
  },] }
28837
28837
  ];
@@ -32788,6 +32788,7 @@
32788
32788
  _this.supplierAllowsDropShipment = false;
32789
32789
  _this.buttonDisabled = false;
32790
32790
  _this.showDialogWarehouse = false;
32791
+ _this.showLabel = false;
32791
32792
  return _this;
32792
32793
  }
32793
32794
  TransactionLineDropShipmentButtonComponent.prototype.showClass = function () {
@@ -32852,7 +32853,7 @@
32852
32853
  TransactionLineDropShipmentButtonComponent.decorators = [
32853
32854
  { type: i0.Component, args: [{
32854
32855
  selector: "co-transaction-line-drop-shipment-button",
32855
- template: "\n <co-transaction-button *ngIf=\"transactionService.internalParameterAllowsDropShipment && supplierAllowsDropShipment\"\n [hidden]=\"hidden\"\n [readonly]=\"readonly\"\n [label]=\"'DROPSHIPMENT' | localize\"\n (click)=\"handleToggleDropShipment($event)\"\n ></co-transaction-button>\n <co-dialog-transaction-line-warehouse *ngIf=\"showDialogWarehouse && !readonly\"\n [autoClose]=\"true\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n (close)=\"showDialogWarehouse = false\"\n ></co-dialog-transaction-line-warehouse>\n ",
32856
+ template: "\n <co-transaction-line-label *ngIf=\"transactionService.internalParameterAllowsDropShipment && supplierAllowsDropShipment && showLabel\"\n [insideLabel]=\"'DROP_SHIPMENT'\"></co-transaction-line-label>\n <co-transaction-button *ngIf=\"transactionService.internalParameterAllowsDropShipment && supplierAllowsDropShipment\"\n [hidden]=\"hidden\"\n [readonly]=\"readonly\"\n [label]=\"'DROPSHIPMENT' | localize\"\n (click)=\"handleToggleDropShipment($event)\"\n ></co-transaction-button>\n <co-dialog-transaction-line-warehouse *ngIf=\"showDialogWarehouse && !readonly\"\n [autoClose]=\"true\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n (close)=\"showDialogWarehouse = false\"\n ></co-dialog-transaction-line-warehouse>\n ",
32856
32857
  providers: [{
32857
32858
  provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
32858
32859
  useExisting: i0.forwardRef(function () { return TransactionLineDropShipmentButtonComponent; })
@@ -32872,6 +32873,7 @@
32872
32873
  { type: TransactionRelationService }
32873
32874
  ]; };
32874
32875
  TransactionLineDropShipmentButtonComponent.propDecorators = {
32876
+ showLabel: [{ type: i0.Input }],
32875
32877
  showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-line-drop-shipment-button",] }]
32876
32878
  };
32877
32879
 
@@ -32887,7 +32889,8 @@
32887
32889
  corecomponents_v12.IconModule,
32888
32890
  PipeModule,
32889
32891
  DialogTransactionLineWarehouseModule,
32890
- TransactionButtonModule
32892
+ TransactionButtonModule,
32893
+ TransactionLineLabelModule
32891
32894
  ],
32892
32895
  declarations: [
32893
32896
  TransactionLineDropShipmentButtonComponent
@@ -32926,7 +32929,7 @@
32926
32929
  TransactionNavigationButtonListComponent.decorators = [
32927
32930
  { type: i0.Component, args: [{
32928
32931
  selector: "co-transaction-navigation-button-list",
32929
- template: "\n <ng-container *ngIf=\"refTransactions.length === 0 && emptyLabel\">\n <co-transaction-navigation-button\n [label]=\"emptyLabel\"\n ></co-transaction-navigation-button>\n </ng-container>\n <ng-container *ngIf=\"refTransactions.length > 1\">\n <co-transaction-navigation-button [label]=\"'MULTI_SELECT' | localize\" (click)=\"showExtended = !showExtended\" overlayParent #parentForOverlay=\"overlayParent\"></co-transaction-navigation-button>\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\">\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\" *ngIf=\"ref.refRelationName && showRelationButton\"\n [label]=\"ref.refRelationName\"\n (buttonClicked)=\"handleRelationClick($event, ref.refRelationId)\"></co-transaction-navigation-button>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'ORDERNUMBER'\"></co-transaction-line-label>\n <co-transaction-navigation-button *ngIf=\"ref.refTransactionNr\"\n [label]=\"ref.refTransactionNr\"\n (buttonClicked)=\"handleTransactionClick($event, ref.refTransactionNr)\"></co-transaction-navigation-button>\n </div>\n </div>\n </div>\n </ng-template>\n ",
32932
+ template: "\n <ng-container *ngIf=\"refTransactions.length === 0 && emptyLabel\">\n <co-transaction-navigation-button\n [label]=\"emptyLabel\"\n ></co-transaction-navigation-button>\n </ng-container>\n <ng-container *ngIf=\"refTransactions.length > 1\">\n <co-transaction-navigation-button [label]=\"'MULTI_SELECT' | localize\" (click)=\"showExtended = !showExtended\" overlayParent #parentForOverlay=\"overlayParent\"></co-transaction-navigation-button>\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 [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]=\"'PURCHASE_ORDER'\"></co-transaction-line-label>\n <co-transaction-navigation-button\n [label]=\"ref.refTransactionNr\"\n (buttonClicked)=\"handleTransactionClick($event, ref.refTransactionNr)\"></co-transaction-navigation-button>\n </div>\n </div>\n </div>\n </ng-template>\n ",
32930
32933
  animations: [
32931
32934
  animations.trigger("showHideExtended", [
32932
32935
  animations.state("void", animations.style({ height: 0 })),
@@ -52907,7 +52910,9 @@
52907
52910
  TransactionLineDiscountButtonModule,
52908
52911
  corecomponents_v12.ScreenConfigurationModule,
52909
52912
  TransactionLineStatusbarModule,
52910
- TransactionButtonModule
52913
+ TransactionButtonModule,
52914
+ TransactionLineLabelModule,
52915
+ TransactionLineDeliveryDateButtonModule
52911
52916
  ],
52912
52917
  declarations: [
52913
52918
  TransactionCardMarginComponent