@colijnit/transaction 12.1.24 → 12.1.26

package/fesm2015/colijnit-transaction.js

@@ -56,7 +56,8 @@ import { StockLocation } from '@colijnit/articleapi/build/model/stock-location.b
 import { ArticleLight } from '@colijnit/articleapi/build/model/article-light.bo';
 import { TurnoverGroupImage } from '@colijnit/articleapi/build/model/turnover-group-image.bo';
 import { MainArticle } from '@colijnit/articleapi/build/model/main-article.bo';
-import { FormMasterService, FormComponent, CoDialogModule, ButtonModule, InputComboBoxModule, InputTextModule, FormModule, InputRadioButtonModule, IconModule, InputCheckboxModule, InputListboxModule, DropDownModule, ClickoutsideModule, InputTextComponent, InputNumberPickerModule, PriceDisplayPipeModule, InputDatePickerModule, CoDialogPromptModule, MultiSelectListModule, PopupModule, CoSidebarModule, CoGridModule, CoRichTextEditorModule, Carousel3dModule, InputTextareaModule, CollapsibleModule, ColumnAlign, SimpleGridColumnDirective, SimpleGridModule, GridToolbarButtonModule, InputDateRangePickerModule, InputSearchModule, FilterItemModule, PaginationModule } from '@colijnit/corecomponents_v12';
+import { ResolveHeaderPendingReasonRequest } from '@colijnit/transactionapi/build/model/resolve-header-pending-reason-request.bo';
+import { FormMasterService, FormComponent, CoDialogModule, ButtonModule, InputComboBoxModule, InputTextModule, FormModule, InputRadioButtonModule, IconModule, InputCheckboxModule, InputListboxModule, DropDownModule, ClickoutsideModule, InputTextComponent, InputNumberPickerModule, PriceDisplayPipeModule, InputDatePickerModule, CoDialogPromptModule, MultiSelectListModule, PopupModule, CoSidebarModule, CoGridModule, CoRichTextEditorModule, Carousel3dModule, InputTextareaModule, CollapsibleModule, InputDatePickerComponent, ColumnAlign, SimpleGridColumnDirective, SimpleGridModule, GridToolbarButtonModule, InputDateRangePickerModule, InputSearchModule, CoOrientation, CoDirection, FilterItemModule, PaginationModule, PaginationBarModule, IconCollapseHandleModule } from '@colijnit/corecomponents_v12';
 import { FlexModule } from '@angular/flex-layout';
 import { CommunicationType } from '@colijnit/transactionapi/build/enum/communication-type.enum';
 import { ContactOption } from '@colijnit/transactionapi/build/model/contact-option.bo';
@@ -73,11 +74,13 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
 import { TransactionAddTextLineRequest } from '@colijnit/transactionapi/build/model/transaction-add-text-line-request.bo';
 import { StockStatus } from '@colijnit/transactionapi/build/enum/refcode/stock-status.enum';
+import { TransactionInfo } from '@colijnit/transactionapi/build/model/transaction-info.bo';
 import { RelationRequest } from '@colijnit/transactionapi/build/model/relation-request';
 import { Sharedapi } from '@colijnit/sharedapi/build/sharedapi';
 import { CoDocument } from '@colijnit/sharedapi/build/model/co-document.bo';
 import { KeyPadModule } from '@colijnit/sharedcomponents';
 import { DiscountType } from '@colijnit/transactionapi/build/enum/discount-type.enum';
+import { RelationKind } from '@colijnit/transactionapi/build/enum/relation-kind.enum';
 import { ReceiveGoodsForPurchaseOrderCorrectionRequest } from '@colijnit/transactionapi/build/model/receive-goods-for-purchase-order-correction-request.bo';
 import { PurchaseOrderLineReceiptCorrectionDetails } from '@colijnit/transactionapi/build/model/purchase-order-line-receipt-correction-details.bo';
 import { PurchaseOrderLineReceiptDetails } from '@colijnit/transactionapi/build/model/purchase-order-line-receipt-details.bo';
@@ -89,7 +92,6 @@ import { GetPurchasePortalLine } from '@colijnit/transactionapi/build/model/get-
 import { PurchasePortalFilters } from '@colijnit/transactionapi/build/model/purchase-portal-filters.bo';
 import { DocDeliveryBatch } from '@colijnit/transactionapi/build/model/doc-delivery-batch.bo';
 import { ArticleExtendedRequest } from '@colijnit/articleapi/build/model/article-extended-request';
-import { RelationKind } from '@colijnit/transactionapi/build/enum/relation-kind.enum';
 import { QuantityInHistoricState } from '@colijnit/transactionapi/build/enum/quantity-in-historic-state.enum';
 
 var LanguageCode;
@@ -2188,6 +2190,20 @@ class TransactionConnectorService {
             });
         });
     }
+    resolvePendingHeaderReason(pendingHeaderValues) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.connector.resolvePendingHeaderReason(pendingHeaderValues).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
     getCommissionCodes(languageCode) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
@@ -2604,6 +2620,21 @@ class TransactionConnectorService {
             }
         });
     }
+    changeHeaderTransactionDeliveryDate(uuid, date) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const request = {
+                transactionUuid: uuid,
+                newDeliveryDate: date
+            };
+            const response = yield this.connector.changeHeaderTransactionDeliveryDate(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
+            }
+            else {
+                return Promise.reject(response.validationMessagesAsString);
+            }
+        });
+    }
     changeTransactionLineCollectionCode(uuid, lineUuid, code) {
         return __awaiter(this, void 0, void 0, function* () {
             const request = {
@@ -3052,6 +3083,19 @@ class PendingReasonService {
             return success;
         });
     }
+    handleHeaderOperationStatuses(response) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!response.headerOperationStatuses || response.headerOperationStatuses.length === 0) {
+                return true;
+            }
+            let success = true;
+            for (let i = 0; i < response.headerOperationStatuses.length; i++) {
+                const status = response.headerOperationStatuses[i];
+                success = success && (yield this._handleHeaderOperationStatus(status, response.transactionInfo));
+            }
+            return success;
+        });
+    }
     _rememberCurrentTransaction(value) {
         return __awaiter(this, void 0, void 0, function* () {
             this.currentTransaction = value;
@@ -3090,6 +3134,20 @@ class PendingReasonService {
             }
         });
     }
+    _handleHeaderOperationStatus(operationStatus, transactionInfo) {
+        return __awaiter(this, void 0, void 0, function* () {
+            switch (operationStatus.pendingReasonType) {
+                case PendingReasonType.ABORTED:
+                case PendingReasonType.CANCELLED:
+                    return false;
+                case PendingReasonType.CONFIRMATION_NEEDED:
+                    return yield this._confirmHeaderAction(transactionInfo.uuid, operationStatus.pendingReason, operationStatus.pendingReasonType);
+                case PendingReasonType.NONE:
+                default:
+                    return true;
+            }
+        });
+    }
     resolvePendingLineReason(pendingLineValues) {
         return __awaiter(this, void 0, void 0, function* () {
             const response = yield this.connector.resolvePendingLineReason(pendingLineValues);
@@ -3097,6 +3155,13 @@ class PendingReasonService {
             this.handleLineOperationStatuses(response);
         });
     }
+    resolvePendingHeaderReason(pendingHeaderValues) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.resolvePendingHeaderReason(pendingHeaderValues);
+            this._rememberCurrentTransaction(response);
+            return this.handleHeaderOperationStatuses(response);
+        });
+    }
     _confirmAction(uuid, reason, type) {
         return __awaiter(this, void 0, void 0, function* () {
             const reasonRequest = new ResolveLinePendingReasonRequest(uuid, reason, type);
@@ -3106,6 +3171,14 @@ class PendingReasonService {
             // this._handleLineOperationStatus()
         });
     }
+    _confirmHeaderAction(uuid, reason, type) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const reasonRequest = new ResolveHeaderPendingReasonRequest(uuid, reason, type);
+            // const pendingReasonText: string = await this._getPendingReasonText(this.currentOperationStatus.pendingReason);
+            reasonRequest.confirmation = yield this.dialogService.showYesNo('Action', reason);
+            return yield this.resolvePendingHeaderReason(reasonRequest);
+        });
+    }
     _showReasonDialog(reason) {
         return __awaiter(this, void 0, void 0, function* () {
             this.dialogService.showInformation(reason);
@@ -3199,6 +3272,21 @@ class TransactionService extends PendingReasonService {
             return false;
         });
     }
+    updateHeaderTransactionDeliveryDate(uuid, date) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.changeHeaderTransactionDeliveryDate(uuid, date)
+                .catch((error) => {
+                // todo: do something with the error
+                return false;
+            });
+            if (response) {
+                const success = yield this.handleHeaderOperationStatuses(response);
+                this._rememberCurrentTransaction(response);
+                return success;
+            }
+            return false;
+        });
+    }
     updateQuantityTransactionLine(uuid, lineUuid, quantity) {
         return __awaiter(this, void 0, void 0, function* () {
             const response = yield this.connector.changeTransactionLineQuantity(uuid, lineUuid, quantity)
@@ -3773,10 +3861,9 @@ class CheckoutComponent {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.checkoutRelation && this.stepRelation) {
                 const valid = this.checkoutRelation.submit();
-                this.stepRelation.completed = yield this.saveRelation();
-                // if (valid) {
-                //   this.saveRelation();
-                // }
+                if (valid) {
+                    this.stepRelation.completed = yield this.saveRelation();
+                }
             }
         });
     }
@@ -3784,10 +3871,9 @@ class CheckoutComponent {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.checkoutDelivery && this.stepDelivery) {
                 const valid = this.checkoutDelivery.submit();
-                this.stepDelivery.completed = yield this.handleSaveDelivery();
-                // if (valid) {
-                //   this.handleSaveDelivery();
-                // }
+                if (valid) {
+                    this.stepDelivery.completed = yield this.handleSaveDelivery();
+                }
             }
         });
     }
@@ -6599,7 +6685,11 @@ TransactionLineComponent.decorators = [
           </div>
           <div class="transaction-line-description">
             <div class="description-wrapper">
-              <span [textContent]="line.goodDescription" class="transaction-line-description-description"></span>
+              <co-transaction-line-description class="transaction-line-description-description"
+                                               [transactionLine]="line"
+                                               [defaultEditMode]="false"
+                                               [showLabel]="false"
+              ></co-transaction-line-description>
               <span *ngIf="line.goodDescription && line.articleNumber" class="transaction-line-description-divider">|</span>
               <span [textContent]="line.articleNumber" class="transaction-line-description-sku"></span>
               <co-icon class="delete-icon" [iconData]="iconCacheService.getIcon(icons.TrashCanLight)" (click)="deleteTransactionLineClick()"></co-icon>
@@ -6944,6 +7034,7 @@ class TransactionLineFieldsBaseComponent {
     constructor() {
         this.readonly = false;
         this._transactionLine = new TransactionLineInfo();
+        this._transactionInfo = new TransactionInfo();
     }
     set transactionLine(value) {
         if (value) {
@@ -6955,15 +7046,28 @@ class TransactionLineFieldsBaseComponent {
     get transactionLine() {
         return this._transactionLine;
     }
+    set transactionInfo(value) {
+        if (value) {
+            this._transactionInfo = value;
+            this.transactionInfoSet();
+        }
+    }
+    get transactionInfo() {
+        return this._transactionInfo;
+    }
     // overridden by descendents
     transactionLineSet() {
     }
+    // overridden by descendents
+    transactionInfoSet() {
+    }
 }
 TransactionLineFieldsBaseComponent.decorators = [
     { type: Directive }
 ];
 TransactionLineFieldsBaseComponent.propDecorators = {
-    transactionLine: [{ type: Input }]
+    transactionLine: [{ type: Input }],
+    transactionInfo: [{ type: Input }]
 };
 
 class TransactionLinePriceComponent extends TransactionLineFieldsBaseComponent {
@@ -7060,6 +7164,100 @@ TransactionLinePriceModule.decorators = [
             },] }
 ];
 
+class TransactionLineDescriptionComponent extends TransactionLineFieldsBaseComponent {
+    constructor(_transactionService) {
+        super();
+        this._transactionService = _transactionService;
+        this.showLabel = true;
+        this.defaultEditMode = true;
+        this._editMode = false;
+    }
+    set child(content) {
+        if (content) {
+            this.input = content;
+            this.input.commit = (description) => this.commitDescription(description);
+            if (this._editMode) {
+                this.input.requestFocus();
+            }
+        }
+    }
+    set editMode(value) {
+        this._editMode = value;
+        if (this._editMode && this.input) {
+            this.input.doFocus();
+        }
+    }
+    get editMode() {
+        return this._editMode;
+    }
+    handleClick(event) {
+        if (!this.readonly) {
+            this.editMode = true;
+        }
+    }
+    commitDescription(description) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // todo uncomment and finish when updateGoodDescriptionTransactionLine is present in the middletier
+            // if (this.transactionLine.goodDescription !== description) {
+            //   const oldDescription = this.transactionLine.goodDescription;
+            //   const success = await this._transactionService.updateGoodDescriptionTransactionLine(this._transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, description);
+            //   if (!success) {
+            //     this.input.model = oldDescription;
+            //   }
+            //   return success;
+            // }
+            return true;
+        });
+    }
+    transactionLineSet() {
+        this.readonly = this.readonly || !this.transactionLine.articleFreeDescription;
+    }
+}
+TransactionLineDescriptionComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-line-description",
+                template: `
+    <span *ngIf="(!editMode  || readonly) && !defaultEditMode" [textContent]="transactionLine.goodDescription"></span>
+    <co-input-text #input *ngIf="editMode || defaultEditMode"
+                   [placeholder]="showLabel ? ('GOOD_DESCRIPTION' | localize) : ''"
+                   [showSaveCancel]="!readonly"
+                   [readonly]="readonly"
+                   [model]="transactionLine.goodDescription"
+                   (blur)="editMode = false"
+    ></co-input-text>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionLineDescriptionComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+TransactionLineDescriptionComponent.propDecorators = {
+    child: [{ type: ViewChild, args: ['input', { read: InputTextComponent },] }],
+    showLabel: [{ type: Input }],
+    defaultEditMode: [{ type: Input }],
+    editMode: [{ type: Input }],
+    handleClick: [{ type: HostListener, args: ["click", ["$event"],] }]
+};
+
+class TransactionLineDescriptionModule {
+}
+TransactionLineDescriptionModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    InputTextModule,
+                    PipeModule
+                ],
+                declarations: [
+                    TransactionLineDescriptionComponent
+                ],
+                exports: [
+                    TransactionLineDescriptionComponent
+                ]
+            },] }
+];
+
 class TransactionLineModule {
 }
 TransactionLineModule.decorators = [
@@ -7075,7 +7273,8 @@ TransactionLineModule.decorators = [
                     TransactionLineActionButtonsModule,
                     IconModule,
                     EditableLabelModule,
-                    TransactionLinePriceModule
+                    TransactionLinePriceModule,
+                    TransactionLineDescriptionModule
                 ],
                 declarations: [
                     TransactionLineComponent
@@ -7955,7 +8154,7 @@ CheckoutModule.decorators = [
                 entryComponents: [
                     CheckoutComponent
                 ],
-                exports: [CheckoutComponent],
+                exports: [CheckoutComponent, CheckoutOverviewRelationEditComponent],
                 bootstrap: [CheckoutComponent]
             },] }
 ];
@@ -8044,7 +8243,9 @@ class TransactionComponent {
         this._subs = [];
         this._transaction = new TransactionInfoResponse();
         this._subs.push(this._service.transactionUpdated.subscribe((transaction) => __awaiter(this, void 0, void 0, function* () {
-            this.transaction = transaction;
+            if (transaction) {
+                this.transaction = transaction;
+            }
         })));
     }
     set transaction(value) {
@@ -8154,11 +8355,9 @@ TransactionComponent.decorators = [
     </co-discount>
 
     <co-transaction-line-side-panel *ngIf="showSidePanel" @showHideSidePanel
-                                    [transactionType]="transaction.transactionInfo.transactionKind"
-                                    [activeCategory]="activeCategory"
+                                    [transactionInfo]="transaction.transactionInfo"
                                     [transactionLine]="sidePanelTransactionLine"
-                                    [transactionId]="transactionId"
-                                    [transactionInfoNr]="transaction.transactionInfo.transactionNr"
+                                    [activeCategory]="activeCategory"
                                     (cancelClick)="handleCloseSidePanel($event)"
     ></co-transaction-line-side-panel>
   `,
@@ -8458,7 +8657,11 @@ TransactionHeaderDeliveryComponent.decorators = [
     <ng-template #firstBlock>
       <div class="header-delivery-deliverydate-label co-transaction-label" [textContent]="'DELIVERY_DATE' | localize"></div>
       <div class="header-delivery-deliverydate-wrapper" [class.closed]="transactionInfo.deliveryDateDefinitive">
-        <span class="header-delivery-deliverydate" [textContent]="transactionInfo.deliveryDate | date:'dd MMM yyyy'"></span>
+        <co-transaction-header-delivery-date class="header-delivery-deliverydate"
+                                             [transactionInfo]="transactionInfo"
+                                             [defaultEditMode]="false"
+                                             [showLabel]="false"
+        ></co-transaction-header-delivery-date>
         <co-icon *ngIf="transactionInfo.deliveryDateDefinitive" [iconData]="iconService.getIcon(icons.LockKeyholeSolid)"></co-icon>
         <co-icon *ngIf="!transactionInfo.deliveryDateDefinitive" [iconData]="iconService.getIcon(icons.LockKeyholeOpenSolid)"></co-icon>
       </div>
@@ -8483,6 +8686,106 @@ TransactionHeaderDeliveryComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ["class.co-transaction-header-delivery",] }]
 };
 
+class TransactionHeaderFieldsBaseComponent {
+    constructor() {
+        this.readonly = false;
+        this._transactionInfo = new TransactionInfo();
+    }
+    set transactionInfo(value) {
+        if (value) {
+            this._transactionInfo = value;
+            this.transactionInfoSet();
+        }
+    }
+    get transactionInfo() {
+        return this._transactionInfo;
+    }
+    // overridden by descendents
+    transactionInfoSet() {
+    }
+}
+TransactionHeaderFieldsBaseComponent.decorators = [
+    { type: Directive }
+];
+TransactionHeaderFieldsBaseComponent.propDecorators = {
+    transactionInfo: [{ type: Input }]
+};
+
+class TransactionHeaderDeliveryDateComponent extends TransactionHeaderFieldsBaseComponent {
+    constructor(_transactionService) {
+        super();
+        this._transactionService = _transactionService;
+        this.showLabel = true;
+        this.defaultEditMode = true;
+        this._editMode = false;
+    }
+    set child(content) {
+        if (content) {
+            this.input = content;
+            this.input.commit = (date) => this.commitDeliveryDate(date);
+            if (this._editMode) {
+                this.input.doFocus();
+            }
+        }
+    }
+    set editMode(value) {
+        this._editMode = value;
+        if (this._editMode && this.input) {
+            this.input.doFocus();
+        }
+    }
+    get editMode() {
+        return this._editMode;
+    }
+    handleClick(event) {
+        if (!this.readonly) {
+            this.editMode = true;
+        }
+    }
+    commitDeliveryDate(date) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.transactionInfo.deliveryDate !== date) {
+                const oldDate = this.transactionInfo.deliveryDate;
+                const success = yield this._transactionService.updateHeaderTransactionDeliveryDate(this._transactionService.currentTransaction.transactionInfo.uuid, date);
+                if (!success) {
+                    this.input.model = oldDate;
+                }
+                return success;
+            }
+            return true;
+        });
+    }
+    transactionInfoSet() {
+        this.readonly = this.readonly || this.transactionInfo.deliveryDateDefinitive;
+    }
+}
+TransactionHeaderDeliveryDateComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-header-delivery-date",
+                template: `
+    <span *ngIf="(!editMode  || readonly) && !defaultEditMode" [textContent]="transactionInfo.deliveryDate | date:'dd MMM yyyy'"></span>
+    <co-input-date #input *ngIf="editMode || defaultEditMode"
+                   [placeholder]="showLabel ? ('DELIVERY_DATE' | localize) : ''"
+                   [showSaveCancel]="!readonly"
+                   [readonly]="readonly"
+                   [model]="transactionInfo.deliveryDate"
+                   (blur)="editMode = false"
+    ></co-input-date>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionHeaderDeliveryDateComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+TransactionHeaderDeliveryDateComponent.propDecorators = {
+    child: [{ type: ViewChild, args: ['input', { read: InputDatePickerComponent },] }],
+    showLabel: [{ type: Input }],
+    defaultEditMode: [{ type: Input }],
+    editMode: [{ type: Input }],
+    handleClick: [{ type: HostListener, args: ["click", ["$event"],] }]
+};
+
 class TransactionHeaderDeliveryModule {
 }
 TransactionHeaderDeliveryModule.decorators = [
@@ -8493,10 +8796,12 @@ TransactionHeaderDeliveryModule.decorators = [
                     TransactionHeaderBlockModule,
                     InputCheckboxModule,
                     IconModule,
-                    PipeModule
+                    PipeModule,
+                    InputDatePickerModule
                 ],
                 declarations: [
-                    TransactionHeaderDeliveryComponent
+                    TransactionHeaderDeliveryComponent,
+                    TransactionHeaderDeliveryDateComponent
                 ],
                 exports: [
                     TransactionHeaderDeliveryComponent
@@ -8893,6 +9198,7 @@ class TransactionLineSidePanelComponent {
         this.categories = TransactionTypeCategory;
         this.transactionTypes = TransactionKind;
         this.transactionLine = new TransactionLineInfo();
+        this.transactionInfo = new TransactionInfo();
         this.cancelClick = new EventEmitter();
     }
     showClass() {
@@ -8932,23 +9238,24 @@ TransactionLineSidePanelComponent.decorators = [
     </div>
     <div class="transaction-line-side-panel-nav-bar">
       <co-transaction-button-bar
-        [transactionType]="transactionType"
+        [transactionType]="transactionInfo.transactionKind"
         (buttonClicked)="activeCategory = $event.category"
       ></co-transaction-button-bar>
     </div>
     <div class="transaction-line-side-panel-content">
-      <ng-container [ngSwitch]="transactionType">
+      <ng-container [ngSwitch]="transactionInfo.transactionKind">
         <ng-container *ngSwitchCase="transactionTypes.PurchaseOrder">
           <co-transaction-line-side-panel-purchase
+            [transactionInfo]="transactionInfo"
             [transactionLine]="transactionLine"
-            [transactionId]="transactionId"
-            [transactionInfoNr]="transactionInfoNr"
             [category]="activeCategory"
             (quantityToReceiveChange)="quantityToReceive = $event"
           ></co-transaction-line-side-panel-purchase>
         </ng-container>
         <ng-container *ngSwitchDefault>
           <co-transaction-line-side-panel-purchase
+            [transactionInfo]="transactionInfo"
+            [transactionLine]="transactionLine"
             [category]="activeCategory"
           ></co-transaction-line-side-panel-purchase>
         </ng-container>
@@ -8964,12 +9271,10 @@ TransactionLineSidePanelComponent.ctorParameters = () => [
     { type: TransactionEventService }
 ];
 TransactionLineSidePanelComponent.propDecorators = {
-    transactionType: [{ type: Input }],
     transactionLine: [{ type: Input }],
-    transactionId: [{ type: Input }],
+    transactionInfo: [{ type: Input }],
     activeCategory: [{ type: Input }],
     cancelClick: [{ type: Output }],
-    transactionInfoNr: [{ type: Input }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-line-side-panel",] }]
 };
 
@@ -9054,7 +9359,7 @@ TransactionLineSidePanelDefaultComponent.decorators = [
         </div>
         <div class="side-panel-input-row">
           <co-transaction-line-delivery-method class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-delivery-method>
-          <co-transaction-line-delivery-date class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-delivery-date>
+          <co-transaction-line-delivery-date class="side-panel-input" [transactionLine]="transactionLine" [transactionInfo]="transactionInfo"></co-transaction-line-delivery-date>
         </div>
         <div class="side-panel-input-row">
           <co-input-text class="side-panel-input" [placeholder]="'ASSEMBLY_TIME' | localize" [readonly]="readonly"></co-input-text>
@@ -9064,7 +9369,7 @@ TransactionLineSidePanelDefaultComponent.decorators = [
           <co-input-text class="side-panel-input" [placeholder]="'MODIFICATION_TIME' | localize" [readonly]="readonly"></co-input-text>
         </div>
         <div class="side-panel-input-row">
-          <co-input-combo-box class="side-panel-input" [collection]="data" [placeholder]="'SUPPLIER' | localize" [readonly]="readonly"></co-input-combo-box>
+          <co-transaction-line-supplier class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-supplier>
           <co-input-text class="side-panel-input" [placeholder]="'ARTICLE_NR_SUPPLIER' | localize" [model]="transactionLine.articleNumber" [readonly]="readonly"></co-input-text>
         </div>
         <div class="side-panel-input-row">
@@ -9080,6 +9385,10 @@ TransactionLineSidePanelDefaultComponent.decorators = [
       [expanded]="true"
     >
       <div class="collapsible-content-wrapper">
+        <div class="side-panel-input-row">
+          <co-transaction-line-description class="side-panel-input"
+                                           [transactionLine]="transactionLine"></co-transaction-line-description>
+        </div>
         <div class="side-panel-input-row">
           <co-transaction-line-reference class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-reference>
         </div>
@@ -9107,6 +9416,7 @@ TransactionLineSidePanelDefaultComponent.ctorParameters = () => [
 ];
 TransactionLineSidePanelDefaultComponent.propDecorators = {
     transactionLine: [{ type: Input }],
+    transactionInfo: [{ type: Input }],
     cancelClick: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-line-side-panel-default",] }]
 };
@@ -9435,6 +9745,9 @@ class TransactionLineDeliveryDateComponent extends TransactionLineFieldsBaseComp
             return true;
         });
     }
+    transactionInfoSet() {
+        this.readonly = this.readonly || (this.transactionInfo.deliveryDateDefinitive || !this.transactionInfo.allowPartialDelivery);
+    }
 }
 TransactionLineDeliveryDateComponent.decorators = [
     { type: Component, args: [{
@@ -9561,6 +9874,9 @@ class TransactionLineCommissionCodeComponent extends TransactionLineFieldsBaseCo
             return true;
         });
     }
+    transactionLineSet() {
+        this.readonly = this.readonly || !this.transactionLine.articleFreeCommissionCode;
+    }
 }
 TransactionLineCommissionCodeComponent.decorators = [
     { type: Component, args: [{
@@ -9860,6 +10176,75 @@ TransactionLineSpecialDiscountModule.decorators = [
             },] }
 ];
 
+class TransactionLineSupplierComponent extends TransactionLineFieldsBaseComponent {
+    constructor(_transactionService) {
+        super();
+        this._transactionService = _transactionService;
+        this.data = [];
+        this.fields = { text: "displayName", value: "relationId" };
+    }
+    ngOnInit() {
+        const request = new RelationRequest();
+        request.relationType = RelationKind.Supplier;
+        this._transactionService.getRelationListObjects(request).then((relationListObjects) => {
+            this.data = relationListObjects;
+        });
+    }
+    commitSupplier(code) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // if (this.transactionLine.supplier !== code) {
+            //   const oldCode = this.transactionLine.supplier;
+            //   const success = await this._transactionService.updateSupplierTransactionLine(this._transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, code);
+            //   if (!success) {
+            //     // this.transactionLine.supplier = code;
+            //   }
+            //   return success;
+            // }
+            return true;
+        });
+    }
+    transactionLineSet() {
+        this.readonly = this.readonly || !this.transactionLine.articleFreeSupplier;
+    }
+}
+TransactionLineSupplierComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-line-supplier",
+                template: `
+    <co-input-combo-box
+      [collection]="data"
+      [placeholder]="'SUPPLIER' | localize"
+      [fields]="fields"
+      [readonly]="readonly"
+      [model]="tempSupplier"
+      (modelChange)="commitSupplier($event)"
+    ></co-input-combo-box>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionLineSupplierComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+
+class TransactionLineSupplierModule {
+}
+TransactionLineSupplierModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    PipeModule,
+                    InputComboBoxModule
+                ],
+                declarations: [
+                    TransactionLineSupplierComponent
+                ],
+                exports: [
+                    TransactionLineSupplierComponent
+                ]
+            },] }
+];
+
 class TransactionLineSidePanelDefaultModule {
 }
 TransactionLineSidePanelDefaultModule.decorators = [
@@ -9886,7 +10271,9 @@ TransactionLineSidePanelDefaultModule.decorators = [
                     TransactionLineWarehouseModule,
                     TransactionLineDiscountAmountModule,
                     TransactionLineQuantumDiscountModule,
-                    TransactionLineSpecialDiscountModule
+                    TransactionLineSpecialDiscountModule,
+                    TransactionLineSupplierModule,
+                    TransactionLineDescriptionModule
                 ],
                 declarations: [
                     TransactionLineSidePanelDefaultComponent
@@ -10394,6 +10781,7 @@ class TransactionSearchService {
     constructor(_transactionService) {
         this._transactionService = _transactionService;
         this.searchRequest = new TransactionSearchViewRequest();
+        this.previousSearchRequest = new TransactionSearchViewRequest();
         this.transactions = [];
         this.labelBasedOnTransactionType = new Map([
             [TransactionKind.SalesOrder, "SALESORDERS"],
@@ -10402,7 +10790,7 @@ class TransactionSearchService {
         ]);
         this.transactionsPerPage = 20;
         this.resultCount = 0;
-        this._showcasePage = 1;
+        this._currentPage = 1;
         this._transactionType = TransactionKind.SalesOrder;
     }
     set transactionType(value) {
@@ -10413,34 +10801,44 @@ class TransactionSearchService {
     get transactionType() {
         return this._transactionType;
     }
-    get showcasePage() {
-        return this._showcasePage;
+    get currentPage() {
+        return this._currentPage;
     }
-    set showcasePage(value) {
-        this._showcasePage = value;
+    set currentPage(value) {
+        this._currentPage = value;
         this.searchTransactions();
     }
     searchTransactions() {
         this.searchRequest.transactionKind = this.transactionType;
-        const lowerBound = ((this.showcasePage - 1) * this.transactionsPerPage) + 1;
+        if (this.isNewGeneralSearch()) {
+            this._currentPage = 1;
+        }
+        const lowerBound = ((this.currentPage - 1) * this.transactionsPerPage) + 1;
         this.searchRequest.paging = new PagingParameters(lowerBound, lowerBound + this.transactionsPerPage - 1, this.transactionsPerPage);
         this._transactionService.searchTransactions(this.searchRequest).then((result) => {
             this.transactions = result.transactions;
             this.resultCount = result.count;
         });
+        this.setPreviousSearchRequest();
     }
     getLabelBasedOnTransactionType() {
         return this.labelBasedOnTransactionType.get(this._transactionType);
     }
     resetFilters() {
-        const oldSearchRequest = Object.assign({}, this.searchRequest);
+        this.setPreviousSearchRequest();
         this._resetRequest();
-        this.searchRequest.general = oldSearchRequest.general;
+        this.searchRequest.general = this.previousSearchRequest.general;
         this.searchTransactions();
     }
     _resetRequest() {
         this.searchRequest = new TransactionSearchViewRequest();
     }
+    setPreviousSearchRequest() {
+        this.previousSearchRequest = Object.assign({}, this.searchRequest);
+    }
+    isNewGeneralSearch() {
+        return this.previousSearchRequest && this.previousSearchRequest.general !== this.searchRequest.general;
+    }
 }
 TransactionSearchService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TransactionSearchService_Factory() { return new TransactionSearchService(i0.ɵɵinject(TransactionService)); }, token: TransactionSearchService, providedIn: "root" });
 TransactionSearchService.decorators = [
@@ -10647,58 +11045,64 @@ TransactionSearchPurchaseOrderGridComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-search-purchase-order-grid",
                 template: `
-    <div>
-      <co-simple-grid [data]="searchService.transactions" [extraColumns]="extraColumns" [dragDropEnabled]="true" [emitDragDrop]="false"
-                      (selectRow)="onTransactionClick($event)">
-        <co-simple-grid-column [headerText]="'ACTIVE' | localize"
-                               [order]="10" [textAlign]="align.Center">
-          <ng-template #template let-row= "row">
-            <co-input-checkbox [model]="row.active" readonly></co-input-checkbox>
-          </ng-template>
-        </co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'NR' | localize" [field]="'transNr'" [order]="20"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'NAME' | localize" [field]="'relationName'"
-                               [order]="30"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'RELATION_NUMBER' | localize" [field]="'relationNr'"
-                               [order]="40"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'BRANCH' | localize" [field]="'brancheName'"
-                               [order]="50"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'ADDRESS' | localize" [field]="'adres'"
-                               [order]="70"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'REFERENCE_RELATION' | localize" [field]="'relationReference'" [order]="80"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'PREFERRED_DATE' | localize"
-                               [order]="90" [textAlign]="align.Right" [resizable]="false">
-          <ng-template #template let-row = "row">
-            <div [textContent]="row.preferredDeliveryDate | date: 'dd MMM yyyy'"></div>
-          </ng-template>
-        </co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'TRANSACTION_DATE' | localize"
-                               [order]="100" [textAlign]="align.Right" [resizable]="false">
-          <ng-template #template let-row = "row">
-            <div [textContent]="row.transDate | date:'dd MMM yyyy'"></div>
-          </ng-template>
-        </co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'ORDER_DEFINITIVE' | localize"
-                               [order]="105" [textAlign]="align.Center">
-          <ng-template #template let-row= "row">
-            <co-input-checkbox [model]="row.transactionDefinitive" readonly></co-input-checkbox>
-          </ng-template>
-        </co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'DELIVERY_DATE' | localize"
-                               [order]="110" [textAlign]="align.Right" [resizable]="false" >
-          <ng-template #template let-row = "row">
-            <div [textContent]="row.deliveryDate | date:'dd MMM yyyy'"></div>
-          </ng-template>
-        </co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'DELIVERY_DATE_DEFINITIVE' | localize"
-                               [order]="115" [textAlign]="align.Center">
-          <ng-template #template let-row= "row">
-            <co-input-checkbox [model]="row.deliveryDateDefinitive" readonly></co-input-checkbox>
-          </ng-template>
-        </co-simple-grid-column>
-      </co-simple-grid>
-    </div>
-    `,
+      <div>
+          <co-simple-grid
+                  [data]="searchService.transactions"
+                  [extraColumns]="extraColumns"
+                  [dragDropEnabled]="true"
+                  [emitDragDrop]="false"
+                  (selectRow)="onTransactionClick($event)">
+              <co-simple-grid-column [headerText]="'ACTIVE' | localize"
+                                     [order]="10" [textAlign]="align.Center">
+                  <ng-template #template let-row="row">
+                      <co-input-checkbox [model]="row.active" readonly></co-input-checkbox>
+                  </ng-template>
+              </co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'NR' | localize" [field]="'transNr'"
+                                     [order]="20"></co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'NAME' | localize" [field]="'relationName'"
+                                     [order]="30"></co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'RELATION_NUMBER' | localize" [field]="'relationNr'"
+                                     [order]="40"></co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'BRANCH' | localize" [field]="'brancheName'"
+                                     [order]="50"></co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'ADDRESS' | localize" [field]="'adres'"
+                                     [order]="70"></co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'REFERENCE_RELATION' | localize" [field]="'relationReference'"
+                                     [order]="80"></co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'PREFERRED_DATE' | localize"
+                                     [order]="90" [textAlign]="align.Right" [resizable]="false">
+                  <ng-template #template let-row="row">
+                      <div [textContent]="row.preferredDeliveryDate | date: 'dd MMM yyyy'"></div>
+                  </ng-template>
+              </co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'TRANSACTION_DATE' | localize"
+                                     [order]="100" [textAlign]="align.Right" [resizable]="false">
+                  <ng-template #template let-row="row">
+                      <div [textContent]="row.transDate | date:'dd MMM yyyy'"></div>
+                  </ng-template>
+              </co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'ORDER_DEFINITIVE' | localize"
+                                     [order]="105" [textAlign]="align.Center">
+                  <ng-template #template let-row="row">
+                      <co-input-checkbox [model]="row.transactionDefinitive" readonly></co-input-checkbox>
+                  </ng-template>
+              </co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'DELIVERY_DATE' | localize"
+                                     [order]="110" [textAlign]="align.Right" [resizable]="false">
+                  <ng-template #template let-row="row">
+                      <div [textContent]="row.deliveryDate | date:'dd MMM yyyy'"></div>
+                  </ng-template>
+              </co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'DELIVERY_DATE_DEFINITIVE' | localize"
+                                     [order]="115" [textAlign]="align.Center">
+                  <ng-template #template let-row="row">
+                      <co-input-checkbox [model]="row.deliveryDateDefinitive" readonly></co-input-checkbox>
+                  </ng-template>
+              </co-simple-grid-column>
+          </co-simple-grid>
+      </div>
+  `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
@@ -10722,57 +11126,63 @@ TransactionSearchSalesOrderGridComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-search-sales-order-grid",
                 template: `
-    <div>
-      <co-simple-grid [data]="searchService.transactions" [extraColumns]="extraColumns" [dragDropEnabled]="true" [emitDragDrop]="false"
-                      (selectRow)="onTransactionClick($event)">
-        <co-simple-grid-column [headerText]="'ACTIVE' | localize"
-                               [order]="10" [textAlign]="align.Center">
-          <ng-template #template let-row= "row">
-            <co-input-checkbox [model]="row.active" readonly></co-input-checkbox>
-          </ng-template>
-        </co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'NR' | localize" [field]="'transNr'" [order]="20"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'NAME' | localize" [field]="'relationName'"
-                               [order]="30"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'RELATION_NUMBER' | localize" [field]="'relationNr'"
-                               [order]="40"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'BRANCH' | localize" [field]="'brancheName'"
-                               [order]="50"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'ADDRESS' | localize" [field]="'adres'"
-                               [order]="70"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'REFERENCE_RELATION' | localize" [field]="'relationReference'" [order]="80"></co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'PREFERRED_DATE' | localize"
-                               [order]="90" [textAlign]="align.Right" [resizable]="false">
-          <ng-template #template let-row = "row">
-            <div [textContent]="row.preferredDeliveryDate | date: 'dd MMM yyyy'"></div>
-          </ng-template>
-        </co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'TRANSACTION_DATE' | localize"
-                               [order]="100" [textAlign]="align.Right" [resizable]="false">
-          <ng-template #template let-row = "row">
-            <div [textContent]="row.transDate | date:'dd MMM yyyy'"></div>
-          </ng-template>
-        </co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'ORDER_DEFINITIVE' | localize"
-                               [order]="105" [textAlign]="align.Center">
-          <ng-template #template let-row= "row">
-            <co-input-checkbox [model]="row.transactionDefinitive" readonly></co-input-checkbox>
-          </ng-template>
-        </co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'DELIVERY_DATE' | localize"
-                               [order]="110" [textAlign]="align.Right" [resizable]="false" >
-          <ng-template #template let-row = "row">
-            <div [textContent]="row.deliveryDate | date:'dd MMM yyyy'"></div>
-          </ng-template>
-        </co-simple-grid-column>
-        <co-simple-grid-column [headerText]="'DELIVERY_DATE_DEFINITIVE' | localize"
-                               [order]="115" [textAlign]="align.Center">
-          <ng-template #template let-row= "row">
-            <co-input-checkbox [model]="row.deliveryDateDefinitive" readonly></co-input-checkbox>
-          </ng-template>
-        </co-simple-grid-column>
-      </co-simple-grid>
-    </div>
+      <div>
+          <co-simple-grid
+                  [data]="searchService.transactions"
+                  [extraColumns]="extraColumns"
+                  [dragDropEnabled]="true"
+                  [emitDragDrop]="false"
+                  (selectRow)="onTransactionClick($event)">
+              <co-simple-grid-column [headerText]="'ACTIVE' | localize"
+                                     [order]="10" [textAlign]="align.Center">
+                  <ng-template #template let-row="row">
+                      <co-input-checkbox [model]="row.active" readonly></co-input-checkbox>
+                  </ng-template>
+              </co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'NR' | localize" [field]="'transNr'"
+                                     [order]="20"></co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'NAME' | localize" [field]="'relationName'"
+                                     [order]="30"></co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'RELATION_NUMBER' | localize" [field]="'relationNr'"
+                                     [order]="40"></co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'BRANCH' | localize" [field]="'brancheName'"
+                                     [order]="50"></co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'ADDRESS' | localize" [field]="'adres'"
+                                     [order]="70"></co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'REFERENCE_RELATION' | localize" [field]="'relationReference'"
+                                     [order]="80"></co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'PREFERRED_DATE' | localize"
+                                     [order]="90" [textAlign]="align.Right" [resizable]="false">
+                  <ng-template #template let-row="row">
+                      <div [textContent]="row.preferredDeliveryDate | date: 'dd MMM yyyy'"></div>
+                  </ng-template>
+              </co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'TRANSACTION_DATE' | localize"
+                                     [order]="100" [textAlign]="align.Right" [resizable]="false">
+                  <ng-template #template let-row="row">
+                      <div [textContent]="row.transDate | date:'dd MMM yyyy'"></div>
+                  </ng-template>
+              </co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'ORDER_DEFINITIVE' | localize"
+                                     [order]="105" [textAlign]="align.Center">
+                  <ng-template #template let-row="row">
+                      <co-input-checkbox [model]="row.transactionDefinitive" readonly></co-input-checkbox>
+                  </ng-template>
+              </co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'DELIVERY_DATE' | localize"
+                                     [order]="110" [textAlign]="align.Right" [resizable]="false">
+                  <ng-template #template let-row="row">
+                      <div [textContent]="row.deliveryDate | date:'dd MMM yyyy'"></div>
+                  </ng-template>
+              </co-simple-grid-column>
+              <co-simple-grid-column [headerText]="'DELIVERY_DATE_DEFINITIVE' | localize"
+                                     [order]="115" [textAlign]="align.Center">
+                  <ng-template #template let-row="row">
+                      <co-input-checkbox [model]="row.deliveryDateDefinitive" readonly></co-input-checkbox>
+                  </ng-template>
+              </co-simple-grid-column>
+          </co-simple-grid>
+      </div>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -11746,22 +12156,21 @@ class TransactionLineSidePanelPurchaseComponent {
         this.transactionLine = new TransactionLineInfo();
         this.quantityToReceiveChange = new EventEmitter();
         this.goodsReceiptStatus = new GoodsReceiptStatusWithHistory();
+        this._transactionInfo = new TransactionInfo();
     }
-    set transactionId(value) {
-        if (value) {
-            this._transactionId = value;
-            this.getGoodsReceiptStatusWithHistory();
-        }
+    set transactionInfo(value) {
+        this._transactionInfo = value;
+        this.getGoodsReceiptStatusWithHistory();
     }
-    get transactionId() {
-        return this._transactionId;
+    get transactionInfo() {
+        return this._transactionInfo;
     }
     showClass() {
         return true;
     }
     getGoodsReceiptStatusWithHistory() {
         return __awaiter(this, void 0, void 0, function* () {
-            yield this._service.getGoodsReceiptStatusWithHistory(this._transactionId, this.transactionLine.lineNr)
+            yield this._service.getGoodsReceiptStatusWithHistory(this._transactionInfo.id, this.transactionLine.lineNr)
                 .then((result) => {
                 this.goodsReceiptStatus = result;
                 this._transactionEventService.transactionLineChanged.next({ transactionLine: this.transactionLine, goodsReceiptStatus: result });
@@ -11777,25 +12186,25 @@ TransactionLineSidePanelPurchaseComponent.decorators = [
     <ng-container [ngSwitch]="category">
       <ng-container *ngSwitchCase="categories.PurchaseOrderOrderConfirmation">
         <co-transaction-confirmation-details
-          [transactionInfoNr]="transactionInfoNr"
+          [transactionInfoNr]="transactionInfo.transactionNr"
           [transactionLines]="transactionLine"
         ></co-transaction-confirmation-details>
         <co-transaction-confirmation-history
           [transactionLines]="transactionLine"
-          [transactionInfoNr]="transactionInfoNr"
-          [transactionId]="transactionId"
+          [transactionInfoNr]="transactionInfo.transactionNr"
+          [transactionId]="transactionInfo.id"
         ></co-transaction-confirmation-history>
       </ng-container>
 
       <ng-container *ngSwitchCase="categories.PurchaseOrderReceivedGoods">
         <co-transaction-receiving-goods-details
-          [transactionId]="transactionId"
+          [transactionId]="transactionInfo.id"
           [transactionLine]="transactionLine"
           [amountLeftToReceive]="goodsReceiptStatus.quantityToReceive"
           (reloadReceivingGoodsHistory)="getGoodsReceiptStatusWithHistory()"
         ></co-transaction-receiving-goods-details>
         <co-transaction-receiving-goods-history
-          [transactionId]="transactionId"
+          [transactionId]="transactionInfo.id"
           [transactionLine]="transactionLine"
           [goodsReceiptHistory]="goodsReceiptStatus.goodsReceiptHistory"
           (reloadReceivingGoodsHistory)="getGoodsReceiptStatusWithHistory()"
@@ -11804,6 +12213,7 @@ TransactionLineSidePanelPurchaseComponent.decorators = [
 
       <ng-container *ngSwitchDefault>
         <co-transaction-line-side-panel-default
+          [transactionInfo]="transactionInfo"
           [transactionLine]="transactionLine"
         ></co-transaction-line-side-panel-default>
       </ng-container>
@@ -11817,10 +12227,9 @@ TransactionLineSidePanelPurchaseComponent.ctorParameters = () => [
     { type: TransactionEventService }
 ];
 TransactionLineSidePanelPurchaseComponent.propDecorators = {
+    transactionInfo: [{ type: Input }],
     transactionLine: [{ type: Input }],
-    transactionId: [{ type: Input }],
     category: [{ type: Input }],
-    transactionInfoNr: [{ type: Input }],
     quantityToReceiveChange: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-line-side-panel-purchase",] }]
 };
@@ -12629,15 +13038,22 @@ ShoppingCartModule.decorators = [
             },] }
 ];
 
+var SearchBarViewMode;
+(function (SearchBarViewMode) {
+    SearchBarViewMode[SearchBarViewMode["Expanded"] = 0] = "Expanded";
+    SearchBarViewMode[SearchBarViewMode["Collapsed"] = 1] = "Collapsed";
+})(SearchBarViewMode || (SearchBarViewMode = {}));
 class TransactionSearchComponent {
     constructor(_transactionSearchService) {
         this._transactionSearchService = _transactionSearchService;
         this.searchViewModes = SearchViewMode;
+        this.orientations = CoOrientation;
+        this.directionRight = CoDirection.Right;
         this.activeSearchViewMode = SearchViewMode.FullScreen;
-        this.closeClick = new EventEmitter();
+        this.activeSearchBarViewMode = SearchBarViewMode.Expanded;
+        this.showFilterSidebar = false;
         this.transactionClick = new EventEmitter();
         this.searchViewModeChange = new EventEmitter();
-        this.showFilterSidebar = false;
     }
     set transactionType(value) {
         this._transactionType = value;
@@ -12652,6 +13068,9 @@ class TransactionSearchComponent {
     get fullscreen() {
         return this.activeSearchViewMode === SearchViewMode.FullScreen;
     }
+    get collapsed() {
+        return this.activeSearchBarViewMode === SearchBarViewMode.Collapsed;
+    }
     toggleFilter() {
         this.showFilterSidebar = !this.showFilterSidebar;
     }
@@ -12661,12 +13080,18 @@ class TransactionSearchComponent {
     handleResetFilter() {
         this._transactionSearchService.resetFilters();
         this.showFilterSidebar = false;
-        setTimeout(() => { this.showFilterSidebar = true; }, 10);
+        setTimeout(() => {
+            this.showFilterSidebar = true;
+        }, 10);
     }
     onTransactionClick(transaction) {
+        if (this.activeSearchViewMode === this.searchViewModes.FullScreen) {
+            this.collapseSearchBar();
+        }
+        this._scrollToTop();
         this.transactionClick.emit(transaction);
     }
-    onResizeClick() {
+    onSearchViewResizeClick() {
         if (this.activeSearchViewMode === this.searchViewModes.SideBar) {
             this.activeSearchViewMode = this.searchViewModes.FullScreen;
         }
@@ -12675,13 +13100,47 @@ class TransactionSearchComponent {
         }
         this.searchViewModeChange.emit(this.activeSearchViewMode);
     }
+    onSideCollapseHandleClick() {
+        this.toggleSearchBar();
+    }
+    toggleSearchBar() {
+        if (this.collapsed || this.fullscreen) {
+            this.expandSearchBar();
+        }
+        else {
+            this.collapseSearchBar();
+        }
+    }
+    collapseSearchBar() {
+        this.activeSearchViewMode = this.searchViewModes.SideBar;
+        this.activeSearchBarViewMode = SearchBarViewMode.Collapsed;
+        this.searchViewModeChange.emit(this.activeSearchViewMode);
+    }
+    expandSearchBar() {
+        this.activeSearchViewMode = this.searchViewModes.SideBar;
+        this.activeSearchBarViewMode = SearchBarViewMode.Expanded;
+        this.searchViewModeChange.emit(this.activeSearchViewMode);
+    }
+    calculateClasses() {
+        return {
+            'fullscreen': this.fullscreen,
+            'sidebar': !this.fullscreen,
+            'collapsed': this.collapsed,
+            'expanded': !this.collapsed,
+        };
+    }
+    _scrollToTop() {
+        document.documentElement.scrollTop = 0;
+    }
 }
 TransactionSearchComponent.decorators = [
     { type: Component, args: [{
                 selector: 'co-transaction-search',
                 template: `
-    <div class="transaction-search-wrapper" [ngClass]="fullscreen ? 'fullscreen' : 'sidebar'">
-      <div class="transaction-filter-wrapper narrow-scrollbar" [ngClass]="fullscreen ? 'fullscreen' : 'sidebar'"
+    <div class="transaction-search-wrapper"
+         [ngClass]="calculateClasses()">
+      <div class="transaction-filter-wrapper narrow-scrollbar"
+           [ngClass]="calculateClasses()"
            *ngIf="showFilterSidebar" @showHideFilterSidebar>
         <co-transaction-filter
           [transactionType]="transactionType"
@@ -12689,17 +13148,29 @@ TransactionSearchComponent.decorators = [
           (closeButtonClick)="handleHideFilter()"
           (resetFilterClick)="handleResetFilter()"></co-transaction-filter>
       </div>
-      <div class="transaction-search-result-wrapper">
+      <div class="transaction-search-result-wrapper" [ngClass]="calculateClasses()">
         <co-transaction-search-result
           [transactionType]="transactionType"
           [activeSearchViewMode]="activeSearchViewMode"
           (filterClick)="toggleFilter()"
           (transactionClick)="onTransactionClick($event)"
-          (resizeClick)="onResizeClick()"
-          (closeClick)="closeClick.emit()"
+          (resizeClick)="onSearchViewResizeClick()"
+          (closeClick)="collapseSearchBar()"
         ></co-transaction-search-result>
       </div>
     </div>
+    <div class="transaction-search-content-wrapper" [ngClass]="calculateClasses()">
+      <ng-content></ng-content>
+    </div>
+
+    <co-icon-collapse-handle
+      class="for-sidebar"
+      [ngClass]="calculateClasses()"
+      [orientation]="orientations.Vertical"
+      [arrowDirection]="directionRight"
+      [twoArrows]="true"
+      (click)="onSideCollapseHandleClick()">
+    </co-icon-collapse-handle>
   `,
                 animations: [
                     trigger("showHideFilterSidebar", [
@@ -12715,7 +13186,6 @@ TransactionSearchComponent.ctorParameters = () => [
     { type: TransactionSearchService }
 ];
 TransactionSearchComponent.propDecorators = {
-    closeClick: [{ type: Output }],
     transactionType: [{ type: Input }],
     transactionClick: [{ type: Output }],
     searchViewModeChange: [{ type: Output }],
@@ -13859,7 +14329,8 @@ TransactionSearchPurchaseOrderGridModule.decorators = [
                     CommonModule,
                     SimpleGridModule,
                     PipeModule,
-                    InputCheckboxModule
+                    InputCheckboxModule,
+                    PaginationModule
                 ],
                 declarations: [
                     TransactionSearchPurchaseOrderGridComponent
@@ -13879,7 +14350,8 @@ TransactionSearchSalesOrderGridModule.decorators = [
                     CoreModule,
                     PipeModule,
                     SimpleGridModule,
-                    InputCheckboxModule
+                    InputCheckboxModule,
+                    PaginationModule
                 ],
                 declarations: [
                     TransactionSearchSalesOrderGridComponent
@@ -14328,6 +14800,7 @@ class TransactionSearchResultComponent {
     }
     onTransactionClick(transaction) {
         this.selectedTransaction = transaction;
+        this.activeContentViewMode = this.contentViewModes.Tiles;
         this.transactionClick.emit(transaction);
     }
     onResizeClick() {
@@ -14340,8 +14813,14 @@ class TransactionSearchResultComponent {
     onFilterClick() {
         this.filterClick.emit();
     }
-    onPaginationPageChange(pageNr) {
-        this.searchService.showcasePage = pageNr;
+    onPreviousClick() {
+        this.searchService.currentPage -= 1;
+    }
+    onNextClick() {
+        this.searchService.currentPage += 1;
+    }
+    onPageClick(pageNr) {
+        this.searchService.currentPage = pageNr;
     }
 }
 TransactionSearchResultComponent.decorators = [
@@ -14362,8 +14841,7 @@ TransactionSearchResultComponent.decorators = [
 
     <div class="transaction-search-result-content-tiles-wrapper" [ngClass]="fullscreen ? 'fullscreen' : 'sidebar'"
          *ngIf="activeContentViewMode === contentViewModes.Tiles">
-      <div class="transaction-tile" *ngFor="let transaction of searchService.transactions | paginate:
-      {itemsPerPage: searchService.transactionsPerPage, currentPage: searchService.showcasePage, totalItems: searchService.resultCount}">
+      <div class="transaction-tile" *ngFor="let transaction of searchService.transactions">
         <co-transaction-search-tile
           [transaction]="transaction"
           [transactionType]="transactionType"
@@ -14372,16 +14850,26 @@ TransactionSearchResultComponent.decorators = [
         </co-transaction-search-tile>
       </div>
     </div>
-    <co-pagination *ngIf="searchService.transactions?.length > 0" [previousLabel]="'PREVIOUS' | localize"
-                   [nextLabel]="'NEXT' | localize"
-                   [autoHide]="true"
-                   (pageChange)="onPaginationPageChange($event)"></co-pagination>
+
     <div class="transaction-search-result-content-grid-wrapper" *ngIf="activeContentViewMode === contentViewModes.Grid">
       <co-transaction-search-grid
         [transactionType]="transactionType"
         (transactionClick)="onTransactionClick($event)"
       ></co-transaction-search-grid>
     </div>
+    <co-pagination-bar *ngIf="searchService.transactions?.length > 0"
+                       [currentPage]="searchService.currentPage"
+                       [itemsPerPage]="searchService.transactionsPerPage"
+                       [totalItems]="searchService.resultCount"
+                       [previousLabel]="'PREVIOUS' | localize"
+                       [nextLabel]="'NEXT' | localize"
+                       [autoHide]="true"
+                       [directionLinks]="fullscreen"
+                       [paginationRange]="!fullscreen ? 6 : 8"
+                       (previousClick)="onPreviousClick()"
+                       (nextClick)="onNextClick()"
+                       (pageClick)="onPageClick($event)">
+    </co-pagination-bar>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -14417,7 +14905,8 @@ TransactionSearchResultModule.decorators = [
                     TransactionSearchHeaderModule,
                     TransactionSearchGridModule,
                     TransactionSearchTileModule,
-                    PaginationModule
+                    PaginationModule,
+                    PaginationBarModule
                 ],
                 declarations: [
                     TransactionSearchResultComponent
@@ -15128,7 +15617,8 @@ TransactionSearchModule.decorators = [
                     TransactionSearchResultModule,
                     TransactionSalesOrderFilterModule,
                     TransactionPurchaseOrderFilterModule,
-                    TransactionFilterModule
+                    TransactionFilterModule,
+                    IconCollapseHandleModule
                 ],
                 declarations: [
                     TransactionSearchComponent
@@ -15241,5 +15731,5 @@ TransactionLineGridModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { CheckoutComponent, CheckoutModule, ShoppingCartComponent, ShoppingCartModule, ShoppingCartPreviewComponent, ShoppingCartPreviewModule, TransactionComponent, TransactionConfirmationDetailsComponent, TransactionConfirmationDetailsModule, TransactionConfirmationHistoryComponent, TransactionConfirmationHistoryModule, TransactionHeaderComponent, TransactionHeaderDeliveryComponent, TransactionHeaderDeliveryModule, TransactionHeaderModule, TransactionHeaderOrderComponent, TransactionHeaderOrderModule, TransactionHeaderRelationComponent, TransactionHeaderRelationModule, TransactionLineComponent, TransactionLineGridComponent, TransactionLineGridModule, TransactionLineModule, TransactionLinesComponent, TransactionLinesModule, TransactionModule, TransactionQuickAccessComponent, TransactionQuickAccessModule, TransactionQuickAccessOrderConfirmationComponent, TransactionQuickAccessOrderConfirmationModule, TransactionQuickAccessReceivedGoodsComponent, TransactionQuickAccessReceivedGoodsModule, TransactionSearchComponent, TransactionSearchModule, TransactionService, TransactionTotalsComponent, TransactionTotalsModule, PendingReasonService as ɵa, DialogService as ɵb, RelationAddressComponent as ɵba, RelationAddressSelectModule as ɵbb, RelationAddressTileModule as ɵbc, TileModule as ɵbd, TileComponent as ɵbe, RelationAddressTileComponent as ɵbf, RelationAddressSelectComponent as ɵbg, BusinessObjectFactory as ɵbh, StepperModule as ɵbi, StepperComponent as ɵbj, StepperStepComponent as ɵbk, TransactionArticleTextModule as ɵbl, TransactionArticleTextComponent as ɵbm, TransactionArticleTextOverviewModule as ɵbn, TransactionArticleTextOverviewComponent as ɵbo, TransactionLineActionButtonsModule as ɵbp, TransactionLineActionButtonsComponent as ɵbq, EditableLabelModule as ɵbr, EditableLabelComponent as ɵbs, TransactionLinePriceModule as ɵbt, TransactionLinePriceComponent as ɵbu, TransactionLineFieldsBaseComponent as ɵbv, TransactionImageService as ɵbw, AvatarModule as ɵbx, AvatarComponent as ɵby, SharedService as ɵbz, OptionsService as ɵc, SharedConnectorService as ɵca, DeliveryTypeTileModule as ɵcb, DeliveryTypeTileComponent as ɵcc, PaymentModule as ɵcd, PaymentTileModule as ɵce, PaymentTileComponent as ɵcf, PaymentQrCodeModule as ɵcg, PaymentQrCodeComponent as ɵch, PaymentService as ɵci, PaymentComponent as ɵcj, CheckoutOverviewRelationEditComponent as ɵck, CheckoutOverviewDeliveryEditComponent as ɵcl, CheckoutOverviewDeliveryAddressComponent as ɵcm, CheckOutRelationSuggestionsListComponent as ɵcn, CheckOutRelationSuggestionsListItemComponent as ɵco, CheckoutLoginComponent as ɵcp, TransactionHeaderModule$1 as ɵcq, TransactionHeaderBlockModule as ɵcr, TransactionHeaderBlockComponent as ɵcs, TransactionBaseComponent as ɵct, TransactionHeaderPaymentModule as ɵcu, TransactionHeaderPaymentComponent as ɵcv, TransactionHeaderComponent$1 as ɵcw, TransactionLinesGridModule as ɵcx, TransactionBaseGridModule as ɵcy, TransactionLineSidePanelModule as ɵcz, DictionaryService as ɵd, TransactionLineSidePanelDefaultModule as ɵda, TransactionLinePriceListModule as ɵdb, TransactionLinePriceListComponent as ɵdc, TransactionLineVatModule as ɵdd, TransactionLineVatComponent as ɵde, TransactionLineQuantityModule as ɵdf, TransactionLineQuantityComponent as ɵdg, TransactionLineLineDiscountModule as ɵdh, TransactionLineLineDiscountComponent as ɵdi, TransactionLineDeliveryMethodModule as ɵdj, TransactionLineDeliveryMethodComponent as ɵdk, TransactionLineDeliveryDateModule as ɵdl, TransactionLineDeliveryDateComponent as ɵdm, TransactionLineReferenceModule as ɵdn, TransactionLineReferenceComponent as ɵdo, TransactionLineCommissionCodeModule as ɵdp, TransactionLineCommissionCodeComponent as ɵdq, TransactionLineWarehouseModule as ɵdr, TransactionLineWarehouseComponent as ɵds, TransactionLineDiscountAmountModule as ɵdt, TransactionLineDiscountAmountComponent as ɵdu, TransactionLineQuantumDiscountModule as ɵdv, TransactionLineQuantumDiscountComponent as ɵdw, TransactionLineSpecialDiscountModule as ɵdx, TransactionLineSpecialDiscountComponent as ɵdy, TransactionLineSidePanelDefaultComponent as ɵdz, TransactionConnectorService as ɵe, TransactionReceivingGoodsHistoryModule as ɵea, TransactionHistoryGridModule as ɵeb, TransactionHistoryGridStatusModule as ɵec, TransactionHistoryGridStatusComponent as ɵed, TransactionHistoryGridComponent as ɵee, TransactionReceivingGoodsHistoryComponent as ɵef, TransactionReceivingGoodsDetailsModule as ɵeg, TransactionReceivingGoodsDetailsComponent as ɵeh, ArticleService as ɵei, TransactionButtonBarModule as ɵej, TransactionButtonBarComponent as ɵek, TransactionMappingService as ɵel, TransactionButtonBarButtonComponent as ɵem, TransactionLineSidePanelPurchaseModule as ɵen, DefaultOkCancelButtonsModule as ɵeo, DefaultOkCancelButtonsComponent as ɵep, TransactionLineSidePanelPurchaseComponent as ɵeq, TransactionEventService as ɵer, TransactionLineSidePanelComponent as ɵes, TransactionBaseGridComponent as ɵet, TransactionGridBaseComponent as ɵeu, TransactionLinesGridComponent as ɵev, DiscountModule as ɵew, DiscountComponent as ɵex, TransactionQuickAccessOverviewModule as ɵey, TransactionQuickAccessOverviewComponent as ɵez, CollectionCacheService as ɵf, TransactionOrderConfirmationGridModule as ɵfa, TransactionOrderConfirmationGridComponent as ɵfb, TransactionReceivedGoodsGridModule as ɵfc, TransactionReceivedGoodsGridComponent as ɵfd, ViewModeButtonsModule as ɵfe, ViewModeButtonsComponent as ɵff, TransactionGridModule as ɵfg, TransactionGridComponent as ɵfh, TransactionTileModule as ɵfi, TransactionTileComponent as ɵfj, TransactionSearchService as ɵfk, TransactionSearchResultModule as ɵfl, TransactionSearchSalesOrderTileModule as ɵfm, StatusBarModule as ɵfn, StatusBarComponent as ɵfo, TransactionSearchSalesOrderTileComponent as ɵfp, TransactionSearchTileBaseComponent as ɵfq, TransactionSearchPurchaseOrderTileModule as ɵfr, TransactionSearchPurchaseOrderTileComponent as ɵfs, TransactionSearchSalesOrderGridModule as ɵft, TransactionSearchSalesOrderGridComponent as ɵfu, TransactionSearchGridBaseComponent as ɵfv, TransactionSearchPurchaseOrderGridModule as ɵfw, TransactionSearchPurchaseOrderGridComponent as ɵfx, TransactionSearchHeaderModule as ɵfy, TransactionSearchHeaderComponent as ɵfz, ArticleConnectorService as ɵg, TransactionSearchGridModule as ɵga, TransactionSearchGridComponent as ɵgb, TransactionSearchTileModule as ɵgc, TransactionSearchTileComponent as ɵgd, TransactionSearchResultComponent as ɵge, TransactionSalesOrderFilterModule as ɵgf, TransactionFilterCategoriesModule as ɵgg, TransactionFilterCategoriesComponent as ɵgh, TransactionSalesOrderFilterContentOrderModule as ɵgi, TransactionSalesOrderFilterContentOrderComponent as ɵgj, TransactionFilterContentBaseComponent as ɵgk, FilterRequestService as ɵgl, TransactionSalesOrderFilterContentLogisticsModule as ɵgm, TransactionFilterHistoricStateModule as ɵgn, TransactionFilterHistoricStateComponent as ɵgo, TransactionSalesOrderFilterContentLogisticsComponent as ɵgp, TransactionSalesOrderFilterContentArticleModule as ɵgq, TransactionSalesOrderFilterContentArticleComponent as ɵgr, TransactionSalesOrderFilterComponent as ɵgs, TransactionFilterBaseComponent as ɵgt, TransactionPurchaseOrderFilterModule as ɵgu, TransactionPurchaseOrderFilterContentOrderModule as ɵgv, TransactionPurchaseOrderFilterContentOrderComponent as ɵgw, TransactionPurchaseOrderFilterContentLogisticsModule as ɵgx, TransactionPurchaseOrderFilterContentLogisticsComponent as ɵgy, TransactionPurchaseOrderFilterContentArticleModule as ɵgz, CoreModule as ɵh, TransactionPurchaseOrderFilterContentArticleComponent as ɵha, TransactionPurchaseOrderFilterComponent as ɵhb, TransactionFilterModule as ɵhc, TransactionFilterComponent as ɵhd, ConfirmationDialogModule as ɵi, PipeModule as ɵj, AppendPipe as ɵk, DeliveryTimePipe as ɵl, DateDurationPipe as ɵm, LocalizePipe as ɵn, CoCurrencyPipe as ɵo, SafeStylePipe as ɵp, SafeHtmlPipe as ɵq, ConfirmationDialogComponent as ɵr, DialogBaseComponent as ɵs, ImageDisplayComponent as ɵt, IconComponent as ɵu, IconCacheService as ɵv, CustomerGroupsComponent as ɵw, StockStatusIndicatorComponent as ɵx, LoaderComponent as ɵy, RelationAddressModule as ɵz };
+export { CheckoutComponent, CheckoutModule, SearchBarViewMode, ShoppingCartComponent, ShoppingCartModule, ShoppingCartPreviewComponent, ShoppingCartPreviewModule, TransactionComponent, TransactionConfirmationDetailsComponent, TransactionConfirmationDetailsModule, TransactionConfirmationHistoryComponent, TransactionConfirmationHistoryModule, TransactionHeaderComponent, TransactionHeaderDeliveryComponent, TransactionHeaderDeliveryModule, TransactionHeaderModule, TransactionHeaderOrderComponent, TransactionHeaderOrderModule, TransactionHeaderRelationComponent, TransactionHeaderRelationModule, TransactionLineComponent, TransactionLineGridComponent, TransactionLineGridModule, TransactionLineModule, TransactionLinesComponent, TransactionLinesModule, TransactionModule, TransactionQuickAccessComponent, TransactionQuickAccessModule, TransactionQuickAccessOrderConfirmationComponent, TransactionQuickAccessOrderConfirmationModule, TransactionQuickAccessReceivedGoodsComponent, TransactionQuickAccessReceivedGoodsModule, TransactionSearchComponent, TransactionSearchModule, TransactionService, TransactionTotalsComponent, TransactionTotalsModule, PendingReasonService as ɵa, DialogService as ɵb, RelationAddressComponent as ɵba, RelationAddressSelectModule as ɵbb, RelationAddressTileModule as ɵbc, TileModule as ɵbd, TileComponent as ɵbe, RelationAddressTileComponent as ɵbf, RelationAddressSelectComponent as ɵbg, BusinessObjectFactory as ɵbh, StepperModule as ɵbi, StepperComponent as ɵbj, StepperStepComponent as ɵbk, TransactionArticleTextModule as ɵbl, TransactionArticleTextComponent as ɵbm, TransactionArticleTextOverviewModule as ɵbn, TransactionArticleTextOverviewComponent as ɵbo, TransactionLineActionButtonsModule as ɵbp, TransactionLineActionButtonsComponent as ɵbq, EditableLabelModule as ɵbr, EditableLabelComponent as ɵbs, TransactionLinePriceModule as ɵbt, TransactionLinePriceComponent as ɵbu, TransactionLineFieldsBaseComponent as ɵbv, TransactionLineDescriptionModule as ɵbw, TransactionLineDescriptionComponent as ɵbx, TransactionImageService as ɵby, AvatarModule as ɵbz, OptionsService as ɵc, AvatarComponent as ɵca, SharedService as ɵcb, SharedConnectorService as ɵcc, DeliveryTypeTileModule as ɵcd, DeliveryTypeTileComponent as ɵce, PaymentModule as ɵcf, PaymentTileModule as ɵcg, PaymentTileComponent as ɵch, PaymentQrCodeModule as ɵci, PaymentQrCodeComponent as ɵcj, PaymentService as ɵck, PaymentComponent as ɵcl, CheckoutOverviewRelationEditComponent as ɵcm, CheckoutOverviewDeliveryEditComponent as ɵcn, CheckoutOverviewDeliveryAddressComponent as ɵco, CheckOutRelationSuggestionsListComponent as ɵcp, CheckOutRelationSuggestionsListItemComponent as ɵcq, CheckoutLoginComponent as ɵcr, TransactionHeaderModule$1 as ɵcs, TransactionHeaderBlockModule as ɵct, TransactionHeaderBlockComponent as ɵcu, TransactionBaseComponent as ɵcv, TransactionHeaderDeliveryDateComponent as ɵcw, TransactionHeaderFieldsBaseComponent as ɵcx, TransactionHeaderPaymentModule as ɵcy, TransactionHeaderPaymentComponent as ɵcz, DictionaryService as ɵd, TransactionHeaderComponent$1 as ɵda, TransactionLinesGridModule as ɵdb, TransactionBaseGridModule as ɵdc, TransactionLineSidePanelModule as ɵdd, TransactionLineSidePanelDefaultModule as ɵde, TransactionLinePriceListModule as ɵdf, TransactionLinePriceListComponent as ɵdg, TransactionLineVatModule as ɵdh, TransactionLineVatComponent as ɵdi, TransactionLineQuantityModule as ɵdj, TransactionLineQuantityComponent as ɵdk, TransactionLineLineDiscountModule as ɵdl, TransactionLineLineDiscountComponent as ɵdm, TransactionLineDeliveryMethodModule as ɵdn, TransactionLineDeliveryMethodComponent as ɵdo, TransactionLineDeliveryDateModule as ɵdp, TransactionLineDeliveryDateComponent as ɵdq, TransactionLineReferenceModule as ɵdr, TransactionLineReferenceComponent as ɵds, TransactionLineCommissionCodeModule as ɵdt, TransactionLineCommissionCodeComponent as ɵdu, TransactionLineWarehouseModule as ɵdv, TransactionLineWarehouseComponent as ɵdw, TransactionLineDiscountAmountModule as ɵdx, TransactionLineDiscountAmountComponent as ɵdy, TransactionLineQuantumDiscountModule as ɵdz, TransactionConnectorService as ɵe, TransactionLineQuantumDiscountComponent as ɵea, TransactionLineSpecialDiscountModule as ɵeb, TransactionLineSpecialDiscountComponent as ɵec, TransactionLineSupplierModule as ɵed, TransactionLineSupplierComponent as ɵee, TransactionLineSidePanelDefaultComponent as ɵef, TransactionReceivingGoodsHistoryModule as ɵeg, TransactionHistoryGridModule as ɵeh, TransactionHistoryGridStatusModule as ɵei, TransactionHistoryGridStatusComponent as ɵej, TransactionHistoryGridComponent as ɵek, TransactionReceivingGoodsHistoryComponent as ɵel, TransactionReceivingGoodsDetailsModule as ɵem, TransactionReceivingGoodsDetailsComponent as ɵen, ArticleService as ɵeo, TransactionButtonBarModule as ɵep, TransactionButtonBarComponent as ɵeq, TransactionMappingService as ɵer, TransactionButtonBarButtonComponent as ɵes, TransactionLineSidePanelPurchaseModule as ɵet, DefaultOkCancelButtonsModule as ɵeu, DefaultOkCancelButtonsComponent as ɵev, TransactionLineSidePanelPurchaseComponent as ɵew, TransactionEventService as ɵex, TransactionLineSidePanelComponent as ɵey, TransactionBaseGridComponent as ɵez, CollectionCacheService as ɵf, TransactionGridBaseComponent as ɵfa, TransactionLinesGridComponent as ɵfb, DiscountModule as ɵfc, DiscountComponent as ɵfd, TransactionQuickAccessOverviewModule as ɵfe, TransactionQuickAccessOverviewComponent as ɵff, TransactionOrderConfirmationGridModule as ɵfg, TransactionOrderConfirmationGridComponent as ɵfh, TransactionReceivedGoodsGridModule as ɵfi, TransactionReceivedGoodsGridComponent as ɵfj, ViewModeButtonsModule as ɵfk, ViewModeButtonsComponent as ɵfl, TransactionGridModule as ɵfm, TransactionGridComponent as ɵfn, TransactionTileModule as ɵfo, TransactionTileComponent as ɵfp, TransactionSearchService as ɵfq, TransactionSearchResultModule as ɵfr, TransactionSearchSalesOrderTileModule as ɵfs, StatusBarModule as ɵft, StatusBarComponent as ɵfu, TransactionSearchSalesOrderTileComponent as ɵfv, TransactionSearchTileBaseComponent as ɵfw, TransactionSearchPurchaseOrderTileModule as ɵfx, TransactionSearchPurchaseOrderTileComponent as ɵfy, TransactionSearchSalesOrderGridModule as ɵfz, ArticleConnectorService as ɵg, TransactionSearchSalesOrderGridComponent as ɵga, TransactionSearchGridBaseComponent as ɵgb, TransactionSearchPurchaseOrderGridModule as ɵgc, TransactionSearchPurchaseOrderGridComponent as ɵgd, TransactionSearchHeaderModule as ɵge, TransactionSearchHeaderComponent as ɵgf, TransactionSearchGridModule as ɵgg, TransactionSearchGridComponent as ɵgh, TransactionSearchTileModule as ɵgi, TransactionSearchTileComponent as ɵgj, TransactionSearchResultComponent as ɵgk, TransactionSalesOrderFilterModule as ɵgl, TransactionFilterCategoriesModule as ɵgm, TransactionFilterCategoriesComponent as ɵgn, TransactionSalesOrderFilterContentOrderModule as ɵgo, TransactionSalesOrderFilterContentOrderComponent as ɵgp, TransactionFilterContentBaseComponent as ɵgq, FilterRequestService as ɵgr, TransactionSalesOrderFilterContentLogisticsModule as ɵgs, TransactionFilterHistoricStateModule as ɵgt, TransactionFilterHistoricStateComponent as ɵgu, TransactionSalesOrderFilterContentLogisticsComponent as ɵgv, TransactionSalesOrderFilterContentArticleModule as ɵgw, TransactionSalesOrderFilterContentArticleComponent as ɵgx, TransactionSalesOrderFilterComponent as ɵgy, TransactionFilterBaseComponent as ɵgz, CoreModule as ɵh, TransactionPurchaseOrderFilterModule as ɵha, TransactionPurchaseOrderFilterContentOrderModule as ɵhb, TransactionPurchaseOrderFilterContentOrderComponent as ɵhc, TransactionPurchaseOrderFilterContentLogisticsModule as ɵhd, TransactionPurchaseOrderFilterContentLogisticsComponent as ɵhe, TransactionPurchaseOrderFilterContentArticleModule as ɵhf, TransactionPurchaseOrderFilterContentArticleComponent as ɵhg, TransactionPurchaseOrderFilterComponent as ɵhh, TransactionFilterModule as ɵhi, TransactionFilterComponent as ɵhj, ConfirmationDialogModule as ɵi, PipeModule as ɵj, AppendPipe as ɵk, DeliveryTimePipe as ɵl, DateDurationPipe as ɵm, LocalizePipe as ɵn, CoCurrencyPipe as ɵo, SafeStylePipe as ɵp, SafeHtmlPipe as ɵq, ConfirmationDialogComponent as ɵr, DialogBaseComponent as ɵs, ImageDisplayComponent as ɵt, IconComponent as ɵu, IconCacheService as ɵv, CustomerGroupsComponent as ɵw, StockStatusIndicatorComponent as ɵx, LoaderComponent as ɵy, RelationAddressModule as ɵz };
 //# sourceMappingURL=colijnit-transaction.js.map