@colijnit/transaction 12.1.37 → 12.1.39

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 (61) hide show
  1. package/bundles/colijnit-transaction.umd.js +132 -117
  2. package/bundles/colijnit-transaction.umd.js.map +1 -1
  3. package/colijnit-transaction.d.ts +2 -2
  4. package/colijnit-transaction.metadata.json +1 -1
  5. package/esm2015/colijnit-transaction.js +3 -3
  6. package/esm2015/lib/assets/dictionary/text.properties.js +2 -2
  7. package/esm2015/lib/component/checkout/checkout-overview-delivery-edit/checkout-overview-delivery-edit.component.js +2 -1
  8. package/esm2015/lib/component/checkout/checkout.module.js +2 -2
  9. package/esm2015/lib/component/core/base/transaction-filter-popup-base.component.js +4 -1
  10. package/esm2015/lib/component/dialog/transaction-line/dialog-transaction-line-warehouse-location/dialog-transaction-line-warehouse-location.component.js +4 -2
  11. package/esm2015/lib/component/transaction/transaction.component.js +1 -1
  12. package/esm2015/lib/component/transaction-grid/transaction-received-goods-grid/transaction-received-goods-grid.component.js +2 -2
  13. package/esm2015/lib/component/transaction-header/transaction-header-delivery/transaction-header-delivery.component.js +13 -13
  14. package/esm2015/lib/component/transaction-header/transaction-header-delivery/transaction-header-delivery.module.js +2 -2
  15. package/esm2015/lib/component/transaction-header/transaction-header-payment/transaction-header-payment.component.js +7 -5
  16. package/esm2015/lib/component/transaction-header/transaction-header-relation/transaction-header-relation.component.js +3 -3
  17. package/esm2015/lib/component/transaction-header-fields/transaction-header-delivery-method.component.js +7 -2
  18. package/esm2015/lib/component/transaction-header-fields/transaction-header-delivery-options/transaction-header-delivery-options.component.js +74 -0
  19. package/esm2015/lib/component/transaction-header-fields/transaction-header-delivery-options/transaction-header-delivery-options.module.js +23 -0
  20. package/esm2015/lib/component/transaction-header-fields/transaction-header-downpayment-amount.component.js +2 -2
  21. package/esm2015/lib/component/transaction-header-fields/transaction-header-preferred-delivery-date.component.js +3 -3
  22. package/esm2015/lib/component/transaction-line-checkbox-list/transaction-line-checkbox-list.component.js +22 -19
  23. package/esm2015/lib/component/transaction-lines/transaction-lines.component.js +3 -1
  24. package/esm2015/lib/component/transaction-receiving-goods-details/transaction-receiving-goods-details.component.js +7 -6
  25. package/esm2015/lib/service/article-connector.service.js +2 -2
  26. package/esm2015/lib/service/dialog.service.js +4 -3
  27. package/fesm2015/colijnit-transaction.js +157 -132
  28. package/fesm2015/colijnit-transaction.js.map +1 -1
  29. package/lib/component/checkout/checkout-overview-delivery-edit/style/material.scss +1 -0
  30. package/lib/component/dialog/dialog-header-search/style/_material-definition.scss +1 -1
  31. package/lib/component/dialog/transaction-line/dialog-transaction-line-warehouse-location/dialog-transaction-line-warehouse-location.component.d.ts +1 -0
  32. package/lib/component/relation/relation-contact-details/style/_material-definition.scss +1 -1
  33. package/lib/component/relation/relation-general/style/_layout.scss +1 -1
  34. package/lib/component/transaction-header/transaction-header-delivery/style/_layout.scss +22 -5
  35. package/lib/component/transaction-header/transaction-header-delivery/style/_material-definition.scss +4 -1
  36. package/lib/component/transaction-header/transaction-header-delivery/style/_theme.scss +3 -3
  37. package/lib/component/transaction-header/transaction-header-delivery/style/material.scss +1 -0
  38. package/lib/component/transaction-header/transaction-header-payment/style/_layout.scss +29 -8
  39. package/lib/component/transaction-header/transaction-header-payment/style/_material-definition.scss +2 -1
  40. package/lib/component/transaction-header/transaction-header-relation/style/_layout.scss +19 -0
  41. package/lib/component/transaction-header/transaction-header-relation/style/_material-definition.scss +2 -2
  42. package/lib/component/transaction-header-fields/transaction-header-delivery-method.component.d.ts +1 -0
  43. package/lib/component/transaction-header-fields/transaction-header-delivery-options/style/_layout.scss +7 -0
  44. package/lib/component/transaction-header-fields/transaction-header-delivery-options/style/_material-definition.scss +1 -0
  45. package/lib/component/transaction-header-fields/transaction-header-delivery-options/style/_theme.scss +4 -0
  46. package/lib/component/transaction-header-fields/transaction-header-delivery-options/style/material.scss +4 -0
  47. package/lib/component/transaction-header-fields/{transaction-header-delivery-options.component.d.ts → transaction-header-delivery-options/transaction-header-delivery-options.component.d.ts} +4 -3
  48. package/lib/component/transaction-header-fields/{transaction-header-delivery-options.module.d.ts → transaction-header-delivery-options/transaction-header-delivery-options.module.d.ts} +0 -0
  49. package/lib/component/transaction-line/style/_material-definition.scss +1 -1
  50. package/lib/component/transaction-line-checkbox-list/style/_layout.scss +28 -33
  51. package/lib/component/transaction-line-checkbox-list/transaction-line-checkbox-list.component.d.ts +5 -6
  52. package/lib/component/transaction-lines/style/_material-definition.scss +1 -0
  53. package/lib/component/transaction-lines/style/_theme.scss +7 -0
  54. package/lib/component/transaction-quick-access/transaction-quick-access-overview/style/_material-definition.scss +1 -1
  55. package/lib/component/transaction-search/style/_material-definition.scss +1 -1
  56. package/lib/service/dialog.service.d.ts +1 -1
  57. package/lib/style/_variables.scss +6 -0
  58. package/lib/style/transaction-globals.scss +4 -0
  59. package/package.json +2 -2
  60. package/esm2015/lib/component/transaction-header-fields/transaction-header-delivery-options.component.js +0 -69
  61. package/esm2015/lib/component/transaction-header-fields/transaction-header-delivery-options.module.js +0 -23
@@ -461,7 +461,7 @@
461
461
  "AVAILABLE_STOCK": "Bechikbaar",
462
462
  "BACK": "Terug",
463
463
  "BACK_TO_STOCK_LINES": "Terug naar voorraadregels",
464
- "BALANCE": "Saldo",
464
+ "BALANCE": "Betaald",
465
465
  "BATCH_NUMBER": "Batchnummer",
466
466
  "BRANCH": "Filiaal",
467
467
  "BRANCH_NUMBER": "Filiaalnummer",
@@ -2729,6 +2729,9 @@
2729
2729
  });
2730
2730
  });
2731
2731
  this.viewModelsFiltered = this.viewModels.slice();
2732
+ if (!this.useModel && this.viewModels.length > 0) {
2733
+ this.valueChange.next(this.viewModels[0].value);
2734
+ }
2732
2735
  };
2733
2736
  TransactionFilterPopupBaseComponent.prototype._doSearch = function () {
2734
2737
  var _this = this;
@@ -2982,11 +2985,12 @@
2982
2985
  DialogTransactionLineWarehouseLocationComponent.decorators = [
2983
2986
  { type: i0.Component, args: [{
2984
2987
  selector: "co-dialog-transaction-line-warehouse-location",
2985
- template: "\n <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" [showCloseIcon]=\"useModel\" (closeClick)=\"onClose(buttonType.Ok)\">\n <co-transaction-line-warehouse-location\n [autoClose]=\"autoClose\"\n [useModel]=\"useModel\"\n [transactionLine]=\"transactionLine\"\n [searchText]=\"searchText\"\n (closeAfterCommit)=\"handleClose(buttonType.Ok)\"\n (valueChange)=\"handleValueChange($event)\"\n ></co-transaction-line-warehouse-location>\n </co-dialog>\n <ng-template #dialogHeader>\n <co-dialog-header-search [title]=\"'LOCATION'\" (search)=\"handleSearch($event)\"></co-dialog-header-search>\n </ng-template>\n <ng-template #footerTemplate>\n <div class=\"dialog-footer-button-wrapper\" *ngIf=\"!useModel\">\n <co-button [label]=\"'OK' | localize\" (click)=\"handleOkClick()\"></co-button>\n </div>\n </ng-template>\n ",
2988
+ template: "\n <co-dialog [headerTemplate]=\"dialogHeader\" [footerTemplate]=\"footerTemplate\" [showCloseIcon]=\"useModel\" (closeClick)=\"onClose(buttonType.Ok)\">\n <co-transaction-line-warehouse-location\n [autoClose]=\"autoClose\"\n [useModel]=\"useModel\"\n [transactionLine]=\"transactionLine\"\n [searchText]=\"searchText\"\n [warehouseNr]=\"warehouseNr\"\n (closeAfterCommit)=\"handleClose(buttonType.Ok)\"\n (valueChange)=\"handleValueChange($event)\"\n ></co-transaction-line-warehouse-location>\n </co-dialog>\n <ng-template #dialogHeader>\n <co-dialog-header-search [title]=\"'LOCATION'\" (search)=\"handleSearch($event)\"></co-dialog-header-search>\n </ng-template>\n <ng-template #footerTemplate>\n <div class=\"dialog-footer-button-wrapper\" *ngIf=\"!useModel\">\n <co-button [label]=\"'OK' | localize\" (click)=\"handleOkClick()\"></co-button>\n </div>\n </ng-template>\n ",
2986
2989
  encapsulation: i0.ViewEncapsulation.None
2987
2990
  },] }
2988
2991
  ];
2989
2992
  DialogTransactionLineWarehouseLocationComponent.propDecorators = {
2993
+ warehouseNr: [{ type: i0.Input }],
2990
2994
  showClass: [{ type: i0.HostBinding, args: ["class.co-dialog-transaction-line-warehouse-location",] }]
2991
2995
  };
2992
2996
 
@@ -3068,9 +3072,10 @@
3068
3072
  };
3069
3073
  return this.dynamicComponentService.createComponent(DialogTransactionLineCommissionCodeComponent, data);
3070
3074
  };
3071
- DialogService.prototype.showWarehouseLocation = function () {
3075
+ DialogService.prototype.showWarehouseLocation = function (warehouseNr) {
3072
3076
  var data = {
3073
- useModel: false
3077
+ useModel: false,
3078
+ warehouseNr: warehouseNr
3074
3079
  };
3075
3080
  return this.dynamicComponentService.createComponent(DialogTransactionLineWarehouseLocationComponent, data);
3076
3081
  };
@@ -5933,7 +5938,7 @@
5933
5938
  return _this.connector.getStockManagementLocations(warehouseNr).then(function (response) {
5934
5939
  if (response && response.validationResult && response.validationResult.success) {
5935
5940
  var collection = _this._boFactory.makeBOArrayFromRawBackendDataArray(stockLocation_bo.StockLocation, response.resultObjects);
5936
- resolve(collection.slice(0, 50));
5941
+ resolve(collection);
5937
5942
  }
5938
5943
  else {
5939
5944
  reject(response.validationMessagesAsString);
@@ -8064,7 +8069,7 @@
8064
8069
  CheckoutOverviewDeliveryEditComponent.decorators = [
8065
8070
  { type: i0.Component, args: [{
8066
8071
  selector: "co-checkout-overview-delivery-edit",
8067
- template: "\n <div class=\"delivery-edit-content\">\n <co-form>\n <div class=\"checkout-form-wrapper\">\n <div class=\"checkout-section-wrapper\">\n <div class=\"checkout-label-column\">\n <span>01</span>\n <span class=\"label\" [textContent]=\"'DELIVERY_DATA' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-transaction-header-delivery-method\n [transactionInfo]=\"transaction.transactionInfo\"\n (deliveryMethodChange)=\"currentDeliveryMethod = $event\"\n ></co-transaction-header-delivery-method>\n </div>\n <div class=\"checkout-data-row\">\n <co-transaction-header-delivery-date class=\"header-delivery-deliverydate\"\n [transactionInfo]=\"transaction.transactionInfo\"\n ></co-transaction-header-delivery-date>\n <co-transaction-header-preferred-delivery-date class=\"header-delivery-deliverydate\"\n [transactionInfo]=\"transaction.transactionInfo\"\n ></co-transaction-header-preferred-delivery-date>\n </div>\n <div class=\"checkout-data-row\">\n <co-transaction-header-partial-delivery [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-partial-delivery>\n </div>\n <div class=\"checkout-data-row\">\n <co-collapsible [headerTitle]=\"'ADD_DELIVERY_OPTION' | localize\" [iconData]=\"iconService.getIcon(icons.TriangleDown)\">\n <div class=\"checkout-data-row\">\n <co-transaction-header-delivery-options\n [transactionInfo]=\"transaction.transactionInfo\"\n [deliveryMethod]=\"currentDeliveryMethod\"\n ></co-transaction-header-delivery-options>\n </div>\n </co-collapsible>\n </div>\n <div class=\"checkout-data-row\">\n <co-collapsible [headerTitle]=\"'ADD_REMARK' | localize\" [iconData]=\"iconService.getIcon(icons.TriangleDown)\">\n <div class=\"checkout-data-row\">\n <co-transaction-header-remarks [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-remarks>\n </div>\n </co-collapsible>\n </div>\n <div class=\"checkout-data-row\">\n <co-collapsible [headerTitle]=\"'ADD_REFERENCE' | localize\" [iconData]=\"iconService.getIcon(icons.TriangleDown)\">\n <div class=\"checkout-data-row\">\n <co-transaction-header-reference [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-reference>\n </div>\n <div class=\"checkout-data-row\">\n <co-transaction-header-relation-reference [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-relation-reference>\n </div>\n </co-collapsible>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-date [model]=\"'NOG_NIET_GEIMPLEMENTEERD'\" [placeholder]=\"'ASSEMBLY_DATE' | localize\"></co-input-date>\n </div>\n </div>\n </div>\n <div class=\"checkout-section-wrapper\">\n <div class=\"checkout-label-column\">\n <span>02</span>\n <span class=\"label\" [textContent]=\"'DOWNPAYMENT' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-transaction-header-downpayment-percentage [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-downpayment-percentage>\n <co-transaction-header-downpayment-amount [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-downpayment-amount>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-text [model]=\"'NOG_NIET_GEIMPLEMENTEERD'\" [placeholder]=\"'DOWNPAYMENT_BY_BR' | localize\"></co-input-text>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-text [model]=\"'NOG_NIET_GEIMPLEMENTEERD'\" [placeholder]=\"'DOWNPAYMENT_ON_DELIVERY' | localize\"></co-input-text>\n </div>\n </div>\n </div>\n <div class=\"checkout-section-wrapper\">\n <div class=\"checkout-label-column\">\n <span>03</span>\n <span class=\"label\" [textContent]=\"'ORDER_DATA' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-transaction-header-branch [simple]=\"true\" [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-branch>\n <co-transaction-header-administrative-relation [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-administrative-relation>\n </div>\n <div class=\"checkout-data-row\">\n <span class=\"label\" [textContent]=\"'MARKETING_CODE' | localize\"></span>\n </div>\n <div class=\"checkout-data-row\">\n <co-transaction-header-marketing [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-marketing>\n </div>\n <div class=\"checkout-data-row\">\n <span class=\"label\" [textContent]=\"'ORDER_PARAMETERS' | localize\"></span>\n </div>\n <div class=\"checkout-data-row\">\n <co-transaction-header-definitive [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-definitive>\n </div>\n </div>\n </div>\n </div>\n </co-form>\n </div>\n ",
8072
+ template: "\n <div class=\"delivery-edit-content\">\n <co-form>\n <div class=\"checkout-form-wrapper\">\n <div class=\"checkout-section-wrapper\">\n <div class=\"checkout-label-column\">\n <span>01</span>\n <span class=\"label\" [textContent]=\"'DELIVERY_DATA' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-transaction-header-delivery-method\n [transactionInfo]=\"transaction.transactionInfo\"\n [filterOnWizard]=\"true\"\n (deliveryMethodChange)=\"currentDeliveryMethod = $event\"\n ></co-transaction-header-delivery-method>\n </div>\n <div class=\"checkout-data-row\">\n <co-transaction-header-delivery-date class=\"header-delivery-deliverydate\"\n [transactionInfo]=\"transaction.transactionInfo\"\n ></co-transaction-header-delivery-date>\n <co-transaction-header-preferred-delivery-date class=\"header-delivery-deliverydate\"\n [transactionInfo]=\"transaction.transactionInfo\"\n ></co-transaction-header-preferred-delivery-date>\n </div>\n <div class=\"checkout-data-row\">\n <co-transaction-header-partial-delivery [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-partial-delivery>\n </div>\n <div class=\"checkout-data-row\">\n <co-collapsible [headerTitle]=\"'ADD_DELIVERY_OPTION' | localize\" [iconData]=\"iconService.getIcon(icons.TriangleDown)\">\n <div class=\"checkout-data-row\">\n <co-transaction-header-delivery-options\n [transactionInfo]=\"transaction.transactionInfo\"\n [deliveryMethod]=\"currentDeliveryMethod\"\n ></co-transaction-header-delivery-options>\n </div>\n </co-collapsible>\n </div>\n <div class=\"checkout-data-row\">\n <co-collapsible [headerTitle]=\"'ADD_REMARK' | localize\" [iconData]=\"iconService.getIcon(icons.TriangleDown)\">\n <div class=\"checkout-data-row\">\n <co-transaction-header-remarks [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-remarks>\n </div>\n </co-collapsible>\n </div>\n <div class=\"checkout-data-row\">\n <co-collapsible [headerTitle]=\"'ADD_REFERENCE' | localize\" [iconData]=\"iconService.getIcon(icons.TriangleDown)\">\n <div class=\"checkout-data-row\">\n <co-transaction-header-reference [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-reference>\n </div>\n <div class=\"checkout-data-row\">\n <co-transaction-header-relation-reference [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-relation-reference>\n </div>\n </co-collapsible>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-date [model]=\"'NOG_NIET_GEIMPLEMENTEERD'\" [placeholder]=\"'ASSEMBLY_DATE' | localize\"></co-input-date>\n </div>\n </div>\n </div>\n <div class=\"checkout-section-wrapper\">\n <div class=\"checkout-label-column\">\n <span>02</span>\n <span class=\"label\" [textContent]=\"'DOWNPAYMENT' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-transaction-header-downpayment-percentage [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-downpayment-percentage>\n <co-transaction-header-downpayment-amount [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-downpayment-amount>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-text [model]=\"'NOG_NIET_GEIMPLEMENTEERD'\" [placeholder]=\"'DOWNPAYMENT_BY_BR' | localize\"></co-input-text>\n </div>\n <div class=\"checkout-data-row\">\n <co-input-text [model]=\"'NOG_NIET_GEIMPLEMENTEERD'\" [placeholder]=\"'DOWNPAYMENT_ON_DELIVERY' | localize\"></co-input-text>\n </div>\n </div>\n </div>\n <div class=\"checkout-section-wrapper\">\n <div class=\"checkout-label-column\">\n <span>03</span>\n <span class=\"label\" [textContent]=\"'ORDER_DATA' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-transaction-header-branch [simple]=\"true\" [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-branch>\n <co-transaction-header-administrative-relation [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-administrative-relation>\n </div>\n <div class=\"checkout-data-row\">\n <span class=\"label\" [textContent]=\"'MARKETING_CODE' | localize\"></span>\n </div>\n <div class=\"checkout-data-row\">\n <co-transaction-header-marketing [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-marketing>\n </div>\n <div class=\"checkout-data-row\">\n <span class=\"label\" [textContent]=\"'ORDER_PARAMETERS' | localize\"></span>\n </div>\n <div class=\"checkout-data-row\">\n <co-transaction-header-definitive [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-definitive>\n </div>\n </div>\n </div>\n </div>\n </co-form>\n </div>\n ",
8068
8073
  providers: [
8069
8074
  corecomponents_v12.FormMasterService
8070
8075
  ],
@@ -10510,32 +10515,33 @@
10510
10515
  this.readonly = false;
10511
10516
  this.checked = new i0.EventEmitter();
10512
10517
  this.showClass = true;
10513
- this.smallToolbar = true;
10518
+ this.itemHeight = 1000;
10514
10519
  }
10520
+ TransactionLineCheckboxListComponent.prototype.ngAfterViewChecked = function () {
10521
+ if (this.scrollingItem && this.itemHeight === 1000) {
10522
+ this.itemHeight = this.scrollingItem.nativeElement.offsetHeight;
10523
+ }
10524
+ };
10515
10525
  TransactionLineCheckboxListComponent.prototype.handleChecked = function (event, row) {
10516
10526
  event.preventDefault();
10517
10527
  event.stopPropagation();
10518
10528
  this.checked.emit(row);
10519
10529
  };
10520
- TransactionLineCheckboxListComponent.prototype._initObserver = function () {
10521
- };
10522
- TransactionLineCheckboxListComponent.prototype._handleVisibility = function () {
10523
- };
10524
10530
  return TransactionLineCheckboxListComponent;
10525
10531
  }());
10526
10532
  TransactionLineCheckboxListComponent.decorators = [
10527
10533
  { type: i0.Component, args: [{
10528
10534
  selector: "co-transaction-line-checkbox-list",
10529
- template: "\n <table lazyRenderMaster>\n <tr *ngFor=\"let row of collection\" lazyRender #lazyRender=\"lazyRender\" [class.visible]=\"lazyRender.isShowing\">\n <td>\n <co-input-checkbox\n [model]=\"row.checked\"\n [readonly]=\"readonly\"\n (click)=\"handleChecked($event, row)\"\n ></co-input-checkbox>\n </td>\n <td *ngFor=\"let label of row.propsForLabel\" [innerHTML]=\"label\"></td>\n </tr>\n </table>\n ",
10535
+ template: "\n <cdk-virtual-scroll-viewport [itemSize]=\"itemHeight\" class=\"virtual-scroll-container co-transaction-small-toolbar\">\n <div *cdkVirtualFor=\"let row of collection\" #scrollingItem class=\"virtual-scroll-item\">\n <div class=\"checkbox-wrapper\">\n <co-input-checkbox\n [model]=\"row.checked\"\n [readonly]=\"readonly\"\n (click)=\"handleChecked($event, row)\"\n ></co-input-checkbox>\n </div>\n <div class=\"label-wrapper\">\n <span *ngFor=\"let label of row.propsForLabel\" [innerHTML]=\"label\" class=\"label\"></span>\n </div>\n </div>\n </cdk-virtual-scroll-viewport>\n ",
10530
10536
  encapsulation: i0.ViewEncapsulation.None
10531
10537
  },] }
10532
10538
  ];
10533
10539
  TransactionLineCheckboxListComponent.propDecorators = {
10540
+ scrollingItem: [{ type: i0.ViewChild, args: ['scrollingItem',] }],
10534
10541
  collection: [{ type: i0.Input }],
10535
10542
  readonly: [{ type: i0.Input }],
10536
10543
  checked: [{ type: i0.Output }],
10537
- showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-line-checkbox-list",] }],
10538
- smallToolbar: [{ type: i0.HostBinding, args: ["class.co-transaction-small-toolbar",] }]
10544
+ showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-line-checkbox-list",] }]
10539
10545
  };
10540
10546
 
10541
10547
  var TransactionLineCheckboxModule = /** @class */ (function () {
@@ -11713,7 +11719,7 @@
11713
11719
  TransactionLinesComponent.decorators = [
11714
11720
  { type: i0.Component, args: [{
11715
11721
  selector: "co-transaction-lines",
11716
- template: "\n <div cdkDropListGroup class=\"drop-list-group\">\n <div #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n class=\"transaction-lines-drag-drop-list narrow-scrollbar\"\n [cdkDropListDisabled]=\"preview || userActionRequired\"\n [cdkDropListData]=\"transactionLines\"\n [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n (cdkDropListDropped)=\"handleDrop($event)\"\n >\n <div class=\"draggable-transaction-line\" *ngFor=\"let line of transactionLines; trackBy:trackByFn;\" cdkDrag>\n <co-icon *ngIf=\"!preview\" class=\"transaction-line-drag-handle\" [class.show]=\"line === selectedTransactionLine && transactionLines.length > 1\" cdkDragHandle\n [iconData]=\"iconCacheService.getIcon(icons.GripDotsVerticalSolid)\">\n </co-icon>\n <co-transaction-line\n [preview]=\"preview\"\n [transactionInfo]=\"transactionInfo\"\n [line]=\"line\"\n [selected]=\"line === selectedTransactionLine\"\n (dblclick)=\"handleTransactionLineDblClick(line)\"\n (sidePanelButtonClicked)=\"handleShowSidePanelClicked(line)\"\n (waitingForUserAction)=\"userActionRequired = $event\"\n (click)=\"selectedTransactionLine = line\"\n ></co-transaction-line>\n </div>\n </div>\n </div>\n <co-button *ngIf=!preview class=\"add-text-button circle\" [iconData]=\"iconCacheService.getIcon(icons.Txt)\" (click)=\"handleTransactionArticleText($event)\"></co-button>\n <co-transaction-article-text *ngIf=\"showTransactionArticleText\"\n [header]=\"'TEXT' | localize\"\n [transactionLine]=\"selectedArticleText\"\n [editText]=\"textToEdit\"\n (saveClick)=\"saveTransactionArticleLineText($event)\"\n (closeClick)=\"closeTransactionArticleText($event)\"\n (cancelClick)=\"closeTransactionArticleText($event)\"\n ></co-transaction-article-text>\n ",
11722
+ template: "\n <div cdkDropListGroup class=\"drop-list-group\">\n <div #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n class=\"transaction-lines-drag-drop-list narrow-scrollbar\"\n [cdkDropListDisabled]=\"preview || userActionRequired\"\n [cdkDropListData]=\"transactionLines\"\n [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n (cdkDropListDropped)=\"handleDrop($event)\"\n >\n <div class=\"draggable-transaction-line\" *ngFor=\"let line of transactionLines; trackBy:trackByFn;\" cdkDrag>\n <co-icon *ngIf=\"!preview\" class=\"transaction-line-drag-handle\" [class.show]=\"line === selectedTransactionLine && transactionLines.length > 1\" cdkDragHandle\n [iconData]=\"iconCacheService.getIcon(icons.GripDotsVerticalSolid)\">\n </co-icon>\n <co-transaction-line\n [preview]=\"preview\"\n [transactionInfo]=\"transactionInfo\"\n [line]=\"line\"\n [selected]=\"line === selectedTransactionLine\"\n (dblclick)=\"handleTransactionLineDblClick(line)\"\n (sidePanelButtonClicked)=\"handleShowSidePanelClicked(line)\"\n (waitingForUserAction)=\"userActionRequired = $event\"\n (click)=\"selectedTransactionLine = line\"\n ></co-transaction-line>\n </div>\n </div>\n </div>\n<!--\n <co-button *ngIf=!preview class=\"add-text-button circle\" [iconData]=\"iconCacheService.getIcon(icons.Txt)\" (click)=\"handleTransactionArticleText($event)\"></co-button>\n-->\n <co-transaction-article-text *ngIf=\"showTransactionArticleText\"\n [header]=\"'TEXT' | localize\"\n [transactionLine]=\"selectedArticleText\"\n [editText]=\"textToEdit\"\n (saveClick)=\"saveTransactionArticleLineText($event)\"\n (closeClick)=\"closeTransactionArticleText($event)\"\n (cancelClick)=\"closeTransactionArticleText($event)\"\n ></co-transaction-article-text>\n ",
11717
11723
  encapsulation: i0.ViewEncapsulation.None
11718
11724
  },] }
11719
11725
  ];
@@ -13196,7 +13202,7 @@
13196
13202
  TransactionHeaderDeliveryComponent.decorators = [
13197
13203
  { type: i0.Component, args: [{
13198
13204
  selector: "co-transaction-header-delivery",
13199
- template: "\n <co-transaction-header-block\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n [thirdBlockTemplate]=\"thirdBlock\"\n [hasDetails]=\"true\"\n (headerClick)=\"showDialog = true\"\n >\n </co-transaction-header-block>\n <ng-template #headerBlock>\n <div class=\"header-delivery-method\" (click)=\"showTheDeliveryMethodDialog()\">\n <co-icon class=\"header-delivery-truck-icon\" [iconData]=\"iconService.getIcon(icons.TruckFastSolid)\"></co-icon>\n <span [textContent]=\"deliveryMethod?.description\"></span>\n </div>\n <div class=\"header-planning-request-button\">\n <co-icon class=\"planning-request-button\" [class.co-transaction-check]=\"transactionInfo.deliveryDateDefinitive\"\n [iconData]=\"iconService.getIcon(icons.CalendarDayRegular)\"></co-icon>\n </div>\n </ng-template>\n <ng-template #firstBlock>\n <div class=\"header-delivery-deliverydate-label co-transaction-label\" [textContent]=\"'DELIVERY_DATE' | localize\"></div>\n <div class=\"header-delivery-deliverydate-wrapper\" [class.closed]=\"transactionInfo.deliveryDateDefinitive\">\n <co-transaction-header-delivery-date class=\"header-delivery-deliverydate\"\n [transactionInfo]=\"transactionInfo\"\n [defaultEditMode]=\"false\"\n [showLabel]=\"false\"\n ></co-transaction-header-delivery-date>\n <co-icon *ngIf=\"transactionInfo.deliveryDateDefinitive\" [iconData]=\"iconService.getIcon(icons.LockKeyholeSolid)\"></co-icon>\n <co-icon *ngIf=\"!transactionInfo.deliveryDateDefinitive\" [iconData]=\"iconService.getIcon(icons.LockKeyholeOpenSolid)\"></co-icon>\n </div>\n </ng-template>\n <ng-template #secondBlock>\n <div class=\"header-delivery-preferred-deliverydate-label co-transaction-label\" [textContent]=\"'PREFERRED_DATE' | localize\"></div>\n <co-transaction-header-preferred-delivery-date class=\"header-delivery-deliverydate\"\n [transactionInfo]=\"transactionInfo\"\n [defaultEditMode]=\"false\"\n [showLabel]=\"false\"\n ></co-transaction-header-preferred-delivery-date>\n </ng-template>\n <ng-template #thirdBlock>\n <div class=\"header-delivery-partial-delivery-label co-transaction-label\" [textContent]=\"'PART_DELIVERY' | localize\"></div>\n <co-input-checkbox class=\"header-delivery-partial-delivery\" [model]=\"transactionInfo.allowPartialDelivery\"></co-input-checkbox>\n </ng-template>\n <co-dialog *ngIf=\"showDialog\" [headerTemplate]=\"headerTemplate\" (closeClick)=\"showDialog = false\">\n <ng-template #headerTemplate>\n <div class=\"co-transaction-dialog-header-title\" [textContent]=\"'DELIVERY_INFORMATION' | localize\"></div>\n <co-transaction-header-block\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n [thirdBlockTemplate]=\"thirdBlock\"\n >\n </co-transaction-header-block>\n </ng-template>\n <co-transaction-header-delivery-options\n [transactionInfo]=\"transactionInfo\"\n [deliveryMethod]=\"deliveryMethod\"\n ></co-transaction-header-delivery-options>\n <co-transaction-header-remarks [transactionInfo]=\"transactionInfo\"></co-transaction-header-remarks>\n <co-transaction-header-reference [transactionInfo]=\"transactionInfo\"></co-transaction-header-reference>\n <co-transaction-header-relation-reference [transactionInfo]=\"transactionInfo\"></co-transaction-header-relation-reference>\n </co-dialog>\n <co-dialog-transaction-header-delivery-method *ngIf=\"showDeliveryMethodDialog\"\n [autoClose]=\"true\"\n [transactionInfo]=\"transactionInfo\" (close)=\"showDeliveryMethodDialog = false\">\n </co-dialog-transaction-header-delivery-method>\n ",
13205
+ template: "\n <co-transaction-header-block\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n [thirdBlockTemplate]=\"thirdBlock\"\n [hasDetails]=\"true\"\n (headerClick)=\"showDialog = true\"\n >\n </co-transaction-header-block>\n <ng-template #headerBlock>\n <div class=\"header-delivery-method\" (click)=\"showTheDeliveryMethodDialog()\">\n <co-icon class=\"header-delivery-truck-icon\" [iconData]=\"iconService.getIcon(icons.TruckFastSolid)\"></co-icon>\n <span [textContent]=\"deliveryMethod?.description\"></span>\n </div>\n <co-icon class=\"planning-request-button\" [class.co-transaction-check]=\"transactionInfo.deliveryDateDefinitive\"\n [iconData]=\"iconService.getIcon(icons.CalendarDayRegular)\"></co-icon>\n </ng-template>\n <ng-template #firstBlock>\n <div class=\"header-delivery-deliverydate-label co-transaction-label\" [textContent]=\"'DELIVERY_DATE' | localize\"></div>\n <div class=\"header-delivery-deliverydate-wrapper\" [class.closed]=\"transactionInfo.deliveryDateDefinitive\">\n <co-transaction-header-delivery-date class=\"header-delivery-deliverydate\"\n [transactionInfo]=\"transactionInfo\"\n [defaultEditMode]=\"false\"\n [showLabel]=\"false\"\n ></co-transaction-header-delivery-date>\n <co-icon *ngIf=\"transactionInfo.deliveryDateDefinitive\" [iconData]=\"iconService.getIcon(icons.LockKeyholeSolid)\"></co-icon>\n <co-icon *ngIf=\"!transactionInfo.deliveryDateDefinitive\" [iconData]=\"iconService.getIcon(icons.LockKeyholeOpenSolid)\"></co-icon>\n </div>\n </ng-template>\n <ng-template #secondBlock>\n <div class=\"header-delivery-preferred-deliverydate-label co-transaction-label\" [textContent]=\"'PREFERRED_DATE' | localize\"></div>\n <co-transaction-header-preferred-delivery-date class=\"header-delivery-deliverydate\"\n [transactionInfo]=\"transactionInfo\"\n [defaultEditMode]=\"false\"\n [showLabel]=\"false\"\n ></co-transaction-header-preferred-delivery-date>\n </ng-template>\n <ng-template #thirdBlock>\n <div class=\"header-delivery-partial-delivery-label co-transaction-label\" [textContent]=\"'PART_DELIVERY' | localize\"></div>\n <co-input-checkbox class=\"header-delivery-partial-delivery\" [model]=\"transactionInfo.allowPartialDelivery\"></co-input-checkbox>\n </ng-template>\n <co-dialog *ngIf=\"showDialog\" [headerTemplate]=\"headerTemplate\" (closeClick)=\"showDialog = false\">\n <ng-template #headerTemplate>\n <div class=\"co-transaction-dialog-header-title\" [textContent]=\"'DELIVERY_INFORMATION' | localize\"></div>\n <co-transaction-header-block class=\"in-dialog\"\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n [thirdBlockTemplate]=\"thirdBlock\"\n >\n </co-transaction-header-block>\n </ng-template>\n <div class=\"co-transaction-header-delivery-wrapper\">\n <co-transaction-header-delivery-options\n [transactionInfo]=\"transactionInfo\"\n [deliveryMethod]=\"deliveryMethod\"\n ></co-transaction-header-delivery-options>\n <co-transaction-header-remarks [transactionInfo]=\"transactionInfo\"></co-transaction-header-remarks>\n <co-transaction-header-reference [transactionInfo]=\"transactionInfo\"></co-transaction-header-reference>\n <co-transaction-header-relation-reference [transactionInfo]=\"transactionInfo\"></co-transaction-header-relation-reference>\n </div>\n </co-dialog>\n <co-dialog-transaction-header-delivery-method *ngIf=\"showDeliveryMethodDialog\"\n [autoClose]=\"true\"\n [transactionInfo]=\"transactionInfo\" (close)=\"showDeliveryMethodDialog = false\">\n </co-dialog-transaction-header-delivery-method>\n ",
13200
13206
  encapsulation: i0.ViewEncapsulation.None
13201
13207
  },] }
13202
13208
  ];
@@ -13404,98 +13410,6 @@
13404
13410
  },] }
13405
13411
  ];
13406
13412
 
13407
- var TransactionHeaderDeliveryOptionsComponent = /** @class */ (function (_super) {
13408
- __extends(TransactionHeaderDeliveryOptionsComponent, _super);
13409
- function TransactionHeaderDeliveryOptionsComponent(_transactionService) {
13410
- var _this = _super.call(this) || this;
13411
- _this._transactionService = _transactionService;
13412
- _this.deliveryOptionsFromMethod = [];
13413
- _this.deliveryOptions = [];
13414
- _this.deliveryOptionFields = { text: "description", value: "code" };
13415
- return _this;
13416
- }
13417
- Object.defineProperty(TransactionHeaderDeliveryOptionsComponent.prototype, "deliveryMethod", {
13418
- get: function () {
13419
- return this._deliveryMethod;
13420
- },
13421
- set: function (value) {
13422
- if (value) {
13423
- this._deliveryMethod = value;
13424
- this._getDeliveryOptionsForMethod();
13425
- }
13426
- },
13427
- enumerable: false,
13428
- configurable: true
13429
- });
13430
- TransactionHeaderDeliveryOptionsComponent.prototype.ngOnInit = function () {
13431
- var _this = this;
13432
- this._transactionService.getDeliveryOptions().then(function (options) {
13433
- _this.deliveryOptions = options;
13434
- _this._getDeliveryOptionsForMethod();
13435
- });
13436
- };
13437
- TransactionHeaderDeliveryOptionsComponent.prototype.commitDeliveryOptions = function (options) {
13438
- return __awaiter(this, void 0, void 0, function () {
13439
- var oldOptions;
13440
- return __generator(this, function (_a) {
13441
- switch (_a.label) {
13442
- case 0:
13443
- if (!(this.transactionInfo.deliveryOptions !== options)) return [3 /*break*/, 2];
13444
- oldOptions = this.transactionInfo.deliveryOptions;
13445
- return [4 /*yield*/, this._transactionService.updateHeaderTransactionDeliveryOptions(this.transactionInfo.uuid, options)];
13446
- case 1: return [2 /*return*/, _a.sent()];
13447
- case 2: return [2 /*return*/, true];
13448
- }
13449
- });
13450
- });
13451
- };
13452
- TransactionHeaderDeliveryOptionsComponent.prototype.transactionInfoSet = function () {
13453
- this.readonly = this.readonly || this.transactionInfo.deliveryDateDefinitive;
13454
- };
13455
- TransactionHeaderDeliveryOptionsComponent.prototype._getDeliveryOptionsForMethod = function () {
13456
- var _this = this;
13457
- if (this.deliveryMethod) {
13458
- this.deliveryOptionsFromMethod =
13459
- this.deliveryOptions.filter(function (deliveryOption) { return _this.deliveryMethod.deliveryOptions.indexOf(deliveryOption.code) !== -1; });
13460
- }
13461
- };
13462
- return TransactionHeaderDeliveryOptionsComponent;
13463
- }(TransactionHeaderBaseComponent));
13464
- TransactionHeaderDeliveryOptionsComponent.decorators = [
13465
- { type: i0.Component, args: [{
13466
- selector: "co-transaction-header-delivery-options",
13467
- template: "\n <co-input-listbox\n [placeholder]=\"'DELIVERY_OPTIONS' | localize\"\n [readonly]=\"readonly\"\n [collection]=\"deliveryOptionsFromMethod\"\n [fields]=\"deliveryOptionFields\"\n [showCheckbox]=\"true\"\n (modelChange)=\"commitDeliveryOptions($event)\"\n ></co-input-listbox>\n ",
13468
- encapsulation: i0.ViewEncapsulation.None
13469
- },] }
13470
- ];
13471
- TransactionHeaderDeliveryOptionsComponent.ctorParameters = function () { return [
13472
- { type: TransactionService }
13473
- ]; };
13474
- TransactionHeaderDeliveryOptionsComponent.propDecorators = {
13475
- deliveryMethod: [{ type: i0.Input }]
13476
- };
13477
-
13478
- var TransactionHeaderDeliveryOptionsModule = /** @class */ (function () {
13479
- function TransactionHeaderDeliveryOptionsModule() {
13480
- }
13481
- return TransactionHeaderDeliveryOptionsModule;
13482
- }());
13483
- TransactionHeaderDeliveryOptionsModule.decorators = [
13484
- { type: i0.NgModule, args: [{
13485
- imports: [
13486
- common.CommonModule,
13487
- PipeModule,
13488
- corecomponents_v12.InputListboxModule
13489
- ],
13490
- declarations: [
13491
- TransactionHeaderDeliveryOptionsComponent
13492
- ],
13493
- exports: [
13494
- TransactionHeaderDeliveryOptionsComponent
13495
- ]
13496
- },] }
13497
- ];
13498
-
13499
13413
  var TransactionHeaderRemarksComponent = /** @class */ (function (_super) {
13500
13414
  __extends(TransactionHeaderRemarksComponent, _super);
13501
13415
  function TransactionHeaderRemarksComponent(_transactionService) {
@@ -13820,6 +13734,7 @@
13820
13734
  var _this = _super.call(this) || this;
13821
13735
  _this._transactionService = _transactionService;
13822
13736
  _this.showAsCarousel = true;
13737
+ _this.filterOnWizard = false;
13823
13738
  _this.deliveryMethodChange = new i0.EventEmitter();
13824
13739
  _this.selectedIdx = 0;
13825
13740
  _this.codeField = 'code';
@@ -13830,7 +13745,10 @@
13830
13745
  TransactionHeaderDeliveryMethodComponent.prototype.ngOnInit = function () {
13831
13746
  var _this = this;
13832
13747
  this._transactionService.getDeliveryMethods().then(function (methods) {
13833
- _this.collection = methods.filter(function (m) { return m.webshop; });
13748
+ _this.collection = methods.slice();
13749
+ if (_this.filterOnWizard) {
13750
+ _this.collection = methods.filter(function (m) { return m.wizard; });
13751
+ }
13834
13752
  if (_this.transactionInfo.deliveryMethod) {
13835
13753
  _this.selectedIdx = _this.collection.findIndex(function (d) { return d.code === _this.transactionInfo.deliveryMethod; });
13836
13754
  }
@@ -13889,6 +13807,7 @@
13889
13807
  ]; };
13890
13808
  TransactionHeaderDeliveryMethodComponent.propDecorators = {
13891
13809
  showAsCarousel: [{ type: i0.Input }],
13810
+ filterOnWizard: [{ type: i0.Input }],
13892
13811
  deliveryMethodChange: [{ type: i0.Output }]
13893
13812
  };
13894
13813
 
@@ -13933,7 +13852,7 @@
13933
13852
  this.input = content;
13934
13853
  this.input.commit = function (date) { return _this.commitPreferredDeliveryDate(date); };
13935
13854
  if (this._editMode) {
13936
- this.input.doFocus();
13855
+ this.input.requestFocus();
13937
13856
  }
13938
13857
  }
13939
13858
  },
@@ -13989,7 +13908,7 @@
13989
13908
  TransactionHeaderPreferredDeliveryDateComponent.decorators = [
13990
13909
  { type: i0.Component, args: [{
13991
13910
  selector: "co-transaction-header-preferred-delivery-date",
13992
- template: "\n <span *ngIf=\"(!editMode || readonly) && !defaultEditMode\" [textContent]=\"(transactionInfo.preferredDeliveryDate | date:'dd MMM yyyy') || '<invullen>'\"></span>\n <co-input-date #input *ngIf=\"editMode || defaultEditMode\"\n [placeholder]=\"showLabel ? ('PREFERRED_DATE' | localize) : ''\"\n [showSaveCancel]=\"!readonly\"\n [readonly]=\"readonly\"\n [model]=\"transactionInfo.preferredDeliveryDate\"\n (modelChange)=\"commitPreferredDeliveryDate($event)\"\n (blur)=\"editMode = false\"\n ></co-input-date>\n ",
13911
+ template: "\n <span *ngIf=\"(!editMode || readonly) && !defaultEditMode\" [textContent]=\"(transactionInfo.preferredDeliveryDate | date:'dd MMM yyyy') || '...'\"></span>\n <co-input-date #input *ngIf=\"editMode || defaultEditMode\"\n [placeholder]=\"showLabel ? ('PREFERRED_DATE' | localize) : ''\"\n [showSaveCancel]=\"!readonly\"\n [readonly]=\"readonly\"\n [model]=\"transactionInfo.preferredDeliveryDate\"\n (modelChange)=\"commitPreferredDeliveryDate($event)\"\n (blur)=\"editMode = false\"\n ></co-input-date>\n ",
13993
13912
  encapsulation: i0.ViewEncapsulation.None
13994
13913
  },] }
13995
13914
  ];
@@ -14103,6 +14022,102 @@
14103
14022
  },] }
14104
14023
  ];
14105
14024
 
14025
+ var TransactionHeaderDeliveryOptionsComponent = /** @class */ (function (_super) {
14026
+ __extends(TransactionHeaderDeliveryOptionsComponent, _super);
14027
+ function TransactionHeaderDeliveryOptionsComponent(_transactionService) {
14028
+ var _this = _super.call(this) || this;
14029
+ _this._transactionService = _transactionService;
14030
+ _this.deliveryOptionsFromMethod = [];
14031
+ _this.deliveryOptions = [];
14032
+ _this.deliveryOptionFields = { text: "description", value: "code" };
14033
+ return _this;
14034
+ }
14035
+ Object.defineProperty(TransactionHeaderDeliveryOptionsComponent.prototype, "deliveryMethod", {
14036
+ get: function () {
14037
+ return this._deliveryMethod;
14038
+ },
14039
+ set: function (value) {
14040
+ if (value) {
14041
+ this._deliveryMethod = value;
14042
+ this._getDeliveryOptionsForMethod();
14043
+ }
14044
+ },
14045
+ enumerable: false,
14046
+ configurable: true
14047
+ });
14048
+ TransactionHeaderDeliveryOptionsComponent.prototype.showClass = function () {
14049
+ return true;
14050
+ };
14051
+ TransactionHeaderDeliveryOptionsComponent.prototype.ngOnInit = function () {
14052
+ var _this = this;
14053
+ this._transactionService.getDeliveryOptions().then(function (options) {
14054
+ _this.deliveryOptions = options;
14055
+ _this._getDeliveryOptionsForMethod();
14056
+ });
14057
+ };
14058
+ TransactionHeaderDeliveryOptionsComponent.prototype.commitDeliveryOptions = function (options) {
14059
+ return __awaiter(this, void 0, void 0, function () {
14060
+ var oldOptions;
14061
+ return __generator(this, function (_a) {
14062
+ switch (_a.label) {
14063
+ case 0:
14064
+ if (!(this.transactionInfo.deliveryOptions !== options)) return [3 /*break*/, 2];
14065
+ oldOptions = this.transactionInfo.deliveryOptions;
14066
+ return [4 /*yield*/, this._transactionService.updateHeaderTransactionDeliveryOptions(this.transactionInfo.uuid, options)];
14067
+ case 1: return [2 /*return*/, _a.sent()];
14068
+ case 2: return [2 /*return*/, true];
14069
+ }
14070
+ });
14071
+ });
14072
+ };
14073
+ TransactionHeaderDeliveryOptionsComponent.prototype.transactionInfoSet = function () {
14074
+ this.readonly = this.readonly || this.transactionInfo.deliveryDateDefinitive;
14075
+ };
14076
+ TransactionHeaderDeliveryOptionsComponent.prototype._getDeliveryOptionsForMethod = function () {
14077
+ var _this = this;
14078
+ if (this.deliveryMethod) {
14079
+ this.deliveryOptionsFromMethod =
14080
+ this.deliveryOptions.filter(function (deliveryOption) { return _this.deliveryMethod.deliveryOptions.indexOf(deliveryOption.code) !== -1; });
14081
+ }
14082
+ };
14083
+ return TransactionHeaderDeliveryOptionsComponent;
14084
+ }(TransactionHeaderBaseComponent));
14085
+ TransactionHeaderDeliveryOptionsComponent.decorators = [
14086
+ { type: i0.Component, args: [{
14087
+ selector: "co-transaction-header-delivery-options",
14088
+ template: "\n <co-input-listbox\n [customCssClass]=\"'co-transaction-small-toolbar'\"\n [placeholder]=\"'DELIVERY_OPTIONS' | localize\"\n [readonly]=\"readonly\"\n [collection]=\"deliveryOptionsFromMethod\"\n [fields]=\"deliveryOptionFields\"\n [showCheckbox]=\"true\"\n (modelChange)=\"commitDeliveryOptions($event)\"\n ></co-input-listbox>\n ",
14089
+ encapsulation: i0.ViewEncapsulation.None
14090
+ },] }
14091
+ ];
14092
+ TransactionHeaderDeliveryOptionsComponent.ctorParameters = function () { return [
14093
+ { type: TransactionService }
14094
+ ]; };
14095
+ TransactionHeaderDeliveryOptionsComponent.propDecorators = {
14096
+ deliveryMethod: [{ type: i0.Input }],
14097
+ showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-header-delivery-options",] }]
14098
+ };
14099
+
14100
+ var TransactionHeaderDeliveryOptionsModule = /** @class */ (function () {
14101
+ function TransactionHeaderDeliveryOptionsModule() {
14102
+ }
14103
+ return TransactionHeaderDeliveryOptionsModule;
14104
+ }());
14105
+ TransactionHeaderDeliveryOptionsModule.decorators = [
14106
+ { type: i0.NgModule, args: [{
14107
+ imports: [
14108
+ common.CommonModule,
14109
+ corecomponents_v12.InputListboxModule,
14110
+ PipeModule
14111
+ ],
14112
+ declarations: [
14113
+ TransactionHeaderDeliveryOptionsComponent
14114
+ ],
14115
+ exports: [
14116
+ TransactionHeaderDeliveryOptionsComponent
14117
+ ]
14118
+ },] }
14119
+ ];
14120
+
14106
14121
  var TransactionHeaderDeliveryModule = /** @class */ (function () {
14107
14122
  function TransactionHeaderDeliveryModule() {
14108
14123
  }
@@ -14378,7 +14393,7 @@
14378
14393
  TransactionHeaderDownpaymentAmountComponent.decorators = [
14379
14394
  { type: i0.Component, args: [{
14380
14395
  selector: "co-transaction-header-downpayment-amount",
14381
- template: "\n <span *ngIf=\"(!editMode || readonly) && !defaultEditMode\" [textContent]=\"transactionInfo.paymentInfo?.toDownPayAmount\"></span>\n <co-input-text #input *ngIf=\"editMode || defaultEditMode\"\n [type]=\"'number'\"\n [placeholder]=\"showLabel ? ('DOWNPAYMENT' | localize) : ''\"\n [showSaveCancel]=\"!readonly\"\n [readonly]=\"readonly\"\n [model]=\"transactionInfo.paymentInfo?.toDownPayAmount\"\n (blur)=\"editMode = false\"\n ></co-input-text>\n ",
14396
+ template: "\n <span *ngIf=\"(!editMode || readonly) && !defaultEditMode\" [textContent]=\"transactionInfo.paymentInfo?.toDownPayAmount | coCurrency\"></span>\n <co-input-text #input *ngIf=\"editMode || defaultEditMode\"\n [type]=\"'number'\"\n [placeholder]=\"showLabel ? ('DOWNPAYMENT' | localize) : ''\"\n [showSaveCancel]=\"!readonly\"\n [readonly]=\"readonly\"\n [model]=\"transactionInfo.paymentInfo?.toDownPayAmount\"\n (blur)=\"editMode = false\"\n ></co-input-text>\n ",
14382
14397
  encapsulation: i0.ViewEncapsulation.None
14383
14398
  },] }
14384
14399
  ];
@@ -15142,7 +15157,7 @@
15142
15157
  TransactionHeaderRelationComponent.decorators = [
15143
15158
  { type: i0.Component, args: [{
15144
15159
  selector: "co-transaction-header-relation",
15145
- template: "\n <co-transaction-header-block\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n [hasDetails]=\"true\"\n (headerClick)=\"showDialog = true\"\n >\n </co-transaction-header-block>\n <ng-template #headerBlock>\n <div class=\"header-block-label\" [textContent]=\"customer.displayName\"></div>\n </ng-template>\n <ng-template #firstBlock>\n <div class=\"header-relation-address\" [textContent]=\"customer.displayFirstAddress\"></div>\n <div class=\"header-relation-postal\" [textContent]=\"customer.displayFirstPostal\"></div>\n </ng-template>\n <ng-template #secondBlock>\n <div class=\"header-relation-email\" [textContent]=\"customer.primaryEmail\"></div>\n <div class=\"header-relation-phone\" [textContent]=\"customer.primaryPhoneOrMobileNumber\"></div>\n </ng-template>\n <co-dialog *ngIf=\"showDialog\" [headerTemplate]=\"dialogHeader\" (closeClick)=\"showDialog = false\">\n <ng-template #dialogHeader>\n <div class=\"co-transaction-dialog-header-title\" [textContent]=\"'CLIENT_INFORMATION' | localize\"></div>\n <co-transaction-header-block\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n ></co-transaction-header-block>\n <co-transaction-filter-categories [categories]=\"categories\" (categoryClick)=\"handleNavigationClick($event)\"></co-transaction-filter-categories>\n </ng-template>\n <div #navigationItems class=\"header-relation-navigation-wrapper\" data-ride=\"carousel\">\n <div #mainItems class=\"header-relation-navigation-content\">\n <div class=\"section\">\n <div class=\"label\" [textContent]=\"'PERSONAL_DATA' | localize\"></div>\n <co-relation-type\n [relation]=\"customer\"\n ></co-relation-type>\n <relation-customer-groups [(model)]=\"customer.customerGroup\" required></relation-customer-groups>\n <co-relation-general [relation]=\"customer\" (relationChange)=\"updateRelation($event)\"></co-relation-general>\n </div>\n <div class=\"section\">\n <div class=\"label\" [textContent]=\"'ADDRESSES' | localize\"></div>\n <co-relation-addresses\n [addresses]=\"customer.activeAddresses\"\n [type]=\"addressType.DeliveryAddress\"\n [selectedAddressIdx]=\"deliveryAddressIdx\"\n (selectedAddressChange)=\"setIndexDeliveryAddress($event)\"\n ></co-relation-addresses>\n <div class=\"label\" [textContent]=\"'INVOICE_ADDRESS' | localize\"></div>\n <co-input-checkbox [(model)]=\"invoiceAddressSameAsDeliveryAddress\" (modelChange)=\"checkSameAddress($event)\" [label]=\"'SAME_AS_DELIVERY' | localize\"></co-input-checkbox>\n <div class=\"overview-delivery-invoice-address\" *ngIf=\"!invoiceAddressSameAsDeliveryAddress\" @showHideInvoiceAddress>\n <co-relation-addresses\n [addresses]=\"customer.activeAddresses\"\n [type]=\"addressType.BillingAddress\"\n [selectedAddressIdx]=\"invoiceAddressIdx\"\n (selectedAddressChange)=\"setIndexInvoiceAddress($event)\"\n ></co-relation-addresses>\n </div>\n </div>\n <div class=\"section\">\n <div class=\"label\" [textContent]=\"'CONTACT_DETAILS' | localize\"></div>\n <co-relation-contact-details [relation]=\"customer\"></co-relation-contact-details>\n </div>\n </div>\n <div #preferenceItems class=\"header-relation-navigation-content\">\n <co-relation-preferences [relation]=\"customer\"></co-relation-preferences>\n </div>\n </div>\n </co-dialog>\n ",
15160
+ template: "\n <co-transaction-header-block\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n [hasDetails]=\"true\"\n (headerClick)=\"showDialog = true\"\n >\n </co-transaction-header-block>\n <ng-template #headerBlock>\n <div class=\"header-block-label\" [textContent]=\"customer.displayName\"></div>\n </ng-template>\n <ng-template #firstBlock>\n <div class=\"header-relation-address\" [textContent]=\"customer.displayFirstAddress\"></div>\n <div class=\"header-relation-postal\" [textContent]=\"customer.displayFirstPostal\"></div>\n </ng-template>\n <ng-template #secondBlock>\n <div class=\"header-relation-email\" [textContent]=\"customer.primaryEmail\"></div>\n <div class=\"header-relation-phone\" [textContent]=\"customer.primaryPhoneOrMobileNumber\"></div>\n </ng-template>\n <co-dialog class=\"transaction-header-relation-dialog\" [customCssClass]=\"'co-transaction-small-toolbar'\" *ngIf=\"showDialog\" [headerTemplate]=\"dialogHeader\" (closeClick)=\"showDialog = false\">\n <ng-template #dialogHeader>\n <div class=\"co-transaction-dialog-header-title\" [textContent]=\"'CLIENT_INFORMATION' | localize\"></div>\n <co-transaction-header-block\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n ></co-transaction-header-block>\n <co-transaction-filter-categories [categories]=\"categories\" (categoryClick)=\"handleNavigationClick($event)\"></co-transaction-filter-categories>\n </ng-template>\n <div #navigationItems class=\"header-relation-navigation-wrapper\">\n <div #mainItems class=\"header-relation-navigation-content\">\n <div class=\"section\">\n <div class=\"label\" [textContent]=\"'PERSONAL_DATA' | localize\"></div>\n <co-relation-type\n [relation]=\"customer\"\n ></co-relation-type>\n <relation-customer-groups [(model)]=\"customer.customerGroup\" required></relation-customer-groups>\n <co-relation-general [relation]=\"customer\" (relationChange)=\"updateRelation($event)\"></co-relation-general>\n </div>\n <div class=\"section\">\n <div class=\"label\" [textContent]=\"'ADDRESSES' | localize\"></div>\n <co-relation-addresses\n [addresses]=\"customer.activeAddresses\"\n [type]=\"addressType.DeliveryAddress\"\n [selectedAddressIdx]=\"deliveryAddressIdx\"\n (selectedAddressChange)=\"setIndexDeliveryAddress($event)\"\n ></co-relation-addresses>\n <div class=\"label\" [textContent]=\"'INVOICE_ADDRESS' | localize\"></div>\n <co-input-checkbox [(model)]=\"invoiceAddressSameAsDeliveryAddress\" (modelChange)=\"checkSameAddress($event)\" [label]=\"'SAME_AS_DELIVERY' | localize\"></co-input-checkbox>\n <div class=\"overview-delivery-invoice-address\" *ngIf=\"!invoiceAddressSameAsDeliveryAddress\" @showHideInvoiceAddress>\n <co-relation-addresses\n [addresses]=\"customer.activeAddresses\"\n [type]=\"addressType.BillingAddress\"\n [selectedAddressIdx]=\"invoiceAddressIdx\"\n (selectedAddressChange)=\"setIndexInvoiceAddress($event)\"\n ></co-relation-addresses>\n </div>\n </div>\n <div class=\"section\">\n <div class=\"label\" [textContent]=\"'CONTACT_DETAILS' | localize\"></div>\n <co-relation-contact-details [relation]=\"customer\"></co-relation-contact-details>\n </div>\n </div>\n <div #preferenceItems class=\"header-relation-navigation-content\">\n <co-relation-preferences [relation]=\"customer\"></co-relation-preferences>\n </div>\n </div>\n </co-dialog>\n ",
15146
15161
  animations: [
15147
15162
  animations.trigger("showHideInvoiceAddress", [
15148
15163
  animations.state("void", animations.style({ height: 0, opacity: 0 })),
@@ -15322,7 +15337,7 @@
15322
15337
  TransactionHeaderPaymentComponent.decorators = [
15323
15338
  { type: i0.Component, args: [{
15324
15339
  selector: "co-transaction-header-payment",
15325
- template: "\n <co-transaction-header-block\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n [hasDetails]=\"true\"\n (headerClick)=\"showDialog = true\"\n >\n </co-transaction-header-block>\n <ng-template #headerBlock>\n <div class=\"header-block-label\" [textContent]=\"'BALANCE' | localize\"></div>\n <div class=\"header-block-balance\" *ngIf=\"transactionInfo.transactionKind !== transactionKind.PurchaseOrder\" (click)=\"openPayment()\">\n <co-icon class=\"payment-icon\" [iconData]=\"iconService.getIcon(icons.CreditCardSolid)\"></co-icon>\n <span class=\"payment-paid\" [textContent]=\"200 | priceDisplay\"></span>\n <span class=\"payment-divider\" [textContent]=\"'/'\"></span>\n <span class=\"payment-to-pay\" [textContent]=\"100 | priceDisplay\"></span>\n </div>\n </ng-template>\n <ng-template #firstBlock>\n <div class=\"header-downpayment-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_PERCENTAGE' | localize\"></div>\n <co-transaction-header-downpayment-percentage class=\"transaction-header-downpayment\"\n [transactionInfo]=\"transactionInfo\"\n [defaultEditMode]=\"false\"\n [showLabel]=\"false\"\n ></co-transaction-header-downpayment-percentage>\n </ng-template>\n <ng-template #secondBlock>\n <div class=\"header-downpayment-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_AMOUNT' | localize\"></div>\n <co-transaction-header-downpayment-amount class=\"transaction-header-downpayment\"\n [transactionInfo]=\"transactionInfo\"\n [defaultEditMode]=\"false\"\n [showLabel]=\"false\"\n ></co-transaction-header-downpayment-amount>\n </ng-template>\n <co-dialog class=\"dialog\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showDialog\" (closeClick)=\"showDialog = false\">\n <ng-template #headerTemplate>\n <div class=\"co-transaction-dialog-header-title\" [textContent]=\"'PAYMENT_INFORMATION' | localize\"></div>\n <co-transaction-header-block\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n >\n </co-transaction-header-block>\n </ng-template>\n <div class=\"payment-dialog-section\">\n <span [textContent]=\"'NOG_NIET_GEIMPLEMENTEERD'\"></span>\n </div>\n <div class=\"payment-dialog-section\">\n <span [textContent]=\"'NOG_NIET_GEIMPLEMENTEERD'\"></span>\n </div>\n </co-dialog>\n <co-dialog class=\"payment-dialog\" *ngIf=\"showPaymentDialog\"\n [modal]=\"true\"\n (closeClick)=\"showPaymentDialog = false\"\n >\n <co-payment\n [transactionUuid]=\"transactionInfo.uuid\"\n [amount]=\"transactionTotal.netAmount\"\n [currencyId]=\"transactionInfo.currencyId\"\n ></co-payment>\n </co-dialog>\n ",
15340
+ template: "\n <co-transaction-header-block\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n [hasDetails]=\"true\"\n (headerClick)=\"showDialog = true\"\n >\n </co-transaction-header-block>\n <ng-template #headerBlock>\n <div class=\"header-block-label\" [textContent]=\"'BALANCE' | localize\"></div>\n <div class=\"header-block-balance\" *ngIf=\"transactionInfo.transactionKind !== transactionKind.PurchaseOrder\" (click)=\"openPayment()\">\n <co-icon class=\"payment-icon\" [iconData]=\"iconService.getIcon(icons.CreditCardSolid)\"></co-icon>\n <div class=\"payment-payed-wrapper\">\n <span class=\"payment-paid\" [textContent]=\"200 | priceDisplay\"></span>\n <span class=\"payment-divider\" [textContent]=\"'/'\"></span>\n <span class=\"payment-to-pay\" [textContent]=\"100 | priceDisplay\"></span>\n </div>\n </div>\n </ng-template>\n <ng-template #firstBlock>\n <div class=\"header-downpayment-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_PERCENTAGE' | localize\"></div>\n <co-transaction-header-downpayment-percentage class=\"transaction-header-downpayment\"\n [transactionInfo]=\"transactionInfo\"\n [defaultEditMode]=\"false\"\n [showLabel]=\"false\"\n ></co-transaction-header-downpayment-percentage>\n </ng-template>\n <ng-template #secondBlock>\n <div class=\"header-downpayment-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_AMOUNT' | localize\"></div>\n <co-transaction-header-downpayment-amount class=\"transaction-header-downpayment\"\n [transactionInfo]=\"transactionInfo\"\n [defaultEditMode]=\"false\"\n [showLabel]=\"false\"\n ></co-transaction-header-downpayment-amount>\n </ng-template>\n <co-dialog class=\"transaction-header-payment-dialog\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showDialog\" (closeClick)=\"showDialog = false\">\n <ng-template #headerTemplate>\n <div class=\"co-transaction-dialog-header-title\" [textContent]=\"'PAYMENT_INFORMATION' | localize\"></div>\n <co-transaction-header-block\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n >\n </co-transaction-header-block>\n </ng-template>\n <div class=\"payment-dialog-section\">\n <span [textContent]=\"'NOG_NIET_GEIMPLEMENTEERD'\"></span>\n </div>\n <div class=\"payment-dialog-section\">\n <span [textContent]=\"'NOG_NIET_GEIMPLEMENTEERD'\"></span>\n </div>\n </co-dialog>\n <co-dialog class=\"payment-dialog\" *ngIf=\"showPaymentDialog\"\n [modal]=\"true\"\n (closeClick)=\"showPaymentDialog = false\"\n >\n <co-payment\n [transactionUuid]=\"transactionInfo.uuid\"\n [amount]=\"transactionTotal.netAmount\"\n [currencyId]=\"transactionInfo.currencyId\"\n ></co-payment>\n </co-dialog>\n ",
15326
15341
  encapsulation: i0.ViewEncapsulation.None
15327
15342
  },] }
15328
15343
  ];
@@ -16180,7 +16195,7 @@
16180
16195
  var _this = this;
16181
16196
  return __generator(this, function (_a) {
16182
16197
  switch (_a.label) {
16183
- case 0: return [4 /*yield*/, this._dialogService.showWarehouseLocation().then(function (result) {
16198
+ case 0: return [4 /*yield*/, this._dialogService.showWarehouseLocation(this.receiptDetails.warehouseNr).then(function (result) {
16184
16199
  _this.receiptDetails.locationNr = result;
16185
16200
  })];
16186
16201
  case 1:
@@ -16195,7 +16210,7 @@
16195
16210
  TransactionReceivingGoodsDetailsComponent.decorators = [
16196
16211
  { type: i0.Component, args: [{
16197
16212
  selector: 'co-transaction-receiving-goods-details',
16198
- template: "\n <div class=\"receipt-details-wrapper\">\n <co-form>\n <div class=\"details-header\" [textContent]=\"'RECEIPT_DETAILS' | localize | uppercase\"></div>\n <div class=\"columns-wrapper\">\n <div class=\"details-column\">\n <co-input-text class=\"details-input\"\n [max]=\"amountLeftToReceive\"\n [(model)]=\"receiptDetails.serialNr ? 1 : receiptDetails.quantityToReceive\"\n [disabled]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0\"\n [readonly]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || readonly\"\n [required]=\"true\"\n [type]=\"'number'\"\n [min]=\"1\"\n [placeholder]=\"'AMOUNT' | localize\"></co-input-text>\n <co-input-text class=\"details-input\" [(model)]=\"receiptDetails.warehouseNr\"\n [type]=\"'number'\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"transactionLine.warehouseNumber !== undefined || readonly\"\n [disabled]=\"transactionLine.warehouseNumber !== undefined\"\n [required]=\"transactionLine.isWarehouseRequired\"\n [placeholder]=\"'WAREHOUSE' | localize\"></co-input-text>\n <div class=\"location-wrapper\" (click)=\"openWarehouseLocationDialog()\">\n <div [textContent]=\"receiptDetails.locationNr ? receiptDetails.locationNr : ('LOCATION' | localize)\"></div>\n </div>\n <co-input-text class=\"details-input\"\n [(model)]=\"request.packingSlipNr\"\n [placeholder]=\"'PACKING_SLIP' | localize\"\n [readonly]=\"readonly\"\n ></co-input-text>\n </div>\n <div class=\"divider-wrapper\">\n <div class=\"divider\"></div>\n </div>\n <div class=\"details-column\">\n <co-input-date class=\"details-input\"\n [(model)]=\"request.receivedDate\"\n [readonly]=\"readonly\"\n ></co-input-date>\n <co-input-text class=\"details-input\" [(model)]=\"receiptDetails.batchNr\"\n [type]=\"'number'\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"readonly || !transactionLine.isBatchNrRequired\"\n [required]=\"transactionLine.isBatchNrRequired\"\n [placeholder]=\"'BATCH_NUMBER' | localize\"></co-input-text>\n <co-input-text class=\"details-input\" [(model)]=\"receiptDetails.serialNr\"\n [type]=\"'number'\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"readonly || !transactionLine.isSerialNrRequired\"\n [required]=\"transactionLine.isSerialNrRequired\"\n [placeholder]=\"'SERIAL_NUMBER' | localize\"></co-input-text>\n <!-- <co-input-text class=\"details-input\" [(model)]=\"receiptDetails.refLineNr\"-->\n <!-- [placeholder]=\"'REFERENCE_ID' | localize\"></co-input-text>-->\n </div>\n </div>\n </co-form>\n\n <div class=\"save-cancel-wrapper\" *ngIf=\"!readonly\">\n <co-button class=\"button-wrapper clickable\" [disabled]=\"saveButtonDisabled || amountLeftToReceive === 0\" [label]=\"'SAVE' | localize\" (click)=\"handleSaveDetailsEdit()\"></co-button>\n <co-button class=\"button-wrapper clickable\" [label]=\"'CANCEL' | localize\" (click)=\"handleCancelDetailsEdit()\"></co-button>\n </div>\n </div>\n ",
16213
+ template: "\n <div class=\"receipt-details-wrapper\">\n <co-form>\n <div class=\"details-header\" [textContent]=\"'RECEIPT_DETAILS' | localize | uppercase\"></div>\n <div class=\"columns-wrapper\">\n <div class=\"details-column\">\n <co-input-text class=\"details-input\"\n [max]=\"amountLeftToReceive\"\n [(model)]=\"receiptDetails.serialNr ? 1 : receiptDetails.quantityToReceive\"\n [disabled]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0\"\n [readonly]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || readonly\"\n [required]=\"true\"\n [type]=\"'number'\"\n [min]=\"1\"\n [placeholder]=\"'AMOUNT' | localize\"></co-input-text>\n <co-input-text class=\"details-input\" [(model)]=\"receiptDetails.warehouseNr\"\n [type]=\"'number'\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"transactionLine.warehouseNumber !== undefined || readonly\"\n [disabled]=\"transactionLine.warehouseNumber !== undefined\"\n [required]=\"transactionLine.isWarehouseRequired\"\n [placeholder]=\"'WAREHOUSE' | localize\"></co-input-text>\n <div class=\"location-wrapper\" (click)=\"openWarehouseLocationDialog()\">\n <div [textContent]=\"receiptDetails.locationNr ? receiptDetails.locationNr : ('LOCATION' | localize)\"></div>\n </div>\n <co-input-text class=\"details-input\"\n [(model)]=\"request.packingSlipNr\"\n [placeholder]=\"'PACKING_SLIP' | localize\"\n [required]=\"true\"\n [readonly]=\"readonly\"\n ></co-input-text>\n </div>\n <div class=\"divider-wrapper\">\n <div class=\"divider\"></div>\n </div>\n <div class=\"details-column\">\n <co-input-date class=\"details-input\"\n [(model)]=\"request.receivedDate\"\n [readonly]=\"readonly\"\n ></co-input-date>\n <co-input-text *ngIf=\"transactionLine.isBatchNrRequired\" class=\"details-input\" [(model)]=\"receiptDetails.batchNr\"\n [type]=\"'number'\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"readonly\"\n [required]=\"transactionLine.isBatchNrRequired\"\n [placeholder]=\"'BATCH_NUMBER' | localize\"></co-input-text>\n <co-input-text *ngIf=\"transactionLine.isSerialNrRequired\" class=\"details-input\" [(model)]=\"receiptDetails.serialNr\"\n [type]=\"'number'\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"readonly\"\n [required]=\"transactionLine.isSerialNrRequired\"\n [placeholder]=\"'SERIAL_NUMBER' | localize\"></co-input-text>\n <!-- <co-input-text class=\"details-input\" [(model)]=\"receiptDetails.refLineNr\"-->\n <!-- [placeholder]=\"'REFERENCE_ID' | localize\"></co-input-text>-->\n </div>\n </div>\n </co-form>\n\n <div class=\"save-cancel-wrapper\" *ngIf=\"!readonly\">\n <co-button class=\"button-wrapper clickable\" [disabled]=\"saveButtonDisabled || amountLeftToReceive === 0\" [label]=\"'SAVE' | localize\" (click)=\"handleSaveDetailsEdit()\"></co-button>\n <co-button class=\"button-wrapper clickable\" [label]=\"'CANCEL' | localize\" (click)=\"handleCancelDetailsEdit()\"></co-button>\n </div>\n </div>\n ",
16199
16214
  providers: [
16200
16215
  corecomponents_v12.FormMasterService
16201
16216
  ],
@@ -16838,7 +16853,7 @@
16838
16853
  var _this = this;
16839
16854
  return __generator(this, function (_a) {
16840
16855
  switch (_a.label) {
16841
- case 0: return [4 /*yield*/, this._dialogService.showWarehouseLocation().then(function (result) {
16856
+ case 0: return [4 /*yield*/, this._dialogService.showWarehouseLocation(line.warehouseNumber).then(function (result) {
16842
16857
  _this.getRowViewModel(line).location = result;
16843
16858
  })];
16844
16859
  case 1: