@colijnit/transaction 258.1.34 → 258.1.36

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 (19) hide show
  1. package/bundles/colijnit-transaction.umd.js +27 -9
  2. package/bundles/colijnit-transaction.umd.js.map +1 -1
  3. package/colijnit-transaction.metadata.json +1 -1
  4. package/esm2015/lib/component/checkout/checkout-overview-relation-edit/checkout-overview-relation-edit.component.js +3 -5
  5. package/esm2015/lib/component/relation/relation-address/relation-address.component.js +25 -15
  6. package/esm2015/lib/component/transaction-header/transaction-header/transaction-header.component.js +2 -5
  7. package/esm2015/lib/component/transaction-header/transaction-header-order/transaction-header-order.component.js +3 -4
  8. package/esm2015/lib/component/transaction-quick-access/transaction-quick-access-send-method-base.component.js +10 -3
  9. package/esm2015/lib/transaction-version.js +3 -3
  10. package/fesm2015/colijnit-transaction.js +39 -29
  11. package/fesm2015/colijnit-transaction.js.map +1 -1
  12. package/lib/component/relation/relation-address/relation-address.component.d.ts +5 -0
  13. package/lib/component/transaction-header/transaction-header/style/_layout.scss +9 -0
  14. package/lib/component/transaction-header/transaction-header-delivery/style/_layout.scss +1 -0
  15. package/lib/component/transaction-header/transaction-header-order/style/_layout.scss +4 -0
  16. package/lib/component/transaction-header/transaction-header-payment/style/_layout.scss +5 -1
  17. package/lib/component/transaction-header/transaction-header-relation/style/_layout.scss +1 -0
  18. package/lib/component/transaction-quick-access/transaction-quick-access-send-method-base.component.d.ts +1 -0
  19. package/package.json +1 -1
@@ -33,8 +33,8 @@
33
33
  function Version() {
34
34
  this.name = "@colijnit/transaction";
35
35
  this.description = "Colijn IT transaction package";
36
- this.symVer = "258.1.34";
37
- this.publishDate = "18/06/2025, 17:13:23";
36
+ this.symVer = "258.1.36";
37
+ this.publishDate = "20-6-2025 12:34:14";
38
38
  }
39
39
  return Version;
40
40
  }());
@@ -21694,7 +21694,7 @@
21694
21694
  CheckoutOverviewRelationEditComponent.decorators = [
21695
21695
  { type: i0.Component, args: [{
21696
21696
  selector: 'co-checkout-overview-relation-edit',
21697
- 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)\">\n </relation-customer-groups>\n <relation-customer-languages\n [screenConfigurationObject]=\"cfgNames.RelationLanguage\"\n [model]=\"customerLanguage\"\n (modelChange)=\"handleCustomerLanguageChange($event)\">\n </relation-customer-languages>\n <relation-customer-titles\n [screenConfigurationObject]=\"cfgNames.RelationTitle\"\n [model]=\"customerTitle\"\n (modelChange)=\"handleCustomerTitleChange($event)\">\n </relation-customer-titles>\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 <div class=\"checkout-data-column\" *ngIf=\"relationKind === relKind.Customer\">\n <div class=\"checkout-data-row\">\n <co-vat-payment [model]=\"vatPayment\"\n [screenConfigurationObject]=\"cfgNames.RelationVatPayment\"\n (modelChange)=\"handleVatPaymentChange($event)\"\n ></co-vat-payment>\n <co-vat-code [model]=\"vatCode\" *ngIf=\"!vatPayment\"\n [screenConfigurationObject]=\"cfgNames.RelationVatCode\"\n (modelChange)=\"handleVatCodeChange($event)\"\n ></co-vat-code>\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.activeAddresses\"\n [type]=\"addressType.DeliveryAddress\"\n [selectedNawNr]=\"deliveryAddressNawNr\"\n [noSaveOnAddAddress]=\"true\"\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\"\n (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 [noSaveOnAddAddress]=\"true\"\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 ",
21697
+ 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)\">\n </relation-customer-groups>\n <relation-customer-languages\n [screenConfigurationObject]=\"cfgNames.RelationLanguage\"\n [model]=\"customerLanguage\"\n (modelChange)=\"handleCustomerLanguageChange($event)\">\n </relation-customer-languages>\n <relation-customer-titles\n [screenConfigurationObject]=\"cfgNames.RelationTitle\"\n [model]=\"customerTitle\"\n (modelChange)=\"handleCustomerTitleChange($event)\">\n </relation-customer-titles>\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 *ngIf=\"relationKind === relKind.Customer\">\n <co-vat-payment [model]=\"vatPayment\"\n [screenConfigurationObject]=\"cfgNames.RelationVatPayment\"\n (modelChange)=\"handleVatPaymentChange($event)\"\n ></co-vat-payment>\n <co-vat-code [model]=\"vatCode\" *ngIf=\"!vatPayment\"\n [screenConfigurationObject]=\"cfgNames.RelationVatCode\"\n (modelChange)=\"handleVatCodeChange($event)\"\n ></co-vat-code>\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.activeAddresses\"\n [type]=\"addressType.DeliveryAddress\"\n [selectedNawNr]=\"deliveryAddressNawNr\"\n [noSaveOnAddAddress]=\"true\"\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\"\n (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 [noSaveOnAddAddress]=\"true\"\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 ",
21698
21698
  providers: [
21699
21699
  corecomponents_v12.FormMasterService,
21700
21700
  RelationSuggestionsService
@@ -23121,7 +23121,7 @@
23121
23121
  _this.transactionService = transactionService;
23122
23122
  _this.addressChange = new i0.EventEmitter();
23123
23123
  _this.countries = [];
23124
- // public addressTypes: CoDomainValue[] = [];
23124
+ _this.addressTypes = [];
23125
23125
  _this.fields = { text: "description", value: "code" };
23126
23126
  _this.postalCodeCheckErrorMessage = "";
23127
23127
  _this._prevPostalCodeForCheck = "";
@@ -23151,6 +23151,9 @@
23151
23151
  _this.countries = countries;
23152
23152
  _this._setSelectedAddress();
23153
23153
  });
23154
+ this._connector.getAddressTypes('NL').then(function (codes) {
23155
+ _this.addressTypes = codes;
23156
+ });
23154
23157
  return [2 /*return*/];
23155
23158
  });
23156
23159
  });
@@ -23225,6 +23228,14 @@
23225
23228
  this.inputChangeForSuggestions.next(this.suggestionRequest);
23226
23229
  }
23227
23230
  };
23231
+ RelationAddressComponent.prototype.handleAddressTypeChange = function (addressType) {
23232
+ if (Object.values(addressType_enum.AddressType).includes(addressType.code)) {
23233
+ this.address.addressType = addressType.code;
23234
+ }
23235
+ };
23236
+ RelationAddressComponent.prototype.addressTypeForCode = function (addressType) {
23237
+ return this.addressTypes.find(function (addressTypeListItem) { return addressTypeListItem.code === addressType; });
23238
+ };
23228
23239
  RelationAddressComponent.prototype._setSelectedAddress = function () {
23229
23240
  var _this = this;
23230
23241
  if (!this.address || !this.countries) {
@@ -23240,7 +23251,7 @@
23240
23251
  RelationAddressComponent.decorators = [
23241
23252
  { type: i0.Component, args: [{
23242
23253
  selector: "co-relation-address",
23243
- template: "\n <label *ngIf=label [textContent]=\"label | localize\"\n class=\"checkout-label-h3\"\n ></label>\n <div class=\"relation-address-data-row default\" [class.validation-error]=\"wrongAddress\">\n <co-input-text\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 [(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 [(model)]=\"address.houseNoAddition\"\n [placeholder]=\"'HOUSE_NO_ADDITION' | localize\"\n ></co-input-text>\n <span *ngIf=\"wrongAddress\" class=\"wrong-address\" [textContent]=\"'UNKNOWN_ADDRESS_CHECK_IT' | localize\"></span>\n </div>\n <div class=\"relation-address-data-row default\">\n <co-input-text\n [(model)]=\"address.streetName\"\n [placeholder]=\"'STREET' | localize\" required\n (modelChange)=\"handleStreetChange()\"></co-input-text>\n <co-input-text\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 [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 single\">-->\n<!-- <co-list-of-values-->\n<!-- [(model)]=\"address.addressType\"-->\n<!-- [collection]=\"addressTypes\"-->\n<!-- [displayField]=\"'description'\"-->\n<!-- [label]=\"'ADDRESS_TYPE' | localize\"-->\n<!-- [required]=\"true\"-->\n<!-- ></co-list-of-values>-->\n<!-- </div>-->\n<!-- -->\n ",
23254
+ template: "\n <label *ngIf=label [textContent]=\"label | localize\"\n class=\"checkout-label-h3\"\n ></label>\n <div class=\"relation-address-data-row default\" [class.validation-error]=\"wrongAddress\">\n <co-input-text\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 [(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 [(model)]=\"address.houseNoAddition\"\n [placeholder]=\"'HOUSE_NO_ADDITION' | localize\"\n ></co-input-text>\n <span *ngIf=\"wrongAddress\" class=\"wrong-address\" [textContent]=\"'UNKNOWN_ADDRESS_CHECK_IT' | localize\"></span>\n </div>\n <div class=\"relation-address-data-row default\">\n <co-input-text\n [(model)]=\"address.streetName\"\n [placeholder]=\"'STREET' | localize\" required\n (modelChange)=\"handleStreetChange()\"></co-input-text>\n <co-input-text\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 [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 single\">\n <co-list-of-values\n [model]=\"addressTypeForCode(address.addressType)\"\n (modelChange)=\"handleAddressTypeChange($event)\"\n [collection]=\"addressTypes\"\n [displayField]=\"'description'\"\n [label]=\"'ADDRESS_TYPE' | localize\"\n [required]=\"true\"\n ></co-list-of-values>\n </div>\n \n ",
23244
23255
  encapsulation: i0.ViewEncapsulation.None
23245
23256
  },] }
23246
23257
  ];
@@ -26372,6 +26383,7 @@
26372
26383
  _this.additionalFileName = '';
26373
26384
  _this.pdfDoc = '';
26374
26385
  _this.disablePdfPreview = false;
26386
+ _this.isAdditionalDocAllowedByScreenConfig = false;
26375
26387
  return _this;
26376
26388
  }
26377
26389
  TransactionQuickAccessSendMethodBaseComponent.prototype.ngOnInit = function () {
@@ -26495,6 +26507,9 @@
26495
26507
  this.transactionService.getTermsAndConditionsForm(this.transactionInfo.id).then(function (result) {
26496
26508
  _this.additionalFileContents = result;
26497
26509
  _this.additionalFileName = _this.transactionInfo.transactionKind + '_' + _this.transactionInfo.transactionNr.toString();
26510
+ // @ts-ignore
26511
+ _this.isAdditionalDocEnabled = _this.isAdditionalDocAllowedByScreenConfig && !!result;
26512
+ _this.detectChanges();
26498
26513
  });
26499
26514
  };
26500
26515
  TransactionQuickAccessSendMethodBaseComponent.prototype.upsertDocument = function (doc) {
@@ -26534,8 +26549,11 @@
26534
26549
  this._getDefaultSendMethod();
26535
26550
  this._getEmailLayouts();
26536
26551
  this._getPrintLayouts();
26537
- this.isDocSignEnabled = this.screenConfigService.getObjectConfigurationFor(this.cfgNames.IsDocSignEnabled).immediatelyVisible();
26538
- this.isAdditionalDocEnabled = this.screenConfigService.getObjectConfigurationFor(this.cfgNames.IsAdditionalDocEnabled).immediatelyVisible();
26552
+ this.isAdditionalDocAllowedByScreenConfig =
26553
+ this.screenConfigService.getObjectConfigurationFor(this.cfgNames.IsAdditionalDocEnabled).immediatelyVisible();
26554
+ if (this.isAdditionalDocAllowedByScreenConfig) {
26555
+ this.getTermsAndConditionsForm();
26556
+ }
26539
26557
  this.getHistoricDocuments();
26540
26558
  };
26541
26559
  TransactionQuickAccessSendMethodBaseComponent.prototype._getPrinters = function () {
@@ -58158,7 +58176,7 @@
58158
58176
  TransactionHeaderComponent.decorators = [
58159
58177
  { type: i0.Component, args: [{
58160
58178
  selector: 'co-transaction-header',
58161
- template: "\n <div class=\"transaction-header-wrapper\" (click)=\"showDialog = true\" [class.expanded]=\"!toggleHeader\">\n <co-carousel>\n <co-transaction-header-relation #carouselItem\n [screenConfigurationObject]=\"cfgNames.RelationInfoHeader\"\n ></co-transaction-header-relation>\n <div class=\"header-order-payment-wrapper\">\n <co-transaction-header-order #carouselItem\n [screenConfigurationObject]=\"cfgNames.OrderInfoHeader\"\n [class.purchase-order-header]=\"isPurchaseOrder\"\n ></co-transaction-header-order>\n <co-transaction-header-payment *ngIf=\"!isPurchaseOrder\" #carouselItem\n [screenConfigurationObject]=\"cfgNames.PaymentInfoHeader\"\n ></co-transaction-header-payment>\n </div>\n <co-transaction-header-delivery #carouselItem\n [screenConfigurationObject]=\"cfgNames.DeliveryInfoHeader\"\n ></co-transaction-header-delivery>\n </co-carousel>\n <!--div class=\"expand-transaction-header\">\n <co-icon class=\"expand-header-icon\"\n [iconData]=\"iconCacheService.getIcon(icons.ArrowPointDown)\"\n (click)=\"expandHeader()\">\n </co-icon>\n </div-->\n </div>\n <co-transaction-header-popup *ngIf=\"showDialog\"\n [activeCategoryDescription]=\"'ORDER_INFORMATION1'\"\n (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n ",
58179
+ template: "\n <div class=\"transaction-header-wrapper\" [class.expanded]=\"!toggleHeader\">\n <co-carousel>\n <co-transaction-header-relation #carouselItem\n [screenConfigurationObject]=\"cfgNames.RelationInfoHeader\"\n ></co-transaction-header-relation>\n <div class=\"header-order-payment-wrapper\">\n <co-transaction-header-order #carouselItem\n [screenConfigurationObject]=\"cfgNames.OrderInfoHeader\"\n [class.purchase-order-header]=\"isPurchaseOrder\"\n ></co-transaction-header-order>\n <co-transaction-header-payment *ngIf=\"!isPurchaseOrder\" #carouselItem\n [screenConfigurationObject]=\"cfgNames.PaymentInfoHeader\"\n ></co-transaction-header-payment>\n </div>\n <co-transaction-header-delivery #carouselItem\n [screenConfigurationObject]=\"cfgNames.DeliveryInfoHeader\"\n ></co-transaction-header-delivery>\n </co-carousel>\n <!--div class=\"expand-transaction-header\">\n <co-icon class=\"expand-header-icon\"\n [iconData]=\"iconCacheService.getIcon(icons.ArrowPointDown)\"\n (click)=\"expandHeader()\">\n </co-icon>\n </div-->\n </div>\n ",
58162
58180
  encapsulation: i0.ViewEncapsulation.None
58163
58181
  },] }
58164
58182
  ];
@@ -58309,7 +58327,7 @@
58309
58327
  TransactionHeaderOrderComponent.decorators = [
58310
58328
  { type: i0.Component, args: [{
58311
58329
  selector: "co-transaction-header-order",
58312
- template: "\n <co-transaction-header-block\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n\n (headerClick)=\"showDialog = true\"\n >\n </co-transaction-header-block>\n <ng-template #firstBlock>\n <div class=\"transaction-header-block-row\" (click)=\"showDialog = true\">\n <div class=\"header-order-total-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderOrderOrderTotalHeader\" screenConfigNativeElement>\n <span class=\"header-order-total-label co-transaction-label\" [textContent]=\"'ORDER_TOTAL' | localize\"></span>\n <div class=\"header-order-total\" [textContent]=\"transactionTotal.netAmount | coCurrency\"></div>\n </div>\n </div>\n </ng-template>\n <ng-template #secondBlock>\n <div class=\"transaction-header-block-row\" (click)=\"showDialog = true\" [screenConfigurationObject]=\"cfgNames.HeaderOrderDiscountHeader\" screenConfigNativeElement>\n <div class=\"transaction-header-discount-button\">\n <div class=\"header-discount\" (click)=\"openDiscount($event)\">\n <co-icon class=\"header-discount-icon\" [iconData]=\"iconCacheService.getIcon(icons.LightEuroSignMinus)\"></co-icon>\n </div>\n </div>\n </div>\n </ng-template>\n <!--ng-template #hiddenBlock>\n <div class=\"transaction-header-block-row\" [screenConfigurationObject]=\"cfgNames.HeaderOrderDefinitiveHeader\" screenConfigNativeElement>\n <div class=\"header-order-definitive\">\n <co-transaction-header-definitive class=\"transaction-header-order-definitive\"\n [screenConfigurationObject]=\"cfgNames.HeaderOrderDefinitiveHeader\"\n ></co-transaction-header-definitive>\n </div>\n <span class=\"header-order-line-amount-label co-transaction-label\" [textContent]=\"'ORDER_LINES' | localize\"></span>\n <div class=\"header-order-line-amount\" [textContent]=\"transactionLines.length\"></div>\n </div>\n </ng-template-->\n <co-transaction-header-popup *ngIf=\"showDialog\"\n [activeCategoryDescription]=\"'ORDER_INFORMATION1'\"\n (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n<!--\n\n <co-dialog class=\"transaction-header-order-dialog\" [customCssClass]=\"'co-small-scrollbar'\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showDialog\"\n (closeClick)=\"showDialog = false\">\n <ng-template #headerTemplate>\n <div class=\"co-dialog-header-title\" [textContent]=\"'ORDER_INFORMATION1' | localize\"></div>\n <co-transaction-header-block\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n [thirdBlockTemplate]=\"thirdBlock\"\n >\n </co-transaction-header-block>\n </ng-template>\n <div class=\"order-dialog-section\">\n <div class=\"section-wrapper\">\n <div class=\"section-header\" [textContent]=\"'BASE_INFO1' | localize | prepend:'01 '\"></div>\n <div class=\"two-column-grid\">\n <co-transaction-header-branch [simple]=\"true\" [transaction]=\"transaction\" [transactionInfo]=\"transactionInfo\"></co-transaction-header-branch>\n <co-transaction-header-sales-person [transactionInfo]=\"transactionInfo\"></co-transaction-header-sales-person>\n <co-transaction-header-administrative-relation\n [transactionInfo]=\"transactionInfo\"></co-transaction-header-administrative-relation>\n <co-transaction-header-price-kind [transaction]=\"transaction\" [transactionInfo]=\"transactionInfo\"></co-transaction-header-price-kind>\n <co-transaction-header-currency [transaction]=\"transaction\" [transactionInfo]=\"transactionInfo\"></co-transaction-header-currency>\n <co-transaction-header-payment-condition\n [transactionInfo]=\"transactionInfo\"></co-transaction-header-payment-condition>\n </div>\n </div>\n <div class=\"section-wrapper\">\n <div class=\"section-header\" [textContent]=\"'ORDER_PARAMETERS' | localize | prepend:'02 '\"></div>\n <div class=\"section-sub-title\" [textContent]=\"'ON_HOLD_CODES' | localize\"></div>\n <co-transaction-header-hold-codes [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-hold-codes>\n <div class=\"section-sub-title\" [textContent]=\"'MARKETING_CODE' | localize\"></div>\n <co-transaction-header-marketing [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-marketing>\n </div>\n </div>\n </co-dialog>\n-->\n <co-dialog-transaction-header-discount class=\"discount-dialog\" *ngIf=\"showDialogDiscount\"\n [screenConfigurationObject]=\"cfgNames.DiscountPriceInformationHeader\"\n (close)=\"showDialogDiscount = false\">\n </co-dialog-transaction-header-discount>\n ",
58330
+ template: "\n <co-transaction-header-block\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n (headerClick)=\"showDialog = true\"\n >\n </co-transaction-header-block>\n <ng-template #firstBlock>\n <div class=\"transaction-header-block-row\">\n <div class=\"header-order-total-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderOrderOrderTotalHeader\" screenConfigNativeElement>\n <span class=\"header-order-total-label co-transaction-label\" [textContent]=\"'ORDER_TOTAL' | localize\"></span>\n <div class=\"header-order-total\" [textContent]=\"transactionTotal.netAmount | coCurrency\"></div>\n </div>\n </div>\n </ng-template>\n <ng-template #secondBlock>\n <div class=\"transaction-header-block-row\" [screenConfigurationObject]=\"cfgNames.HeaderOrderDiscountHeader\" screenConfigNativeElement>\n <div class=\"transaction-header-discount-button\">\n <div class=\"header-discount\" (click)=\"openDiscount($event)\">\n <co-icon class=\"header-discount-icon\" [iconData]=\"iconCacheService.getIcon(icons.LightEuroSignMinus)\"></co-icon>\n </div>\n </div>\n </div>\n </ng-template>\n <!--ng-template #hiddenBlock>\n <div class=\"transaction-header-block-row\" [screenConfigurationObject]=\"cfgNames.HeaderOrderDefinitiveHeader\" screenConfigNativeElement>\n <div class=\"header-order-definitive\">\n <co-transaction-header-definitive class=\"transaction-header-order-definitive\"\n [screenConfigurationObject]=\"cfgNames.HeaderOrderDefinitiveHeader\"\n ></co-transaction-header-definitive>\n </div>\n <span class=\"header-order-line-amount-label co-transaction-label\" [textContent]=\"'ORDER_LINES' | localize\"></span>\n <div class=\"header-order-line-amount\" [textContent]=\"transactionLines.length\"></div>\n </div>\n </ng-template-->\n <co-transaction-header-popup *ngIf=\"showDialog\"\n [activeCategoryDescription]=\"'ORDER_INFORMATION1'\"\n (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n<!--\n\n <co-dialog class=\"transaction-header-order-dialog\" [customCssClass]=\"'co-small-scrollbar'\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showDialog\"\n (closeClick)=\"showDialog = false\">\n <ng-template #headerTemplate>\n <div class=\"co-dialog-header-title\" [textContent]=\"'ORDER_INFORMATION1' | localize\"></div>\n <co-transaction-header-block\n [headerBlockTemplate]=\"headerBlock\"\n [firstBlockTemplate]=\"firstBlock\"\n [secondBlockTemplate]=\"secondBlock\"\n [thirdBlockTemplate]=\"thirdBlock\"\n >\n </co-transaction-header-block>\n </ng-template>\n <div class=\"order-dialog-section\">\n <div class=\"section-wrapper\">\n <div class=\"section-header\" [textContent]=\"'BASE_INFO1' | localize | prepend:'01 '\"></div>\n <div class=\"two-column-grid\">\n <co-transaction-header-branch [simple]=\"true\" [transaction]=\"transaction\" [transactionInfo]=\"transactionInfo\"></co-transaction-header-branch>\n <co-transaction-header-sales-person [transactionInfo]=\"transactionInfo\"></co-transaction-header-sales-person>\n <co-transaction-header-administrative-relation\n [transactionInfo]=\"transactionInfo\"></co-transaction-header-administrative-relation>\n <co-transaction-header-price-kind [transaction]=\"transaction\" [transactionInfo]=\"transactionInfo\"></co-transaction-header-price-kind>\n <co-transaction-header-currency [transaction]=\"transaction\" [transactionInfo]=\"transactionInfo\"></co-transaction-header-currency>\n <co-transaction-header-payment-condition\n [transactionInfo]=\"transactionInfo\"></co-transaction-header-payment-condition>\n </div>\n </div>\n <div class=\"section-wrapper\">\n <div class=\"section-header\" [textContent]=\"'ORDER_PARAMETERS' | localize | prepend:'02 '\"></div>\n <div class=\"section-sub-title\" [textContent]=\"'ON_HOLD_CODES' | localize\"></div>\n <co-transaction-header-hold-codes [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-hold-codes>\n <div class=\"section-sub-title\" [textContent]=\"'MARKETING_CODE' | localize\"></div>\n <co-transaction-header-marketing [transactionInfo]=\"transaction.transactionInfo\"></co-transaction-header-marketing>\n </div>\n </div>\n </co-dialog>\n-->\n <co-dialog-transaction-header-discount class=\"discount-dialog\" *ngIf=\"showDialogDiscount\"\n [screenConfigurationObject]=\"cfgNames.DiscountPriceInformationHeader\"\n (close)=\"showDialogDiscount = false\">\n </co-dialog-transaction-header-discount>\n ",
58313
58331
  providers: [{
58314
58332
  provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
58315
58333
  useExisting: i0.forwardRef(function () { return TransactionHeaderOrderComponent; })