@colijnit/transaction 12.1.157 → 12.1.159

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 (47) hide show
  1. package/bundles/colijnit-transaction.umd.js +35 -25
  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-delivery-edit/checkout-overview-delivery-edit.component.js +10 -14
  5. package/esm2015/lib/component/checkout/checkout-overview-payment/checkout-overview-payment.component.js +7 -3
  6. package/esm2015/lib/component/checkout/checkout-overview-relation-edit/checkout-overview-relation-edit.component.js +2 -1
  7. package/esm2015/lib/component/checkout/checkout.component.js +6 -5
  8. package/esm2015/lib/component/delivery-type-tile/delivery-type-tile.component.js +4 -6
  9. package/esm2015/lib/component/relation/relation-address/relation-address.component.js +21 -23
  10. package/esm2015/lib/component/shopping-cart-preview/shopping-cart-preview.component.js +3 -3
  11. package/esm2015/lib/component/transaction-line-image-and-description/transaction-line-image-and-description.component.js +8 -4
  12. package/esm2015/lib/component/transaction-line-side-panel-default/transaction-line-side-panel-default.component.js +3 -1
  13. package/esm2015/lib/service/transaction-base.service.js +4 -4
  14. package/esm2015/lib/service/transaction-connector-adapter.service.js +10 -5
  15. package/esm2015/lib/service/transaction-connector.service.js +5 -5
  16. package/esm2015/lib/service/transaction.service.js +3 -3
  17. package/esm2015/lib/transaction-version.js +3 -3
  18. package/fesm2015/colijnit-transaction.js +75 -66
  19. package/fesm2015/colijnit-transaction.js.map +1 -1
  20. package/lib/component/checkout/checkout-overview-delivery-edit/style/_layout.scss +1 -1
  21. package/lib/component/checkout/checkout-overview-payment/style/_layout.scss +1 -0
  22. package/lib/component/checkout/checkout-overview-payment/style/_material-definition.scss +3 -2
  23. package/lib/component/checkout/checkout-overview-relation-edit/style/_layout.scss +15 -0
  24. package/lib/component/checkout/checkout-overview-relation-edit/style/_material-definition.scss +8 -1
  25. package/lib/component/checkout/style/_layout.scss +87 -16
  26. package/lib/component/checkout/style/_material-definition.scss +5 -3
  27. package/lib/component/delivery-type-tile/style/_layout.scss +5 -1
  28. package/lib/component/delivery-type-tile/style/_material-definition.scss +1 -1
  29. package/lib/component/relation/relation-address/style/_layout.scss +5 -0
  30. package/lib/component/relation/relation-address/style/_material-definition.scss +1 -0
  31. package/lib/component/relation/relation-addresses/style/_layout.scss +5 -1
  32. package/lib/component/relation/relation-addresses/style/_material-definition.scss +1 -0
  33. package/lib/component/relation/relation-suggestions-list/style/_layout.scss +2 -1
  34. package/lib/component/relation/relation-suggestions-list-item/style/_layout.scss +13 -4
  35. package/lib/component/relation/relation-suggestions-list-item/style/_material-definition.scss +6 -1
  36. package/lib/component/shopping-cart-preview/style/_layout.scss +30 -1
  37. package/lib/component/shopping-cart-preview/style/_material-definition.scss +3 -0
  38. package/lib/component/tile/style/_layout.scss +1 -1
  39. package/lib/component/tile/style/_material-definition.scss +1 -1
  40. package/lib/component/transaction-line-image-and-description/style/_layout.scss +17 -5
  41. package/lib/component/transaction-line-image-and-description/style/_material-definition.scss +10 -2
  42. package/lib/service/transaction-base.service.d.ts +1 -1
  43. package/lib/service/transaction-connector-adapter.service.d.ts +2 -2
  44. package/lib/service/transaction-connector.service.d.ts +2 -2
  45. package/lib/service/transaction.service.d.ts +1 -1
  46. package/lib/style/_variables.scss +18 -1
  47. package/package.json +1 -1
@@ -32,8 +32,8 @@
32
32
  function Version() {
33
33
  this.name = "@colijnit/transaction";
34
34
  this.description = "Colijn IT transaction package";
35
- this.symVer = "12.1.157";
36
- this.publishDate = "11/2/2023, 12:30:20 PM";
35
+ this.symVer = "12.1.159";
36
+ this.publishDate = "3-11-2023 13:00:47";
37
37
  }
38
38
  return Version;
39
39
  }());
@@ -2539,12 +2539,18 @@
2539
2539
  });
2540
2540
  });
2541
2541
  };
2542
- TransactionConnectorAdapterService.prototype.getWebSessionSalesOrder = function () {
2542
+ TransactionConnectorAdapterService.prototype.getWebSessionSalesOrder = function (transactionUuid) {
2543
2543
  return __awaiter(this, void 0, void 0, function () {
2544
- var result;
2544
+ var response, result;
2545
2545
  return __generator(this, function (_a) {
2546
2546
  switch (_a.label) {
2547
- case 0: return [4 /*yield*/, this.connector.getWebSessionSalesOrder()];
2547
+ case 0:
2548
+ if (!transactionUuid) {
2549
+ response = new transactionInfoResponse_bo.TransactionInfoResponse();
2550
+ response.isSuccess = true;
2551
+ return [2 /*return*/, response];
2552
+ }
2553
+ return [4 /*yield*/, this.connector.getWebSessionSalesOrder(transactionUuid)];
2548
2554
  case 1:
2549
2555
  result = _a.sent();
2550
2556
  if (result.validationResult && result.validationResult.success) {
@@ -3326,12 +3332,12 @@
3326
3332
  });
3327
3333
  });
3328
3334
  };
3329
- TransactionConnectorAdapterService.prototype.addWebSessionTransactionLine = function (articleNumber, quantity) {
3335
+ TransactionConnectorAdapterService.prototype.addWebSessionTransactionLine = function (transactionUuid, articleNumber, quantity) {
3330
3336
  return __awaiter(this, void 0, void 0, function () {
3331
3337
  var _this = this;
3332
3338
  return __generator(this, function (_a) {
3333
3339
  return [2 /*return*/, new Promise(function (resolve, reject) {
3334
- return _this.connector.addWebSessionTransactionLine(articleNumber, quantity).then(function (result) {
3340
+ return _this.connector.addWebSessionTransactionLine(transactionUuid, articleNumber, quantity).then(function (result) {
3335
3341
  if (result.validationResult && result.validationResult.success) {
3336
3342
  resolve(_this._boFactory.makeWithRawBackendData(transactionInfoResponse_bo.TransactionInfoResponse, result.resultObject));
3337
3343
  }
@@ -6882,10 +6888,10 @@
6882
6888
  TransactionConnectorService.prototype.getTransactionById = function (transactionId) {
6883
6889
  return this._adapterService.getTransactionById(transactionId);
6884
6890
  };
6885
- TransactionConnectorService.prototype.getWebSessionSalesOrder = function () {
6891
+ TransactionConnectorService.prototype.getWebSessionSalesOrder = function (transactionUuid) {
6886
6892
  return __awaiter(this, void 0, void 0, function () {
6887
6893
  return __generator(this, function (_a) {
6888
- return [2 /*return*/, this._adapterService.getWebSessionSalesOrder()];
6894
+ return [2 /*return*/, this._adapterService.getWebSessionSalesOrder(transactionUuid)];
6889
6895
  });
6890
6896
  });
6891
6897
  };
@@ -7009,10 +7015,10 @@
7009
7015
  });
7010
7016
  });
7011
7017
  };
7012
- TransactionConnectorService.prototype.addWebSessionTransactionLine = function (articleNumber, quantity) {
7018
+ TransactionConnectorService.prototype.addWebSessionTransactionLine = function (transactionUuid, articleNumber, quantity) {
7013
7019
  return __awaiter(this, void 0, void 0, function () {
7014
7020
  return __generator(this, function (_a) {
7015
- return [2 /*return*/, this._adapterService.addWebSessionTransactionLine(articleNumber, quantity)];
7021
+ return [2 /*return*/, this._adapterService.addWebSessionTransactionLine(transactionUuid, articleNumber, quantity)];
7016
7022
  });
7017
7023
  });
7018
7024
  };
@@ -9955,15 +9961,15 @@
9955
9961
  });
9956
9962
  });
9957
9963
  };
9958
- TransactionBaseService.prototype.getWebSessionSalesOrder = function () {
9964
+ TransactionBaseService.prototype.getWebSessionSalesOrder = function (transactionUuid) {
9959
9965
  return __awaiter(this, void 0, void 0, function () {
9960
9966
  var transactionInfoResponse;
9961
9967
  return __generator(this, function (_a) {
9962
9968
  switch (_a.label) {
9963
- case 0: return [4 /*yield*/, this.connector.getWebSessionSalesOrder()];
9969
+ case 0: return [4 /*yield*/, this.connector.getWebSessionSalesOrder(transactionUuid)];
9964
9970
  case 1:
9965
9971
  transactionInfoResponse = _a.sent();
9966
- if (transactionInfoResponse.isSuccess) {
9972
+ if (transactionInfoResponse && transactionInfoResponse.isSuccess) {
9967
9973
  this.rememberCurrentTransaction(transactionInfoResponse);
9968
9974
  }
9969
9975
  return [2 /*return*/];
@@ -11704,12 +11710,12 @@
11704
11710
  TransactionService.prototype.getRetailStadiums = function () {
11705
11711
  return this.connector.getRetailStadiums();
11706
11712
  };
11707
- TransactionService.prototype.addWebSessionTransactionLine = function (articleNumber, quantity) {
11713
+ TransactionService.prototype.addWebSessionTransactionLine = function (transactionUuid, articleNumber, quantity) {
11708
11714
  return __awaiter(this, void 0, void 0, function () {
11709
11715
  var response;
11710
11716
  return __generator(this, function (_a) {
11711
11717
  switch (_a.label) {
11712
- case 0: return [4 /*yield*/, this.connector.addWebSessionTransactionLine(articleNumber, quantity)];
11718
+ case 0: return [4 /*yield*/, this.connector.addWebSessionTransactionLine(transactionUuid, articleNumber, quantity)];
11713
11719
  case 1:
11714
11720
  response = _a.sent();
11715
11721
  this.handleLineOperationStatuses(response);
@@ -13777,7 +13783,7 @@
13777
13783
  CheckoutComponent.decorators = [
13778
13784
  { type: i0.Component, args: [{
13779
13785
  selector: "co-checkout",
13780
- template: "\n <ng-container *ngIf=\"configLoaded\">\n <co-stepper #stepper\n [title]=\"service.titleForCheckout\"\n [showStepper]=\"transactionType !== transKind.PurchaseOrder\"\n [titleIcon]=\"service.iconForCheckout\"\n [finishButtonLabel]=\"'CHECKOUT_FINISH' | localize\"\n (createClicked)=\"handleCreateTransaction($event)\"\n >\n <co-stepper-step #stepRelation [index]=\"1\" [label]=\"'YOUR_DATA' | localize\" (validateStep)=\"handleRelationValidation()\" *ngIf=\"showYourData\">\n <co-checkout-overview-relation-edit #checkoutRelation *ngIf=\"stepRelation.show\"\n [(relation)]=\"service.relation\"\n [relationKind]=\"relationType\"\n [deliveryAddressNawNr]=\"deliveryAddressNawNr\"\n [invoiceAddressNawNr]=\"invoiceAddressNawNr\"\n (deliveryAddressChange)=\"handleDeliveryAddressChange($event)\"\n (invoiceAddressChange)=\"handleInvoiceAddressChange($event)\"\n (relationChange)=\"service.relation = $event\"\n ></co-checkout-overview-relation-edit>\n </co-stepper-step>\n <co-stepper-step #stepDelivery [index]=\"2\" [label]=\"'DELIVERY' | localize\" (validateStep)=\"handleDeliveryValidation()\" *ngIf=\"showDelivery\">\n <co-checkout-overview-delivery-edit #checkoutDelivery *ngIf=\"stepDelivery.show\"\n [transaction]=\"service.currentTransaction\"\n ></co-checkout-overview-delivery-edit>\n </co-stepper-step>\n <co-stepper-step #stepOverview [index]=\"3\" [label]=\"service.paymentStepTitleForCheckout | localize\" *ngIf=\"showOverview\">\n <co-checkout-overview-payment *ngIf=\"stepOverview.show\"\n [relation]=\"service.relation\"\n [transaction]=\"service.currentTransaction\"\n [showPayment]=\"transactionType === transKind.SalesOrder\"\n (changeYourDataClick)=\"stepper.goto(0)\"\n (changeDeliveryClick)=\"stepper.goto(1)\"\n (payed)=\"handleTransactionFinished($event)\"\n ></co-checkout-overview-payment>\n </co-stepper-step>\n <div class=\"co-checkout-right-panel\">\n <div class=\"co-checkout-right-panel-relation\">\n <co-avatar [relationId]=\"sellerId\"></co-avatar>\n </div>\n <co-shopping-cart-preview *ngIf=\"!showCreateTransactionButton\" \n [showCheckoutButton]=\"false\" \n [withoutBorder]=\"true\"\n (editCartClick)=\"editCartClick.emit($event)\"\n ></co-shopping-cart-preview>\n </div>\n </co-stepper>\n </ng-container>\n ",
13786
+ template: "\n <ng-container *ngIf=\"configLoaded\">\n <co-stepper #stepper\n [title]=\"service.titleForCheckout\"\n [showStepper]=\"transactionType !== transKind.PurchaseOrder\"\n [titleIcon]=\"service.iconForCheckout\"\n [finishButtonLabel]=\"'CHECKOUT_FINISH' | localize\"\n (createClicked)=\"handleCreateTransaction($event)\"\n >\n <co-stepper-step #stepRelation [index]=\"1\" [label]=\"'YOUR_DATA' | localize\" (validateStep)=\"handleRelationValidation()\" *ngIf=\"showYourData\">\n <co-checkout-overview-relation-edit #checkoutRelation *ngIf=\"stepRelation.show\"\n [(relation)]=\"service.relation\"\n [relationKind]=\"relationType\"\n [deliveryAddressNawNr]=\"deliveryAddressNawNr\"\n [invoiceAddressNawNr]=\"invoiceAddressNawNr\"\n (deliveryAddressChange)=\"handleDeliveryAddressChange($event)\"\n (invoiceAddressChange)=\"handleInvoiceAddressChange($event)\"\n (relationChange)=\"service.relation = $event\"\n ></co-checkout-overview-relation-edit>\n </co-stepper-step>\n <co-stepper-step #stepDelivery [index]=\"2\" [label]=\"'DELIVERY' | localize\" (validateStep)=\"handleDeliveryValidation()\" *ngIf=\"showDelivery\">\n <co-checkout-overview-delivery-edit #checkoutDelivery *ngIf=\"stepDelivery.show\"\n [transaction]=\"service.currentTransaction\"\n ></co-checkout-overview-delivery-edit>\n </co-stepper-step>\n <co-stepper-step #stepOverview [index]=\"3\" [label]=\"service.paymentStepTitleForCheckout | localize\" *ngIf=\"showOverview\">\n <co-checkout-overview-payment *ngIf=\"stepOverview.show\"\n [relation]=\"service.relation\"\n [transaction]=\"service.currentTransaction\"\n [showPayment]=\"transactionType === transKind.SalesOrder\"\n (changeYourDataClick)=\"stepper.goto(0)\"\n (changeDeliveryClick)=\"stepper.goto(1)\"\n (payed)=\"handleTransactionFinished($event)\"\n ></co-checkout-overview-payment>\n </co-stepper-step>\n <div class=\"co-checkout-right-panel\">\n <div class=\"checkout-label-column\">\n <!--co-avatar [relationId]=\"sellerId\"></co-avatar-->\n <span class=\"label-description\" [textContent]=\"'CART' | localize\"></span>\n </div>\n <co-shopping-cart-preview *ngIf=\"!showCreateTransactionButton\"\n [showCheckoutButton]=\"false\"\n [withoutBorder]=\"true\"\n (editCartClick)=\"editCartClick.emit($event)\"\n ></co-shopping-cart-preview>\n </div>\n </co-stepper>\n </ng-container>\n ",
13781
13787
  providers: [
13782
13788
  { provide: corecomponents_v12.BaseModuleService, useExisting: CheckoutModuleService },
13783
13789
  { provide: corecomponents_v12.BaseModuleScreenConfigService, useExisting: CheckoutScreenConfigurationService },
@@ -14144,7 +14150,7 @@
14144
14150
  CheckoutOverviewRelationEditComponent.decorators = [
14145
14151
  { type: i0.Component, args: [{
14146
14152
  selector: 'co-checkout-overview-relation-edit',
14147
- template: "\n <div class=\"relation-edit-content\">\n <co-form>\n <div class=\"checkout-form-wrapper\">\n <div class=\"checkout-label-column\">\n <span #indexLabel></span>\n <span class=\"label-description\" [textContent]=\"'PERSONAL_DATA' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-relation-type *ngIf=\"relationKind === relKind.Customer\"\n [screenConfigurationObject]=\"cfgNames.RelationType\"\n [relation]=\"relation\"\n (relationChange)=\"handleRelationTypeChange($event)\"\n ></co-relation-type>\n <co-button class=\"empty-relation-button default-width\" [label]=\"'EMPTY' | localize\"\n (click)=\"emptyRelation($event)\"></co-button>\n </div>\n <div class=\"checkout-data-row\" *ngIf=\"relationKind === relKind.Customer\">\n <relation-customer-groups\n [screenConfigurationObject]=\"cfgNames.RelationCustomerGroup\"\n [model]=\"customerGroup\"\n (modelChange)=\"handleCustomerGroupChange($event)\" required></relation-customer-groups>\n </div>\n <div class=\"checkout-data-row\">\n <co-relation-general\n [configNames]=\"relationGeneralConfigNames\"\n [relation]=\"relation\"\n [relationType]=\"relationType\"\n (relationChange)=\"updateRelation($event)\"\n (inputChangeForSuggestions)=\"handleInputChange($event)\"\n ></co-relation-general>\n </div>\n <div class=\"checkout-data-row\">\n <co-relation-address\n [configNames]=\"relationAddressConfigNames\"\n [address]=\"address\"\n (inputChangeForSuggestions)=\"handleInputChange($event)\"\n ></co-relation-address>\n </div>\n </div>\n <ng-container *ngIf=\"showAddresses\">\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-relation-addresses\n [relation]=\"relation\"\n [addresses]=\"relation.addresses\"\n [type]=\"addressType.DeliveryAddress\"\n [selectedNawNr]=\"deliveryAddressNawNr\"\n (selectedNawNrChange)=\"handleDeliveryAddressChange($event)\"\n ></co-relation-addresses>\n </div>\n </div>\n <div class=\"checkout-label-column\" *ngIf=\"relationKind === relKind.Customer\">\n <span #indexLabel></span>\n <span class=\"label-description\" [textContent]=\"'INVOICE_ADDRESS' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\" *ngIf=\"relationKind === relKind.Customer\">\n <div class=\"checkout-data-row\">\n <co-input-checkbox [(model)]=\"service.invoiceAddressSameAsDelivery\" (modelChange)=\"checkSameAddress($event)\"\n [label]=\"'SAME_AS_DELIVERY' | localize\"></co-input-checkbox>\n </div>\n <div class=\"overview-delivery-invoice-address\" *ngIf=\"!service.invoiceAddressSameAsDelivery\"\n @showHideInvoiceAddress>\n <div class=\"checkout-data-row\">\n <co-relation-addresses\n [relation]=\"relation\"\n [addresses]=\"relation.activeAddresses\"\n [type]=\"addressType.BillingAddress\"\n [selectedNawNr]=\"invoiceAddressNawNr\"\n (selectedNawNrChange)=\"invoiceAddressChange.emit($event)\"\n ></co-relation-addresses>\n </div>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"showContactDetails\">\n <div class=\"checkout-label-column\">\n <span #indexLabel></span>\n <span class=\"label-description\" [textContent]=\"'CONTACT_DETAILS' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-relation-contact-details\n [configNames]=\"contactDetailsConfigNames\"\n [relation]=\"relation\"\n [relationKind]=\"relationKind\"></co-relation-contact-details>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"relationKind === relKind.Customer && showPreferences\">\n <div class=\"checkout-label-column\">\n <span #indexLabel></span>\n <span class=\"label-description\" [textContent]=\"'PRIVACY_PREFERENCES' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-relation-preferences\n [(relation)]=\"relation\"></co-relation-preferences>\n </div>\n </div>\n </ng-container>\n </div>\n </co-form>\n </div>\n <div class=\"suggestions-sidebar\" *ngIf=\"showSuggestionsSidebar && showSuggestions\" @showHideSidebar>\n <div class=\"relation-sidebar-header\">\n <label class=\"checkout-label-h3\" [textContent]=\"'SUGGESTIONS' | localize\"></label>\n </div>\n <co-relation-suggestions-list\n [suggestions]=\"relationSuggestions\"\n (suggestionSelected)=\"onRelationSuggestionClick($event)\"\n ></co-relation-suggestions-list>\n </div>\n ",
14153
+ template: "\n <div class=\"relation-edit-content\">\n <co-form>\n <div class=\"checkout-form-wrapper\">\n <div class=\"checkout-label-column\">\n <span #indexLabel></span>\n <span class=\"label-description\" [textContent]=\"'PERSONAL_DATA' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-relation-type *ngIf=\"relationKind === relKind.Customer\"\n [screenConfigurationObject]=\"cfgNames.RelationType\"\n [relation]=\"relation\"\n (relationChange)=\"handleRelationTypeChange($event)\"\n ></co-relation-type>\n <co-button class=\"empty-relation-button default-width\" [label]=\"'EMPTY' | localize\"\n (click)=\"emptyRelation($event)\"></co-button>\n </div>\n <div class=\"checkout-data-row\" *ngIf=\"relationKind === relKind.Customer\">\n <relation-customer-groups\n [screenConfigurationObject]=\"cfgNames.RelationCustomerGroup\"\n [model]=\"customerGroup\"\n (modelChange)=\"handleCustomerGroupChange($event)\" required></relation-customer-groups>\n </div>\n <div class=\"checkout-data-row\">\n <co-relation-general\n [configNames]=\"relationGeneralConfigNames\"\n [relation]=\"relation\"\n [relationType]=\"relationType\"\n (relationChange)=\"updateRelation($event)\"\n (inputChangeForSuggestions)=\"handleInputChange($event)\"\n ></co-relation-general>\n </div>\n <div class=\"checkout-data-row\">\n <co-relation-address\n [configNames]=\"relationAddressConfigNames\"\n [address]=\"address\"\n (inputChangeForSuggestions)=\"handleInputChange($event)\"\n ></co-relation-address>\n </div>\n </div>\n <ng-container *ngIf=\"showAddresses\">\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-relation-addresses\n [relation]=\"relation\"\n [addresses]=\"relation.addresses\"\n [type]=\"addressType.DeliveryAddress\"\n [selectedNawNr]=\"deliveryAddressNawNr\"\n (selectedNawNrChange)=\"handleDeliveryAddressChange($event)\"\n ></co-relation-addresses>\n </div>\n </div>\n <div class=\"checkout-label-column\" *ngIf=\"relationKind === relKind.Customer\">\n <span #indexLabel></span>\n <span class=\"label-description\" [textContent]=\"'INVOICE_ADDRESS' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\" *ngIf=\"relationKind === relKind.Customer\">\n <div class=\"checkout-data-row\">\n <co-input-checkbox [(model)]=\"service.invoiceAddressSameAsDelivery\" (modelChange)=\"checkSameAddress($event)\"\n [label]=\"'SAME_AS_DELIVERY' | localize\"></co-input-checkbox>\n </div>\n <div class=\"overview-delivery-invoice-address\" *ngIf=\"!service.invoiceAddressSameAsDelivery\"\n @showHideInvoiceAddress>\n <div class=\"checkout-data-row\">\n <co-relation-addresses\n [relation]=\"relation\"\n [addresses]=\"relation.activeAddresses\"\n [type]=\"addressType.BillingAddress\"\n [selectedNawNr]=\"invoiceAddressNawNr\"\n (selectedNawNrChange)=\"invoiceAddressChange.emit($event)\"\n ></co-relation-addresses>\n </div>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"showContactDetails\">\n <div class=\"checkout-label-column\">\n <span #indexLabel></span>\n <span class=\"label-description\" [textContent]=\"'CONTACT_DETAILS' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-relation-contact-details\n [configNames]=\"contactDetailsConfigNames\"\n [relation]=\"relation\"\n [relationKind]=\"relationKind\"></co-relation-contact-details>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"relationKind === relKind.Customer && showPreferences\">\n <div class=\"checkout-label-column\">\n <span #indexLabel></span>\n <span class=\"label-description\" [textContent]=\"'PRIVACY_PREFERENCES' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-relation-preferences\n [(relation)]=\"relation\"></co-relation-preferences>\n </div>\n </div>\n </ng-container>\n </div>\n </co-form>\n </div>\n <div class=\"suggestions-sidebar\" *ngIf=\"showSuggestionsSidebar && showSuggestions\" @showHideSidebar>\n <icon (click)=\"hideSidebar()\" [icon]=\"icons.Crossskinny\" class=\"close-button\"></icon>\n <div class=\"relation-sidebar-header\">\n <label class=\"checkout-label-h3\" [textContent]=\"'SUGGESTIONS' | localize\"></label>\n </div>\n <co-relation-suggestions-list\n [suggestions]=\"relationSuggestions\"\n (suggestionSelected)=\"onRelationSuggestionClick($event)\"\n ></co-relation-suggestions-list>\n </div>\n ",
14148
14154
  providers: [
14149
14155
  corecomponents_v12.FormMasterService
14150
14156
  ],
@@ -14320,7 +14326,7 @@
14320
14326
  CheckoutOverviewDeliveryEditComponent.decorators = [
14321
14327
  { type: i0.Component, args: [{
14322
14328
  selector: "co-checkout-overview-delivery-edit",
14323
- template: "\n <div class=\"delivery-edit-content\">\n <co-form>\n <div class=\"checkout-form-wrapper\">\n <div class=\"checkout-label-column\">\n <span #indexLabel></span>\n <span class=\"label-description\" [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 [screenConfigurationObject]=\"cfgNames.DeliveryMethod\"\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 [screenConfigurationObject]=\"cfgNames.DeliveryDate\"\n [transactionInfo]=\"transaction.transactionInfo\"\n ></co-transaction-header-delivery-date>\n <co-transaction-header-preferred-delivery-date class=\"header-delivery-deliverydate\"\n [screenConfigurationObject]=\"cfgNames.PreferedDeliveryDate\"\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\n [screenConfigurationObject]=\"cfgNames.PartialDelivery\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-partial-delivery>\n </div>\n <div class=\"checkout-data-row\" [screenConfigurationObject]=\"cfgNames.DeliveryOptions\" screenConfigNativeElement>\n <co-collapsible [headerTitle]=\"'ADD_DELIVERY_OPTION' | localize\"\n [iconData]=\"iconService.getIcon(icons.TriangleDown)\">\n <div class=\"checkout-data-row\">\n <co-transaction-header-delivery-options\n [screenConfigurationObject]=\"cfgNames.DeliveryOptions\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-delivery-options>\n </div>\n </co-collapsible>\n </div>\n <div class=\"checkout-data-row\" [screenConfigurationObject]=\"cfgNames.Remarks\" screenConfigNativeElement>\n <co-collapsible [headerTitle]=\"'ADD_REMARK' | localize\" [iconData]=\"iconService.getIcon(icons.TriangleDown)\">\n <div class=\"checkout-data-row\">\n <co-transaction-header-remarks\n [screenConfigurationObject]=\"cfgNames.Remarks\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-remarks>\n </div>\n </co-collapsible>\n </div>\n <div class=\"checkout-data-row\" [screenConfigurationObject]=\"cfgNames.Reference\" screenConfigNativeElement>\n <co-collapsible [headerTitle]=\"'ADD_REFERENCE' | localize\" [iconData]=\"iconService.getIcon(icons.TriangleDown)\">\n <div class=\"checkout-data-row\">\n <co-transaction-header-reference\n [screenConfigurationObject]=\"cfgNames.Reference\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-reference>\n </div>\n <div class=\"checkout-data-row\" [screenConfigurationObject]=\"cfgNames.ReferenceRelation\"\n screenConfigNativeElement>\n <co-transaction-header-relation-reference\n [screenConfigurationObject]=\"cfgNames.ReferenceRelation\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-relation-reference>\n </div>\n </co-collapsible>\n </div>\n </div>\n <ng-container *ngIf=\"showDownPayment\">\n <div class=\"checkout-label-column\">\n <span #indexLabel></span>\n <span class=\"label-description\" [textContent]=\"'DOWNPAYMENT' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-transaction-header-deposit-percentage\n [screenConfigurationObject]=\"cfgNames.DepositPercentage\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-deposit-percentage>\n <co-transaction-header-deposit-amount\n [screenConfigurationObject]=\"cfgNames.DepositAmount\"\n [transaction]=\"transaction\"></co-transaction-header-deposit-amount>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"showOrderData\">\n <div class=\"checkout-label-column\">\n <span #indexLabel></span>\n <span class=\"label-description\" [textContent]=\"'ORDER_DATA' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-transaction-header-branch\n [screenConfigurationObject]=\"cfgNames.Branch\"\n [simple]=\"true\" [transaction]=\"transaction\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-branch>\n <co-transaction-header-administrative-relation\n [screenConfigurationObject]=\"cfgNames.AdministrativeManager\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-administrative-relation>\n </div>\n <div class=\"checkout-data-row\" [screenConfigurationObject]=\"cfgNames.MarketingCode\" screenConfigNativeElement>\n <span class=\"label\" [textContent]=\"'MARKETING_CODE' | localize\"></span>\n </div>\n <div class=\"checkout-data-row\">\n <co-transaction-header-marketing\n [screenConfigurationObject]=\"cfgNames.MarketingCode\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-marketing>\n </div>\n <div class=\"checkout-data-row\" *ngIf=\"showOrderParameters\">\n <span class=\"label\" [textContent]=\"'ORDER_PARAMETERS' | localize\"></span>\n </div>\n <div class=\"checkout-data-row\">\n <co-transaction-header-definitive\n [screenConfigurationObject]=\"cfgNames.Definitive\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-definitive>\n </div>\n <div class=\"checkout-data-row\" *ngIf=\"!transaction.transactionInfo.transactionDefinitive\">\n <co-transaction-header-hold-codes\n [screenConfigurationObject]=\"cfgNames.OnHoldCodes\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-hold-codes>\n </div>\n </div>\n </ng-container>\n </div>\n </co-form>\n </div>\n ",
14329
+ template: "\n <div class=\"delivery-edit-content\">\n <co-form>\n <div class=\"checkout-form-wrapper\">\n <div class=\"checkout-label-column\">\n <span #indexLabel></span>\n <span class=\"label-description\" [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 [screenConfigurationObject]=\"cfgNames.DeliveryMethod\"\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 [screenConfigurationObject]=\"cfgNames.DeliveryDate\"\n [transactionInfo]=\"transaction.transactionInfo\"\n ></co-transaction-header-delivery-date>\n <co-transaction-header-preferred-delivery-date class=\"header-delivery-deliverydate\"\n [screenConfigurationObject]=\"cfgNames.PreferedDeliveryDate\"\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\n [screenConfigurationObject]=\"cfgNames.PartialDelivery\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-partial-delivery>\n </div>\n <div class=\"checkout-data-row\" [screenConfigurationObject]=\"cfgNames.DeliveryOptions\" screenConfigNativeElement>\n <co-collapsible [headerTitle]=\"'ADD_DELIVERY_OPTION' | localize\"\n [iconData]=\"iconService.getIcon(icons.TriangleDown)\">\n <div class=\"checkout-data-row\">\n <co-transaction-header-delivery-options\n [screenConfigurationObject]=\"cfgNames.DeliveryOptions\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-delivery-options>\n </div>\n </co-collapsible>\n </div>\n <div class=\"checkout-data-row\" [screenConfigurationObject]=\"cfgNames.Remarks\" screenConfigNativeElement>\n <co-collapsible [headerTitle]=\"'ADD_REMARK' | localize\" [iconData]=\"iconService.getIcon(icons.TriangleDown)\">\n <div class=\"checkout-data-row\">\n <co-transaction-header-remarks\n [screenConfigurationObject]=\"cfgNames.Remarks\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-remarks>\n </div>\n </co-collapsible>\n </div>\n <div class=\"checkout-data-row\" [screenConfigurationObject]=\"cfgNames.Reference\" screenConfigNativeElement>\n <co-collapsible [headerTitle]=\"'ADD_REFERENCE' | localize\" [iconData]=\"iconService.getIcon(icons.TriangleDown)\">\n <div class=\"checkout-data-row\">\n <co-transaction-header-reference\n [screenConfigurationObject]=\"cfgNames.Reference\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-reference>\n </div>\n <div class=\"checkout-data-row\" [screenConfigurationObject]=\"cfgNames.ReferenceRelation\"\n screenConfigNativeElement>\n <co-transaction-header-relation-reference\n [screenConfigurationObject]=\"cfgNames.ReferenceRelation\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-relation-reference>\n </div>\n </co-collapsible>\n </div>\n </div>\n <ng-container *ngIf=\"showDownPayment\">\n <div class=\"checkout-label-column\">\n <span #indexLabel></span>\n <span class=\"label-description\" [textContent]=\"'DOWNPAYMENT' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-transaction-header-deposit-percentage\n [screenConfigurationObject]=\"cfgNames.DepositPercentage\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-deposit-percentage>\n <co-transaction-header-deposit-amount\n [screenConfigurationObject]=\"cfgNames.DepositAmount\"\n [transaction]=\"transaction\"></co-transaction-header-deposit-amount>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"showOrderData\">\n <div class=\"checkout-label-column\">\n <span #indexLabel></span>\n <span class=\"label-description\" [textContent]=\"'ORDER_DATA' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-transaction-header-branch\n [screenConfigurationObject]=\"cfgNames.Branch\"\n [simple]=\"true\" [transaction]=\"transaction\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-branch>\n <co-transaction-header-administrative-relation\n [screenConfigurationObject]=\"cfgNames.AdministrativeManager\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-administrative-relation>\n </div>\n <div class=\"checkout-data-row\" *ngIf=\"showOrderParameters\">\n <co-transaction-header-definitive\n [screenConfigurationObject]=\"cfgNames.Definitive\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-definitive>\n <co-transaction-header-hold-codes\n *ngIf=\"!transaction.transactionInfo.transactionDefinitive\"\n [screenConfigurationObject]=\"cfgNames.OnHoldCodes\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-hold-codes>\n </div>\n <div class=\"checkout-data-row\" [screenConfigurationObject]=\"cfgNames.MarketingCode\" screenConfigNativeElement>\n <span class=\"label\" [textContent]=\"'MARKETING_CODE' | localize\"></span>\n </div>\n <div class=\"checkout-data-row\">\n <co-transaction-header-marketing\n [screenConfigurationObject]=\"cfgNames.MarketingCode\"\n [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-marketing>\n </div>\n </div>\n </ng-container>\n </div>\n </co-form>\n </div>\n ",
14324
14330
  providers: [
14325
14331
  corecomponents_v12.FormMasterService,
14326
14332
  {
@@ -15339,7 +15345,7 @@
15339
15345
  RelationAddressComponent.decorators = [
15340
15346
  { type: i0.Component, args: [{
15341
15347
  selector: "co-relation-address",
15342
- template: "\n <label *ngIf=label [textContent]=\"label | localize\"\n class=\"checkout-label-h3\"\n ></label>\n <div class=\"relation-address-data-row default\">\n <co-list-of-values\n [screenConfigurationObject]=\"configNames?.relationCountry\"\n [model]=\"countryModel\"\n [collection]=\"countries\"\n [displayField]=\"'description'\"\n [label]=\"'COUNTRY' | localize\"\n [required]=\"true\"\n (modelChange)=\"handleCountryChange($event)\"\n ></co-list-of-values>\n </div>\n <div class=\"relation-address-data-row default\">\n <co-input-text\n [screenConfigurationObject]=\"configNames?.relationPostalCode\"\n [(model)]=\"address.postalCode\"\n [placeholder]=\"'POSTAL_CODE' | localize\"\n (blur)=\"checkForPostalCodeCheckError()\"\n (modelChange)=\"handlePostalCodeChange()\"\n required\n ></co-input-text>\n <co-input-text class=\"default-width\"\n [screenConfigurationObject]=\"configNames.relationHouseNr\"\n [(model)]=\"address.houseNo\"\n [placeholder]=\"'HOUSE_NO' | localize\"\n [digitsOnly]=\"true\"\n (blur)=\"checkForPostalCodeCheckError()\"\n (modelChange)=\"changeHouseNo()\"\n required\n ></co-input-text>\n <co-input-text\n [screenConfigurationObject]=\"configNames?.relationHouseNrAdd\"\n [(model)]=\"address.houseNoAddition\"\n [placeholder]=\"'HOUSE_NO_ADDITION' | localize\"\n ></co-input-text>\n </div>\n <div class=\"relation-address-data-row default\">\n <co-input-text\n [screenConfigurationObject]=\"configNames?.relationStreet\"\n [(model)]=\"address.streetName\"\n [placeholder]=\"'STREET' | localize\" required\n (modelChange)=\"handleStreetChange()\"></co-input-text>\n </div>\n <div class=\"relation-address-data-row default\">\n <co-input-text\n [screenConfigurationObject]=\"configNames?.relationCity\"\n [(model)]=\"address.city\"\n [placeholder]=\"'CITY' | localize\" required\n (modelChange)=\"handleCityChange()\"></co-input-text>\n </div>\n ",
15348
+ template: "\n <label *ngIf=label [textContent]=\"label | localize\"\n class=\"checkout-label-h3\"\n ></label>\n <div class=\"relation-address-data-row default\">\n <co-input-text\n [screenConfigurationObject]=\"configNames?.relationPostalCode\"\n [(model)]=\"address.postalCode\"\n [placeholder]=\"'POSTAL_CODE' | localize\"\n (blur)=\"checkForPostalCodeCheckError()\"\n (modelChange)=\"handlePostalCodeChange()\"\n required\n ></co-input-text>\n <co-input-text class=\"default-width\"\n [screenConfigurationObject]=\"configNames.relationHouseNr\"\n [(model)]=\"address.houseNo\"\n [placeholder]=\"'HOUSE_NO' | localize\"\n [digitsOnly]=\"true\"\n (blur)=\"checkForPostalCodeCheckError()\"\n (modelChange)=\"changeHouseNo()\"\n required\n ></co-input-text>\n <co-input-text\n [screenConfigurationObject]=\"configNames?.relationHouseNrAdd\"\n [(model)]=\"address.houseNoAddition\"\n [placeholder]=\"'HOUSE_NO_ADDITION' | localize\"\n ></co-input-text>\n </div>\n <div class=\"relation-address-data-row default\">\n <co-input-text\n [screenConfigurationObject]=\"configNames?.relationStreet\"\n [(model)]=\"address.streetName\"\n [placeholder]=\"'STREET' | localize\" required\n (modelChange)=\"handleStreetChange()\"></co-input-text>\n <co-input-text\n [screenConfigurationObject]=\"configNames?.relationCity\"\n [(model)]=\"address.city\"\n [placeholder]=\"'CITY' | localize\" required\n (modelChange)=\"handleCityChange()\"></co-input-text>\n </div>\n <div class=\"relation-address-data-row default single\">\n <co-list-of-values\n [screenConfigurationObject]=\"configNames?.relationCountry\"\n [model]=\"countryModel\"\n [collection]=\"countries\"\n [displayField]=\"'description'\"\n [label]=\"'COUNTRY' | localize\"\n [required]=\"true\"\n (modelChange)=\"handleCountryChange($event)\"\n ></co-list-of-values>\n </div>\n ",
15343
15349
  encapsulation: i0.ViewEncapsulation.None
15344
15350
  },] }
15345
15351
  ];
@@ -16401,6 +16407,10 @@
16401
16407
  }
16402
16408
  finally { if (e_1) throw e_1.error; }
16403
16409
  }
16410
+ var configText = this.transactionLine.configurationReadable;
16411
+ if (configText) {
16412
+ totalCharacterCount += configText.length;
16413
+ }
16404
16414
  return totalCharacterCount;
16405
16415
  };
16406
16416
  TransactionLineImageAndDescriptionComponent.prototype.handleReadMoreClick = function () {
@@ -16444,7 +16454,7 @@
16444
16454
  TransactionLineImageAndDescriptionComponent.decorators = [
16445
16455
  { type: i0.Component, args: [{
16446
16456
  selector: "co-transaction-line-image-and-description",
16447
- template: "\n <div class=\"transaction-line-image\" [class.preview]=\"preview\" [screenConfigurationObject]=\"imageAndDescriptionConfigNames?.image\" screenConfigNativeElement>\n <co-image-display [model]=\"image\"></co-image-display>\n </div>\n <div class=\"transaction-line-description\" data-action=\"openSidePanel\">\n <div class=\"description-wrapper\">\n <co-transaction-line-description class=\"transaction-line-description-description\"\n [configNames]=\"imageAndDescriptionConfigNames\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [defaultEditMode]=\"false\"\n [showLabel]=\"false\"\n ></co-transaction-line-description>\n <div class=\"transaction-line-article-number-wrapper\" *ngIf=\"!popUpView\">\n <span *ngIf=\"showDivider\">|</span>\n <span [textContent]=\"transactionLine.articleNumber\" [screenConfigurationObject]=\"imageAndDescriptionConfigNames?.articleNr\" screenConfigNativeElement></span>\n <co-icon class=\"delete-icon\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\"\n [screenConfigurationObject]=\"imageAndDescriptionConfigNames?.deleteBtn\" screenConfigNativeElement\n (click)=\"deleteTransactionLineClick($event)\"></co-icon>\n </div>\n\n </div>\n <div *ngIf=\"!preview && !popUpView && transactionLine.articleBoundConcatenatedText\" class=\"article-text-wrapper\"\n [screenConfigurationObject]=\"imageAndDescriptionConfigNames?.articleText\" screenConfigNativeElement\n >\n <div [ngClass]=\"{'article-text-expand': true, 'large-article': !expanded}\">\n <div class=\"article-text\" *ngFor=\"let text of transactionLine.articleTextAsArray\">\n <span [innerHTML]=\"text | safeHtml\" (dblclick)=\"handleOpenArticleText(text)\"></span>\n </div>\n </div>\n <div *ngIf=\"calculateTotalCharacterCount() > 100\" class=\"expand-wrapper\" (click)=\"expandClicked()\">\n <co-icon [iconData]=\"expanded ? iconCacheService.getIcon(icons.TriangleUp) : iconCacheService.getIcon(icons.TriangleDown) \"></co-icon>\n <span class=\"expand-text\" [textContent]=\"!expanded ? ('SHOW_MORE' | localize) : ('SHOW_LESS' | localize)\"></span>\n </div>\n </div>\n <div *ngIf=\"!popUpView && transactionLine.configurationReadable\">\n <span [innerHTML]=\"transactionLine.configurationReadable\"></span>\n </div>\n </div>\n ",
16457
+ template: "\n <div class=\"transaction-line-image\" [class.preview]=\"preview\" [screenConfigurationObject]=\"imageAndDescriptionConfigNames?.image\" screenConfigNativeElement>\n <co-image-display [model]=\"image\"></co-image-display>\n </div>\n <div class=\"transaction-line-description\" data-action=\"openSidePanel\">\n <div class=\"description-wrapper\">\n <co-transaction-line-description class=\"transaction-line-description-description\"\n [configNames]=\"imageAndDescriptionConfigNames\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [defaultEditMode]=\"false\"\n [showLabel]=\"false\"\n ></co-transaction-line-description>\n <div class=\"transaction-line-article-number-wrapper\" *ngIf=\"!popUpView\">\n <span *ngIf=\"showDivider\">|</span>\n <span [textContent]=\"transactionLine.articleNumber\" [screenConfigurationObject]=\"imageAndDescriptionConfigNames?.articleNr\" screenConfigNativeElement></span>\n <co-icon class=\"delete-icon\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\"\n [screenConfigurationObject]=\"imageAndDescriptionConfigNames?.deleteBtn\" screenConfigNativeElement\n (click)=\"deleteTransactionLineClick($event)\"></co-icon>\n </div>\n\n </div>\n <div *ngIf=\"!preview && !popUpView && transactionLine.articleBoundConcatenatedText\" class=\"article-text-wrapper\"\n [screenConfigurationObject]=\"imageAndDescriptionConfigNames?.articleText\" screenConfigNativeElement\n >\n <div [ngClass]=\"{'article-text-expand': true, 'large-article': !expanded}\">\n <div class=\"article-text\" *ngFor=\"let text of transactionLine.articleTextAsArray\">\n <span [innerHTML]=\"text | safeHtml\" (dblclick)=\"handleOpenArticleText(text)\"></span>\n </div>\n <div *ngIf=\"!popUpView && transactionLine.configurationReadable\" class=\"configuration-text\">\n <span [innerHTML]=\"transactionLine.configurationReadable\"></span>\n </div>\n </div>\n <div *ngIf=\"calculateTotalCharacterCount() > 100\" class=\"expand-wrapper\" (click)=\"expandClicked()\">\n <co-icon [iconData]=\"expanded ? iconCacheService.getIcon(icons.TriangleUp) : iconCacheService.getIcon(icons.TriangleDown) \"></co-icon>\n <span class=\"expand-text\" [textContent]=\"!expanded ? ('SHOW_MORE' | localize) : ('SHOW_LESS' | localize)\"></span>\n </div>\n </div>\n </div>\n ",
16448
16458
  providers: [{
16449
16459
  provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
16450
16460
  useExisting: i0.forwardRef(function () { return TransactionLineImageAndDescriptionComponent; })
@@ -25705,7 +25715,7 @@
25705
25715
  ShoppingCartPreviewComponent.decorators = [
25706
25716
  { type: i0.Component, args: [{
25707
25717
  selector: "co-shopping-cart-preview",
25708
- template: "\n <ng-container *ngIf=\"screenConfigLoaded\"> \n <div class=\"cart-header\">\n <span class=\"cart-header-label\" [textContent]=\"'CART' | localize\"></span>\n </div>\n <div class=\"cart-lines\">\n <co-transaction-lines\n [transaction]=\"service.currentTransaction\"\n [preview]=\"true\"\n ></co-transaction-lines>\n </div>\n <div class=\"preview-totals-wrapper\">\n <co-transaction-totals\n [transactionInfo]=\"service.currentTransaction.transactionInfo\"\n [transactionTotal]=\"service.currentTransaction.transactionTotal\"\n ></co-transaction-totals>\n </div>\n <div class=\"cart-buttons\">\n <a class=\"button-edit-cart\" [textContent]=\"'EDIT_CART' | localize\"\n (click)=\"editCartClick.emit()\"\n ></a>\n <co-button *ngIf=\"showCheckoutButton\" class=\"button-checkout\" [label]=\"'SHOPPING_CART_CHECKOUT' | localize\"\n [disabled]=\"!service.articleAmount\"\n (click)=\"checkout.emit()\"></co-button>\n </div>\n </ng-container>\n ",
25718
+ template: "\n <ng-container *ngIf=\"screenConfigLoaded\">\n <div class=\"cart-header\">\n <span class=\"cart-header-label\" [textContent]=\"'CART' | localize\"></span>\n </div>\n <div class=\"cart-lines narrow-scrollbar\">\n <co-transaction-lines\n [transaction]=\"service.currentTransaction\"\n [preview]=\"true\"\n ></co-transaction-lines>\n </div>\n <div class=\"preview-totals-wrapper\">\n <co-transaction-totals\n [transactionInfo]=\"service.currentTransaction.transactionInfo\"\n [transactionTotal]=\"service.currentTransaction.transactionTotal\"\n ></co-transaction-totals>\n </div>\n <div class=\"cart-buttons\">\n <a class=\"button-edit-cart\" [textContent]=\"'EDIT_CART' | localize\"\n (click)=\"editCartClick.emit()\"\n ></a>\n <co-button *ngIf=\"showCheckoutButton\" class=\"button-checkout\" [label]=\"'SHOPPING_CART_CHECKOUT' | localize\"\n [disabled]=\"!service.articleAmount\"\n (click)=\"checkout.emit()\"></co-button>\n </div>\n </ng-container>\n ",
25709
25719
  providers: [
25710
25720
  { provide: corecomponents_v12.BaseModuleService, useExisting: TransactionService },
25711
25721
  { provide: corecomponents_v12.BaseModuleScreenConfigService, useExisting: CartScreenConfigurationService }
@@ -25946,7 +25956,7 @@
25946
25956
  DeliveryTypeTileComponent.decorators = [
25947
25957
  { type: i0.Component, args: [{
25948
25958
  selector: "co-delivery-type-tile",
25949
- template: "\n <co-tile [selected]=\"selected\" (selectedChange)=\"selectedChange.emit(method)\">\n <div class=\"delivery-type-content-wrapper\">\n <div class=\"delivery-type-title\" [textContent]=\"method.description\"></div>\n <div class=\"delivery-type-icon\">\n <!--\n <icon [icon]=\"method.icon\"></icon>\n -->\n </div>\n <div *ngIf=\"method.factor\" class=\"delivery-type-price\" [textContent]=\"method.factor | coCurrency\"></div>\n </div>\n </co-tile>\n ",
25959
+ template: "\n <co-tile [selected]=\"selected\" (selectedChange)=\"selectedChange.emit(method)\">\n <div class=\"delivery-type-content-wrapper\">\n <!--div class=\"delivery-type-icon\">\n <icon [icon]=\"method.icon\"></icon>\n </div-->\n <div class=\"delivery-type-title\" [textContent]=\"method.description\"></div>\n <div *ngIf=\"method.factor\" class=\"delivery-type-price\" [textContent]=\"method.factor | coCurrency\"></div>\n </div>\n </co-tile>\n ",
25950
25960
  encapsulation: i0.ViewEncapsulation.None
25951
25961
  },] }
25952
25962
  ];
@@ -27569,7 +27579,7 @@
27569
27579
  CheckoutOverviewPaymentComponent.decorators = [
27570
27580
  { type: i0.Component, args: [{
27571
27581
  selector: "co-checkout-overview-payment",
27572
- template: "\n <div class=\"checkout-overview-section\">\n <span class=\"overview-section-title\" [textContent]=\"'YOUR_DATA' | localize\"></span>\n <div class=\"two-column-grid\">\n <div class=\"overview-address\">\n <span class=\"overview-address-title\" [textContent]=\"'DELIVERY_ADDRESS' | localize\"></span>\n <span [textContent]=\"relation.displayName\"></span>\n <span [textContent]=\"deliveryAddress.displayAddress\"></span>\n <span [textContent]=\"deliveryAddress.displayPostal\"></span>\n </div>\n <div class=\"overview-address\">\n <span class=\"overview-address-title\" [textContent]=\"'INVOICE_ADDRESS' | localize\"></span>\n <span [textContent]=\"relation.displayName\"></span>\n <span [textContent]=\"invoiceAddress.displayAddress\"></span>\n <span [textContent]=\"invoiceAddress.displayPostal\"></span>\n </div>\n </div>\n <div class=\"overview-address\">\n <span class=\"overview-address-title\" [textContent]=\"'CONTACT_DETAILS' | localize\"></span>\n <span [textContent]=\"relation.primaryEmail\"></span>\n <span [textContent]=\"relation.primaryPhoneNumber\"></span>\n </div>\n <div class=\"overview-section-change-link\">\n <icon class=\"overview-section-change-icon\" [icon]=\"icons.ArrowPointRight\"></icon>\n <div [textContent]=\"'CHANGE_DATA' | localize\" (click)=\"changeYourDataClick.emit()\"></div>\n </div>\n </div>\n <div class=\"checkout-overview-section\">\n <span class=\"overview-section-title\" [textContent]=\"'DELIVERY' | localize\"></span>\n <div class=\"overview-address\">\n <div class=\"overview-row\">\n <span [textContent]=\"'EXPECTED_DELIVERY_DATE' | localize | append:':'\"></span><span [textContent]=\"transaction.transactionInfo.deliveryDate | date:'dd MMM yyyy'\"></span>\n </div>\n <div class=\"overview-row\">\n <span [textContent]=\"'DELIVERY_METHOD' | localize | append:':'\"></span><span [textContent]=\"transaction.transactionInfo.deliveryMethod\"></span>\n </div>\n </div>\n <div class=\"overview-section-change-link\">\n <icon class=\"overview-section-change-icon\" [icon]=\"icons.ArrowPointRight\"></icon>\n <div [textContent]=\"'CHANGE_DATA' | localize\" (click)=\"changeDeliveryClick.emit()\"></div>\n </div>\n </div>\n <co-payment *ngIf=\"showPayment\"\n [transId]=\"transaction.transactionInfo.id\"\n [branch]=\"transaction.transactionInfo.branch?.relationNr\"\n [transactionUuid]=\"transaction.transactionInfo.uuid\"\n [amount]=\"transaction.transactionInfo.depositAmount || transaction.transactionTotal.netAmount\"\n [currencyId]=\"transaction.transactionInfo.currencyId\"\n (payed)=\"handlePayed()\"\n ></co-payment>\n ",
27582
+ template: "\n <div class=\"checkout-label-column\">\n <span class=\"label-description\" [textContent]=\"'SUMMARY' | localize\"></span>\n </div>\n <div class=\"checkout-overview-section\">\n <span class=\"overview-section-title\" [textContent]=\"'YOUR_DATA' | localize\"></span>\n <div class=\"two-column-grid\">\n <div class=\"overview-address\">\n <span class=\"overview-address-title\" [textContent]=\"'DELIVERY_ADDRESS' | localize\"></span>\n <span [textContent]=\"relation.displayName\"></span>\n <span [textContent]=\"deliveryAddress.displayAddress\"></span>\n <span [textContent]=\"deliveryAddress.displayPostal\"></span>\n </div>\n <div class=\"overview-address\">\n <span class=\"overview-address-title\" [textContent]=\"'INVOICE_ADDRESS' | localize\"></span>\n <span [textContent]=\"relation.displayName\"></span>\n <span [textContent]=\"invoiceAddress.displayAddress\"></span>\n <span [textContent]=\"invoiceAddress.displayPostal\"></span>\n </div>\n </div>\n <div class=\"overview-address\">\n <span class=\"overview-address-title\" [textContent]=\"'CONTACT_DETAILS' | localize\"></span>\n <span [textContent]=\"relation.primaryEmail\"></span>\n <span [textContent]=\"relation.primaryPhoneNumber\"></span>\n </div>\n <div class=\"overview-section-change-link\">\n <icon class=\"overview-section-change-icon\" [icon]=\"icons.ArrowPointRight\"></icon>\n <div [textContent]=\"'CHANGE_DATA' | localize\" (click)=\"changeYourDataClick.emit()\"></div>\n </div>\n <span class=\"overview-section-title\" [textContent]=\"'DELIVERY' | localize\"></span>\n <div class=\"overview-address\">\n <div class=\"overview-row\">\n <span [textContent]=\"'EXPECTED_DELIVERY_DATE' | localize | append:':'\"></span><span [textContent]=\"transaction.transactionInfo.deliveryDate | date:'dd MMM yyyy'\"></span>\n </div>\n <div class=\"overview-row\">\n <span [textContent]=\"'DELIVERY_METHOD' | localize | append:':'\"></span><span [textContent]=\"transaction.transactionInfo.deliveryMethod\"></span>\n </div>\n </div>\n <div class=\"overview-section-change-link\">\n <icon class=\"overview-section-change-icon\" [icon]=\"icons.ArrowPointRight\"></icon>\n <div [textContent]=\"'CHANGE_DATA' | localize\" (click)=\"changeDeliveryClick.emit()\"></div>\n </div>\n </div>\n <div *ngIf=\"showPayment\" class=\"checkout-label-column\">\n <span class=\"label-description\" [textContent]=\"'PAYMENT' | localize\"></span>\n </div>\n <co-payment *ngIf=\"showPayment\"\n [transId]=\"transaction.transactionInfo.id\"\n [branch]=\"transaction.transactionInfo.branch?.relationNr\"\n [transactionUuid]=\"transaction.transactionInfo.uuid\"\n [amount]=\"transaction.transactionInfo.depositAmount || transaction.transactionTotal.netAmount\"\n [currencyId]=\"transaction.transactionInfo.currencyId\"\n (payed)=\"handlePayed()\"\n ></co-payment>\n ",
27573
27583
  encapsulation: i0.ViewEncapsulation.None
27574
27584
  },] }
27575
27585
  ];
@@ -33696,7 +33706,7 @@
33696
33706
  TransactionLineSidePanelDefaultComponent.decorators = [
33697
33707
  { type: i0.Component, args: [{
33698
33708
  selector: "co-transaction-line-side-panel-default",
33699
- template: "\n <div class=\"default-details-wrapper form-and-buttons\">\n <co-collapsible\n [iconData]=\"iconService.getIcon(icons.TriangleUp)\"\n [headerTitle]=\"'PRICING' | localize\"\n [expandButtonLast]=\"true\"\n [expanded]=\"true\"\n >\n <div class=\"collapsible-content-wrapper\">\n <div class=\"side-panel-input-row\">\n <co-transaction-line-quantity class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-quantity>\n <co-transaction-line-price class=\"side-panel-input\" [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-price>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'NET_LINE_TOTAL' | localize\" [model]=\"transactionLine.netLineTotal\" [readonly]=\"true\"></co-input-text>\n </div>\n </div>\n </co-collapsible>\n <co-collapsible\n [iconData]=\"iconService.getIcon(icons.TriangleUp)\"\n [headerTitle]=\"'LOGISTICS_AND_PLANNING' | localize\"\n [expandButtonLast]=\"true\"\n [expanded]=\"true\"\n >\n <div class=\"collapsible-content-wrapper\">\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'ASSEMBLY_TIME' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'ASSEMBLY_COSTS' | localize\" [type]=\"'number'\" [model]=\"transactionLine.assemblyCost\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'MODIFICATION_TIME' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'IN_OUT_COLLECTION' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-transaction-line-supplier-button class=\"side-panel-input\" [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-supplier-button>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'ARTICLE_NR_SUPPLIER' | localize\" [model]=\"transactionLine.articleNumber\" [readonly]=\"readonly\"></co-input-text>\n </div>\n </div>\n </co-collapsible>\n\n <co-collapsible\n [iconData]=\"iconService.getIcon(icons.TriangleUp)\"\n [headerTitle]=\"'OTHER' | localize\"\n [expandButtonLast]=\"true\"\n [expanded]=\"true\"\n >\n <div class=\"collapsible-content-wrapper\">\n <div class=\"side-panel-input-row\">\n <co-transaction-line-description class=\"side-panel-input\"\n [transactionLine]=\"transactionLine\"></co-transaction-line-description>\n </div>\n <div class=\"side-panel-input-row\">\n <co-transaction-line-reference class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-reference>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'CUSTOMER' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'ORDER_RULESET' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'LAST_EDITED_DATE' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'LAST_EDITED_USER' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'FABRICATION_COST' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'FABRICATION_COST_LINE_TOTAL' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'TRANSPORT_COST' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'TRANSPORT_COST_LINE_TOTAL' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n </div>\n </co-collapsible>\n </div>\n ",
33709
+ template: "\n <div class=\"default-details-wrapper form-and-buttons\">\n <co-collapsible\n [iconData]=\"iconService.getIcon(icons.TriangleUp)\"\n [headerTitle]=\"'PRICING' | localize\"\n [expandButtonLast]=\"true\"\n [expanded]=\"true\"\n >\n <div class=\"collapsible-content-wrapper\">\n <div class=\"side-panel-input-row\">\n <co-transaction-line-quantity class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-quantity>\n <co-transaction-line-price class=\"side-panel-input\" [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-price>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'NET_LINE_TOTAL' | localize\" [model]=\"transactionLine.netLineTotal\" [readonly]=\"true\"></co-input-text>\n </div>\n </div>\n </co-collapsible>\n <co-collapsible\n [iconData]=\"iconService.getIcon(icons.TriangleUp)\"\n [headerTitle]=\"'LOGISTICS_AND_PLANNING' | localize\"\n [expandButtonLast]=\"true\"\n [expanded]=\"true\"\n >\n <div class=\"collapsible-content-wrapper\">\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'ASSEMBLY_TIME' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'ASSEMBLY_COSTS' | localize\" [type]=\"'number'\" [model]=\"transactionLine.assemblyCost\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'MODIFICATION_TIME' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'IN_OUT_COLLECTION' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-transaction-line-supplier-button class=\"side-panel-input\" [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-supplier-button>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'ARTICLE_NR_SUPPLIER' | localize\" [model]=\"transactionLine.articleNumber\" [readonly]=\"readonly\"></co-input-text>\n </div>\n </div>\n </co-collapsible>\n\n <co-collapsible\n [iconData]=\"iconService.getIcon(icons.TriangleUp)\"\n [headerTitle]=\"'OTHER' | localize\"\n [expandButtonLast]=\"true\"\n [expanded]=\"true\"\n >\n <div class=\"collapsible-content-wrapper\">\n <div class=\"side-panel-input-row\">\n <co-transaction-line-description class=\"side-panel-input\"\n [transactionLine]=\"transactionLine\"></co-transaction-line-description>\n </div>\n <div class=\"side-panel-input-row\">\n <co-transaction-line-reference class=\"side-panel-input\" [transactionLine]=\"transactionLine\"></co-transaction-line-reference>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'CUSTOMER' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'ORDER_RULESET' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'LAST_EDITED_DATE' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'LAST_EDITED_USER' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'FABRICATION_COST' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'FABRICATION_COST_LINE_TOTAL' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'TRANSPORT_COST' | localize\" [readonly]=\"readonly\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [placeholder]=\"'TRANSPORT_COST_LINE_TOTAL' | localize\" [readonly]=\"readonly\"></co-input-text>\n </div>\n </div>\n </co-collapsible>\n </div>\n ",
33700
33710
  encapsulation: i0.ViewEncapsulation.None
33701
33711
  },] }
33702
33712
  ];