@colijnit/transaction 255.1.15 → 255.1.16

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 (27) hide show
  1. package/bundles/colijnit-transaction.umd.js +17 -12
  2. package/bundles/colijnit-transaction.umd.js.map +1 -1
  3. package/colijnit-transaction.metadata.json +1 -1
  4. package/esm2015/lib/component/checkout/checkout-overview-relation-edit/checkout-overview-relation-edit.component.js +3 -3
  5. package/esm2015/lib/component/core/relation/customer-languages.component.js +4 -3
  6. package/esm2015/lib/component/core/relation/customer-titles.component.js +5 -3
  7. package/esm2015/lib/component/transaction-header/transaction-header/transaction-header.component.js +3 -2
  8. package/esm2015/lib/component/transaction-header/transaction-header-delivery/transaction-header-delivery.component.js +13 -12
  9. package/esm2015/lib/component/transaction-header/transaction-header-payment/transaction-header-payment.component.js +6 -1
  10. package/esm2015/lib/component/transaction-service-overview/components/transaction-service-message.component.js +2 -2
  11. package/esm2015/lib/component/transaction-service-overview/transaction-service-overview.component.js +8 -4
  12. package/esm2015/lib/enum/icon.enum.js +2 -1
  13. package/esm2015/lib/model/icon-svg.js +2 -1
  14. package/esm2015/lib/service/transaction-mapping.service.js +2 -2
  15. package/esm2015/lib/transaction-version.js +3 -3
  16. package/fesm2015/colijnit-transaction.js +39 -23
  17. package/fesm2015/colijnit-transaction.js.map +1 -1
  18. package/lib/component/core/base/components/transaction-header-block/style/_material-definition.scss +1 -1
  19. package/lib/component/core/relation/customer-titles.component.d.ts +1 -0
  20. package/lib/component/transaction-button-bar/style/_layout.scss +0 -36
  21. package/lib/component/transaction-button-bar/style/_material-definition.scss +2 -2
  22. package/lib/component/transaction-header/transaction-header-order/style/_layout.scss +3 -0
  23. package/lib/component/transaction-internal/style/_layout.scss +1 -1
  24. package/lib/component/transaction-service-overview/style/_layout.scss +64 -8
  25. package/lib/enum/icon.enum.d.ts +1 -0
  26. package/package.json +2 -2
  27. package/colijnit-transaction-255.1.12.tgz +0 -0
@@ -33,8 +33,8 @@
33
33
  function Version() {
34
34
  this.name = "@colijnit/transaction";
35
35
  this.description = "Colijn IT transaction package";
36
- this.symVer = "255.1.15";
37
- this.publishDate = "16-8-2024 18:10:49";
36
+ this.symVer = "255.1.16";
37
+ this.publishDate = "19-8-2024 15:35:38";
38
38
  }
39
39
  return Version;
40
40
  }());
@@ -807,6 +807,7 @@
807
807
  Icon["ThickLines"] = "thick_lines";
808
808
  Icon["ThinLines"] = "thin_lines";
809
809
  Icon["Toolbox"] = "toolbox";
810
+ Icon["ToolboxRegular"] = "toolbox_regular";
810
811
  Icon["TrashBin"] = "trash_bin";
811
812
  Icon["TrashCanLight"] = "trash_can_light";
812
813
  Icon["TriangleDown"] = "triangle_down";
@@ -951,6 +952,7 @@
951
952
  "thick_lines": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"12.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/><rect x=\"10\" y=\"21.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/><rect x=\"10\" y=\"30.67\" width=\"30\" height=\"7\" fill=\"#484f60\"/></svg>",
952
953
  "thin_lines": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"14.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"20.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"26.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/><rect x=\"10\" y=\"32.17\" width=\"30\" height=\"4\" fill=\"#484f60\"/></svg>",
953
954
  "toolbox": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M176 88v40H336V88c0-4.4-3.6-8-8-8H184c-4.4 0-8 3.6-8 8zm-48 40V88c0-30.9 25.1-56 56-56H328c30.9 0 56 25.1 56 56v40h28.1c12.7 0 24.9 5.1 33.9 14.1l51.9 51.9c9 9 14.1 21.2 14.1 33.9V304H384V288c0-17.7-14.3-32-32-32s-32 14.3-32 32v16H192V288c0-17.7-14.3-32-32-32s-32 14.3-32 32v16H0V227.9c0-12.7 5.1-24.9 14.1-33.9l51.9-51.9c9-9 21.2-14.1 33.9-14.1H128zM0 416V336H128v16c0 17.7 14.3 32 32 32s32-14.3 32-32V336H320v16c0 17.7 14.3 32 32 32s32-14.3 32-32V336H512v80c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64z\"/></svg>",
955
+ "toolbox_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M184 80l144 0c4.4 0 8 3.6 8 8l0 40-160 0 0-40c0-4.4 3.6-8 8-8zm-56 8l0 40-28.1 0c-12.7 0-24.9 5.1-33.9 14.1L14.1 193.9c-9 9-14.1 21.2-14.1 33.9L0 328l0 88c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-88 0-100.1c0-12.7-5.1-24.9-14.1-33.9l-51.9-51.9c-9-9-21.2-14.1-33.9-14.1L384 128l0-40c0-30.9-25.1-56-56-56L184 32c-30.9 0-56 25.1-56 56zM464 304l-96 0 0-16c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 16-128 0 0-16c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 16-96 0 0-76.1L99.9 176l312.2 0L464 227.9l0 76.1zM48 352l96 0 0 16c0 13.3 10.7 24 24 24s24-10.7 24-24l0-16 128 0 0 16c0 13.3 10.7 24 24 24s24-10.7 24-24l0-16 96 0 0 64c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16l0-64z\"/></svg>",
954
956
  "trash_bin": "<svg preserveAspectRatio=\"none\" version=\"1.1\" viewBox=\"0 0 50 50\" x=\"0px\" xmlns=\"http://www.w3.org/2000/svg\" y=\"0px\"><g transform=\" translate(14 10)\"><path d=\"M 0 0 L 0 18.215 C 0 19.99 1.439 21.429 3.215 21.429 L 15 21.429 C 16.775 21.429 18.215 19.99 18.215 18.215 L 18.215 0 L 0 0 Z M 4.287 19.286 L 2.143 19.286 L 2.143 2.143 L 4.287 2.143 L 4.287 19.286 Z M 10.18 19.286 L 8.037 19.286 L 8.037 2.143 L 10.18 2.143 L 10.18 19.286 Z M 16.072 19.286 L 13.93 19.286 L 13.93 2.143 L 16.072 2.143 L 16.072 19.286 Z\" fill=\"#1E2930\" transform=\" translate(1.891 8.571)\" /><path d=\"M 18.213 2.143 L 10.713 2.143 C 11.305 2.143 11.785 1.664 11.785 1.071 C 11.785 0.479 11.305 0 10.713 0 L 9.643 0 C 9.051 0 8.57 0.479 8.57 1.071 C 8.57 1.664 9.051 2.143 9.643 2.143 L 2.143 2.143 C 0.959 2.143 0 3.103 0 4.286 L 0 5.357 C 0 6.541 0.959 6.429 2.143 6.429 L 18.213 6.429 C 19.397 6.429 20.357 6.541 20.357 5.357 L 20.357 4.286 C 20.357 3.103 19.397 2.143 18.213 2.143 Z\" fill=\"#1E2930\" transform=\" translate(0.821 0)\" /></g></svg>",
955
957
  "trash_can_light": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M144 400C144 408.8 136.8 416 128 416C119.2 416 112 408.8 112 400V176C112 167.2 119.2 160 128 160C136.8 160 144 167.2 144 176V400zM240 400C240 408.8 232.8 416 224 416C215.2 416 208 408.8 208 400V176C208 167.2 215.2 160 224 160C232.8 160 240 167.2 240 176V400zM336 400C336 408.8 328.8 416 320 416C311.2 416 304 408.8 304 400V176C304 167.2 311.2 160 320 160C328.8 160 336 167.2 336 176V400zM310.1 22.56L336.9 64H432C440.8 64 448 71.16 448 80C448 88.84 440.8 96 432 96H416V432C416 476.2 380.2 512 336 512H112C67.82 512 32 476.2 32 432V96H16C7.164 96 0 88.84 0 80C0 71.16 7.164 64 16 64H111.1L137 22.56C145.8 8.526 161.2 0 177.7 0H270.3C286.8 0 302.2 8.526 310.1 22.56V22.56zM148.9 64H299.1L283.8 39.52C280.9 34.84 275.8 32 270.3 32H177.7C172.2 32 167.1 34.84 164.2 39.52L148.9 64zM64 432C64 458.5 85.49 480 112 480H336C362.5 480 384 458.5 384 432V96H64V432z\"/></svg>",
956
958
  "triangle_down": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"29.06 18.75 37.5 18.75 25 31.25 12.5 18.75 20.95 18.75 29.06 18.75\" fill=\"#484f60\"/></svg>",
@@ -18130,8 +18132,8 @@
18130
18132
  }
18131
18133
  if (this._relation instanceof customerFullObject_bo.CustomerFullObject) {
18132
18134
  this.customerGroup = this._relation.customerGroup;
18133
- this.customerLanguage = (_a = this._relation.language) !== null && _a !== void 0 ? _a : '';
18134
- this.customerTitle = (_b = this._relation.titleId) !== null && _b !== void 0 ? _b : 0;
18135
+ this.customerLanguage = (_a = this._relation.language) !== null && _a !== void 0 ? _a : undefined;
18136
+ this.customerTitle = (_b = this._relation.titleId) !== null && _b !== void 0 ? _b : undefined;
18135
18137
  }
18136
18138
  this.address = this._getFirstActiveAddressOrCreateNew(this._relation);
18137
18139
  if (this.address) {
@@ -18743,7 +18745,8 @@
18743
18745
  readonly: [{ type: i0.Input }],
18744
18746
  required: [{ type: i0.Input }],
18745
18747
  model: [{ type: i0.Input }],
18746
- modelChange: [{ type: i0.Output }]
18748
+ modelChange: [{ type: i0.Output }],
18749
+ hidden: [{ type: i0.HostBinding, args: ["class.co-transaction-hidden",] }]
18747
18750
  };
18748
18751
 
18749
18752
  // Component that visually shows a stock status with three colored boxes.
@@ -19283,6 +19286,7 @@
19283
19286
  this.required = false;
19284
19287
  this.modelChange = new i0.EventEmitter();
19285
19288
  this.customerTitles = [];
19289
+ this.fields = { text: "name", value: "titleId" };
19286
19290
  }
19287
19291
  Object.defineProperty(CustomerTitlesComponent.prototype, "model", {
19288
19292
  get: function () {
@@ -19338,7 +19342,8 @@
19338
19342
  readonly: [{ type: i0.Input }],
19339
19343
  required: [{ type: i0.Input }],
19340
19344
  model: [{ type: i0.Input }],
19341
- modelChange: [{ type: i0.Output }]
19345
+ modelChange: [{ type: i0.Output }],
19346
+ hidden: [{ type: i0.HostBinding, args: ["class.co-transaction-hidden",] }]
19342
19347
  };
19343
19348
 
19344
19349
  var CoreModule = /** @class */ (function () {
@@ -27215,7 +27220,7 @@
27215
27220
  // {title: 'DELIVERY_NOTE', icon: Icon.MemoCircleCheckRegular, category: TransactionTypeCategory.SalesOrderDeliveryNote, component: TransactionSalesDeliveryButtonBarButtonComponent, cfgName: this.cfgNames.RubricDelivery},
27216
27221
  //]],
27217
27222
  [transactionKind_enum.TransactionKind.ServiceOrder, [
27218
- { title: 'SERVICE', icon: Icon.Toolbox, category: TransactionTypeCategory.ServiceOrderService, component: TransactionServiceServiceButtonBarButtonComponent },
27223
+ { title: 'SERVICE', icon: Icon.ToolboxRegular, category: TransactionTypeCategory.ServiceOrderService, component: TransactionServiceServiceButtonBarButtonComponent },
27219
27224
  { title: 'OVERVIEW', icon: Icon.CartShoppingRegular, category: TransactionTypeCategory.ServiceOrderOverview, component: TransactionSalesOverviewButtonBarButtonComponent, cfgName: this.cfgNames.RubricOverview },
27220
27225
  { title: 'PURCHASE', icon: Icon.PalletBoxesSharpRegular, category: TransactionTypeCategory.ServiceOrderPurchase, component: TransactionSalesPurchaseButtonBarButtonComponent, cfgName: this.cfgNames.RubricPurchase },
27221
27226
  { title: 'ALLOCATION', icon: Icon.ShelvesRegular, category: TransactionTypeCategory.ServiceOrderAllocation, component: TransactionSalesAllocationButtonBarButtonComponent, cfgName: this.cfgNames.RubricAllocate },
@@ -34575,7 +34580,7 @@
34575
34580
  TransactionHeaderDeliveryComponent.decorators = [
34576
34581
  { type: i0.Component, args: [{
34577
34582
  selector: "co-transaction-header-delivery",
34578
- template: "\n <co-transaction-header-block\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n [thirdBlockTemplate]=\"thirdBlock\"\n [hiddenBlockTemplate]=\"hiddenBlock\"\n (headerClick)=\"showDialog = true\"\n >\n </co-transaction-header-block>\n <ng-template #headerBlock>\n\n </ng-template>\n <ng-template #firstBlock>\n <div class=\"transaction-header-block-row\" (click)=\"showDialog = true\">\n <div class=\"planning-request-button-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderDeliveryPreferedHeader\" screenConfigNativeElement>\n <co-icon class=\"planning-request-button\" [class.co-transaction-check]=\"transactionInfo.deliveryDateDefinitive\"\n [iconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"\n (click)=\"showDialog = true\"></co-icon>\n </div>\n <div class=\"header-deliverydate-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderDeliveryDateHeader\" screenConfigNativeElement>\n <div class=\"header-delivery-deliverydate-label co-transaction-label\" [textContent]=\"'DELIVERY_DATE' | localize\"></div>\n <div class=\"header-delivery-deliverydate-content\" [class.closed]=\"transactionInfo.deliveryDateDefinitive\">\n <co-transaction-header-delivery-date class=\"header-delivery-deliverydate\"\n [screenConfigurationObject]=\"cfgNames.HeaderDeliveryDateHeader\"\n [transactionInfo]=\"transactionInfo\"\n [defaultEditMode]=\"true\"\n [showLabel]=\"false\"\n ></co-transaction-header-delivery-date>\n </div>\n </div>\n </div>\n </ng-template>\n <ng-template #secondBlock>\n <co-transaction-header-delivery-method-button class=\"header-delivery-method\"\n [screenConfigurationObject]=\"cfgNames.HeaderDeliveryMethod\"\n [transactionInfo]=\"transactionInfo\"\n ></co-transaction-header-delivery-method-button>\n\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-deliverdate-definitive-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderDeliveryDefinitiveHeader\" screenConfigNativeElement>\n <co-transaction-header-deliverydate-definitive-button\n [screenConfigurationObject]=\"cfgNames.HeaderDeliveryDefinitiveHeader\"\n [class.closed]=\"transactionInfo.deliveryDateDefinitive\"\n [transactionInfo]=\"transactionInfo\">\n </co-transaction-header-deliverydate-definitive-button>\n </div>\n </ng-template>\n <ng-template #hiddenBlock>\n <co-transaction-header-partial-delivery class=\"transaction-header-partial-delivery co-transaction-label\"\n [screenConfigurationObject]=\"cfgNames.HeaderDeliveryPartialHeader\"\n [transactionInfo]=\"transactionInfo\"></co-transaction-header-partial-delivery>\n </ng-template>\n <co-transaction-header-popup *ngIf=\"showDialog\"\n [activeCategoryDescription]=\"'DELIVERY_INFORMATION'\"\n [relation]=\"relation\"\n [transaction]=\"transaction\"\n (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n ",
34583
+ template: "\n <co-transaction-header-block\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n [thirdBlockTemplate]=\"thirdBlock\"\n [hiddenBlockTemplate]=\"hiddenBlock\"\n (headerClick)=\"showDialog = true\"\n >\n </co-transaction-header-block>\n <ng-template #headerBlock>\n\n </ng-template>\n <ng-template #firstBlock>\n <div class=\"transaction-header-block-row\" (click)=\"showDialog = true\">\n <div class=\"planning-request-button-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderDeliveryPreferedHeader\" screenConfigNativeElement>\n <co-icon class=\"planning-request-button\" [class.co-transaction-check]=\"transactionInfo.deliveryDateDefinitive\"\n [iconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"\n (click)=\"showDialog = true\"></co-icon>\n </div>\n <div class=\"header-deliverydate-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderDeliveryDateHeader\" screenConfigNativeElement>\n <div class=\"header-delivery-deliverydate-label co-transaction-label\" [textContent]=\"'DELIVERY_DATE' | localize\"></div>\n <div class=\"header-delivery-deliverydate-content\" [class.closed]=\"transactionInfo.deliveryDateDefinitive\">\n <co-transaction-header-delivery-date class=\"header-delivery-deliverydate\"\n [screenConfigurationObject]=\"cfgNames.HeaderDeliveryDateHeader\"\n [transactionInfo]=\"transactionInfo\"\n [defaultEditMode]=\"true\"\n [showLabel]=\"false\"\n ></co-transaction-header-delivery-date>\n </div>\n </div>\n </div>\n </ng-template>\n <ng-template #secondBlock>\n <div class=\"header-deliverdate-definitive-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderDeliveryDefinitiveHeader\" screenConfigNativeElement>\n <co-transaction-header-deliverydate-definitive-button\n [screenConfigurationObject]=\"cfgNames.HeaderDeliveryDefinitiveHeader\"\n [class.closed]=\"transactionInfo.deliveryDateDefinitive\"\n [transactionInfo]=\"transactionInfo\">\n </co-transaction-header-deliverydate-definitive-button>\n </div>\n </ng-template>\n <ng-template #thirdBlock>\n\n <co-transaction-header-delivery-method-button class=\"header-delivery-method\"\n [screenConfigurationObject]=\"cfgNames.HeaderDeliveryMethod\"\n [transactionInfo]=\"transactionInfo\"\n ></co-transaction-header-delivery-method-button>\n\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 #hiddenBlock>\n <co-transaction-header-partial-delivery class=\"transaction-header-partial-delivery co-transaction-label\"\n [screenConfigurationObject]=\"cfgNames.HeaderDeliveryPartialHeader\"\n [transactionInfo]=\"transactionInfo\"></co-transaction-header-partial-delivery>\n </ng-template>\n <co-transaction-header-popup *ngIf=\"showDialog\"\n [activeCategoryDescription]=\"'DELIVERY_INFORMATION'\"\n [relation]=\"relation\"\n [transaction]=\"transaction\"\n (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n ",
34579
34584
  providers: [{
34580
34585
  provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
34581
34586
  useExisting: i0.forwardRef(function () { return TransactionHeaderDeliveryComponent; })
@@ -40841,7 +40846,7 @@
40841
40846
  TransactionHeaderComponent.decorators = [
40842
40847
  { type: i0.Component, args: [{
40843
40848
  selector: "co-transaction-header",
40844
- template: "\n <div class=\"transaction-header-wrapper\" [class.expanded]=\"toggleHeader\">\n <co-carousel>\n <co-transaction-header-relation #carouselItem\n [screenConfigurationObject]=\"cfgNames.RelationInfoHeader\"\n [(relation)]=\"relation\"\n [transaction]=\"transaction\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-relation>\n <co-transaction-header-order #carouselItem\n [screenConfigurationObject]=\"cfgNames.OrderInfoHeader\"\n [(relation)]=\"relation\"\n [transaction]=\"transaction\"\n [transactionInfo]=\"transaction.transactionInfo\"\n [transactionTotal]=\"transaction.transactionTotal\"></co-transaction-header-order>\n <co-transaction-header-payment *ngIf=\"!isPurchaseOrder\" #carouselItem\n [screenConfigurationObject]=\"cfgNames.PaymentInfoHeader\"\n [(relation)]=\"relation\"\n [transaction]=\"transaction\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-payment>\n <co-transaction-header-delivery #carouselItem\n [screenConfigurationObject]=\"cfgNames.DeliveryInfoHeader\"\n [(relation)]=\"relation\"\n [transaction]=\"transaction\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-delivery>\n </co-carousel>\n <div class=\"expand-transaction-header\">\n <co-icon class=\"expand-header-icon\"\n [iconData]=\"iconCacheService.getIcon(icons.ArrowPointDown)\"\n (click)=\"expandHeader()\">\n </co-icon>\n </div>\n </div>\n ",
40849
+ template: "\n <div class=\"transaction-header-wrapper\" [class.expanded]=\"toggleHeader\">\n <co-carousel>\n <co-transaction-header-relation #carouselItem\n [screenConfigurationObject]=\"cfgNames.RelationInfoHeader\"\n [(relation)]=\"relation\"\n [transaction]=\"transaction\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-relation>\n <co-transaction-header-order #carouselItem\n [screenConfigurationObject]=\"cfgNames.OrderInfoHeader\"\n [(relation)]=\"relation\"\n [transaction]=\"transaction\"\n [transactionInfo]=\"transaction.transactionInfo\"\n [transactionTotal]=\"transaction.transactionTotal\"\n [class.purchase-order-header]=\"isPurchaseOrder\"></co-transaction-header-order>\n <co-transaction-header-payment *ngIf=\"!isPurchaseOrder\" #carouselItem\n [screenConfigurationObject]=\"cfgNames.PaymentInfoHeader\"\n [(relation)]=\"relation\"\n [transaction]=\"transaction\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-payment>\n <co-transaction-header-delivery #carouselItem\n [screenConfigurationObject]=\"cfgNames.DeliveryInfoHeader\"\n [(relation)]=\"relation\"\n [transaction]=\"transaction\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-delivery>\n </co-carousel>\n <div class=\"expand-transaction-header\">\n <co-icon class=\"expand-header-icon\"\n [iconData]=\"iconCacheService.getIcon(icons.ArrowPointDown)\"\n (click)=\"expandHeader()\">\n </co-icon>\n </div>\n </div>\n ",
40845
40850
  encapsulation: i0.ViewEncapsulation.None
40846
40851
  },] }
40847
40852
  ];
@@ -41119,7 +41124,7 @@
41119
41124
  TransactionHeaderPaymentComponent.decorators = [
41120
41125
  { type: i0.Component, args: [{
41121
41126
  selector: "co-transaction-header-payment",
41122
- template: "\n <div class=\"transaction-header-payment-wrapper\">\n <div class=\"transaction-header-payment-wrapper-content\" [class.show-remaining]=\"showRemainingPayment\">\n <co-transaction-header-block\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n [thirdBlockTemplate]=\"thirdBlock\"\n [hiddenBlockTemplate]=\"hiddenBlock\"\n (headerClick)=\"showDialog = true\"\n >\n </co-transaction-header-block>\n <co-transaction-header-block *ngIf=\"showRemainingPayment\"\n [firstBlockTemplate]=\"firstBlockRest\"\n (headerClick)=\"showDialog = true\"\n >\n </co-transaction-header-block>\n </div>\n </div>\n <ng-template #firstBlock>\n <div class=\"transaction-header-block-row\" (click)=\"showDialog = true\">\n <div class=\"header-downpayment-amount-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\" screenConfigNativeElement>\n <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_AMOUNT' | localize\"></div>\n <co-transaction-header-deposit-amount class=\"transaction-header-deposit\"\n [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\"\n [transaction]=\"transaction\"\n [defaultEditMode]=\"false\"\n [showLabel]=\"false\"\n ></co-transaction-header-deposit-amount>\n </div>\n </div>\n </ng-template>\n <ng-template #firstBlockRest>\n <div class=\"transaction-header-block-row\" (click)=\"showDialog = true\">\n <div class=\"transaction-header-icon\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAvatarHeader\" screenConfigNativeElement>\n <co-icon class=\"header-order-icon\"\n (click)=\"showPaymentDialog = true\"\n [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\">\n </co-icon>\n </div>\n <div class=\"header-remaining-payment-amount-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\" screenConfigNativeElement>\n <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'REMAINING_PAYMENT' | localize\"></div>\n <co-transaction-header-remaining-amount class=\"transaction-header-remaining\"\n [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\"\n [transactionUuid]=\"transaction.transactionInfo.uuid\"\n (remainingAmountChange)=\"remainingToPay = $event\"\n ></co-transaction-header-remaining-amount>\n </div>\n </div>\n </ng-template>\n <ng-template #secondBlock>\n <div class=\"transaction-header-block-row\">\n <div class=\"header-downpayment-percentage-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentPercentageHeader\" screenConfigNativeElement>\n <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'%' | localize\"></div>\n <co-transaction-header-deposit-percentage class=\"transaction-header-deposit\"\n [screenConfigurationObject]=\"cfgNames.HeaderPaymentPercentageHeader\"\n [transactionInfo]=\"transactionInfo\"\n [defaultEditMode]=\"false\"\n [showLabel]=\"false\"\n ></co-transaction-header-deposit-percentage>\n </div>\n </div>\n </ng-template>\n <ng-template #thirdBlock>\n <div class=\"transaction-header-block-row\">\n <div class=\"header-payment-button-wrapper\" (click)=\"openPayment($event)\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentPaymentHeader\" screenConfigNativeElement>\n <co-icon class=\"header-order-icon\" [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\">\n </co-icon>\n <!--co-transaction-header-payment-button *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [transactionInfo]=\"transactionInfo\"\n ></co-transaction-header-payment-button-->\n </div>\n </div>\n </ng-template>\n <ng-template #hiddenBlock>\n <!--div class=\"transaction-header-block-row\">\n <div class=\"header-branch-label co-transaction-label\" [textContent]=\"'BRANCH' | localize\"></div>\n <div class=\"branch-label\" [textContent]=\"transactionInfo.branch?.familyName\"></div>\n </div-->\n </ng-template>\n <co-transaction-header-popup *ngIf=\"showDialog\"\n [activeCategoryDescription]=\"'PAYMENT_INFORMATION'\"\n [relation]=\"relation\"\n [transaction]=\"transaction\"\n (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n<!--\n <co-dialog class=\"transaction-header-payment-dialog\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showDialog\" (closeClick)=\"showDialog = false\">\n <ng-template #headerTemplate>\n <div class=\"co-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 <co-deposit-payment [branch]=\"transactionInfo.branch?.relationNr\" [transactionUuid]=\"transactionInfo.uuid\"></co-deposit-payment>\n </div>\n </co-dialog>\n-->\n <co-dialog class=\"payment-dialog\" [modal]=\"true\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showPaymentDialog\" (closeClick)=\"showPaymentDialog = false\">\n <ng-template #headerTemplate>\n <div class=\"co-dialog-wrapper-popup-title\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\"></co-icon>\n <div class=\"co-dialog-header-title\" [textContent]=\"'PAYMENT_METHOD' | localize\"></div>\n </div>\n </ng-template>\n <co-payment\n [transId]=\"transactionInfo.id\"\n [branch]=\"transactionInfo.branch?.relationNr\"\n [transactionUuid]=\"transactionInfo.uuid\"\n [amount]=\"showRemainingPayment ? remainingToPay : toPay\"\n [remainingPayment]=\"showRemainingPayment\"\n [currencyId]=\"transactionInfo.currencyId\"\n [doNotFetchAmountToPayForRemaining]=\"true\"\n ></co-payment>\n </co-dialog>\n ",
41127
+ template: "\n <div class=\"transaction-header-payment-wrapper\">\n <div class=\"transaction-header-payment-wrapper-content\" [class.show-remaining]=\"showRemainingPayment\">\n <co-transaction-header-block\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n [thirdBlockTemplate]=\"thirdBlock\"\n [hiddenBlockTemplate]=\"hiddenBlock\"\n (headerClick)=\"showDialog = true\"\n >\n </co-transaction-header-block>\n <co-transaction-header-block *ngIf=\"showRemainingPayment\"\n [firstBlockTemplate]=\"firstBlockRest\"\n (headerClick)=\"showDialog = true\"\n >\n </co-transaction-header-block>\n </div>\n </div>\n <ng-template #firstBlock>\n <div class=\"transaction-header-block-row\" (click)=\"showDialog = true\">\n <div class=\"header-downpayment-amount-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\" screenConfigNativeElement>\n <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_AMOUNT' | localize\"></div>\n <co-transaction-header-deposit-amount class=\"transaction-header-deposit\"\n [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\"\n [transaction]=\"transaction\"\n [defaultEditMode]=\"false\"\n [showLabel]=\"false\"\n ></co-transaction-header-deposit-amount>\n </div>\n </div>\n </ng-template>\n <ng-template #firstBlockRest>\n <div class=\"transaction-header-block-row\" (click)=\"showDialog = true\">\n <div class=\"transaction-header-icon\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAvatarHeader\" screenConfigNativeElement>\n <co-icon class=\"header-order-icon\"\n (click)=\"showPaymentDialog = true\"\n [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\">\n </co-icon>\n </div>\n <div class=\"header-remaining-payment-amount-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\" screenConfigNativeElement>\n <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'REMAINING_PAYMENT' | localize\"></div>\n <co-transaction-header-remaining-amount class=\"transaction-header-remaining\"\n [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\"\n [transactionUuid]=\"transaction.transactionInfo.uuid\"\n (remainingAmountChange)=\"remainingToPay = $event\"\n ></co-transaction-header-remaining-amount>\n </div>\n </div>\n </ng-template>\n <ng-template #secondBlock>\n <div class=\"transaction-header-block-row\">\n <div class=\"header-downpayment-percentage-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentPercentageHeader\" screenConfigNativeElement>\n <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'%' | localize\"></div>\n <co-transaction-header-deposit-percentage class=\"transaction-header-deposit\"\n [screenConfigurationObject]=\"cfgNames.HeaderPaymentPercentageHeader\"\n [transactionInfo]=\"transactionInfo\"\n [defaultEditMode]=\"false\"\n [showLabel]=\"false\"\n ></co-transaction-header-deposit-percentage>\n </div>\n </div>\n </ng-template>\n <ng-template #thirdBlock>\n <div class=\"transaction-header-block-row\">\n <div class=\"payment-payed-wrapper\">\n <div class=\"header-payed-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_DONE' | localize\"></div>\n <span class=\"payment-paid\" [class.success]=\"paid >= toPay\" [textContent]=\"(paid | coCurrency) || 0\"></span>\n </div>\n <div class=\"header-payment-button-wrapper\" (click)=\"openPayment($event)\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentPaymentHeader\" screenConfigNativeElement>\n <co-icon class=\"header-order-icon\" [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\">\n </co-icon>\n\n <!--co-transaction-header-payment-button *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [transactionInfo]=\"transactionInfo\"\n ></co-transaction-header-payment-button-->\n </div>\n </div>\n </ng-template>\n <ng-template #hiddenBlock>\n <!--div class=\"transaction-header-block-row\">\n <div class=\"header-branch-label co-transaction-label\" [textContent]=\"'BRANCH' | localize\"></div>\n <div class=\"branch-label\" [textContent]=\"transactionInfo.branch?.familyName\"></div>\n </div-->\n </ng-template>\n <co-transaction-header-popup *ngIf=\"showDialog\"\n [activeCategoryDescription]=\"'PAYMENT_INFORMATION'\"\n [relation]=\"relation\"\n [transaction]=\"transaction\"\n (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n<!--\n <co-dialog class=\"transaction-header-payment-dialog\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showDialog\" (closeClick)=\"showDialog = false\">\n <ng-template #headerTemplate>\n <div class=\"co-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 <co-deposit-payment [branch]=\"transactionInfo.branch?.relationNr\" [transactionUuid]=\"transactionInfo.uuid\"></co-deposit-payment>\n </div>\n </co-dialog>\n-->\n <co-dialog class=\"payment-dialog\" [modal]=\"true\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showPaymentDialog\" (closeClick)=\"showPaymentDialog = false\">\n <ng-template #headerTemplate>\n <div class=\"co-dialog-wrapper-popup-title\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\"></co-icon>\n <div class=\"co-dialog-header-title\" [textContent]=\"'PAYMENT_METHOD' | localize\"></div>\n </div>\n </ng-template>\n <co-payment\n [transId]=\"transactionInfo.id\"\n [branch]=\"transactionInfo.branch?.relationNr\"\n [transactionUuid]=\"transactionInfo.uuid\"\n [amount]=\"showRemainingPayment ? remainingToPay : toPay\"\n [remainingPayment]=\"showRemainingPayment\"\n [currencyId]=\"transactionInfo.currencyId\"\n [doNotFetchAmountToPayForRemaining]=\"true\"\n ></co-payment>\n </co-dialog>\n ",
41123
41128
  providers: [
41124
41129
  { provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, useExisting: i0.forwardRef(function () { return TransactionHeaderPaymentComponent; }) }
41125
41130
  ],
@@ -50742,7 +50747,7 @@
50742
50747
  TransactionServiceOverviewComponent.decorators = [
50743
50748
  { type: i0.Component, args: [{
50744
50749
  selector: "co-transaction-service-overview",
50745
- template: "\n <div class=\"service-overview-wrapper\">\n <div class=\"message-and-task-wrapper\">\n <div class=\"service-message-and-image-wrapper\">\n <div class=\"service-message-wrapper\">\n <label class=\"label service-label\" [textContent]=\"'SERVICE_REPORT'| localize\"></label>\n <co-transaction-service-message class=\"transaction-service-message\" [transaction]=\"transaction\">\n </co-transaction-service-message>\n <co-input-textarea *ngIf=\"transactionServiceInfo && transactionServiceInfo.wizardQuestionsAndAnswers\" [readonly]=\"true\"\n [model]=\"transactionServiceInfo.wizardQuestionsAndAnswers\"></co-input-textarea>\n </div>\n <co-files-upload (documentChangeEvent)=\"upsertDocument($event)\"\n (documentDeleted)=\"deleteDocument($event)\"\n [label]=\"'ADD_IMAGES' | localize\"\n [documents]=\"documents\"\n [isEditable]=\"false\">\n </co-files-upload>\n </div>\n <co-component-activity-list #openActivities [showActivityHeader]=\"showActivityHeader\" [table]=\"TableName.Transactions\" [key]=\"transactionInfo.id.toString()\" (refreshRequested)=\"finishedActivitiesRefreshRequested()\">\n </co-component-activity-list>\n <co-activity-list [activities]=\"activities\"></co-activity-list>\n <co-task-creator [table]=\"TableName.Transactions\" [remarkAndWorkKey]=\"transactionInfo.id.toString()\" [taskKey]=\"transactionInfo.transactionNr.toString()\"\n [author]=\"transactionService.loggedInUser\" [branchNo]=\"transactionInfo.branch.relationNr.toString()\"\n [workflowCategoryType]=\"WorkflowCategoryType.ServiceOrder\"\n (activityCreated)=\"fullActivitiesRefreshRequested()\"></co-task-creator>\n </div>\n </div>\n <div class=\"service-order-lines-wrapper\">\n <div class=\"service-message-extra-wrapper\">\n <co-list-of-values [label]=\"'PRIORITY'| localize\" displayField=\"description\" [model]=\"priorityModel\"\n [collection]=\"priorityDomainColl\"\n (modelChange)=\"setPriority($event)\"></co-list-of-values>\n <co-list-of-values [label]=\"'CAUSE_CODE' | localize\" displayField=\"description\" [model]=\"causeCodeModel\"\n [collection]=\"causeCodeColl\"\n (modelChange)=\"setCauseCode($event)\"></co-list-of-values>\n <co-list-of-values [label]=\"'ENTRY_TYPE' | localize\" displayField=\"description\" [model]=\"entryTypeModel\"\n [collection]=\"entryTypeColl\"\n (modelChange)=\"setEntryType($event)\"></co-list-of-values>\n </div>\n <co-transaction-lines-side-panel\n class=\"higher-max-width\"\n [posOrderData]=\"posOrderData\"\n [transaction]=\"transaction\">\n </co-transaction-lines-side-panel>\n </div>\n ",
50750
+ template: "\n <div class=\"service-overview-wrapper\">\n <div class=\"message-and-task-wrapper\">\n <div class=\"service-message-and-image-wrapper\">\n <div class=\"service-message-wrapper\">\n <label class=\"label service-label\" [textContent]=\"'SERVICE_REPORT'| localize\"></label>\n <co-transaction-service-message class=\"transaction-service-message\" [transaction]=\"transaction\">\n </co-transaction-service-message>\n <co-input-textarea *ngIf=\"transactionServiceInfo && transactionServiceInfo.wizardQuestionsAndAnswers\" [readonly]=\"true\"\n [model]=\"transactionServiceInfo.wizardQuestionsAndAnswers\"></co-input-textarea>\n </div>\n <co-files-upload (documentChangeEvent)=\"upsertDocument($event)\"\n (documentDeleted)=\"deleteDocument($event)\"\n [label]=\"'ADD_IMAGES' | localize\"\n [documents]=\"documents\"\n [isEditable]=\"false\">\n </co-files-upload>\n </div>\n <div class=\"activity-list-component-wrapper\">\n <co-component-activity-list #openActivities [showActivityHeader]=\"showActivityHeader\" [table]=\"TableName.Transactions\" [key]=\"transactionInfo.id.toString()\" (refreshRequested)=\"finishedActivitiesRefreshRequested()\">\n </co-component-activity-list>\n </div>\n <div class=\"activity-list--wrapper\">\n <co-activity-list [activities]=\"activities\"></co-activity-list>\n </div>\n <co-task-creator [table]=\"TableName.Transactions\" [remarkAndWorkKey]=\"transactionInfo.id.toString()\" [taskKey]=\"transactionInfo.transactionNr.toString()\"\n [author]=\"transactionService.loggedInUser\" [branchNo]=\"transactionInfo.branch.relationNr.toString()\"\n [workflowCategoryType]=\"WorkflowCategoryType.ServiceOrder\"\n (activityCreated)=\"fullActivitiesRefreshRequested()\"></co-task-creator>\n </div>\n </div>\n <div class=\"service-order-lines-wrapper\">\n <div class=\"service-message-extra-wrapper\">\n <co-list-of-values [label]=\"'PRIORITY'| localize\" displayField=\"description\" [model]=\"priorityModel\"\n [collection]=\"priorityDomainColl\"\n (modelChange)=\"setPriority($event)\"></co-list-of-values>\n <co-list-of-values [label]=\"'CAUSE_CODE' | localize\" displayField=\"description\" [model]=\"causeCodeModel\"\n [collection]=\"causeCodeColl\"\n (modelChange)=\"setCauseCode($event)\"></co-list-of-values>\n <co-list-of-values [label]=\"'ENTRY_TYPE' | localize\" displayField=\"description\" [model]=\"entryTypeModel\"\n [collection]=\"entryTypeColl\"\n (modelChange)=\"setEntryType($event)\"></co-list-of-values>\n </div>\n <co-transaction-lines-side-panel\n class=\"higher-max-width\"\n [posOrderData]=\"posOrderData\"\n [transaction]=\"transaction\">\n </co-transaction-lines-side-panel>\n </div>\n ",
50746
50751
  encapsulation: i0.ViewEncapsulation.None
50747
50752
  },] }
50748
50753
  ];
@@ -50808,7 +50813,7 @@
50808
50813
  TransactionServiceMessageComponent.decorators = [
50809
50814
  { type: i0.Component, args: [{
50810
50815
  selector: "co-transaction-service-message",
50811
- template: "\n <co-input-textarea #input\n [model]=\"transactionServiceInfo.reportMessage\"\n [placeholder]=\"'SERVICE_REPORT' | localize\"\n [readonly]=\"readonly\"\n [showSaveCancel]=\"true\"\n ></co-input-textarea>\n ",
50816
+ template: "\n <co-input-textarea #input\n [model]=\"transactionServiceInfo.reportMessage\"\n\n [readonly]=\"readonly\"\n [showSaveCancel]=\"true\"\n ></co-input-textarea>\n ",
50812
50817
  encapsulation: i0.ViewEncapsulation.None
50813
50818
  },] }
50814
50819
  ];