@colijnit/transaction 12.1.156 → 12.1.158

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 (40) hide show
  1. package/bundles/colijnit-transaction.umd.js +24 -13
  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-payment/checkout-overview-payment.component.js +7 -3
  5. package/esm2015/lib/component/checkout/checkout-overview-relation-edit/checkout-overview-relation-edit.component.js +2 -1
  6. package/esm2015/lib/component/checkout/checkout.component.js +6 -5
  7. package/esm2015/lib/component/delivery-type-tile/delivery-type-tile.component.js +4 -6
  8. package/esm2015/lib/component/relation/relation-address/relation-address.component.js +21 -23
  9. package/esm2015/lib/component/shopping-cart-preview/shopping-cart-preview.component.js +3 -3
  10. package/esm2015/lib/component/transaction-line-image-and-description/transaction-line-image-and-description.component.js +8 -4
  11. package/esm2015/lib/component/transaction-line-side-panel-default/transaction-line-side-panel-default.component.js +3 -1
  12. package/esm2015/lib/component/transaction-search/transaction-search-tile/transaction-statusbar/transaction-statusbar.component.js +11 -4
  13. package/esm2015/lib/transaction-version.js +3 -3
  14. package/fesm2015/colijnit-transaction.js +58 -43
  15. package/fesm2015/colijnit-transaction.js.map +1 -1
  16. package/lib/component/checkout/checkout-overview-delivery-edit/style/_layout.scss +1 -1
  17. package/lib/component/checkout/checkout-overview-payment/style/_layout.scss +1 -0
  18. package/lib/component/checkout/checkout-overview-payment/style/_material-definition.scss +3 -2
  19. package/lib/component/checkout/checkout-overview-relation-edit/style/_layout.scss +15 -0
  20. package/lib/component/checkout/checkout-overview-relation-edit/style/_material-definition.scss +8 -1
  21. package/lib/component/checkout/style/_layout.scss +56 -14
  22. package/lib/component/checkout/style/_material-definition.scss +4 -3
  23. package/lib/component/delivery-type-tile/style/_layout.scss +5 -1
  24. package/lib/component/delivery-type-tile/style/_material-definition.scss +1 -1
  25. package/lib/component/relation/relation-address/style/_layout.scss +5 -0
  26. package/lib/component/relation/relation-address/style/_material-definition.scss +1 -0
  27. package/lib/component/relation/relation-addresses/style/_layout.scss +5 -1
  28. package/lib/component/relation/relation-addresses/style/_material-definition.scss +1 -0
  29. package/lib/component/relation/relation-suggestions-list/style/_layout.scss +2 -1
  30. package/lib/component/relation/relation-suggestions-list-item/style/_layout.scss +13 -4
  31. package/lib/component/relation/relation-suggestions-list-item/style/_material-definition.scss +6 -1
  32. package/lib/component/shopping-cart-preview/style/_layout.scss +30 -1
  33. package/lib/component/shopping-cart-preview/style/_material-definition.scss +3 -0
  34. package/lib/component/tile/style/_layout.scss +1 -1
  35. package/lib/component/tile/style/_material-definition.scss +1 -1
  36. package/lib/component/transaction-line-image-and-description/style/_layout.scss +17 -5
  37. package/lib/component/transaction-line-image-and-description/style/_material-definition.scss +10 -2
  38. package/lib/component/transaction-search/transaction-search-tile/transaction-statusbar/transaction-statusbar.component.d.ts +1 -1
  39. package/lib/style/_variables.scss +10 -0
  40. package/package.json +2 -2
@@ -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.156";
36
- this.publishDate = "1-11-2023 12:38:21";
35
+ this.symVer = "12.1.158";
36
+ this.publishDate = "2-11-2023 18:33:34";
37
37
  }
38
38
  return Version;
39
39
  }());
@@ -13777,7 +13777,7 @@
13777
13777
  CheckoutComponent.decorators = [
13778
13778
  { type: i0.Component, args: [{
13779
13779
  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 ",
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=\"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
13781
  providers: [
13782
13782
  { provide: corecomponents_v12.BaseModuleService, useExisting: CheckoutModuleService },
13783
13783
  { provide: corecomponents_v12.BaseModuleScreenConfigService, useExisting: CheckoutScreenConfigurationService },
@@ -14144,7 +14144,7 @@
14144
14144
  CheckoutOverviewRelationEditComponent.decorators = [
14145
14145
  { type: i0.Component, args: [{
14146
14146
  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 ",
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 <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
14148
  providers: [
14149
14149
  corecomponents_v12.FormMasterService
14150
14150
  ],
@@ -15339,7 +15339,7 @@
15339
15339
  RelationAddressComponent.decorators = [
15340
15340
  { type: i0.Component, args: [{
15341
15341
  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 ",
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-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
15343
  encapsulation: i0.ViewEncapsulation.None
15344
15344
  },] }
15345
15345
  ];
@@ -16401,6 +16401,10 @@
16401
16401
  }
16402
16402
  finally { if (e_1) throw e_1.error; }
16403
16403
  }
16404
+ var configText = this.transactionLine.configurationReadable;
16405
+ if (configText) {
16406
+ totalCharacterCount += configText.length;
16407
+ }
16404
16408
  return totalCharacterCount;
16405
16409
  };
16406
16410
  TransactionLineImageAndDescriptionComponent.prototype.handleReadMoreClick = function () {
@@ -16444,7 +16448,7 @@
16444
16448
  TransactionLineImageAndDescriptionComponent.decorators = [
16445
16449
  { type: i0.Component, args: [{
16446
16450
  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 ",
16451
+ 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
16452
  providers: [{
16449
16453
  provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
16450
16454
  useExisting: i0.forwardRef(function () { return TransactionLineImageAndDescriptionComponent; })
@@ -25705,7 +25709,7 @@
25705
25709
  ShoppingCartPreviewComponent.decorators = [
25706
25710
  { type: i0.Component, args: [{
25707
25711
  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 ",
25712
+ 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
25713
  providers: [
25710
25714
  { provide: corecomponents_v12.BaseModuleService, useExisting: TransactionService },
25711
25715
  { provide: corecomponents_v12.BaseModuleScreenConfigService, useExisting: CartScreenConfigurationService }
@@ -25946,7 +25950,7 @@
25946
25950
  DeliveryTypeTileComponent.decorators = [
25947
25951
  { type: i0.Component, args: [{
25948
25952
  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 ",
25953
+ 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
25954
  encapsulation: i0.ViewEncapsulation.None
25951
25955
  },] }
25952
25956
  ];
@@ -27569,7 +27573,7 @@
27569
27573
  CheckoutOverviewPaymentComponent.decorators = [
27570
27574
  { type: i0.Component, args: [{
27571
27575
  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 ",
27576
+ 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
27577
  encapsulation: i0.ViewEncapsulation.None
27574
27578
  },] }
27575
27579
  ];
@@ -33696,7 +33700,7 @@
33696
33700
  TransactionLineSidePanelDefaultComponent.decorators = [
33697
33701
  { type: i0.Component, args: [{
33698
33702
  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 ",
33703
+ 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
33704
  encapsulation: i0.ViewEncapsulation.None
33701
33705
  },] }
33702
33706
  ];
@@ -38021,7 +38025,7 @@
38021
38025
  var transaction = this._transaction;
38022
38026
  this.statusbarData = [];
38023
38027
  if (this.screenConfigService.getObjectConfigurationFor(this._configNames.statusBarBT).immediatelyVisible()) {
38024
- this.statusbarData.push(this.getStatusbarLine("ORDERED", transaction.quantityOrdered, transaction.quantityToBeOrdered)); //Besteld
38028
+ this.statusbarData.push(this.getStatusbarLine("ORDERED", transaction.quantityOrdered, transaction.quantityToBeOrdered, transaction.isFullyOrdered)); //Besteld
38025
38029
  }
38026
38030
  if (this.screenConfigService.getObjectConfigurationFor(this._configNames.statusBarTG).immediatelyVisible()) {
38027
38031
  this.statusbarData.push(this.getStatusbarLine("ALLOCATED", transaction.quantityAllocated)); //Toegewezen
@@ -38067,8 +38071,15 @@
38067
38071
  this.statusbarData.push(this.getStatusbarLine("INVOICE_CHECK", transaction.quantityInvoiceControl)); //Factuur controle
38068
38072
  }
38069
38073
  };
38070
- TransactionStatusbarComponent.prototype.getStatusbarLine = function (label, quantity, calculateWith) {
38071
- return { label: this._dictionary.get(label), percentage: this.calculatePercentage(quantity, calculateWith === undefined ? this._total : calculateWith) };
38074
+ TransactionStatusbarComponent.prototype.getStatusbarLine = function (label, quantity, calculateWith, forceDisplayFullyProcessed) {
38075
+ var percentage;
38076
+ if (forceDisplayFullyProcessed) {
38077
+ percentage = 100;
38078
+ }
38079
+ else {
38080
+ percentage = this.calculatePercentage(quantity, calculateWith === undefined ? this._total : calculateWith);
38081
+ }
38082
+ return { label: this._dictionary.get(label), percentage: percentage };
38072
38083
  };
38073
38084
  TransactionStatusbarComponent.prototype.calculatePercentage = function (amount, totalAmount) {
38074
38085
  if (amount === 0 || totalAmount === 0) {