@colijnit/transaction 300.1.27 → 300.1.28

package/fesm2022/colijnit-transaction.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Injectable, EventEmitter, Pipe, HostBinding, Input, ViewEncapsulation, Component, Injector, InjectionToken, Optional, Inject, Output, ContentChildren, Directive, ElementRef, forwardRef, ViewChild, ViewContainerRef, ChangeDetectionStrategy, HostListener, ViewChildren, NgModule, LOCALE_ID, model } from '@angular/core';
 import { TransactionKind } from '@colijnit/transactionapi/build/enum/transaction-kind.enum';
 import * as i1$1 from '@colijnit/corecomponents_v12';
-import { BaseModuleService, BaseModuleScreenConfigService, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, InputTextComponent, SimpleGridColumnTemplateType, SimpleGridColumnDirective, FormMasterService, ColumnAlign, OverlayService, ContentViewMode, InputCheckboxComponent, FormComponent, InputDatePickerComponent, InputTextareaComponent, CoDialogModule, ButtonModule, CollapsibleModule, InputCheckboxModule, InputTextModule, IconModule, ListOfValuesModule, InputSearchModule, FormModule, ScreenConfigurationModule, InputRadioButtonModule, TooltipDirectiveModule, CheckmarkOverlayModule, PriceDisplayPipeModule, CarouselModule, InputTextareaModule, InputDatePickerModule, FilterPipeModule, ObserveVisibilityModule, CoCurrencyPipeModule, ImageModule, FilterViewmodel, CoreComponentsTranslationModule, ColorPickerModule, ClickoutsideModule, OverlayModule, CalendarComponent, InputNumberPickerModule, SimpleGridModule, GridToolbarButtonModule, InputDateRangePickerModule, HourSchedulingComponentModule, HourSchedulingExpandableComponentModule, HourSchedulingExpandableTemplateModule, ViewModeButtonsModule, FilterItemMode, FilterItemComponent, FilterItemModule, PaginationModule, PaginationBarModule, IconCollapseHandleModule, PopupModule, CoDialogWizardModule, InputScannerModule, CoreComponentsIcon } from '@colijnit/corecomponents_v12';
+import { BaseModuleService, BaseModuleScreenConfigService, FilterViewmodel, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, InputTextComponent, SimpleGridColumnTemplateType, SimpleGridColumnDirective, FormMasterService, ColumnAlign, OverlayService, ContentViewMode, InputCheckboxComponent, FormComponent, InputDatePickerComponent, InputTextareaComponent, CoDialogModule, ButtonModule, CollapsibleModule, InputCheckboxModule, InputTextModule, IconModule, ListOfValuesModule, InputSearchModule, FormModule, ScreenConfigurationModule, InputRadioButtonModule, TooltipDirectiveModule, CheckmarkOverlayModule, PriceDisplayPipeModule, CarouselModule, InputTextareaModule, InputDatePickerModule, FilterPipeModule, ObserveVisibilityModule, CoCurrencyPipeModule, ImageModule, CoreComponentsTranslationModule, ColorPickerModule, ClickoutsideModule, OverlayModule, CalendarComponent, InputNumberPickerModule, SimpleGridModule, GridToolbarButtonModule, InputDateRangePickerModule, HourSchedulingComponentModule, HourSchedulingExpandableComponentModule, HourSchedulingExpandableTemplateModule, ViewModeButtonsModule, FilterItemMode, FilterItemComponent, FilterItemModule, PaginationModule, PaginationBarModule, IconCollapseHandleModule, PopupModule, CoDialogWizardModule, InputScannerModule, CoreComponentsIcon } from '@colijnit/corecomponents_v12';
 import { TransactionInfo } from '@colijnit/transactionapi/build/model/transaction-info.bo';
 import { TransactionInfoResponse } from '@colijnit/transactionapi/build/model/transaction-info-response.bo';
 import { TransactionServiceInfo } from '@colijnit/transactionapi/build/model/transaction-service-info.bo';
@@ -215,6 +215,7 @@ import { DiscountType } from '@colijnit/transactionapi/build/enum/discount-type.
 import { SetTransactionDiscountsRequest } from '@colijnit/transactionapi/build/model/set-transaction-discounts-request';
 import { AddressType } from '@colijnit/relationapi/build/enum/address-type.enum';
 import { RelationKind as RelationKind$2 } from '@colijnit/transactionapi/build/enum/relation-kind.enum';
+import { ArrayUtils } from '@colijnit/ioneconnector/build/utils/array-utils';
 import { NULL_RELATION_OBJECT, NULL_CUSTOMER_FULL_OBJECT } from '@colijnit/relationapi/build/model/nul-relation-object';
 import { isNill } from '@colijnit/ioneconnector/build/utils/function/is-nill.function';
 import { GenderType } from '@colijnit/relationapi/build/enum/gender-type.enum';
@@ -281,7 +282,6 @@ import { TransactionLineCopyRequest } from '@colijnit/transactionapi/build/model
 import { CalculateAmountToPayRequest } from '@colijnit/transactionapi/build/model/calculate-amount-to-pay-request';
 import { ExternalCatalogAddArticleRequest } from '@colijnit/transactionapi/build/model/external-catalog-add-article-request';
 import { CopyTransactionRequest } from '@colijnit/transactionapi/build/model/copy-transaction-request';
-import { ArrayUtils } from '@colijnit/ioneconnector/build/utils/array-utils';
 import { SortUtils } from '@colijnit/ioneconnector/build/utils/sort-utils';
 import { SortDirection } from '@colijnit/ioneconnector/build/enum/sort-direction';
 import { SortType } from '@colijnit/ioneconnector/build/enum/sort-type.enum';
@@ -362,8 +362,8 @@ import { DateField } from '@colijnit/ioneconnector/build/factory/decorators/date
 class Version {
     name = "@colijnit/transaction";
     description = "Colijn IT transaction package";
-    symVer = "300.1.27";
-    publishDate = "22-9-2026, 18:02:37";
+    symVer = "300.1.28";
+    publishDate = "24-9-2026, 16:52:49";
 }
 
 class CheckoutModuleService extends BaseModuleService {
@@ -9885,6 +9885,14 @@ class TransactionRelationService {
         return this._adapterService.getRelationListObjects(relationRequest);
         // }).getValue(relationRequest);
     }
+    async getSuppliersForSearch(text) {
+        const request = new RelationRequest();
+        request.relationType = RelationKind.Supplier;
+        request.general = text;
+        return this.getRelationListObjects(request).then(r => {
+            return new FilterViewmodel(r, { text: 'familyName', value: 'relationNr' }).filterItems;
+        });
+    }
     // public getAvailableStockForSupplier(relationId: number): Promise<SupplierArticleStockForecastDTO> {
     //   return this._adapterService.getAvailableStockForSupplier(relationId);
     // }
@@ -14704,6 +14712,9 @@ var TransactionCfgName;
     TransactionCfgName["NoCC0ForReserveStickers"] = "noCC0ForReserveStickers";
     TransactionCfgName["OrderedAmount"] = "orderedAmount";
     TransactionCfgName["LineWarehouseLocationReceived"] = "lineWarehouseLocationReceived";
+    /* Transaction texts panel */
+    TransactionCfgName["TextEditor"] = "textEditor";
+    TransactionCfgName["OptionList"] = "optionList";
     /* Invoice_check rubric */
     /* Service Overview Tab*/
     TransactionCfgName["ServiceMessage"] = "serviceMessage";
@@ -31476,6 +31487,7 @@ class RelationAddressComponent extends RelationBaseComponent {
             this.address.houseNo = houseNo;
             this.suggestionRequest.houseNr = this.address.houseNo;
             this.inputChangeForSuggestions.emit(this.suggestionRequest);
+            this.addressChange.emit(this.address);
         }
     }
     handleCountryChange(country) {
@@ -31484,6 +31496,7 @@ class RelationAddressComponent extends RelationBaseComponent {
             this.address.countryId = this.countryModel?.code;
             this.suggestionRequest.country = country?.description;
             this.inputChangeForSuggestions.emit(this.suggestionRequest);
+            this.addressChange.emit(this.address);
         }
     }
     handlePostalCodeChange(postCode) {
@@ -31491,6 +31504,7 @@ class RelationAddressComponent extends RelationBaseComponent {
             this.address.postalCode = postCode;
             this.suggestionRequest.postalCode = this.address.postalCode;
             this.inputChangeForSuggestions.emit(this.suggestionRequest);
+            this.addressChange.emit(this.address);
         }
     }
     handleStreetChange(streetName) {
@@ -31498,6 +31512,7 @@ class RelationAddressComponent extends RelationBaseComponent {
             this.address.streetName = streetName;
             this.suggestionRequest.street = this.address.streetName;
             this.inputChangeForSuggestions.emit(this.suggestionRequest);
+            this.addressChange.emit(this.address);
         }
     }
     handleCityChange(city) {
@@ -31505,22 +31520,26 @@ class RelationAddressComponent extends RelationBaseComponent {
             this.address.city = city;
             this.suggestionRequest.city = this.address.city;
             this.inputChangeForSuggestions.emit(this.suggestionRequest);
+            this.addressChange.emit(this.address);
         }
     }
     handleCompanyChange(addressName) {
         if (this.address) {
             this.address.addressName = addressName;
+            this.addressChange.emit(this.address);
         }
     }
     handleAddressTypeChange(addressType) {
         if (Object.values(AddressType).includes(addressType?.code)) {
             this.address.addressType = addressType?.code;
+            this.addressChange.emit(this.address);
         }
     }
     handleHouseAdditionChange(houseAddition) {
         this.address.houseNoAddition = houseAddition;
         this.suggestionRequest.houseNrAddition = houseAddition;
         this.inputChangeForSuggestions.emit(this.suggestionRequest);
+        this.addressChange.emit(this.address);
     }
     addressTypeForCode(addressType) {
         return this.addressTypes.find((addressTypeListItem) => addressTypeListItem?.code === addressType);
@@ -33020,6 +33039,23 @@ class CheckoutOverviewRelationEditComponent {
     ngOnDestroy() {
         this._subs.forEach(s => s.unsubscribe());
     }
+    async setAddress(updatedAddress) {
+        if (!updatedAddress) {
+            return;
+        }
+        const addresses = this._relation.addresses ?? (this._relation.addresses = []);
+        const existingAddress = addresses.find(a => a.nawNr === updatedAddress.nawNr);
+        if (existingAddress) {
+            ArrayUtils.ReplaceElement(updatedAddress, this.address, addresses);
+        }
+        else {
+            addresses.push(updatedAddress);
+        }
+        this.address = updatedAddress;
+        await this._setCountryNameToAddress(this.address);
+        this._autoSelectBillingAddressAsInvoice();
+        this.relationChange.emit(this._relation);
+    }
     handleInputChange(request) {
         this._requestForSuggestions = Object.assign(this._requestForSuggestions, request);
         this._suggestionsService.requestForSuggestions = this._requestForSuggestions;
@@ -33262,6 +33298,7 @@ class CheckoutOverviewRelationEditComponent {
                 <co-relation-address
                   [configNames]="relationAddressConfigNames"
                   [address]="address"
+                  (addressChange)="setAddress($event)"
                   (inputChangeForSuggestions)="handleInputChange($event)"
                 ></co-relation-address>
               </div>
@@ -33435,6 +33472,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 <co-relation-address
                   [configNames]="relationAddressConfigNames"
                   [address]="address"
+                  (addressChange)="setAddress($event)"
                   (inputChangeForSuggestions)="handleInputChange($event)"
                 ></co-relation-address>
               </div>
@@ -50852,6 +50890,7 @@ class TransactionArticleTextComponent {
     _dictionaryService;
     _transactionEventService;
     icons = Icon;
+    cfgNames = TransactionCfgName;
     form;
     wysiwyg;
     header;
@@ -51129,7 +51168,12 @@ class TransactionArticleTextComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionArticleTextComponent, deps: [{ token: TransactionService }, { token: IconCacheService }, { token: DictionaryService }, { token: TransactionEventService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionArticleTextComponent, isStandalone: false, selector: "co-transaction-article-text", inputs: { header: "header", transactionUuid: "transactionUuid", transactionLine: "transactionLine", orderLineSetDTO: "orderLineSetDTO", articleRef: "articleRef", editText: "editText", articleLineNr: "articleLineNr", showArticleImageDescription: "showArticleImageDescription", showImage: "showImage" }, outputs: { closeClick: "closeClick", cancelClick: "cancelClick", saveClick: "saveClick", saveOrderLineSetClick: "saveOrderLineSetClick" }, host: { properties: { "class.co-transaction-article-text": "this.showClass" } }, viewQueries: [{ propertyName: "form", first: true, predicate: FormComponent, descendants: true }, { propertyName: "wysiwyg", first: true, predicate: ["wysiwyg"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionArticleTextComponent, isStandalone: false, selector: "co-transaction-article-text", inputs: { header: "header", transactionUuid: "transactionUuid", transactionLine: "transactionLine", orderLineSetDTO: "orderLineSetDTO", articleRef: "articleRef", editText: "editText", articleLineNr: "articleLineNr", showArticleImageDescription: "showArticleImageDescription", showImage: "showImage" }, outputs: { closeClick: "closeClick", cancelClick: "cancelClick", saveClick: "saveClick", saveOrderLineSetClick: "saveOrderLineSetClick" }, host: { properties: { "class.co-transaction-article-text": "this.showClass" } }, providers: [
+            {
+                provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                useExisting: forwardRef(() => TransactionArticleTextComponent)
+            }
+        ], viewQueries: [{ propertyName: "form", first: true, predicate: FormComponent, descendants: true }, { propertyName: "wysiwyg", first: true, predicate: ["wysiwyg"], descendants: true }], ngImport: i0, template: `
     <co-dialog
       [headerTemplate]="headerTemplate"
       [footerTemplate]="footerTemplate"
@@ -51173,7 +51217,10 @@ class TransactionArticleTextComponent {
             }
           </div>
 
-          <div class="article-text-content-wrapper">
+          <div class="article-text-content-wrapper"
+               [screenConfigNativeElement]="true"
+               [screenConfigurationObject]="cfgNames.TextEditor"
+          >
             <div class="editor-wrapper">
               <div class="change-editor" [class.raw-active]="editRawText">
                 <co-icon (click)="changeEditorMode()" [iconData]="iconCacheService.getIcon(icons.CodeRegular)"></co-icon>
@@ -51196,7 +51243,10 @@ class TransactionArticleTextComponent {
             </div>
           </div>
 
-          <div class="option-wrapper">
+          <div class="option-wrapper"
+               [screenConfigNativeElement]="true" 
+               [screenConfigurationObject]="cfgNames.OptionList"
+          >
             <div class="article-text-documents-header-wrapper">
               <span [textContent]="'FOR_DOCUMENTS' | localize"></span>
               <co-input-checkbox class="select-all-checkbox" [model]="selectAll" (modelChange)="handleSelectAll($event)"
@@ -51234,7 +51284,7 @@ class TransactionArticleTextComponent {
         (click)="closeClick.emit($event)"></co-button>
       </div>
     </ng-template>
-    `, isInline: true, dependencies: [{ kind: "component", type: i1$1.CoDialogComponent, selector: "co-dialog", inputs: ["customCssClass", "headerTemplate", "footerTemplate", "showCloseIcon", "modal", "borderless"], outputs: ["closeClick"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "component", type: i1$1.ButtonComponent, selector: "co-button", inputs: ["label", "iconData", "iconDataRight", "isToggleButton", "isToggled", "hidden", "disabled"], outputs: ["onClick", "clickedWhileDisabled", "isToggledChange"] }, { kind: "component", type: i1$1.ListOfValuesComponent, selector: "co-list-of-values", inputs: ["model", "multiselect", "showToggleAll", "largeCollection", "displayField", "optionIcon", "collection", "collectionLoadFn", "collectionLoadFnProp", "leftIconData", "searchPlaceholder", "searchDisabled", "showChips"], outputs: ["leftIconClick"] }, { kind: "component", type: i1$1.InputTextComponent, selector: "co-input-text", inputs: ["useContent", "placeholder", "align", "type", "formatPipe", "min", "max", "pattern", "digitsOnly", "excludePlusMinus", "showClearButton", "keyDownWhiteList", "showPlaceholderOnFocus", "leftIcon", "rightIcon", "leftIconData", "rightIconData", "selectOnFocus", "emptyPlace", "firstDayOfWeek", "noStyle", "hideArrowButtons", "model"], outputs: ["leftIconClick", "leftIconMouseDown", "leftIconMouseUp", "rightIconClick", "rightIconMouseDown", "rightIconMouseUp", "clearIconClick", "isFocused"] }, { kind: "component", type: i1$1.ColorPickerComponent, selector: "co-color-picker", inputs: ["label"] }, { kind: "component", type: i1$1.FormComponent, selector: "co-form", inputs: ["readonly", "keepInView"], outputs: ["onChange", "validSubmit", "anySubmit", "validityChange", "readonlyChange", "invalidSubmit"] }, { kind: "component", type: i1$1.InputTextareaComponent, selector: "co-input-textarea", inputs: ["placeholder"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
+    `, isInline: true, dependencies: [{ kind: "component", type: i1$1.CoDialogComponent, selector: "co-dialog", inputs: ["customCssClass", "headerTemplate", "footerTemplate", "showCloseIcon", "modal", "borderless"], outputs: ["closeClick"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "component", type: i1$1.ButtonComponent, selector: "co-button", inputs: ["label", "iconData", "iconDataRight", "isToggleButton", "isToggled", "hidden", "disabled"], outputs: ["onClick", "clickedWhileDisabled", "isToggledChange"] }, { kind: "component", type: i1$1.ListOfValuesComponent, selector: "co-list-of-values", inputs: ["model", "multiselect", "showToggleAll", "largeCollection", "displayField", "optionIcon", "collection", "collectionLoadFn", "collectionLoadFnProp", "leftIconData", "searchPlaceholder", "searchDisabled", "showChips"], outputs: ["leftIconClick"] }, { kind: "component", type: i1$1.InputTextComponent, selector: "co-input-text", inputs: ["useContent", "placeholder", "align", "type", "formatPipe", "min", "max", "pattern", "digitsOnly", "excludePlusMinus", "showClearButton", "keyDownWhiteList", "showPlaceholderOnFocus", "leftIcon", "rightIcon", "leftIconData", "rightIconData", "selectOnFocus", "emptyPlace", "firstDayOfWeek", "noStyle", "hideArrowButtons", "model"], outputs: ["leftIconClick", "leftIconMouseDown", "leftIconMouseUp", "rightIconClick", "rightIconMouseDown", "rightIconMouseUp", "clearIconClick", "isFocused"] }, { kind: "component", type: i1$1.ColorPickerComponent, selector: "co-color-picker", inputs: ["label"] }, { kind: "component", type: i1$1.FormComponent, selector: "co-form", inputs: ["readonly", "keepInView"], outputs: ["onChange", "validSubmit", "anySubmit", "validityChange", "readonlyChange", "invalidSubmit"] }, { kind: "component", type: i1$1.InputTextareaComponent, selector: "co-input-textarea", inputs: ["placeholder"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionArticleTextComponent, decorators: [{
             type: Component,
@@ -51284,7 +51334,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             }
           </div>
 
-          <div class="article-text-content-wrapper">
+          <div class="article-text-content-wrapper"
+               [screenConfigNativeElement]="true"
+               [screenConfigurationObject]="cfgNames.TextEditor"
+          >
             <div class="editor-wrapper">
               <div class="change-editor" [class.raw-active]="editRawText">
                 <co-icon (click)="changeEditorMode()" [iconData]="iconCacheService.getIcon(icons.CodeRegular)"></co-icon>
@@ -51307,7 +51360,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             </div>
           </div>
 
-          <div class="option-wrapper">
+          <div class="option-wrapper"
+               [screenConfigNativeElement]="true" 
+               [screenConfigurationObject]="cfgNames.OptionList"
+          >
             <div class="article-text-documents-header-wrapper">
               <span [textContent]="'FOR_DOCUMENTS' | localize"></span>
               <co-input-checkbox class="select-all-checkbox" [model]="selectAll" (modelChange)="handleSelectAll($event)"
@@ -51346,6 +51402,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
       </div>
     </ng-template>
     `,
+                    providers: [
+                        {
+                            provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                            useExisting: forwardRef(() => TransactionArticleTextComponent)
+                        }
+                    ],
                     encapsulation: ViewEncapsulation.None,
                     standalone: false
                 }]
@@ -51404,7 +51466,8 @@ class TransactionArticleTextModule {
             ColorPickerModule,
             FormModule,
             InputTextareaModule,
-            IconModule], exports: [TransactionArticleTextComponent] });
+            IconModule,
+            ScreenConfigurationModule], exports: [TransactionArticleTextComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionArticleTextModule, imports: [CommonModule,
             CoreModule,
             FormsModule,
@@ -51421,7 +51484,8 @@ class TransactionArticleTextModule {
             ColorPickerModule,
             FormModule,
             InputTextareaModule,
-            IconModule] });
+            IconModule,
+            ScreenConfigurationModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionArticleTextModule, decorators: [{
             type: NgModule,
@@ -51443,7 +51507,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         ColorPickerModule,
                         FormModule,
                         InputTextareaModule,
-                        IconModule
+                        IconModule,
+                        ScreenConfigurationModule
                     ],
                     declarations: [
                         TransactionArticleTextComponent
@@ -69009,8 +69074,6 @@ class TransactionPurchaseOrderFilterContentOrderComponent extends TransactionFil
     showClass() {
         return true;
     }
-    suppliers;
-    supplierFields = { text: "displayName", value: "relationNr" };
     purchasePersons;
     purchasePersonsFields = { text: "name", value: "relationId" };
     tags;
@@ -69041,9 +69104,11 @@ class TransactionPurchaseOrderFilterContentOrderComponent extends TransactionFil
     transEndDate;
     deliveryStartDate;
     deliveryEndDate;
+    setSuppliers = async (text) => {
+        return this.relationService.getSuppliersForSearch(text);
+    };
     loadCollections() {
         this._setPurchasePersons();
-        this._setSuppliers();
         this._setTags();
         this._setBranches();
         this._setPaymentConditions();
@@ -69119,13 +69184,6 @@ class TransactionPurchaseOrderFilterContentOrderComponent extends TransactionFil
             this.projectCodes = new FilterViewmodel(projectCodes, this.projectCodeFields).filterItems;
         });
     }
-    _setSuppliers() {
-        const request = new RelationRequest();
-        request.relationType = RelationKind$1.Supplier;
-        this.relationService.getRelationListObjects(request).then((relationListObjects) => {
-            this.suppliers = new FilterViewmodel(relationListObjects, this.supplierFields).filterItems;
-        });
-    }
     _setWithOrWithoutLines() {
         this.transactionService.getYesNo("NL").then((withOrWithoutLines) => {
             this.withOrWithoutLines = new FilterViewmodel(withOrWithoutLines, this.withOrWithoutLinesFields).filterItems;
@@ -69172,10 +69230,11 @@ class TransactionPurchaseOrderFilterContentOrderComponent extends TransactionFil
             <!--Leverancier-->
             <div class="filter-item-wrapper">
                 <co-transaction-filter-item [placeholder]="'SUPPLIER'"
+                                            [mode]="modes.Filterlist"
                                             [canFilterByCode]="true"
-                                            [collection]="suppliers"
                                             [(model)]="searchService.searchRequest.rangeRelationNrTr"
-                                            [mode]="modes.Filterlist"
+                                            [collectionLoadFn]="setSuppliers"
+                                            [minSearchCharsToLoadCollection]="3"
                                             (activeFilterCountChange)="onActiveFilterCountChanged($event)">
                 </co-transaction-filter-item>
             </div>
@@ -69379,10 +69438,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             <!--Leverancier-->
             <div class="filter-item-wrapper">
                 <co-transaction-filter-item [placeholder]="'SUPPLIER'"
+                                            [mode]="modes.Filterlist"
                                             [canFilterByCode]="true"
-                                            [collection]="suppliers"
                                             [(model)]="searchService.searchRequest.rangeRelationNrTr"
-                                            [mode]="modes.Filterlist"
+                                            [collectionLoadFn]="setSuppliers"
+                                            [minSearchCharsToLoadCollection]="3"
                                             (activeFilterCountChange)="onActiveFilterCountChanged($event)">
                 </co-transaction-filter-item>
             </div>
@@ -69781,8 +69841,6 @@ class TransactionSalesOrderFilterContentArticleComponent extends TransactionFilt
     turnoverGroupFields = { text: "description", value: "turnovergroupNr" };
     mainArticles;
     mainArticleFields = { text: "description", value: "articlenumber" };
-    suppliers;
-    supplierFields = { text: "displayName", value: "relationId" };
     getArticles = (text) => {
         const request = new ArticleExtendedRequest();
         request.general = text;
@@ -69790,9 +69848,11 @@ class TransactionSalesOrderFilterContentArticleComponent extends TransactionFilt
             return new FilterViewmodel(articles, { text: 'articleNumber', value: 'articleNumber' }).filterItems;
         });
     };
+    setSuppliers = async (text) => {
+        return this.relationService.getSuppliersForSearch(text);
+    };
     loadCollections() {
         this._setExceedanceCodes();
-        this._setSuppliers();
         this._setTurnoverGroups();
         this._setMainArticles();
     }
@@ -69811,13 +69871,6 @@ class TransactionSalesOrderFilterContentArticleComponent extends TransactionFilt
             this.mainArticles = new FilterViewmodel(articles, this.mainArticleFields).filterItems;
         });
     }
-    _setSuppliers() {
-        const request = new RelationRequest();
-        request.relationType = RelationKind.Supplier;
-        this.relationService.getRelationListObjects(request).then((relationListObjects) => {
-            this.suppliers = new FilterViewmodel(relationListObjects, this.supplierFields).filterItems;
-        });
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSalesOrderFilterContentArticleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TransactionSalesOrderFilterContentArticleComponent, isStandalone: false, selector: "co-transaction-sales-order-filter-content-article", host: { properties: { "class.co-transaction-search-filter-content": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
     <div class="transaction-filter-content-article-wrapper transaction-filter-content-wrapper">
@@ -69865,12 +69918,14 @@ class TransactionSalesOrderFilterContentArticleComponent extends TransactionFilt
 
       <!--Leverancier-->
       <div class="filter-item-wrapper">
-        <co-transaction-filter-item [placeholder]="'SUPPLIER'"
-                                    [collection]="suppliers"
-                                    [(model)]="searchService.searchRequest.rangeSupplier"
-                                    [mode]="modes.Filterlist"
-                                    (activeFilterCountChange)="onActiveFilterCountChanged($event)">
-        </co-transaction-filter-item>
+          <co-transaction-filter-item [placeholder]="'SUPPLIER'"
+                                      [mode]="modes.Filterlist"
+                                      [canFilterByCode]="true"
+                                      [(model)]="searchRequest.rangeSupplier"
+                                      [collectionLoadFn]="setSuppliers"
+                                      [minSearchCharsToLoadCollection]="3"
+                                      (activeFilterCountChange)="onActiveFilterCountChanged($event)">
+          </co-transaction-filter-item>
       </div>
     </div>
   `, isInline: true, dependencies: [{ kind: "component", type: TransactionFilterItemComponent, selector: "co-transaction-filter-item", inputs: ["model", "mode", "collection", "placeholder", "customContent", "singleSelect", "sliderDefaultMin", "sliderDefaultMax", "minSearchCharsToLoadCollection", "searchCollectionPlaceholder", "collectionLoadFn", "canFilterByCode"], outputs: ["modelChange", "collectionChange", "activeFilterCountChange"] }] });
@@ -69925,12 +69980,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 
       <!--Leverancier-->
       <div class="filter-item-wrapper">
-        <co-transaction-filter-item [placeholder]="'SUPPLIER'"
-                                    [collection]="suppliers"
-                                    [(model)]="searchService.searchRequest.rangeSupplier"
-                                    [mode]="modes.Filterlist"
-                                    (activeFilterCountChange)="onActiveFilterCountChanged($event)">
-        </co-transaction-filter-item>
+          <co-transaction-filter-item [placeholder]="'SUPPLIER'"
+                                      [mode]="modes.Filterlist"
+                                      [canFilterByCode]="true"
+                                      [(model)]="searchRequest.rangeSupplier"
+                                      [collectionLoadFn]="setSuppliers"
+                                      [minSearchCharsToLoadCollection]="3"
+                                      (activeFilterCountChange)="onActiveFilterCountChanged($event)">
+          </co-transaction-filter-item>
       </div>
     </div>
   `,
@@ -76715,8 +76772,6 @@ class TransactionSalesQuotationFilterContentArticleComponent extends Transaction
     turnoverGroupFields = { text: "description", value: "turnovergroupNr" };
     mainArticles;
     mainArticleFields = { text: "description", value: "articlenumber" };
-    suppliers;
-    supplierFields = { text: "displayName", value: "relationId" };
     getArticles = (text) => {
         const request = new ArticleExtendedRequest();
         request.articleNumber = text;
@@ -76724,9 +76779,11 @@ class TransactionSalesQuotationFilterContentArticleComponent extends Transaction
             return new FilterViewmodel(articles, { text: 'articleNumber', value: 'articleNumber' }).filterItems;
         });
     };
+    setSuppliers = async (text) => {
+        return this.relationService.getSuppliersForSearch(text);
+    };
     loadCollections() {
         this._setExceedanceCodes();
-        this._setSuppliers();
         this._setTurnoverGroups();
         this._setMainArticles();
     }
@@ -76745,13 +76802,6 @@ class TransactionSalesQuotationFilterContentArticleComponent extends Transaction
             this.mainArticles = new FilterViewmodel(articles, this.mainArticleFields).filterItems;
         });
     }
-    _setSuppliers() {
-        const request = new RelationRequest();
-        request.relationType = RelationKind.Supplier;
-        this.relationService.getRelationListObjects(request).then((relationListObjects) => {
-            this.suppliers = new FilterViewmodel(relationListObjects, this.supplierFields).filterItems;
-        });
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSalesQuotationFilterContentArticleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TransactionSalesQuotationFilterContentArticleComponent, isStandalone: false, selector: "co-transaction-sales-quotation-filter-content-article", host: { properties: { "class.co-transaction-sales-quotation-filter-content-article": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
         <div class="transaction-filter-content-article-wrapper transaction-filter-content-wrapper">
@@ -76800,9 +76850,11 @@ class TransactionSalesQuotationFilterContentArticleComponent extends Transaction
             <!--Leverancier-->
             <div class="filter-item-wrapper">
                 <co-transaction-filter-item [placeholder]="'SUPPLIER'"
-                                            [collection]="suppliers"
-                                            [(model)]="searchRequest.rangeSupplier"
                                             [mode]="modes.Filterlist"
+                                            [canFilterByCode]="true"
+                                            [(model)]="searchRequest.rangeSupplier"
+                                            [collectionLoadFn]="setSuppliers"
+                                            [minSearchCharsToLoadCollection]="3"
                                             (activeFilterCountChange)="onActiveFilterCountChanged($event)">
                 </co-transaction-filter-item>
             </div>
@@ -76860,9 +76912,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             <!--Leverancier-->
             <div class="filter-item-wrapper">
                 <co-transaction-filter-item [placeholder]="'SUPPLIER'"
-                                            [collection]="suppliers"
-                                            [(model)]="searchRequest.rangeSupplier"
                                             [mode]="modes.Filterlist"
+                                            [canFilterByCode]="true"
+                                            [(model)]="searchRequest.rangeSupplier"
+                                            [collectionLoadFn]="setSuppliers"
+                                            [minSearchCharsToLoadCollection]="3"
                                             (activeFilterCountChange)="onActiveFilterCountChanged($event)">
                 </co-transaction-filter-item>
             </div>
@@ -77055,8 +77109,6 @@ class TransactionCashDeskFilterContentArticleComponent extends TransactionFilter
     turnoverGroupFields = { text: "description", value: "turnovergroupNr" };
     mainArticles;
     mainArticleFields = { text: "description", value: "articlenumber" };
-    suppliers;
-    supplierFields = { text: "displayName", value: "relationId" };
     getArticles = (text) => {
         const request = new ArticleExtendedRequest();
         request.articleNumber = text;
@@ -77064,9 +77116,11 @@ class TransactionCashDeskFilterContentArticleComponent extends TransactionFilter
             return new FilterViewmodel(articles, { text: 'articleNumber', value: 'articleNumber' }).filterItems;
         });
     };
+    setSuppliers = async (text) => {
+        return this.relationService.getSuppliersForSearch(text);
+    };
     loadCollections() {
         this._setExceedanceCodes();
-        this._setSuppliers();
         this._setTurnoverGroups();
         this._setMainArticles();
     }
@@ -77085,13 +77139,6 @@ class TransactionCashDeskFilterContentArticleComponent extends TransactionFilter
             this.mainArticles = new FilterViewmodel(articles, this.mainArticleFields).filterItems;
         });
     }
-    _setSuppliers() {
-        const request = new RelationRequest();
-        request.relationType = RelationKind.Supplier;
-        this.relationService.getRelationListObjects(request).then((relationListObjects) => {
-            this.suppliers = new FilterViewmodel(relationListObjects, this.supplierFields).filterItems;
-        });
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionCashDeskFilterContentArticleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TransactionCashDeskFilterContentArticleComponent, isStandalone: false, selector: "co-transaction-cash-desk-filter-content-article", host: { properties: { "class.co-transaction-search-filter-content": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
         <div class="transaction-filter-content-article-wrapper transaction-filter-content-wrapper">
@@ -77140,9 +77187,11 @@ class TransactionCashDeskFilterContentArticleComponent extends TransactionFilter
             <!--Leverancier-->
             <div class="filter-item-wrapper">
                 <co-transaction-filter-item [placeholder]="'SUPPLIER'"
-                                            [collection]="suppliers"
-                                            [(model)]="searchService.searchRequest.rangeSupplier"
                                             [mode]="modes.Filterlist"
+                                            [canFilterByCode]="true"
+                                            [(model)]="searchService.searchRequest.rangeSupplier"
+                                            [collectionLoadFn]="setSuppliers"
+                                            [minSearchCharsToLoadCollection]="3"
                                             (activeFilterCountChange)="onActiveFilterCountChanged($event)">
                 </co-transaction-filter-item>
             </div>
@@ -77200,9 +77249,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             <!--Leverancier-->
             <div class="filter-item-wrapper">
                 <co-transaction-filter-item [placeholder]="'SUPPLIER'"
-                                            [collection]="suppliers"
-                                            [(model)]="searchService.searchRequest.rangeSupplier"
                                             [mode]="modes.Filterlist"
+                                            [canFilterByCode]="true"
+                                            [(model)]="searchService.searchRequest.rangeSupplier"
+                                            [collectionLoadFn]="setSuppliers"
+                                            [minSearchCharsToLoadCollection]="3"
                                             (activeFilterCountChange)="onActiveFilterCountChanged($event)">
                 </co-transaction-filter-item>
             </div>
@@ -79480,8 +79531,6 @@ class TransactionServiceOrderFilterContentArticleComponent extends TransactionFi
     turnoverGroupFields = { text: 'description', value: 'turnovergroupNr' };
     mainArticles;
     mainArticleFields = { text: 'description', value: 'articlenumber' };
-    suppliers;
-    supplierFields = { text: 'displayName', value: 'relationId' };
     getArticles = (text) => {
         const request = new ArticleExtendedRequest();
         request.general = text;
@@ -79489,9 +79538,11 @@ class TransactionServiceOrderFilterContentArticleComponent extends TransactionFi
             return new FilterViewmodel(articles, { text: 'articleNumber', value: 'articleNumber' }).filterItems;
         });
     };
+    setSuppliers = async (text) => {
+        return this.relationService.getSuppliersForSearch(text);
+    };
     loadCollections() {
         this._setExceedanceCodes();
-        this._setSuppliers();
         this._setTurnoverGroups();
         this._setMainArticles();
     }
@@ -79510,13 +79561,6 @@ class TransactionServiceOrderFilterContentArticleComponent extends TransactionFi
             this.mainArticles = new FilterViewmodel(articles, this.mainArticleFields).filterItems;
         });
     }
-    _setSuppliers() {
-        const request = new RelationRequest();
-        request.relationType = RelationKind.Supplier;
-        this.relationService.getRelationListObjects(request).then((relationListObjects) => {
-            this.suppliers = new FilterViewmodel(relationListObjects, this.supplierFields).filterItems;
-        });
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionServiceOrderFilterContentArticleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TransactionServiceOrderFilterContentArticleComponent, isStandalone: false, selector: "co-transaction-service-order-filter-content-article", host: { properties: { "class.co-transaction-search-filter-content": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
       <div class="transaction-filter-content-article-wrapper transaction-filter-content-wrapper">
@@ -79565,9 +79609,11 @@ class TransactionServiceOrderFilterContentArticleComponent extends TransactionFi
           <!--Leverancier-->
           <div class="filter-item-wrapper">
               <co-transaction-filter-item [placeholder]="'SUPPLIER'"
-                                          [collection]="suppliers"
-                                          [(model)]="searchService.searchRequest.rangeSupplier"
                                           [mode]="modes.Filterlist"
+                                          [canFilterByCode]="true"
+                                          [(model)]="searchService.searchRequest.rangeSupplier"
+                                          [collectionLoadFn]="setSuppliers"
+                                          [minSearchCharsToLoadCollection]="3"
                                           (activeFilterCountChange)="onActiveFilterCountChanged($event)">
               </co-transaction-filter-item>
           </div>
@@ -79625,9 +79671,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           <!--Leverancier-->
           <div class="filter-item-wrapper">
               <co-transaction-filter-item [placeholder]="'SUPPLIER'"
-                                          [collection]="suppliers"
-                                          [(model)]="searchService.searchRequest.rangeSupplier"
                                           [mode]="modes.Filterlist"
+                                          [canFilterByCode]="true"
+                                          [(model)]="searchService.searchRequest.rangeSupplier"
+                                          [collectionLoadFn]="setSuppliers"
+                                          [minSearchCharsToLoadCollection]="3"
                                           (activeFilterCountChange)="onActiveFilterCountChanged($event)">
               </co-transaction-filter-item>
           </div>
@@ -80924,8 +80972,6 @@ class TransactionInterBranchOrderFilterContentArticleComponent extends Transacti
     turnoverGroupFields = { text: "description", value: "turnovergroupNr" };
     mainArticles;
     mainArticleFields = { text: "description", value: "articlenumber" };
-    suppliers;
-    supplierFields = { text: "displayName", value: "relationId" };
     getArticles = (text) => {
         const request = new ArticleExtendedRequest();
         request.general = text;
@@ -80933,9 +80979,11 @@ class TransactionInterBranchOrderFilterContentArticleComponent extends Transacti
             return new FilterViewmodel(articles, { text: 'articleNumber', value: 'articleNumber' }).filterItems;
         });
     };
+    setSuppliers = async (text) => {
+        return this.relationService.getSuppliersForSearch(text);
+    };
     loadCollections() {
         this._setExceedanceCodes();
-        this._setSuppliers();
         this._setTurnoverGroups();
         this._setMainArticles();
     }
@@ -80954,13 +81002,6 @@ class TransactionInterBranchOrderFilterContentArticleComponent extends Transacti
             this.mainArticles = new FilterViewmodel(articles, this.mainArticleFields).filterItems;
         });
     }
-    _setSuppliers() {
-        const request = new RelationRequest();
-        request.relationType = RelationKind.Supplier;
-        this.relationService.getRelationListObjects(request).then((relationListObjects) => {
-            this.suppliers = new FilterViewmodel(relationListObjects, this.supplierFields).filterItems;
-        });
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionInterBranchOrderFilterContentArticleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TransactionInterBranchOrderFilterContentArticleComponent, isStandalone: false, selector: "co-transaction-inter-branch-order-filter-content-article", host: { properties: { "class.co-transaction-search-filter-content": "this.showClass" } }, usesInheritance: true, ngImport: i0, template: `
     <div class="transaction-filter-content-article-wrapper transaction-filter-content-wrapper">
@@ -81008,12 +81049,14 @@ class TransactionInterBranchOrderFilterContentArticleComponent extends Transacti
 
       <!--Leverancier-->
       <div class="filter-item-wrapper">
-        <co-transaction-filter-item [placeholder]="'SUPPLIER'"
-                                    [collection]="suppliers"
-                                    [(model)]="searchService.searchRequest.rangeSupplier"
-                                    [mode]="modes.Filterlist"
-                                    (activeFilterCountChange)="onActiveFilterCountChanged($event)">
-        </co-transaction-filter-item>
+          <co-transaction-filter-item [placeholder]="'SUPPLIER'"
+                                      [mode]="modes.Filterlist"
+                                      [canFilterByCode]="true"
+                                      [(model)]="searchService.searchRequest.rangeSupplier"
+                                      [collectionLoadFn]="setSuppliers"
+                                      [minSearchCharsToLoadCollection]="3"
+                                      (activeFilterCountChange)="onActiveFilterCountChanged($event)">
+          </co-transaction-filter-item>
       </div>
     </div>
   `, isInline: true, dependencies: [{ kind: "component", type: TransactionFilterItemComponent, selector: "co-transaction-filter-item", inputs: ["model", "mode", "collection", "placeholder", "customContent", "singleSelect", "sliderDefaultMin", "sliderDefaultMax", "minSearchCharsToLoadCollection", "searchCollectionPlaceholder", "collectionLoadFn", "canFilterByCode"], outputs: ["modelChange", "collectionChange", "activeFilterCountChange"] }] });
@@ -81068,12 +81111,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 
       <!--Leverancier-->
       <div class="filter-item-wrapper">
-        <co-transaction-filter-item [placeholder]="'SUPPLIER'"
-                                    [collection]="suppliers"
-                                    [(model)]="searchService.searchRequest.rangeSupplier"
-                                    [mode]="modes.Filterlist"
-                                    (activeFilterCountChange)="onActiveFilterCountChanged($event)">
-        </co-transaction-filter-item>
+          <co-transaction-filter-item [placeholder]="'SUPPLIER'"
+                                      [mode]="modes.Filterlist"
+                                      [canFilterByCode]="true"
+                                      [(model)]="searchService.searchRequest.rangeSupplier"
+                                      [collectionLoadFn]="setSuppliers"
+                                      [minSearchCharsToLoadCollection]="3"
+                                      (activeFilterCountChange)="onActiveFilterCountChanged($event)">
+          </co-transaction-filter-item>
       </div>
     </div>
   `,
@@ -94275,6 +94320,7 @@ class TransactionQuickAccessOrderDeliveryComponent extends TransactionQuickAcces
     canDeliver = false;
     allSelected = false;
     layoutCode = LayoutCode.DeliveryNote;
+    noDeliveryNote = true;
     _subs = [];
     ngOnInit() {
         this._subs.push(this.transactionEventService.allLinesSelectedForDelivery.subscribe(async () => {
@@ -94292,18 +94338,43 @@ class TransactionQuickAccessOrderDeliveryComponent extends TransactionQuickAcces
     handleSelectAllLines(value) {
         this.transactionEventService.selectAllSalesOrderLinesForDelivery.next(value);
     }
+    setNoDeliveryNoteModel() {
+        // null or undefined extradoc value means print all types of documents
+        if (!this.transactionInfo.extraDoc || isNaN(this.transactionInfo.extraDoc)) {
+            this.noDeliveryNote = false;
+        }
+        else {
+            this.noDeliveryNote = !(this.transactionInfo.extraDoc % (ExtraDocValues.DeliveryNote * 2) >= ExtraDocValues.DeliveryNote);
+        }
+        this.changeDetector.detectChanges();
+    }
     async handleNoDeliveryNoteChanged(value) {
+        // Extradoc is a combined numeric value that describes whether we should print any or all of 4 different documents including deliveryNotes.
+        // Each document is represented by a value and these are added up to form extraDoc. See enum ExtraDocValues.
+        // However an extraDoc value or null or undefined also means we wish to print all types of documents.
         let newExtraDoc;
-        if (value) {
-            newExtraDoc = (this.transactionInfo.extraDoc - ExtraDocValues.DeliveryNote);
+        if (!this.transactionInfo.extraDoc || isNaN(this.transactionInfo.extraDoc)) {
+            if (value) {
+                newExtraDoc = (ExtraDocValues.AllDocumentsValue - ExtraDocValues.DeliveryNote);
+            }
+            else {
+                //this scenario should by all means be impossible, but let's make absolutely sure we cannot sent invalid values to the db.
+                newExtraDoc = null;
+            }
         }
         else {
-            newExtraDoc = (this.transactionInfo.extraDoc + ExtraDocValues.DeliveryNote);
+            if (value) {
+                newExtraDoc = (this.transactionInfo.extraDoc - ExtraDocValues.DeliveryNote);
+            }
+            else {
+                newExtraDoc = (this.transactionInfo.extraDoc + ExtraDocValues.DeliveryNote);
+            }
         }
         let request = new ChangeHeaderExtraDocRequest();
         request.transactionUuid = this.transactionInfo.uuid;
         request.newExtraDoc = newExtraDoc;
         await this.transactionService.changeHeaderExtraDoc(request, true);
+        setTimeout(() => { this.setNoDeliveryNoteModel(); }, 200);
     }
     getDefaultEmailAddressList() {
         return Promise.resolve([]); // Not yet provided by middle tier
@@ -94395,6 +94466,7 @@ class TransactionQuickAccessOrderDeliveryComponent extends TransactionQuickAcces
     transactionSet() {
         super.transactionSet();
         this.canDeliver = !this.transactionInfo.headerInfoStatus.isFullyDelivered;
+        this.setNoDeliveryNoteModel();
     }
     _prepareRequest(request) {
         let selectedLines = this.filterLinesForRequest();
@@ -94480,9 +94552,9 @@ class TransactionQuickAccessOrderDeliveryComponent extends TransactionQuickAcces
             ></co-input-checkbox>
           </div>
             <co-input-checkbox
-              [model]="!(transactionInfo.extraDoc % (ExtraDocValues.DeliveryNote * 2) >= ExtraDocValues.DeliveryNote)"
+              [(model)]="noDeliveryNote"
               [label]="'NO_DELIVERY_NOTE' | localize"
-              [forceReadonly]="this.transactionHeaderService.partiallyOrFullyInvoiced || this.transactionHeaderService.fullyDelivered"
+              [forceReadonly]="transactionHeaderService.partiallyOrFullyInvoiced || transactionHeaderService.fullyDelivered"
               (modelChange)="handleNoDeliveryNoteChanged($event)"
             ></co-input-checkbox>
         </div>
@@ -94549,9 +94621,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             ></co-input-checkbox>
           </div>
             <co-input-checkbox
-              [model]="!(transactionInfo.extraDoc % (ExtraDocValues.DeliveryNote * 2) >= ExtraDocValues.DeliveryNote)"
+              [(model)]="noDeliveryNote"
               [label]="'NO_DELIVERY_NOTE' | localize"
-              [forceReadonly]="this.transactionHeaderService.partiallyOrFullyInvoiced || this.transactionHeaderService.fullyDelivered"
+              [forceReadonly]="transactionHeaderService.partiallyOrFullyInvoiced || transactionHeaderService.fullyDelivered"
               (modelChange)="handleNoDeliveryNoteChanged($event)"
             ></co-input-checkbox>
         </div>
@@ -94636,7 +94708,8 @@ class TransactionQuickAccessOrderDeliveryModule {
             TransactionSendDocumentsModule,
             DigitalSignatureModule,
             TransactionUndoDeliveryModule,
-            LoaderModule], exports: [TransactionQuickAccessOrderDeliveryComponent] });
+            LoaderModule,
+            FormsModule], exports: [TransactionQuickAccessOrderDeliveryComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionQuickAccessOrderDeliveryModule, imports: [CommonModule,
             TransactionButtonBarModule,
             IconModule,
@@ -94647,7 +94720,8 @@ class TransactionQuickAccessOrderDeliveryModule {
             TransactionSendDocumentsModule,
             DigitalSignatureModule,
             TransactionUndoDeliveryModule,
-            LoaderModule] });
+            LoaderModule,
+            FormsModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionQuickAccessOrderDeliveryModule, decorators: [{
             type: NgModule,
@@ -94663,7 +94737,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         TransactionSendDocumentsModule,
                         DigitalSignatureModule,
                         TransactionUndoDeliveryModule,
-                        LoaderModule
+                        LoaderModule,
+                        FormsModule
                     ],
                     declarations: [
                         TransactionQuickAccessOrderDeliveryComponent
@@ -115032,7 +115107,7 @@ class TransactionInvoiceCheckOrderTileComponent {
         this.openTransactionEvent.emit(transNo);
     }
     handleOrderSelected(selected, data) {
-        this.selectTransactionEvent.emit(data);
+        this.selectTransactionEvent.emit({ selected: selected, order: data });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionInvoiceCheckOrderTileComponent, deps: [{ token: IconCacheService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: TransactionInvoiceCheckOrderTileComponent, isStandalone: false, selector: "co-transaction-invoice-check-order-tile", inputs: { invoiceCheckOrder: "invoiceCheckOrder" }, outputs: { lineSelectedEvent: "lineSelectedEvent", saveRowEvent: "saveRowEvent", selectAllLinesEvent: "selectAllLinesEvent", openTransactionEvent: "openTransactionEvent", selectTransactionEvent: "selectTransactionEvent" }, host: { properties: { "class.co-transaction-invoice-check-order-tile": "this.showClass" } }, ngImport: i0, template: `
@@ -115042,6 +115117,7 @@ class TransactionInvoiceCheckOrderTileComponent {
                   <div class="tile-header">
                       <div class="tile-upper-left">
                           <div class="header">
+                              <co-input-checkbox (modelChange)="handleOrderSelected($event, invoiceCheckOrder)"></co-input-checkbox>
                               <span class="bold" [textContent]="invoiceCheckOrder.transNo"></span>
                           </div>
                       </div>
@@ -115063,7 +115139,7 @@ class TransactionInvoiceCheckOrderTileComponent {
 
                       </div>
                       <div class="tile-middle-right">
-                          <co-input-checkbox (modelChange)="handleOrderSelected($event, invoiceCheckOrder)"></co-input-checkbox>
+                       
                       </div>
                   </div>
                   <div class="tile-footer">
@@ -115088,7 +115164,11 @@ class TransactionInvoiceCheckOrderTileComponent {
               </div>
           </div>
           <div class="grid-wrapper">
-              <co-simple-grid [data]="invoiceCheckOrder?.orderLines" [rowsPerPage]="8" [inlineEdit]="true" (saveRow)="handleSaveRow($event)">
+              <co-simple-grid 
+                      [data]="invoiceCheckOrder?.orderLines" 
+                      [rowsPerPage]="8" 
+                      [inlineEdit]="true" 
+                      (saveRow)="handleSaveRow($event)">
 
                   <co-simple-grid-column [width]="10" [order]="1" [textAlign]="columnAlign.Center">
                       <ng-template [templateType]="SimpleGridColumnTemplateType.Content" let-row="row">
@@ -115212,6 +115292,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                   <div class="tile-header">
                       <div class="tile-upper-left">
                           <div class="header">
+                              <co-input-checkbox (modelChange)="handleOrderSelected($event, invoiceCheckOrder)"></co-input-checkbox>
                               <span class="bold" [textContent]="invoiceCheckOrder.transNo"></span>
                           </div>
                       </div>
@@ -115233,7 +115314,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 
                       </div>
                       <div class="tile-middle-right">
-                          <co-input-checkbox (modelChange)="handleOrderSelected($event, invoiceCheckOrder)"></co-input-checkbox>
+                       
                       </div>
                   </div>
                   <div class="tile-footer">
@@ -115258,7 +115339,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
               </div>
           </div>
           <div class="grid-wrapper">
-              <co-simple-grid [data]="invoiceCheckOrder?.orderLines" [rowsPerPage]="8" [inlineEdit]="true" (saveRow)="handleSaveRow($event)">
+              <co-simple-grid 
+                      [data]="invoiceCheckOrder?.orderLines" 
+                      [rowsPerPage]="8" 
+                      [inlineEdit]="true" 
+                      (saveRow)="handleSaveRow($event)">
 
                   <co-simple-grid-column [width]="10" [order]="1" [textAlign]="columnAlign.Center">
                       <ng-template [templateType]="SimpleGridColumnTemplateType.Content" let-row="row">