@colijnit/transaction 12.1.38 → 12.1.40

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 (54) hide show
  1. package/bundles/colijnit-transaction.umd.js +114 -107
  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/transaction-header/transaction-header-delivery/transaction-header-delivery.component.js +13 -13
  10. package/esm2015/lib/component/transaction-header/transaction-header-delivery/transaction-header-delivery.module.js +2 -2
  11. package/esm2015/lib/component/transaction-header/transaction-header-payment/transaction-header-payment.component.js +7 -5
  12. package/esm2015/lib/component/transaction-header/transaction-header-relation/transaction-header-relation.component.js +3 -3
  13. package/esm2015/lib/component/transaction-header-fields/transaction-header-delivery-method.component.js +7 -2
  14. package/esm2015/lib/component/transaction-header-fields/transaction-header-delivery-options/transaction-header-delivery-options.component.js +74 -0
  15. package/esm2015/lib/component/transaction-header-fields/transaction-header-delivery-options/transaction-header-delivery-options.module.js +23 -0
  16. package/esm2015/lib/component/transaction-header-fields/transaction-header-downpayment-amount.component.js +2 -2
  17. package/esm2015/lib/component/transaction-header-fields/transaction-header-preferred-delivery-date.component.js +3 -3
  18. package/esm2015/lib/component/transaction-line-checkbox-list/transaction-line-checkbox-list.component.js +3 -5
  19. package/esm2015/lib/component/transaction-lines/transaction-lines.component.js +3 -1
  20. package/esm2015/lib/component/transaction-search/transaction-search.component.js +13 -3
  21. package/fesm2015/colijnit-transaction.js +135 -112
  22. package/fesm2015/colijnit-transaction.js.map +1 -1
  23. package/lib/component/checkout/checkout-overview-delivery-edit/style/material.scss +1 -0
  24. package/lib/component/dialog/dialog-header-search/style/_material-definition.scss +1 -1
  25. package/lib/component/relation/relation-contact-details/style/_material-definition.scss +1 -1
  26. package/lib/component/relation/relation-general/style/_layout.scss +1 -1
  27. package/lib/component/transaction-header/transaction-header-delivery/style/_layout.scss +22 -5
  28. package/lib/component/transaction-header/transaction-header-delivery/style/_material-definition.scss +4 -1
  29. package/lib/component/transaction-header/transaction-header-delivery/style/_theme.scss +3 -3
  30. package/lib/component/transaction-header/transaction-header-delivery/style/material.scss +1 -0
  31. package/lib/component/transaction-header/transaction-header-payment/style/_layout.scss +29 -8
  32. package/lib/component/transaction-header/transaction-header-payment/style/_material-definition.scss +2 -1
  33. package/lib/component/transaction-header/transaction-header-relation/style/_layout.scss +19 -0
  34. package/lib/component/transaction-header/transaction-header-relation/style/_material-definition.scss +2 -2
  35. package/lib/component/transaction-header-fields/transaction-header-delivery-method.component.d.ts +1 -0
  36. package/lib/component/transaction-header-fields/transaction-header-delivery-options/style/_layout.scss +7 -0
  37. package/lib/component/transaction-header-fields/transaction-header-delivery-options/style/_material-definition.scss +1 -0
  38. package/lib/component/transaction-header-fields/transaction-header-delivery-options/style/_theme.scss +4 -0
  39. package/lib/component/transaction-header-fields/transaction-header-delivery-options/style/material.scss +4 -0
  40. 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
  41. 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
  42. package/lib/component/transaction-line/style/_material-definition.scss +1 -1
  43. package/lib/component/transaction-line-checkbox-list/style/_layout.scss +1 -0
  44. package/lib/component/transaction-line-checkbox-list/transaction-line-checkbox-list.component.d.ts +0 -1
  45. package/lib/component/transaction-lines/style/_material-definition.scss +1 -0
  46. package/lib/component/transaction-lines/style/_theme.scss +7 -0
  47. package/lib/component/transaction-quick-access/transaction-quick-access-overview/style/_material-definition.scss +1 -1
  48. package/lib/component/transaction-search/style/_material-definition.scss +1 -1
  49. package/lib/component/transaction-search/style/material.scss +1 -1
  50. package/lib/style/_variables.scss +6 -0
  51. package/lib/style/transaction-globals.scss +4 -0
  52. package/package.json +2 -2
  53. package/esm2015/lib/component/transaction-header-fields/transaction-header-delivery-options.component.js +0 -69
  54. 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",
@@ -8069,7 +8069,7 @@
8069
8069
  CheckoutOverviewDeliveryEditComponent.decorators = [
8070
8070
  { type: i0.Component, args: [{
8071
8071
  selector: "co-checkout-overview-delivery-edit",
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 (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 ",
8073
8073
  providers: [
8074
8074
  corecomponents_v12.FormMasterService
8075
8075
  ],
@@ -10515,7 +10515,6 @@
10515
10515
  this.readonly = false;
10516
10516
  this.checked = new i0.EventEmitter();
10517
10517
  this.showClass = true;
10518
- this.smallToolbar = true;
10519
10518
  this.itemHeight = 1000;
10520
10519
  }
10521
10520
  TransactionLineCheckboxListComponent.prototype.ngAfterViewChecked = function () {
@@ -10533,7 +10532,7 @@
10533
10532
  TransactionLineCheckboxListComponent.decorators = [
10534
10533
  { type: i0.Component, args: [{
10535
10534
  selector: "co-transaction-line-checkbox-list",
10536
- template: "\n <cdk-virtual-scroll-viewport [itemSize]=\"itemHeight\" class=\"virtual-scroll-container\">\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 ",
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 ",
10537
10536
  encapsulation: i0.ViewEncapsulation.None
10538
10537
  },] }
10539
10538
  ];
@@ -10542,8 +10541,7 @@
10542
10541
  collection: [{ type: i0.Input }],
10543
10542
  readonly: [{ type: i0.Input }],
10544
10543
  checked: [{ type: i0.Output }],
10545
- showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-line-checkbox-list",] }],
10546
- smallToolbar: [{ type: i0.HostBinding, args: ["class.co-transaction-small-toolbar",] }]
10544
+ showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-line-checkbox-list",] }]
10547
10545
  };
10548
10546
 
10549
10547
  var TransactionLineCheckboxModule = /** @class */ (function () {
@@ -11721,7 +11719,7 @@
11721
11719
  TransactionLinesComponent.decorators = [
11722
11720
  { type: i0.Component, args: [{
11723
11721
  selector: "co-transaction-lines",
11724
- 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 ",
11725
11723
  encapsulation: i0.ViewEncapsulation.None
11726
11724
  },] }
11727
11725
  ];
@@ -13204,7 +13202,7 @@
13204
13202
  TransactionHeaderDeliveryComponent.decorators = [
13205
13203
  { type: i0.Component, args: [{
13206
13204
  selector: "co-transaction-header-delivery",
13207
- 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 ",
13208
13206
  encapsulation: i0.ViewEncapsulation.None
13209
13207
  },] }
13210
13208
  ];
@@ -13412,98 +13410,6 @@
13412
13410
  },] }
13413
13411
  ];
13414
13412
 
13415
- var TransactionHeaderDeliveryOptionsComponent = /** @class */ (function (_super) {
13416
- __extends(TransactionHeaderDeliveryOptionsComponent, _super);
13417
- function TransactionHeaderDeliveryOptionsComponent(_transactionService) {
13418
- var _this = _super.call(this) || this;
13419
- _this._transactionService = _transactionService;
13420
- _this.deliveryOptionsFromMethod = [];
13421
- _this.deliveryOptions = [];
13422
- _this.deliveryOptionFields = { text: "description", value: "code" };
13423
- return _this;
13424
- }
13425
- Object.defineProperty(TransactionHeaderDeliveryOptionsComponent.prototype, "deliveryMethod", {
13426
- get: function () {
13427
- return this._deliveryMethod;
13428
- },
13429
- set: function (value) {
13430
- if (value) {
13431
- this._deliveryMethod = value;
13432
- this._getDeliveryOptionsForMethod();
13433
- }
13434
- },
13435
- enumerable: false,
13436
- configurable: true
13437
- });
13438
- TransactionHeaderDeliveryOptionsComponent.prototype.ngOnInit = function () {
13439
- var _this = this;
13440
- this._transactionService.getDeliveryOptions().then(function (options) {
13441
- _this.deliveryOptions = options;
13442
- _this._getDeliveryOptionsForMethod();
13443
- });
13444
- };
13445
- TransactionHeaderDeliveryOptionsComponent.prototype.commitDeliveryOptions = function (options) {
13446
- return __awaiter(this, void 0, void 0, function () {
13447
- var oldOptions;
13448
- return __generator(this, function (_a) {
13449
- switch (_a.label) {
13450
- case 0:
13451
- if (!(this.transactionInfo.deliveryOptions !== options)) return [3 /*break*/, 2];
13452
- oldOptions = this.transactionInfo.deliveryOptions;
13453
- return [4 /*yield*/, this._transactionService.updateHeaderTransactionDeliveryOptions(this.transactionInfo.uuid, options)];
13454
- case 1: return [2 /*return*/, _a.sent()];
13455
- case 2: return [2 /*return*/, true];
13456
- }
13457
- });
13458
- });
13459
- };
13460
- TransactionHeaderDeliveryOptionsComponent.prototype.transactionInfoSet = function () {
13461
- this.readonly = this.readonly || this.transactionInfo.deliveryDateDefinitive;
13462
- };
13463
- TransactionHeaderDeliveryOptionsComponent.prototype._getDeliveryOptionsForMethod = function () {
13464
- var _this = this;
13465
- if (this.deliveryMethod) {
13466
- this.deliveryOptionsFromMethod =
13467
- this.deliveryOptions.filter(function (deliveryOption) { return _this.deliveryMethod.deliveryOptions.indexOf(deliveryOption.code) !== -1; });
13468
- }
13469
- };
13470
- return TransactionHeaderDeliveryOptionsComponent;
13471
- }(TransactionHeaderBaseComponent));
13472
- TransactionHeaderDeliveryOptionsComponent.decorators = [
13473
- { type: i0.Component, args: [{
13474
- selector: "co-transaction-header-delivery-options",
13475
- 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 ",
13476
- encapsulation: i0.ViewEncapsulation.None
13477
- },] }
13478
- ];
13479
- TransactionHeaderDeliveryOptionsComponent.ctorParameters = function () { return [
13480
- { type: TransactionService }
13481
- ]; };
13482
- TransactionHeaderDeliveryOptionsComponent.propDecorators = {
13483
- deliveryMethod: [{ type: i0.Input }]
13484
- };
13485
-
13486
- var TransactionHeaderDeliveryOptionsModule = /** @class */ (function () {
13487
- function TransactionHeaderDeliveryOptionsModule() {
13488
- }
13489
- return TransactionHeaderDeliveryOptionsModule;
13490
- }());
13491
- TransactionHeaderDeliveryOptionsModule.decorators = [
13492
- { type: i0.NgModule, args: [{
13493
- imports: [
13494
- common.CommonModule,
13495
- PipeModule,
13496
- corecomponents_v12.InputListboxModule
13497
- ],
13498
- declarations: [
13499
- TransactionHeaderDeliveryOptionsComponent
13500
- ],
13501
- exports: [
13502
- TransactionHeaderDeliveryOptionsComponent
13503
- ]
13504
- },] }
13505
- ];
13506
-
13507
13413
  var TransactionHeaderRemarksComponent = /** @class */ (function (_super) {
13508
13414
  __extends(TransactionHeaderRemarksComponent, _super);
13509
13415
  function TransactionHeaderRemarksComponent(_transactionService) {
@@ -13828,6 +13734,7 @@
13828
13734
  var _this = _super.call(this) || this;
13829
13735
  _this._transactionService = _transactionService;
13830
13736
  _this.showAsCarousel = true;
13737
+ _this.filterOnWizard = false;
13831
13738
  _this.deliveryMethodChange = new i0.EventEmitter();
13832
13739
  _this.selectedIdx = 0;
13833
13740
  _this.codeField = 'code';
@@ -13838,7 +13745,10 @@
13838
13745
  TransactionHeaderDeliveryMethodComponent.prototype.ngOnInit = function () {
13839
13746
  var _this = this;
13840
13747
  this._transactionService.getDeliveryMethods().then(function (methods) {
13841
- _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
+ }
13842
13752
  if (_this.transactionInfo.deliveryMethod) {
13843
13753
  _this.selectedIdx = _this.collection.findIndex(function (d) { return d.code === _this.transactionInfo.deliveryMethod; });
13844
13754
  }
@@ -13897,6 +13807,7 @@
13897
13807
  ]; };
13898
13808
  TransactionHeaderDeliveryMethodComponent.propDecorators = {
13899
13809
  showAsCarousel: [{ type: i0.Input }],
13810
+ filterOnWizard: [{ type: i0.Input }],
13900
13811
  deliveryMethodChange: [{ type: i0.Output }]
13901
13812
  };
13902
13813
 
@@ -13941,7 +13852,7 @@
13941
13852
  this.input = content;
13942
13853
  this.input.commit = function (date) { return _this.commitPreferredDeliveryDate(date); };
13943
13854
  if (this._editMode) {
13944
- this.input.doFocus();
13855
+ this.input.requestFocus();
13945
13856
  }
13946
13857
  }
13947
13858
  },
@@ -13997,7 +13908,7 @@
13997
13908
  TransactionHeaderPreferredDeliveryDateComponent.decorators = [
13998
13909
  { type: i0.Component, args: [{
13999
13910
  selector: "co-transaction-header-preferred-delivery-date",
14000
- 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 ",
14001
13912
  encapsulation: i0.ViewEncapsulation.None
14002
13913
  },] }
14003
13914
  ];
@@ -14111,6 +14022,102 @@
14111
14022
  },] }
14112
14023
  ];
14113
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
+
14114
14121
  var TransactionHeaderDeliveryModule = /** @class */ (function () {
14115
14122
  function TransactionHeaderDeliveryModule() {
14116
14123
  }
@@ -14386,7 +14393,7 @@
14386
14393
  TransactionHeaderDownpaymentAmountComponent.decorators = [
14387
14394
  { type: i0.Component, args: [{
14388
14395
  selector: "co-transaction-header-downpayment-amount",
14389
- 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 ",
14390
14397
  encapsulation: i0.ViewEncapsulation.None
14391
14398
  },] }
14392
14399
  ];
@@ -15150,7 +15157,7 @@
15150
15157
  TransactionHeaderRelationComponent.decorators = [
15151
15158
  { type: i0.Component, args: [{
15152
15159
  selector: "co-transaction-header-relation",
15153
- 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 ",
15154
15161
  animations: [
15155
15162
  animations.trigger("showHideInvoiceAddress", [
15156
15163
  animations.state("void", animations.style({ height: 0, opacity: 0 })),
@@ -15330,7 +15337,7 @@
15330
15337
  TransactionHeaderPaymentComponent.decorators = [
15331
15338
  { type: i0.Component, args: [{
15332
15339
  selector: "co-transaction-header-payment",
15333
- 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 ",
15334
15341
  encapsulation: i0.ViewEncapsulation.None
15335
15342
  },] }
15336
15343
  ];
@@ -18359,7 +18366,7 @@
18359
18366
  TransactionSearchComponent.decorators = [
18360
18367
  { type: i0.Component, args: [{
18361
18368
  selector: 'co-transaction-search',
18362
- template: "\n <div class=\"transaction-search-wrapper\"\n [ngClass]=\"calculateClasses()\">\n <div class=\"transaction-filter-wrapper narrow-scrollbar\"\n [ngClass]=\"calculateClasses()\"\n *ngIf=\"showFilterSidebar\" @showHideFilterSidebar>\n <co-transaction-filter\n [transactionType]=\"transactionType\"\n [activeSearchViewMode]=\"activeSearchViewMode\"\n (closeButtonClick)=\"handleHideFilter()\"\n (resetFilterClick)=\"handleResetFilter()\"></co-transaction-filter>\n </div>\n <div class=\"transaction-search-result-wrapper\" [ngClass]=\"calculateClasses()\">\n <co-transaction-search-result\n [transactionType]=\"transactionType\"\n [activeSearchViewMode]=\"activeSearchViewMode\"\n (filterClick)=\"toggleFilter()\"\n (transactionClick)=\"onTransactionClick($event)\"\n (resizeClick)=\"onSearchViewResizeClick()\"\n (closeClick)=\"collapseSearchBar()\"\n ></co-transaction-search-result>\n </div>\n </div>\n <div class=\"transaction-search-content-wrapper\" [ngClass]=\"calculateClasses()\">\n <ng-content></ng-content>\n </div>\n ",
18369
+ template: "\n <div class=\"transaction-search-wrapper\"\n [ngClass]=\"calculateClasses()\">\n <div class=\"transaction-filter-wrapper narrow-scrollbar\"\n [ngClass]=\"calculateClasses()\"\n *ngIf=\"showFilterSidebar\" @showHideFilterSidebar>\n <co-transaction-filter\n [transactionType]=\"transactionType\"\n [activeSearchViewMode]=\"activeSearchViewMode\"\n (closeButtonClick)=\"handleHideFilter()\"\n (resetFilterClick)=\"handleResetFilter()\"></co-transaction-filter>\n </div>\n <div class=\"transaction-search-result-wrapper\"\n [class.fullscreen]=\"fullscreen\"\n [class.sidebar]=\"!fullscreen\"\n [class.collapsed]=\"collapsed\"\n [class.expanded]=\"!collapsed\"\n >\n <co-transaction-search-result\n [transactionType]=\"transactionType\"\n [activeSearchViewMode]=\"activeSearchViewMode\"\n (filterClick)=\"toggleFilter()\"\n (transactionClick)=\"onTransactionClick($event)\"\n (resizeClick)=\"onSearchViewResizeClick()\"\n (closeClick)=\"collapseSearchBar()\"\n ></co-transaction-search-result>\n </div>\n </div>\n <div class=\"transaction-search-content-wrapper\"\n [class.fullscreen]=\"fullscreen\"\n [class.sidebar]=\"!fullscreen\"\n [class.collapsed]=\"collapsed\"\n [class.expanded]=\"!collapsed\"\n >\n <ng-content></ng-content>\n </div>\n ",
18363
18370
  animations: [
18364
18371
  animations.trigger("showHideFilterSidebar", [
18365
18372
  animations.state("void", animations.style({ transform: 'translateX(-100%)' })),