@colijnit/transaction 255.1.15 → 255.1.17

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 (28) hide show
  1. package/bundles/colijnit-transaction.umd.js +27 -23
  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 -4
  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 -24
  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-header/transaction-header-popup/style/_material-definition.scss +1 -1
  24. package/lib/component/transaction-internal/style/_layout.scss +1 -1
  25. package/lib/component/transaction-service-overview/style/_layout.scss +64 -8
  26. package/lib/enum/icon.enum.d.ts +1 -0
  27. package/package.json +2 -2
  28. 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.17";
37
+ this.publishDate = "21-8-2024 13:01:28";
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>",
@@ -18118,7 +18120,6 @@
18118
18120
  return this._relation;
18119
18121
  },
18120
18122
  set: function (value) {
18121
- var _a, _b;
18122
18123
  if (this._relation && value && this._relation.relationId && value.relationId && this._relation.relationId === value.relationId) {
18123
18124
  return;
18124
18125
  }
@@ -18130,8 +18131,8 @@
18130
18131
  }
18131
18132
  if (this._relation instanceof customerFullObject_bo.CustomerFullObject) {
18132
18133
  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;
18134
+ this.customerLanguage = this._relation.language;
18135
+ this.customerTitle = this._relation.titleId;
18135
18136
  }
18136
18137
  this.address = this._getFirstActiveAddressOrCreateNew(this._relation);
18137
18138
  if (this.address) {
@@ -18164,7 +18165,7 @@
18164
18165
  CheckoutOverviewRelationEditComponent.prototype.ngOnInit = function () {
18165
18166
  return __awaiter(this, void 0, void 0, function () {
18166
18167
  var _this = this;
18167
- return __generator(this, function (_c) {
18168
+ return __generator(this, function (_a) {
18168
18169
  this._suggestionsService.init(this._relationKind);
18169
18170
  this._subs.push(this._screenConfigService.configSet.subscribe(function (configObjects) {
18170
18171
  if (configObjects && configObjects.length > 0) {
@@ -18209,13 +18210,13 @@
18209
18210
  CheckoutOverviewRelationEditComponent.prototype.onRelationSuggestionClick = function (relationSuggested) {
18210
18211
  return __awaiter(this, void 0, void 0, function () {
18211
18212
  var lockResult, suggestedRelation;
18212
- return __generator(this, function (_c) {
18213
- switch (_c.label) {
18213
+ return __generator(this, function (_a) {
18214
+ switch (_a.label) {
18214
18215
  case 0:
18215
18216
  if (!relationSuggested) return [3 /*break*/, 4];
18216
18217
  return [4 /*yield*/, this._relationService.lockRelation(relationSuggested.relationType, parseInt(relationSuggested.relationNr, 0))];
18217
18218
  case 1:
18218
- lockResult = _c.sent();
18219
+ lockResult = _a.sent();
18219
18220
  if (!!lockResult.success) return [3 /*break*/, 2];
18220
18221
  this._dialogService.showError('RELATION_ALREADY_LOCKED', true, lockResult.messages[0].message);
18221
18222
  return [3 /*break*/, 4];
@@ -18223,13 +18224,13 @@
18223
18224
  this._suggestionsService.hideSidebar();
18224
18225
  return [4 /*yield*/, this._relationService.getRelation(relationSuggested.relationType, parseInt(relationSuggested.relationNr))];
18225
18226
  case 3:
18226
- suggestedRelation = _c.sent();
18227
+ suggestedRelation = _a.sent();
18227
18228
  if (suggestedRelation && suggestedRelation.addresses && suggestedRelation.addresses.length > 0) {
18228
18229
  suggestedRelation.addresses.sort(function (a, b) { return a.sequence < b.sequence ? -1 : 1; });
18229
18230
  }
18230
18231
  this.relation = suggestedRelation;
18231
18232
  this.relationChange.next(this.relation);
18232
- _c.label = 4;
18233
+ _a.label = 4;
18233
18234
  case 4: return [2 /*return*/];
18234
18235
  }
18235
18236
  });
@@ -18332,15 +18333,15 @@
18332
18333
  CheckoutOverviewRelationEditComponent.prototype._setCountryNameToAddress = function (address) {
18333
18334
  return __awaiter(this, void 0, void 0, function () {
18334
18335
  var country;
18335
- return __generator(this, function (_c) {
18336
- switch (_c.label) {
18336
+ return __generator(this, function (_a) {
18337
+ switch (_a.label) {
18337
18338
  case 0:
18338
18339
  if (!(address.countryId && !address.countryName)) return [3 /*break*/, 2];
18339
18340
  return [4 /*yield*/, this.service.getCountry(address.countryId)];
18340
18341
  case 1:
18341
- country = _c.sent();
18342
+ country = _a.sent();
18342
18343
  address.countryName = country.description;
18343
- _c.label = 2;
18344
+ _a.label = 2;
18344
18345
  case 2: return [2 /*return*/];
18345
18346
  }
18346
18347
  });
@@ -18743,7 +18744,8 @@
18743
18744
  readonly: [{ type: i0.Input }],
18744
18745
  required: [{ type: i0.Input }],
18745
18746
  model: [{ type: i0.Input }],
18746
- modelChange: [{ type: i0.Output }]
18747
+ modelChange: [{ type: i0.Output }],
18748
+ hidden: [{ type: i0.HostBinding, args: ["class.co-transaction-hidden",] }]
18747
18749
  };
18748
18750
 
18749
18751
  // Component that visually shows a stock status with three colored boxes.
@@ -19283,6 +19285,7 @@
19283
19285
  this.required = false;
19284
19286
  this.modelChange = new i0.EventEmitter();
19285
19287
  this.customerTitles = [];
19288
+ this.fields = { text: "name", value: "titleId" };
19286
19289
  }
19287
19290
  Object.defineProperty(CustomerTitlesComponent.prototype, "model", {
19288
19291
  get: function () {
@@ -19338,7 +19341,8 @@
19338
19341
  readonly: [{ type: i0.Input }],
19339
19342
  required: [{ type: i0.Input }],
19340
19343
  model: [{ type: i0.Input }],
19341
- modelChange: [{ type: i0.Output }]
19344
+ modelChange: [{ type: i0.Output }],
19345
+ hidden: [{ type: i0.HostBinding, args: ["class.co-transaction-hidden",] }]
19342
19346
  };
19343
19347
 
19344
19348
  var CoreModule = /** @class */ (function () {
@@ -27215,7 +27219,7 @@
27215
27219
  // {title: 'DELIVERY_NOTE', icon: Icon.MemoCircleCheckRegular, category: TransactionTypeCategory.SalesOrderDeliveryNote, component: TransactionSalesDeliveryButtonBarButtonComponent, cfgName: this.cfgNames.RubricDelivery},
27216
27220
  //]],
27217
27221
  [transactionKind_enum.TransactionKind.ServiceOrder, [
27218
- { title: 'SERVICE', icon: Icon.Toolbox, category: TransactionTypeCategory.ServiceOrderService, component: TransactionServiceServiceButtonBarButtonComponent },
27222
+ { title: 'SERVICE', icon: Icon.ToolboxRegular, category: TransactionTypeCategory.ServiceOrderService, component: TransactionServiceServiceButtonBarButtonComponent },
27219
27223
  { title: 'OVERVIEW', icon: Icon.CartShoppingRegular, category: TransactionTypeCategory.ServiceOrderOverview, component: TransactionSalesOverviewButtonBarButtonComponent, cfgName: this.cfgNames.RubricOverview },
27220
27224
  { title: 'PURCHASE', icon: Icon.PalletBoxesSharpRegular, category: TransactionTypeCategory.ServiceOrderPurchase, component: TransactionSalesPurchaseButtonBarButtonComponent, cfgName: this.cfgNames.RubricPurchase },
27221
27225
  { title: 'ALLOCATION', icon: Icon.ShelvesRegular, category: TransactionTypeCategory.ServiceOrderAllocation, component: TransactionSalesAllocationButtonBarButtonComponent, cfgName: this.cfgNames.RubricAllocate },
@@ -34575,7 +34579,7 @@
34575
34579
  TransactionHeaderDeliveryComponent.decorators = [
34576
34580
  { type: i0.Component, args: [{
34577
34581
  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 ",
34582
+ 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
34583
  providers: [{
34580
34584
  provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
34581
34585
  useExisting: i0.forwardRef(function () { return TransactionHeaderDeliveryComponent; })
@@ -40841,7 +40845,7 @@
40841
40845
  TransactionHeaderComponent.decorators = [
40842
40846
  { type: i0.Component, args: [{
40843
40847
  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 ",
40848
+ 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
40849
  encapsulation: i0.ViewEncapsulation.None
40846
40850
  },] }
40847
40851
  ];
@@ -41119,7 +41123,7 @@
41119
41123
  TransactionHeaderPaymentComponent.decorators = [
41120
41124
  { type: i0.Component, args: [{
41121
41125
  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 ",
41126
+ 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
41127
  providers: [
41124
41128
  { provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, useExisting: i0.forwardRef(function () { return TransactionHeaderPaymentComponent; }) }
41125
41129
  ],
@@ -50742,7 +50746,7 @@
50742
50746
  TransactionServiceOverviewComponent.decorators = [
50743
50747
  { type: i0.Component, args: [{
50744
50748
  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 ",
50749
+ 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
50750
  encapsulation: i0.ViewEncapsulation.None
50747
50751
  },] }
50748
50752
  ];
@@ -50808,7 +50812,7 @@
50808
50812
  TransactionServiceMessageComponent.decorators = [
50809
50813
  { type: i0.Component, args: [{
50810
50814
  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 ",
50815
+ template: "\n <co-input-textarea #input\n [model]=\"transactionServiceInfo.reportMessage\"\n\n [readonly]=\"readonly\"\n [showSaveCancel]=\"true\"\n ></co-input-textarea>\n ",
50812
50816
  encapsulation: i0.ViewEncapsulation.None
50813
50817
  },] }
50814
50818
  ];